/*
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
*/
/*---------------------header----------------------------*/
#top ul.buttons.sf-menu li#menu-item-68 a::before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-2.png);
    background-size: 100% 100%;
    position: absolute;
    height: 34px;
    width: 33px;
    top: -7px;
    left: -31px;
}
#top ul.buttons.sf-menu li#menu-item-69 a span.menu-title-text {
    background: #777777;
    color: white;
    padding: 10px 21px;
    border-radius: 20px;
    transition: 0.3s;
}
#top ul.buttons.sf-menu li#menu-item-69 a span.menu-title-text:hover {
    border: 1px solid #62a242;
    background: transparent;
    color: black;
    transition: 0.3s;
}
/* ================================================= */
.page-id-320 p {
    font-size: 16px;
    line-height: 25px;
    text-transform: math-auto;
    color: #000 !important;
}


#cf-sec input.wpcf7-form-control.wpcf7-text {
    border: 1px solid #62a242;
}
#cf-sec textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #62a242;
    height: 150px;
}
#cf-sec select#sl1 {
    border: 1px solid #62a242;
}
#cf-sec input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-sub {
    background: #62a242;
    width: 100%;
    border-radius: unset !important;
}





/*------------sec2----------------*/
div#f-sec .vc_col-sm-6 .wpb_text_column {
    padding: 100px 30px;
    min-height: 310px;
}
div#f-sec .f-sec-col3 .column-image-bg {
    background-position-y: 20% !important;
}
.f-col4 .column-image-bg {
    background-position-y: 34% !important;
}

#sec2p .owl-stage {
    padding-bottom: unset;
}
#sec2p .owl-carousel.owl-theme {
    margin: unset;
}
#sec2 .owl-nav.disabled button.owl-prev::before{
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-79.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 33%;
    left: -2px;
}
#sec2 .owl-nav.disabled button.owl-next::before{
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-78.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 33%;
    right: -2px;
}
#sec2p .owl-nav.disabled button.owl-prev::before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-79.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 53%;
    left: -2px;
}
#sec2p .owl-nav.disabled button.owl-next::before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-78.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 53%;
    right: -2px;
}
#sec2 .hd2 p {
    width: 55%;
    margin: 0 auto;
}
/* #sec2 .vc_col-sm-3 .vc_column-inner:hover .rtx21{
	    transform: scale(1);
    transition: 0.4s;
} */
 #sec2 .carousel-item:hover .rtx21{
	    transform: scale(1);
    transition: 0.4s;
}
#sec2 .rtx21 {
    background: #2A2A2A;
    padding: 25px 0px;
    width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: -3%;
    left: 10%;
    transform: scale(0);
    transition: 0.4s;
}
#sec2 .rtx21 a {
    color: #62A242;
}
#sec2 .rtx21 h5 {
    font-size: 20px;
}
#sec2 a.btn21 {
    margin: 0% auto 20px;
    display: table;
}
#sec2 #in22 .row-bg::before {
    content: "";
    background: #2a2a2a;
    height: 95%;
    width: 120%;
    top: 11px;
    left: -10%;
    position: absolute;
}
#sec2 .carousel-item {
    padding-bottom: unset;
}
#in22 h2 span {
    font-weight: 400;
    text-decoration: underline 2px;
    text-underline-offset: 6px;
}
div#in22:before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Path-6877.png);
    background-size: 100% 100%;
    position: absolute;
    height: 31px;
    width: 29px;
    top: 45%;
    z-index: 2;
    right: 235px;
}
/*------------in2p-----------*/
#sec2p p {
    padding-bottom: 5px;
}
#sec2p p {
    padding-bottom: 5px;
    font-size: 16px;
}
#sec2p .rtx25 h5 {
    font-weight: bold;
    font-size: 21px;
    line-height: 31px;
}
#sec2p .rtx25 {
    border-left: 8px solid grey;
    padding: 11px 0px 4px 25px;
    transition: 0.3s;
    margin-bottom: 12px;
}
#sec2p .rtx25:hover, #sec2p .carousel-item:hover .rtx25 {
    transition: 0.3s;
    border-color: #62A242;
}

img.img-with-animation.skip-lazy.ig23 {
    margin: 0 auto;
    width: 35%;
}
#in22 img.ig23 {
    width: 35%;
}
#sec2p a.btn2l {
    margin: 0 auto;
    display: table;
}
#sec2p .vc_col-sm-3 .vc_column-inner {
    background: white;
}
div#sec2p {
    margin-top: -32%;
}
/*-----sec3----------*/
#sec3 img.ig31 {
    width: 80%;
}
/*---------------sec4-------------------*/
#sec4 .rtx41 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000069;
    height: 100%;
    width: 100%;
    top: 0;
    color: white !important;
    font-size: 20px;
    font-weight: bold;
	transform: scale(0);
    transition: 0.4s;
}
#sec4 .vc_col-sm-4 .vc_column-inner:hover .rtx41 {
    transform: scale(1);
    transition: 0.4s;
}
#sec4 a.btn41 {
    margin: 0 auto 5%;
    display: table;
}
div#sec4 p {
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
div#sec4 .ig41 {
    width: 100%;
}
#sec4 .rtx41 {
    padding: 0px 10px;
}
#sec4 .rtx41 h5{
	color: #fff;
}
/*-----------in42-------*/
#sec4 #in42 img.ig43 {
    margin: 0 auto;
    width: 20%;
}
#sec4 #in42 h5 {
    font-size: 21px;
    width: 70%;
    margin: 0 auto;
}
#in42 .vc_col-sm-1\/5 .vc_column-inner {
    border: 2px solid #62A242;
    border-radius: 30px;
    padding: 20px 0px;
}
#in42 .vc_col-sm-1\/5 .vc_column-inner {
    border: 2px solid #62A242;
    border-radius: 30px;
    padding: 20px 0px;
    height: 160px;
}
/*----------------sec5-----------------------------*/
#sec5 img.carig1 {
    margin: 0 auto;
    width: 9%;
}
#sec5 .cartx2 p {
    padding-top: 25px;
    width: 78%;
    margin: 0 auto;
}
#sec5 .owl-nav.disabled, #sec2 .owl-nav.disabled, #sec2p .owl-nav.disabled {
    display: block;
    margin: unset;
}
#sec5 .owl-nav.disabled button.owl-prev, #sec5 .owl-nav.disabled button.owl-next, #sec2 .owl-nav.disabled button.owl-prev, #sec2 .owl-nav.disabled button.owl-next, #sec2p .owl-nav.disabled button.owl-next, #sec2p .owl-nav.disabled button.owl-prev {
    padding: unset;
    font-size: 0;
    border: unset;
    margin: unset;
}
#sec5 .owl-nav.disabled button.owl-prev::before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-79.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 32%;
    left: 27px;
}
#sec5 .owl-nav.disabled button.owl-next::before {
    content: "";
    background: url(https://samplelinksweb.com/alex/wp-content/uploads/2024/09/Group-78.png);
    background-size: 100% 100%;
    position: absolute;
    height: 38px;
    width: 38px;
    top: 32%;
	left:unset;
    right: 27px;
}
#sec5 .owl-dots {
    display: none;
}
/*-----------------sec6------------------*/
#sec6 h3.title a {
    color: #2A2A2A !important;
}
#sec6 h3.title a::before {
    content: "Learn more";
    position: absolute;
    bottom: -40px;
    font-weight: 500;
    color: #62A242;
    text-decoration: underline;
}
#sec6 .rtx61 h5 {
    font-weight: bold !important;
    font-size: 25px;
}


/*---------------------media-querie--------------*/
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1300px) {
	#top ul.sf-menu.sf-js-enabled.sf-arrows {
    padding-right: 12%;
}
}
@media (max-width: 1280px) {}
@media (max-width: 1226px) {
	#top ul.sf-menu.sf-js-enabled.sf-arrows {
    padding-right: 21%;
}
}
@media (max-width: 1024px) {
	#sec1 .content {
    top: 37% !important;
}
    #sec1 p {
        padding-bottom: 15px !important;
        padding-top: 50px !important;
    }
	#sec2 h2 {
    font-size: 35px;
    line-height: 42px;
}
	div#sec2 {
    padding-top: 30px !important;
    padding-bottom: 28% !important;
}
	#sec2 .rtx21 h5 {
    font-size: 16px;
}
	#sec2 .rtx21 {
    width: 87%;
}
	div#sec2p {
    padding-bottom: 0px !important;
}
	div#sec4 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
	#sec4 #in42 img.ig43 {
    width: 30%;
}
	div#sec6 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
	div#inf1::before {
    top: -42px;
    left: -20%;
}
	#inf2 {
    margin-bottom: unset;
    padding-bottom: 23% !important;
}
	#ftsec .ftxl2 p {
    width: 80%;
}
/* 	#ftsec img.ftig1 {
    width: 75%;
} */
	#top .container {
    padding-left: 4%;
    padding-right: 3%;
}
	#sec2 .carousel-item {
    padding-bottom: unset;
    padding-top: unset;
}
	#sec2 .owl-stage {
    padding: unset;
}
	#sec2 .owl-carousel{
    margin: unset;
}
}
/* ==========// Mobile //=========== */
@media (max-width: 820px) {
	  #sec1 p {
        padding-bottom: 15px !important;
        padding-top: unset !important;
    }
    #sec1 .content {
        top: 36% !important;
        text-align: center !important;
    }
	#sec1 a.primary-color {
    padding: 11px 17px !important;
    font-weight: 500 !important;
}
	#sec1 .swiper-slide .content .buttons {
    justify-content: center !important;
}
/* 	#sec1 .buttons {
    margin: 0 auto;
    display: table;
} */
	div#in22:before {
    top: 60%;
    right: 346px;
}
	#sec2 .owl-dots {
    display: none;
}
	div#rev-sec {
    margin: unset;
}
	#sec2 .rtx21 {
    padding: 25px 0px;
    width: 80%;
    bottom: -4%;
    left: 6%;
}
	#in22 img.ig23 {
    width: 27%;
    margin: 0 auto;
    display: table;
}
#sec2p .vc_col-sm-3 .vc_column-inner {
    background: white;
    margin: 3px 20px;
}
	#sec4 img.ig41 {
    margin: 0 auto;
    width: 60%;
}
    #sec4 #in42 img.ig43 {
        width: 16%;
    }
#in42 .vc_col-sm-1\/5 .vc_column-inner {
    border: 2px solid #62A242;
    border-radius: 30px;
    padding: 20px 0px;
    height: 147px;
    margin: 0 27%;
}
	#sec4 .rtx41 {
    width: 60%;
    left: 20%;
}
	#sec4 a.btn41 {
    margin: 0 auto 4%;
    display: table;
}
	#sec6 img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image {
    margin: 0 auto;
    width: 53%;
}
	#sec6 h3.title {
    width: 52%;
    margin: 0 auto;
}
	#sec6 .excerpt {
    width: 51%;
    font-size: 13px;
}
	#ftsec .row-bg.viewport-desktop.using-bg-color {
    width: 100%;
}
	#sec4 .row-bg.viewport-desktop.using-image {
    background-size: 70% 100%;
}
	#sec6 .excerpt {
        width: 55%;
        margin-right: auto !important;
        margin-left: auto;
    }
	#sec6 h3.title a::before {
    bottom: -40px;
    left: 43%;
}
    div#ftsec {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
	#ftsec .ftx2 span {
    color: white !important;
}
	#sec2 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
#inf2 {
        margin-bottom: unset;
        padding-bottom: 40px !important;
        padding-top: unset !important;
    }
	select#sl1 option {
    color: black;
    background: white;
}
#ftsec input.wpcf7-form-control.wpcf7-text::placeholder, #ftsec select#sl1::placeholder,#ftsec textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: white;
    opacity: 1;
}
	#ftsec .ftxl2 p {
        width: 100%;
        text-align: center !important;
    }
	.social-icon1 ul {
    display: flex;
    justify-content: center;
}
	#ftsec form .row.roww-1, #ftsec form .row.roww-2, #ftsec form .row.roww-3 {
    padding-bottom: unset;
}
	#ftsec form .roww-4 .col.span_12 {
    margin-bottom: unset;
}
	    div#inf1::before {
        top: -27px;
        left: -20%;
    }
	    div#sec2 {
        padding-top: 25px !important;
        padding-bottom: 27% !important;
    }
div#in22:before {
    top: 60%;
    right: 344px;
}
#sec5 .owl-stage {
    padding-bottom: unset;
}
    div#sec6 {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
	 div#sec2 {
        padding-top: 25px !important;
        padding-bottom: 27% !important;
    }
div#in22:before {
    top: 60%;
    right: 344px;
}
#sec5 .owl-stage {
    padding-bottom: unset;
}
    div#sec6 {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
div#in2p {
    margin: unset;
}
}
@media (max-width: 800px){}
@media (max-width: 768px) {
	div#in22:before {
    top: 60%;
    right: 324px;
}
#sec2 .owl-dots {
    display: none;
}
}
@media (max-width: 480px) {
	#ftsec img.ftig1 {
    width: 50%;
}
#ftsec form .row.roww-4 span.wpcf7-spinner {
    display: none;
}
#inf1 .vc_col-sm-7 {
    margin-bottom: 20px;
}
#sec1 h1.ns-heading-el {
    font-size: 27px;
    line-height: 32px;
}
    #sec1 p {
        padding-bottom: 5px !important;
        padding-top: unset !important;
        font-size: 14px !important;
    }
#sec1 p br {
    display: none;
}
    #sec2 h2 {
        font-size: 27px;
        line-height: 33px;
    }
#sec2 .hd2 p {
    width: 100%;
}
div#in22:before {
    	height: 23px;
    width: 20px;
    top: 64%;
    right: 200px;
}
       div#sec2p {
        padding-bottom: 0px !important;
        MARGIN: UNSET ! IMPORTANT;
        padding-top: 16px !important;
    }
    div#sec2 {
        padding-top: 15px !important;
        padding-bottom: 0% !important;
    }
#in2p .vc_col-sm-3 {
    margin-bottom: 10px;
}
#sec3 img.ig31 {
    width: 70%;
}
#sec3 .rtxmf {
    margin-bottom: unset;
}
#sec4 .hd4 h2 {
    font-size: 27px;
    line-height: 30px;
}
    div#sec4 {
        padding-top: 16px !important;
        padding-bottom: 25px !important;
    }
#sec4 .rtx4l h2 {
    font-size: 27px;
    line-height: 33px;
}
#sec4 .vc_col-sm-1\/5 {
    margin-bottom: 15px;
}
    #in42 .vc_col-sm-1\/5 .vc_column-inner {
        margin: 0 20%;
    }
    div#sec4 {
        padding-top: 15px !important;
        padding-bottom: 5px !important;
    }
#sec5 .owl-stage {
    padding: unset;
}
#sec6 .rtx61 h2 {
    font-size: 27px;
    line-height: 32px;
}
#sec6 .rtx61 h5 {
    font-weight: bold !important;
    font-size: 20px;
}
    div#sec6 {
        padding-top: 16px !important;
        padding-bottom: 10px !important;
    }
div#rev-sec {
    margin: unset;
}
#rev-sec .rtx61 h2 {
    font-size: 26px;
    line-height: 31px;
}
#rev-sec .rtx61 {
    margin: unset;
}
    #sec6 h3.title a::before {
        bottom: -31px;
        left: 42%;
        font-size: 14px;
    }
}
@media (max-width: 428px) {
#sec2 .owl-dots {
    display: none;
}
div#in22:before {
    height: 23px;
    width: 20px;
    top: 64%;
    right: 178px;
}
#sec2 a.btn21 {
    margin: 0% auto 5px;
    display: table;
}
div#in-rev {
    padding-top: 7px !important;
}
#rev-sec .ti-controls-line {
    display: none !important;
}
#ftsec .vc_col-sm-5 .vc_column-inner {
    padding-left: unset;
}
    #sec6 h3.title {
        width: 58%;
        margin: 0 auto;
    }
}
@media (max-width: 414px) {
	#sec4 .hd4 h2 {
    font-size: 24px;
    line-height: 30px;
}
#sec4 .rtx4l h2 {
    font-size: 24px;
    line-height: 30px;
}
    #sec2 .rtx21 {
        padding: 25px 0px;
        width: 80%;
        bottom: -4%;
        left: 10%;
    }
div#in22:before {
    height: 23px;
    width: 20px;
    top: 64%;
    right: 162px;
}
#sec2 h2 {
        font-size: 21px;
        line-height: 29px;
    }
#sec3 .flickity-viewport {
    margin: 0px !important;
    margin-bottom: 0px !important;
    height: 150px !important;
}
#sec4 .hd4 h2 {
    font-size: 23px;
    line-height: 30px;
}
#sec4 .rtx4l h2 {
    font-size: 22px;
    line-height: 27px;
}
#sec5 .cartx1 h3 {
    font-size: 23px;
    line-height: 29px;
}
    #sec6 img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image {
        margin: 0 auto;
        width: 72%;
    }
    #sec6 h3.title {
        width: 75%;
        margin: 0 auto;
    }
    #sec6 .excerpt {
        width: 82%;
        margin-right: auto !important;
        margin-left: auto;
    }
#rev-sec .rtx61 h2 {
    font-size: 22px;
    line-height: 27px;
}
}
@media (max-width: 390px) {
	#sec5 .owl-nav.disabled button.owl-prev::before {
    bottom: 17px;
    left: 32px;
}
		#sec5 .owl-nav.disabled button.owl-next::before {
    bottom: 17px;
    left: 32px;
}
	    #sec6 h3.title a::before {
        bottom: -31px;
        left: 39%;
        font-size: 14px;
    }
	    #sec1 h1.ns-heading-el {
        font-size: 23px;
        line-height: 29px;
    }
}
@media (max-width: 375px) {
	div#in22:before {
    height: 23px;
    width: 20px;
    top: 65%;
    right: 154px;
}
#sec3 .flickity-viewport {
    margin: 0px !important;
    margin-bottom: 0px !important;
    height: 120px !important;
}
}
@media (max-width: 360px) {
	div#in22:before {
    height: 23px;
    width: 20px;
    top: 65%;
    right: 147px;
}
	    #sec1 h1.ns-heading-el {
        font-size: 21px;
        line-height: 26px;
    }
}
