/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: var(--nectar-accent-color);
}

.btn a {
    background: var(--nectar-accent-color);
    padding: 13px 30px !important;
/*     border-radius: 40px; */
}
.btn a:hover, #banner a.primary-color:hover, a#btn:hover {
/* 	width: 100%; */
	background: #2c559d !important;
}
.btn a, a.primary-color, a#btn {
	transition: 0.6s !important;
}
/* .btn a:before, a.primary-color:before, a#btn:before {
    content: '';
    position: absolute;
    background: #2c559d;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -9;
	transition: 0.6s;
} */
#banner .slide-bg-overlay {
    background-color: #000000fc !important;
    opacity: 0.4;
}
#banner h2 {
    margin-left: -4px;
}
#banner h2 small {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins';
    letter-spacing: 5px;
    padding-left: 6px;
}
#banner a.primary-color {
    padding: 18px 30px;
    border-radius: 0px !important;
}
#banner .buttons {
    padding-top: 10px;
}
#about .carousel-item {
    margin-inline: 60px;
}
#about .row-bg-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: linear-gradient(180deg, rgb(0 0 0 / 70%) 0%, rgba(0, 0, 0, 0) 100%);
}
#virtual .box {
    padding: 40px;
    border-left: 7px solid var(--nectar-accent-color);
}
#virtual .box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    backdrop-filter: blur(10px) !important;
    background: rgb(0 0 0 / 51%);
}
a#btn {
    font-size: 16px;
    line-height: 26px;
    padding: 16px 30px;
    border-radius: 0px !important;
}
#virtual a#btn, #buyer a#btn, #seller a#btn {
    margin-top: 15px;
}
#buyer h5, #seller h5 {
    margin-bottom: -2px;
}
#area .carousel-item {
    margin-inline: 10px;
}
#area .carousel-item img {
    height: 530px;
    object-fit: cover;
    filter: brightness(0.6);
    transition: 0.5s;
}
#area .carousel-item:hover img {
    filter: brightness(0.2) grayscale(0.4);
}
#area .carousel-item .main {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 20px;
}
#area .carousel-item .information ul {
    margin: unset;
}
#area .carousel-item .information li {
    display: inline-block;
    margin-inline: 15px;
}
#area .carousel-item .information {
    position: absolute;
    bottom: 30px;
    width: 100%;
    transform: translateY(80px);
    transition: 0.5s;
}
#area .owl-stage {
    padding-bottom: 0px;
}
#area .carousel-item:hover .information {
    transform: unset;
}
#area .carousel-item h3 {
    font-size: 30px !important;
    line-height: 40px !important;
}
#area .owl-nav {
    display: block;
}
#area .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0 !important;
    background: var(--nectar-accent-color);
    border: 1px solid var(--c);
    color: var(--c);
    font-size: 25px;
    padding: 2px 13px;
    --p: -50px;
}
#area .owl-nav button span {
    position: relative;
    bottom: 3px;
}
#area .owl-nav button.owl-prev {
    left: var(--p);
}
#area .owl-nav button.owl-next {
    right: var(--p);
}
.owl-nav button.owl-next{
     animation: bounce-left 2s infinite linear;
}
@keyframes bounce-left{
    0%,30%,50%,70%,100%{
        transform:translateX(0);
    }
    40%,60%{
        transform:translateX(5px) 
    }
}
.owl-nav button.owl-prev{
     animation: bounce-right 2s infinite linear;
}
@keyframes bounce-right{
    0%,30%,50%,70%,100%{
        transform:translateX(0) ;
    }
    40%,60%{
        transform:translateX(-5px)  ;
    }
}
#area .owl-dots {
    display: none;
}
#consulting .box {
    padding: 40px;
    border-top: 7px solid var(--nectar-accent-color);
}
#consulting .box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    backdrop-filter: blur(10px) !important;
    background: rgb(0 0 0 / 70%);
}
#consulting input#gform_submit_button_1 {
    margin: auto;
    border-radius: 0px !important;
    padding-inline: 40px !important;
}
#consulting .row-bg.viewport-desktop.using-image {
    background-attachment: fixed !important;
}
#consulting .box input, #consulting .box select, #consulting .box textarea {
    border-radius: 0px;
}
#consulting .box select option {
    background: #000000ad;
    border-radius: 0px !important;
}
#media_image-2 img {
    width: 150px;
}
#footer-widgets #nav_menu-2 {
    margin-left: 40px;
}
ul#menu-contact i {
    font-size: 15px;
    padding-right: 6px;
    color: #2c569f;
}
#copyright {
    padding-block: 20px !important;
}
#copyright {
    padding-block: 20px !important;
    border-top: 1px solid !important;
}
#news .c1 {
    padding: 0px 10px;
}
#news .c1 img {
    height: 300px;
    object-fit: cover;
	transition: 0.4s;
}
#news .c1 .text1 p {
    font-size: 13px;
    line-height: 23px;
}
#news .c1 .text1 {
    position: absolute;
    top: 0;
    margin: auto;
    display: table;
    padding-inline: 13px;
    bottom: 0;
    transition: 0.5s;
    opacity: 0;
}
#news .c1:hover img {
    filter: brightness(0.4);
}
#news .c1:hover .text1 {
    opacity: 1;
}

#footer-widgets .icn ul li {
    display: inline-block;
}
#footer-widgets .icn ul li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    transition: 0.9s !important;
    background: var(--nectar-accent-color);
    color: white;
}
#footer-widgets .icn ul li {
    margin-right: 10px;
}
#footer-widgets .icn ul {
    margin: unset;
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
	#area .carousel-item img {
    height: 420px;
}
	#area .carousel-item h3 {
    font-size: 25px !important;
    line-height: 35px !important;
}
	#area .carousel-item .information li {
    margin-inline: 5px;
    font-size: 14px !important;
    line-height: 24px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	#area .carousel-item .information li {
		margin-inline: 4px;
		font-size: 12px !important;
		line-height: 22px !important;
	}
	#area .carousel-item h3 {
    font-size: 22px !important;
    line-height: 32px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	#area .carousel-item .information li {
    margin-inline: 5px;
    font-size: 14px;
    line-height: 24px;
}
}	
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
	#area .carousel-item .information li {
    font-size: 12px;
    line-height: 22px;
}
	#area .carousel-item img {
        height: 330px;
    }
	html body h3 {
    font-size: 25px !important;
    line-height: 35px !important;
}
	#area .carousel-item h3 {
    font-size: 15px !important;
    line-height: 25px !important;
}
	    #area .carousel-item .information li {
        font-size: 10px !important;
        line-height: 20px !important;
        margin-inline: 0px !important;
    }
}		
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	#buyer {
    padding-top: 70px !important;
    padding-bottom: 60px !important;
}
	#about {
    padding-block: 70px !important;
}
	#area {
    padding-block: 70px !important;
}
	html body h5 {
    font-size: 14px !important;
    line-height: 24px !important;
}
	html body h3 {
    font-size: 30px !important;
    line-height: 40px !important;
}
	#consulting {
    padding-block: 70px !important;
}
	#footer-widgets #nav_menu-2 {
    margin-left: 0px;
}
	html body h2 {
    font-size: 45px !important;
    line-height: 55px !important;
}
	html body p {
    font-size: 14px !important;
    line-height: 24px !important;
}
	#area .owl-dots {
    margin-top: 40px;
}
	#news .c1 .text1 {
    opacity: 1;
}
	#news .c1 img {
    filter: brightness(0.4);
}
}	
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	    #area .carousel-item .information li {
        font-size: 10px !important;
        line-height: 20px !important;
        margin-inline: 5px !important;
    }
	#area .carousel-item img {
    filter: brightness(0.2) grayscale(0.4);
}
	#banner h2 small {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 4px;
    padding-left: 4px;
}
	#banner a.primary-color {
    font-size: 14px;
    line-height: 20px;
    padding: 16px 30px;
}
	#buyer {
		padding-top: 60px !important;
		padding-bottom: 40px !important;
	}
	    #about {
        padding-block: 60px !important;
    }
	    html body h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
	    html body p {
        font-size: 12px !important;
        line-height: 22px !important;
    }
	#about p br, #area p br {
    display: none;
}
	#about .carousel-item {
    margin-inline: 80px;
}
	    #area {
        padding-block: 60px !important;
    }
	#area .row_col_wrap_12.col.span_12.light.center {
    padding-inline: 40px !important;
}
	    #consulting {
        padding-block: 60px !important;
    }
	#consulting .box {
    padding: 25px;
    border-top: 7px solid var(--nectar-accent-color);
}
	html body h3 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
	#area .carousel-item .information {
    transform: translateY(0px);
}
}	
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 420px) {
	        #area .carousel-item .information li {
        font-size: 9px !important;
        line-height: 19px !important;
        margin-inline: 1px !important;
    }
}