@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat-Light';
	src: url('fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
	src: url('fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
	src: url('fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
	src: url('fonts/Montserrat-ExtraBold.ttf');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none !important}
a {outline: 0 !important; text-decoration:none; color: #000;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: "Montserrat-Regular"; font-size:16px; color:#000; line-height:26px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsFlexAlCenter{align-items:center; justify-content:center;}
.dsAlignCenter{align-items:center;}
.dsFlexWrap{flex-wrap:wrap;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.zeroRightPadding{padding-right:0 !important;}
.zeroMargin{margin:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroBorder{border:none !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color: #383838; font-family: 'Montserrat-Bold'; margin-bottom: 20px; }
h3{font-size: 30px; line-height: 38px;  }
h4{font-size: 20px; line-height: 36px;  }
p{ margin-bottom: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {width: 100%; max-width:1600px; position: relative; padding:0 15px;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: none; border-radius: 5px; display:inline-block; font-family: 'Montserrat-Medium';font-size: 16px; padding:20px 30px;  color: #FFF;  text-align: center; background-color: #484848; text-transform:uppercase;}
.btn span{  font-family: 'Montserrat-Bold';margin-right:5px;}
.btn:focus, .btn:hover{color:#FFF;}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.orange-btn:hover{color:#FFF;}
section{padding: 90px  0; position: relative;}
.blackBG{background-color: #000; color: #FFF;}
.orangeBG{background-color: #d18b3c; color: #FFF;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.pink-btn{padding:15px; color:#fff; background-color: #f2236e; border: none;}
.btn-orange{ color:#fff; background-color: #ff5822; border: none;}
.btn-black{ color:#fff; background-color: #000; border: none;}
.btn-grey{color:#FFF; background:#484848; border:none;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}
.btn i{margin-left:5px;}
.scHeading{font-family: 'Montserrat-Bold'; font-size:45px; margin-bottom:30px; line-height:60px;}

.scHeading{text-align:center; font-size:48px; line-height: 58px; font-family:'Montserrat-Regular';  margin-bottom:80px; padding-bottom: 50px; position:relative; color: #000;}
.scHeading span{font-family:'Montserrat-Bold'; }
.scHeading:after{content:''; display:block; width:380px; height:10px; background:#ff5822; margin:40px auto 0 auto;}

.scHeading2{display:flex; align-items:center; gap:20px; padding-bottom:30px; margin-bottom: 30px; border-bottom:13px solid #f05a00; font-family:'Montserrat-Regular';}
.scHeading2 .icon{width:70px; flex-shrink:0;}
.scHeading2 .icon img{max-width:100%; display:block;}
.scHeading2 h2{margin:0; font-size:36px; font-family:'Montserrat-Regular'; line-height:1.2; color:#222; flex:1;}
.scHeading2 h2 span{font-weight:700; font-family:'Montserrat-Medium'; }

.txtBold{font-family: 'Montserrat-Bold' !important;}
.txtMedium{font-family: 'Montserrat-Medium';}
.htAuto{height:auto !important;}
.subpageContent strong{font-family: 'Montserrat-Medium'; font-size:30px; line-height:40px;}
.aligncenter{display:block; margin:20px auto;}
.alignright{float:right; margin:0 0 20px 20px;}
.alignleft{float:left; margin:0 20px 20px 0;}

.alert{padding:10px 15px; display:block; font-size:13px; clear:both; width:100%; text-align:center; margin:15px auto 25px auto; border-radius:5px;}
.alertDanger{ color:#f56b6b; background:#fef1f1; border:1px solid #fcd9df;}
.alertSuccess{ color:#70a874; background:#ecf3e6; border:1px solid #e3ebd5;}
/******************************************/

header{color: #383838; position: relative; z-index: 9; width: 100%; position: relative; border-bottom:10px solid #484848;}
.hTopBar{background-color: #000; padding: 20px 0; color: #FFF; text-align:right; }
.hTopBar .hTopContent{display:flex; align-items:center; justify-content:flex-end; gap:20px;}
.hTopBar .hTopContent a{color: #FFF;}
 .hTopBar .hTopContent span{font-family: 'Montserrat-ExtraBold'; color:#FFF; display: inline-block; padding-right: 8px;}
 .hTopBar .hTopContent a i{margin-right:8px;}
.hTopBar .hSocials a{width:28px; height:28px; text-align:center; display:inline-block; background:#fff; color:#000; margin:0 0 0 8px; border-radius: 5px;}
.hTopBar .hSocials a i{line-height:28px; font-size:18px; margin:0;}
.hSocials span{padding-right: 0 !important;}
.vertical_line{color: #ff5822;}
#header.scrolled{background: #FFF; border-bottom:2px solid #ff5823; backdrop-filter: blur(12px); position:fixed; top:0; left:0; right:0; padding:10px 0;}

header .hMenu > ul{display:flex; align-items:center; width:100%; padding:0; margin:0; gap:20px; justify-content:flex-end;}
header .hMenu > ul > li{list-style:none; position:relative;}
header .hMenu > ul > li > a{display:block; color:#000; font-family: 'Montserrat-Medium'; font-size:18px; padding: 0 15px; position: relative; transition: 0.4s; line-height:100px; position:relative; height:100px;}
header .hMenu > ul > li > a > i{line-height:100px; font-size:30px;}
header .hMenu  li > a.active, header .hMenu  li:hover > a{color: #ff5823;}
header .hMenu > ul > li:hover > a::before, header .hMenu > ul > li.current-menu-item > a::before{content:''; height:10px; width:100%; position:absolute; bottom:-10px; left:0; background:#ff5823;}

.hMenu li.menu-item-has-children > a::after {content: "";position: absolute;top: 47%; right: -5px;width: 0px;height: 0px;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #373a3d;}
.hMenu .subMenu {position: absolute;padding-left: 0;background-color: #FFF; border-top:10px solid #ff5823; z-index: 1;text-align: left;opacity: 0;display: none;transition: all .350s; width:110%; min-width:290px; padding:5px 0; top:110px; padding:30px;  font-size:18px;}
.hMenu .subMenu.rwSubmenu{min-width:800px; right:-300px;}
.hMenu .subMenu.elcSubmenu{min-width:1100px; right:-600px;}
.hMenu ul .menu-item-has-children:hover > .subMenu, .hMenu ul .menu-item-has-children:focus + .subMenu {opacity: 1;display: block}
.hMenu .subMenu span{font-size:28px; color:#ff5822; display:block; margin-bottom:15px; text-transform:	uppercase;}
.hMenu .subMenu ul {background:#f1f1f1;}
.hMenu .subMenu ul li {width: 100%; display:block; padding:10px; border-bottom:1px solid #000; font-family: 'Montserrat-Medium';}
.hMenu .subMenu ul li a {padding:5px 10px; display:block; font-size:16px;}
.hMenu .subMenu ul li:last-child{border:none;}

.homeBanner{height:calc(100vh - 178px); width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative;}
.banner-curve{position:absolute; bottom:0; left:0; width:100%; height:120px; fill:#fff;}
.homeBanner .container{height:100%; text-align: right;}
.hbDesc{position:absolute; display: inline-block; top:60%; right: 0; transform: translateY(-60%); color:#FFF; width:60%; max-width:800px; background-color: rgba(0,0,0,0.61); padding: 60px; z-index: 999; text-align: left;}
.hbDescTitle{font-size:clamp(24px, 4vw, 68px); line-height: clamp(34px, 5vw, 80px); text-transform: uppercase;   font-family: 'Montserrat-SemiBold'; margin-bottom: 20px; position: relative; z-index: 3;}
.hbLogo{float:right; margin:0 0 20px 20px;}
.hbDescCnt{margin-bottom: 30px;  position: relative; z-index: 3;}
.hbLinks {clear:both; display:flex; align-items:center; justify-content:flex-end;}
.hbLinks a{position: relative; z-index: 3; display: inline-block; margin-left: 25px;}
.swiper-pagination-bullets{bottom: 90px !important;}
.swiper-pagination-bullet{background-color: #FFF; width: 17px; height: 17px; border-radius:5px;}
.swiper-pagination-bullet-active{background-color: #ff5822; border-color:#FF5822;}
.circleTxt{position: relative;display: inline-block;}
.circleTxt:before{position: absolute; background: url(../images/img_circle.png); background-size:contain; background-repeat:no-repeat; background-position:center; content:'';  left: -25%; top:-30%; width:150%; height:150%; z-index:-1;}

.greyBox {margin-bottom: 20px;}
.greyBox .container{background-color: #343535; padding: 60px;}
.hmWelcome p{padding-bottom: 10px;}
.whyBox{ color: #353535; position: relative; }
.whyBox strong{font-family: 'Montserrat-SemiBold';}
.whyBox h3{color: #353535;}
.whyImage{max-height: 550px;position: relative; z-index: 2; padding-left: 70px;}
.whyImage img, .whyImage1 img{border: 12px solid #FFF;}
.whyImage1{max-height: 550px;position: relative; z-index: 2; padding-left: 10px;}
.wiOverlay{position: absolute; height: 118%; top:27%; transform: translateY(-30%); color:#FFF; width:50%;left: 58px; background-color: #000; z-index: 1;}
.wiOverlayRight{position: absolute; height: 110%; top:28%; transform: translateY(-30%); color:#FFF; width:60%;right: 0px; background-color: #000; z-index: 1;}
.wlOverlayLeft{right:auto; left:0;}
.wc_links a{margin-right: 30px;}
.pl50{padding-left: 50px;}
.crcDetails{text-align:right; margin-top:30px;}
.crcDetails span{font-size:24px;}

.hmservices{color: #FFF; background-color: #c6c5c5; background-image: url(../images/img_services_bg.png); background-position: left center; background-repeat: no-repeat; }
.serviceBox{color:#fff; width:100%; margin-bottom:80px; font-size:16px; line-height:24px; background:#000; padding:20px; position:relative; text-align: left;}
.serviceImage{height:360px; border:12px solid #fff; margin-top:-80px; display:block; position:relative;}
.serviceImage img{position:absolute; right:-25px; bottom:-30px;}
.serviceBox a{color:#fff;}
.serviceInfo{display:block; width:100%; padding:25px 0 0 0; }
.serviceTitle{display:block; font-size:20px; margin-bottom:20px;font-family: 'Montserrat-Medium';}
.serviceTitle:after{content:''; display:block; width:30%; height:10px; background:#ff6a00; margin-top:15px;}
.serviceInfo p{margin-top: 10px; height: 75px; overflow:hidden;}
.serviceInfo .view-more{ margin-top:10px; border-radius:4px; text-transform: uppercase; text-align: right; display:block;}
.serviceInfo .view-more span.btn{color:#fff; display:inline-block; padding:8px 18px; font-size:14px;}
.teamCnt{margin-top:15px;}
.teamCnt a.btn{padding:10px 20px !important; margin-right:10px;}
.teamBox{color:#fff; width:100%; margin-bottom:80px; font-size:16px; line-height:24px; background:#484848; padding:20px; position:relative; text-align: left;}
.serviceTitle > span{height:50px; overflow:hidden; display:block;}

.hmAccreditations{  color: #FFF; background-color: #ff5822;  background-image: url(../images/img_acc_bg_logo.png); background-position: right center; background-repeat: no-repeat; padding:60px 0;}
.hmAccreditations .scHeading{color: #FFF; text-align: left; margin-bottom: 0;}
.hmAccreditations .scHeading:after{background-color: #FFF; margin: 20px 0 0 0;}
.accreditationBox{padding:0; display:flex; gap:20px;}
.accreditationBox .icon{width:60px; flex-shrink:0;}
.accreditationBox .icon img{width:100%; display:block;}
.accreditationBox p{margin:0; color:#fff; font-size:16px; line-height:24px;}
.accLogos{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:40px;}
.accLogos img{flex:1; max-width:190px;}

.subpageBanner{width:100%; height: 450px; position:relative; z-index: 1; background-color: #FFF; color: #FFF;}
.sbImage{width:100%; height:100%; position:relative;}
.subpageBanner .container{height:100%;}
.bannerCurve{background:url(../images/img_banner_curve.png); background-position:left center !important; width:100%; height:135px; position:absolute; bottom:0; right:0; left:0;}
.sdtOuter{display:flex; align-items:center; justify-content:center; height:100%;}
.subPageTitle{background:rgba(0,0,0,0.45); padding:30px 60px; display:flex; align-items:flex-start; gap:10px;}
.subPageTitle img{width:60px;}
.subPageTitle h1{color:#FFF; margin:0; font-size:50px; font-family: 'Montserrat-Bold'; text-transform:uppercase; line-height:60px;}

.svcBoldTxt{font-size:30px; line-height:40px; padding-bottom:10px; margin-bottom:30px; border-bottom:10px solid #ff5822;}
.svcGalleryDesc{position: relative; z-index: 2; border:10px solid #FFF; background:#ff5822;}
.svcGalleryDesc p{margin:0; padding:30px; color:#FFF;}
.svcGalleryContainer{padding-top:70px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:center;}
.svcGalleryContainer .svcGBox{border:10px solid #e7e7e7; width:100%; max-width:480px;}
.svcGalleryContainer .svcGBox .svcGImg{width:100%; height:350px;}
.svcGalleryContainer .svcGBox .svcGImg a{display:block; width:100%; height:100%;}
.svcSolarInstall{background:#ff5822;}
.svcSolarInstall .scHeading2{border-color:#FFF;}

.faqBox{width:100%; background:#e7e7e7; padding:30px; display:flex; gap:20px; margin-bottom:40px;}
.fqLeft{height:50px; width:50px; text-align:center; line-height:50px; font-family: 'Montserrat-Bold'; font-size:20px; color:#FFF; background:#ff5822; display:flex; align-items:center; justify-content:center;}
.fqRight{width:calc(100% - 50px);}
.fqRight a{color:#000; font-family: 'Montserrat-Medium'; font-size:24px; display:block; min-height:50px; line-height:34px; padding-top:10px;}
.subpageContent ul li{position:relative; margin:5px 0; padding-left:20px;}
.subpageContent ul li:after{content: "";position: absolute;top: 6px; left:0; width: 0px;height: 0px;border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ff5822;}

.elcWhyChoose{background:#484848; color:#FFF;}
.elcWhyChoose .scHeading2 h2{color:#FFF;}
.postContent ul{margin-left:15px; margin-bottom:20px;}
.postContent ul li{list-style:disc;}
.scNews{background:#484848;}
.scNews .scHeading{color:#FFF; padding:0;}
.navigation.pagination{text-align:center; margin:40px 0; }
.navigation.pagination .screen-reader-text{display:none;}
.navigation.pagination .nav-links{display:inline-flex; gap:8px; align-items:center;}
.navigation.pagination .page-numbers{display:inline-block; padding:10px 14px; font-size:14px; color:#000; text-decoration:none; border:1px solid #ddd; border-radius:5px; transition:all 0.3s ease;}
.navigation.pagination .page-numbers:hover{background-color:#000; color:#fff; border-color:#000;}
.navigation.pagination .page-numbers.current{background-color:#000; color:#fff; border-color:#000; font-weight:bold;}
.navigation.pagination .page-numbers.next{padding:10px 18px;}
.navigation.pagination .page-numbers.dots{border:none; padding:10px 5px; color:#888;}

.frmGroup{clear:both; margin-bottom:20px;}
.frmGroup label{font-weight:normal !important;}
.frmInput{width:100%; border:0; height:60px; background:#dddddd; color: #14273a; padding: 15px 10px; font-size:14px;}
.frmTxtArea{width:100%; height: 150px; border:0; background:#dddddd;  color: #14273a; padding:  15px 10px; font-size:14px;}
.quoteForm button{border:none; font-size:16px; font-weight: normal; color:#FFF; line-height:26px; position:relative; background:#14273a; margin-top: 0px; 	padding: 15px; clip-path: none; }
.quoteForm button:hover{color: #FFF;}
.successMsg{ width:100%; display: inline-block; text-align: center; color: #037d50; margin-bottom: 20px;}

.cky-btn{border-color:#ff5822 !important; color:#000 !important;}
.cky-btn-accept{background:#ff5822 !important; color:#FFF !important;}
.cky-btn-revisit-wrapper{background:#ff5822 !important;}

footer{background-color: #000; padding-top: 90px; position: relative; color: #FFF; font-size: 14px; line-height: 20px;}
footer a, footer p{color: #FFF;}
footer .ftHeader{font-size:24px; line-height: 34px; margin-bottom:5px;}
.getintouch{position: relative;}
.getintouch span{display: block;  padding: 2px 0  }
footer .fMenus ul li{padding: 5px 0; display: block; position:relative;}
footer .sm-links{display:flex; align-items:center;}
footer .sm-links a{background:#fff; border-radius:5px; width:40px; height:40px; color:#000; font-size:20px; margin-right:8px; text-align:center;}
footer .sm-links a i{font-size:24px; line-height:40px;}
footer .copyright{background-color: #FFF; padding: 20px 0; margin-top: 90px; color: #353535;}
footer .copyright span{font-family: 'Montserrat-Medium';}
footer .copyright a{color: #000;}
.footer_logo{margin-bottom: 60px;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 992px) {
	header .logo_menu .logo{padding: 20px 0;}
}

@media only screen and (min-width : 992px) and (max-width : 1400px) {
	.hMenu .subMenu{padding:15px; font-size:15px;}
	.hMenu .subMenu ul li{padding:5px;}
	.hMenu .subMenu.elcSubmenu{right:-400px; min-width:900px;}
	.hMenu .subMenu ul li a{font-size:15px; padding:5px;}
	.hMenu .subMenu span{font-size:22px;}
	.subPageTitle h1{font-size:40px;}
}

@media only screen and (min-width : 1201px) and (max-width : 1400px) {
	header .hMenu > ul{gap:10px;}
	header .hMenu > ul > li > a{padding:0 10px;}
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
	header .hMenu > ul{gap:10px;}
	header .hMenu > ul > li > a{font-size:15px; padding:0 10px;}
	header .sm-links a{height:50px; width:50px;}
	header .sm-links a i{line-height:50px;}
}

@media only screen and (max-width : 991px) {
	body{font-size:14px; line-height:24px;}
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	section{padding:40px 0;}
	.scHeading{font-size:24px; line-height:34px; margin-bottom:30px;}
	.btn{font-size:13px;}
	
	header{padding:10px 0; border-bottom:3px solid #484848;}

	header .hMenu2 a{margin: 30px 10px; font-size: 36px;}
	
	.rspMenuLink{position:absolute; right:20px; top:10px; cursor:pointer;display:flex; padding:0; align-items:center; justify-content:flex-end; width:60px; flex-wrap:wrap;}
	.rspMenuLink div{width: 40px; height: 15px; margin:0 auto;}
	.rspMenuLink span{display: block;width: 30px;height: 2px;margin: 0 auto 6px auto;background: #000;transition: 0.4s;}
	.rspMenuLink label{color: #ff6a00; font-size:14px; font-weight:bold;cursor:pointer; display:block; width:100%; text-align:center; margin-top:5px;}
	
	.rspMenuClose{position:absolute; top:20px; right:20px; width:40px; height:40px; background: #eb6b2e; z-index:9; display:flex; padding:0; align-items:center; justify-content:center; cursor:pointer;}
	.rspMenuClose span{display: block;width: 30px;height: 2px;margin: 0 auto 6px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 3px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-8px, -8px)}

	.rspMenuContent{width: 100%; background: #484848; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll; display:block;}
	.rspMenuActive{left:0; visibility:visible;}
	
	.rspLogo{clear:both; position:relative; text-align:left; padding:15px 20px; background:#f6f3f1;}
	.rspLogo img{max-width:200px;}
	.rspMenuContent ul{margin:0; padding:0;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #FFF; width:100%;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 14px; line-height: 26px; text-transform:uppercase; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li a:hover{color:#ff5822 !important;}
	.rspMenuContent li.menu-item-has-children > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 20px;    position: absolute;    top: 17px;    right: 25px;}
	.rspMenuContent li ul.sub-menu{display:none;}
	.rspMenuContent li ul.sub-menu li{border:none !important;}
	.rspMenuContent li > ul.sub-menu li a:after{content: '\f105'; position: absolute; font-size: 16px; font-family: 'Font Awesome 5 Free';font-style: normal;    font-weight: 600; color: #FFF; left:20px; top: 10px;}
	.rspMenuContent li > ul.sub-menu li a{padding: 10px 20px 10px 45px;}
	.rspMenuContent li.customLnk{background:#ff5822; font-weight:bold;}
	.rspMenuContent li.customLnk a:hover{color:#FFF !important;}
	
	.logo img{max-height:50px;}
	.hBtmContent .rspHeader{display:flex !important; align-items:center;}
	.rspLinks{display:flex; justify-content:flex-end; gap:10px;}
	.rspLinks a{width:35px; height:35px; text-align:center; display:inline-block; background:#a28a79; color:#FFF;}
	.rspLinks a i{line-height:35px;}
	
	.rspMenuSocial {padding:17px 20px 16px;}
	.rspMenuSocial a{width:28px; height:28px; text-align:center; display:inline-block !important; background:#fff; color:#484848 !important; padding:0 !important; margin:0 0 0 8px; border-radius: 5px;}
	.rspMenuSocial a i{line-height:28px; font-size:18px; margin:0;}

	.homeBanner{height: 550px !important;background-color: #000;}
	.hbDescTitle{font-size:30px !important; line-height:40px !important;}
	.hbLinks a{margin-left: 15px; font-size: 11px; padding: 10px;}
	.homeBanner .hbImage{height: 100%;}	
	.hbLogo{max-width:100px;}
	.homeBanner .container{padding: 0;}
	.hbDesc{width: 100%; top: auto; bottom:0; padding: 20px 20px 90px 20px; transform:none;}
	.hbMblDesc{width: 100%; padding: 40px 0; position: relative; color: #FFF;}
	.hbDescTitle{font-size:40px; line-height:50px; color: #FFF;}
	.hbDescCnt{font-size:16px; line-height:22px;}
	.banner-curve{display: none;}
	.wiOverlayRight, .wiOverlay{transform:translateY(-35%);}
	.wiOverlayRight{right:15px;}
	.whyImage{padding:0 15px 0 0;}
	.whyContent{position: relative;}
	.serviceBox, .teamBox{margin:0 0 60px 0;}
	.swiper-pagination-bullets{bottom: 30px !important;}
	
	.scHeading2{padding-bottom:30px;}
	.scHeading2 h2{font-size: 18px; line-height: 26px;} 
	.scHeading:after {width: 80%; max-width:300px; margin-top:25px;}
	.wc_links{margin-bottom: 20px; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
	.wc_links a{margin:0; padding:10px 20px;}
	.accLogos{padding:0; gap:20px;}
	.accLogos img{max-width:140px;}
	
	.subPageTitle{padding:25px;}
	.subPageTitle img{max-width:40px;}
	.subPageTitle h1{font-size:26px;}
	.svcGalleryContainer .svcGBox .svcGImg{height:300px;}
	.accLast{max-width:100% !important;}
	.serviceBox, .accreditationBox p{font-size:14px;}
	.serviceTitle{font-size:18px;}
	
	footer{padding-top:40px; font-size:13px;}
	footer .ftHeader{font-size:20px;}
	footer .copyright{margin-top:40px; text-align:center;}
	footer .copyright .text-right{text-align:center !important;}
}

/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to   { opacity: 1; transform: translateY(0); }
}
.reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }