/*
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: #83C899;
}
div#sec6 h2 span {
    text-transform: lowercase !important;
}
div#Commitment1 li {
    font-size: 15px !important;
    line-height: 30px !important;
}
div#service2 div#servicein1 .hover-wrap {
    margin-bottom: 0;
}

div#service2 div#servicein1  .text5 {position: absolute;bottom: 0;left: 0;z-index: 99;right: 0;padding-bottom: 20px;}
div#service2 div#servicein1 .hover-wrap:before {content: '';position: absolute;background-color: #2f3d7e9e;width: 100%;height: 100%;z-index: 9;}
div#service1 h2 {
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
div#service2 div#servicein1 .text5 h3 span {
    color: white !important;
    font-size: 17px;
    line-height: 27px;
}

div#service1 h2 em {
    font-size: 18px !important;
    line-height: 28px !important;
    font-style: normal;
    font-weight: 100;
}
div#page-header-wrap .col.span_6 {
    margin-bottom: 0px !important;
}
#top  .b1 a {
    background-color: #83C899;
    padding: 12px 12px;
    border-radius: 10px;
}
#top .b1 a span {
    color: white;
}
#sec1 h2.ns-heading-el {
    position: relative;
    padding-bottom: 15px !important;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 20px;
}
#sec1 h2.ns-heading-el:before,div#service1  h2.ns-heading-el:before {
    content: '';
    position: absolute;
    border: 5px solid #83C899;
    width: 100%;
    bottom: 0;
    animation: 2s move linear alternate infinite;
    transform-origin: left;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@keyframes move{
    0%{
        transform:scale(0.8)
    }
}
#sec1 .buttons, #service1 .buttons {
    padding-top: 10px;
}
a#b2:hover {
    border: 1px solid white;
    filter: drop-shadow(2px 4px 6px #ccc);
}

#sec1 a.primary-color:hover,#service1 a.primary-color:hover {
    filter: drop-shadow(2px 4px 6px #ccc);
}
#sec1 a.primary-color,#service1 a.primary-color {
    padding: 25px 39px;
    background-color: white !important;
    color: black;
    font-weight: 900;
    filter: drop-shadow(0px 0px 0px #cccc);
    transition: 0.9s;
}
#sec2 .img2 {
    margin-bottom: 50px;
}
a#b2 {
    padding-block: 15px;
    background-color: white !important;
    color: black;
    border: 1px solid #83C899;
    padding-inline: 72px 13px;
    position: relative;
    font-size: 15px;
    line-height: 25px;
    font-weight: 800;
    filter: drop-shadow(0px 0px 0px #cccc);
    transition: 0.9s;
}
a#b2 i {
    position: absolute;
    left: 6%;
}
#sec3 .row-bg.viewport-desktop.using-bg-color {
    border-radius: 10px;
}
#sec4 .text1 h2 span {
    display: flex;
    align-items: center;
}
#sec4 .text1 h2 span img {
    margin-bottom: 0;
    padding-right: 11px;
}
#sec4 .text1  h1 {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 11px;
}
#sec4 
 .carousel-item {
    margin-right: 12px;
    position: relative;
}
#sec4 .carousel-item .text3 {
    position: absolute;
    top: 0;
    padding: 20px 30px;
}
#sec4 .carousel-item .text3 h3 {
    color: white;
}
#sec4 .carousel-item .hover-wrap {
    margin-bottom: 0;
}
#sec4 .owl-dots {
    display: none;
}
#sec4 .owl-nav.disabled {
    display: block;
}
#sec4 button.owl-prev span, #sec4 button.owl-next span {
    font-size: 0;
}
#sec4 button.owl-prev , #sec4 button.owl-next {
    width: 45px;
    height: 45px;
    background-color: #83C899;
    border: 0;
    position: relative;
}
#sec4 button.owl-prev:before {content: '\f060';font-family: 'FontAwesome';position: absolute;left: 0;right: 0;}
#sec4 button.owl-next:before {
    content: '\f061';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    right: 0;
}
#sec4 .owl-nav.disabled {
    position: absolute;
    bottom: 0;
    left: 0%;
    margin-left: -52%;
    margin-bottom: 9%;
}
#sec4 .owl-stage-outer {
    width: 140%;
}
div#footer-outer .row {
    border-bottom: 1px solid #ffffff4f;
    display: flex;
    align-items: center;
    padding-block: 40px !important;
}
div#footer-outer 
 div#copyright {
    padding-block: 15px !important;
}
div#footer-outer div#copyright div#text-2 {
    float: left;
}
div#footer-outer div#copyright div#text-2 strong {
    color: #83C899;
}
div#footer-outer div#copyright  div#text-3 {
    float: right;
}
div#footer-outer div#copyright  .col.span_5 {
    max-width: 100% !important;
}
div#footer-outer ul#menu-contact-info i {
    padding-right: 12px;
    font-size: 15px !important;
}
div#footer-outer ul#menu-contact-info a {
    width: 70%;
	    padding-left: 20px !important;
    position: relative !important;
}
#footer-outer ul#menu-contact-info a:before {
    content: '\f3c5';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
}
#footer-outer ul#menu-contact-info .tel a:before {
    content: '\f095';
}
#footer-outer ul#menu-contact-info .mail a:before {
    content: '\f0e0';
}

#footer-outer ul#menu-quick-links a {
    padding-left: 18px !important;
    background-image: url(https://devu2.customdev.solutions/dianne/wp-content/uploads/2025/01/icon-menu-item.svg.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
#footer-outer div#nav_menu-2 {
    margin: 0 auto;
    display: table;
}
#footer-outer div#nav_menu-3 {
    margin: 0 auto !important;
    display: table !important;
}
/* ============================================= */
/* ============================================= */
div#sec-1inr1 {
    margin-top: -389px;
}
div#sec-1inr1 img {
    width: 45%;
    margin: 0 auto;
    display: table;
}
div#sec1 .content {
    margin-top: -92px;
}

@media (max-width: 1600px) {
    #sec2 .img2 {
    margin-bottom: 59px;
}
	div#sec2 {
    margin-bottom: 0px !important;
}
	div#sec4 {
    padding-top: 50px;
    padding-bottom: 30px !important;
}
}
/* ============================================= */

@media (max-width: 1440px) {
	div#sec-1inr1 img {
    width: 40%;
    margin: 0 auto;
    display: table;
}
	div#sec-1inr1 {
    margin-top: -351px;
}
}
/* ============================================= */

@media (max-width: 1366px) {
    #sec2 .img2 {
    margin-bottom: 30px;
}
    #sec2 .img2 {
    margin-bottom: 6px;
}
#sec4 .text1 h1 {
    font-size: 30px;
    line-height: 40px;
}
#sec6 h1 {
    padding-bottom: 10px;
}
	#sec4 .carousel-item .text3 h3 {
    color: white;
    font-size: 19px !important;
}
	div#sec-1inr1 {
    margin-top: -339px;
}
}
@media (max-width: 1340px) {}
/* ============================================= */
@media (max-width: 1336px) {}
/* ============================================= */
@media (max-width: 1320px) {}
/* ============================================= */
@media (max-width: 1280px) {
	div#sec-1inr1 {
    margin-top: -329px;
}
}
/* ============================================= */
@media (max-width: 1024px) {
    #sec4 .text1 h2 {
    font-size: 23px;
    line-height: 33px;
}
    #sec2 .img2 {margin-bottom: 0px;}

#sec2 .img2, #sec2 .img22 {
    width: 95%;
}
#sec4 .text1 h1 {
    font-size: 27px;
    line-height: 36px;
}
h3 {
    font-size: 14px !important;
    line-height: 24px !important;
}
#sec4 .carousel-item .text3 {
    padding: 17px 18px;
}
#footer-outer div#media_image-2 img {width: 80%;}
p,a {
    font-size: 12px !important;
    line-height: 22px !important;
}
	#sec4 .carousel-item .text3 h3 {
    color: white;
    font-size: 15px !important;
}
	div#sec-1inr1 img {
    width: 43%;
    margin: 0 auto;
    display: table;
}
	div#sec-1inr1 {
    margin-top: -269px;
}
}
/* ============================================= */
@media (max-width: 912px) {
    #footer-outer div#nav_menu-2 {
    margin: unset;
}
div#service2 img {
    width: 100%;
}
	div#servicein1 {
    margin-bottom: 0;
}
#footer-outer div#nav_menu-3 {
    margin: unset !important;
}
	div#footer-outer .row {
    display: block;
}
    #sec4 .text1 h2 {
    margin: 0 auto;
    display: table;
    margin-bottom: 12px;
}
div#sec2 .vc_col-sm-2 {
    display: none;
}
div#sec2 div#sec2in1 .cc1 {
    width: 68%;
}
#sec2 .img2, #sec2 .img22 {
    width: 100%;
}
div#sec2 div#sec2in1 {
    margin: 0 auto;
    display: table;
    width: 80%;
}
div#sec2 div#sec2in1 .cc2 {
    width: 32%;
}
#sec2 .img2 {
    margin-bottom: 12px;
}
div#sec3 {
    text-align: center;
}
div#sec3 a#b2 {
    margin: 0 auto;
    display: table;
}
div#sec4 {
    text-align: center;
}
#sec4 .text1 h4 {
    margin: 0 auto;
    display: table;
}
h3 {
    font-size: 20px !important;
    line-height: 30px !important;
}
#sec4 .owl-nav.disabled {
    position: unset;
    margin: unset;
}
div#footer-outer ul#menu-contact-info i {
    padding-right: 7px;
    font-size: 12px !important;
}
#footer-outer div#media_image-2 img {
    width: 100%;
}
#footer-outer .col.span_4 {
    margin-bottom: 0px !important;
}
#footer-outer .widget {
    margin-bottom: 0;
}
    div#footer-outer ul#menu-contact-info a {
    width: 100%;
}
    #sec1 a.primary-color, #service1 a.primary-color {
    padding: 10px 19px;
}
	#sec4 .carousel-item .text3 h3 {
    color: white;
    font-size: 20px !important;
}
	#sec4 .carousel-item .text3 {
    position: absolute;
    padding: 20px 30px;
    bottom: 0 !important;
		top:unset;
}
div#Commitment1 {
    text-align: center;
}
	div#Commitment1 img {
    display: table;
    margin: auto;
}
	div#Commitment1 li {
    list-style: none;
}
	#sec4 .owl-stage-outer {
    width: 100%;
}
	div#sec4 .carousel-item {
    margin: 0px 50px;
}
	div#Commitment1 ol {
    margin-left: 0px !important;
}
	    div#sec-1inr1 img {
        width: 20%;
        margin: 0 auto;
        display: table;
    }
	    div#sec-1inr1 {
        margin-top: -275px;
    }
}
/* ============================================= */
@media (max-width: 800px) {}
/* ============================================= */
@media (max-width: 768px) {}
/* ============================================= */
@media (max-width: 480px) {
	div#service1 h2 {
    font-size: 22px !important;
    line-height: 32px !important;
}

div#service1 p {
    display: none;
}

div#service1 h2 em {
    font-size: 13px !important;
    line-height: 23px !important;
}
#sec1 .buttons,#service1 .buttons {
    padding-top: 0px !important;
}
#sec1 h2.ns-heading-el {
    font-size: 24px !important;
    line-height: 34px !important;
}
#sec1 p {
    font-size: 14px !important;
    line-height: 24px !important;
}
div#sec2 div#sec2in1 .cc2 {
    display: none;
}
div#sec2 div#sec2in1 .cc1 {
    width: 100%;
}
#sec4 .owl-stage-outer {
    width: 100%;
}
#sec4 .carousel-item {
    margin-inline: 50px !important;
}
h1 {
    font-size: 25px !important;
    line-height: 35px !important;
}
h2 {
    font-size: 17px !important;
    line-height: 27px !important;
}
div#footer-outer .row {
    display: block;
}
#footer-outer div#media_image-2 img {
    width: 60%;
}
#footer-outer .col.span_4 {
    margin-bottom: 30px !important;
}
div#footer-outer div#copyright div#text-2,div#footer-outer div#copyright div#text-3 {
    float: unset;
}
    #sec2 .c1 {
    margin-bottom: 0;
}
	#sec1 h2.ns-heading-el:before,div#service1  h2.ns-heading-el:before {
    border: 2px solid #83C899;
    width: 60%;
}
	div#sec4 .carousel-item {
    margin: 0px 0px;
}
	div#Commitment1 li {
    font-size: 13px !important;
}
    div#sec-1inr1 img {
        width: 65%;
        margin: 0 auto;
        display: table;
    }
	    div#sec-1inr1 {
        margin-top: 0PX;
    }
	div#sec1 .content {
    margin-top: 0PX;
}
	    div#sec2 {
        margin-bottom: 0px !important;
        PADDING-TOP: 10PX ! IMPORTANT;
    }
}
@media (max-width: 428px) {
	div#Commitment1 li {
    font-size: 11px !important;
}
}
/* ============================================= */
@media (max-width: 414px) {
	div#service1  h2 {
    margin-bottom: 19px;
    padding-bottom: 4px !important;
}
    #sec1 h2.ns-heading-el {
    font-size: 19px !important;
    line-height: 28px !important;
    margin-bottom: 19px;
    padding-bottom: 4px !important;
}

#sec1 p {
    display: none;
}
#sec4  .c1 {
    margin-bottom: 0;
}
#sec4 .carousel-item {
    margin-inline: 20px !important;
}
}
@media (max-width: 390px) {}
/* ============================================= */
@media (max-width: 375px) {}
/* ============================================= */
@media (max-width: 360px) {}
/* ============================================= */