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

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

@font-face {
    font-family: 'MyriadPro-Medium';
	src: url('fonts/MyriadPro-Semibold.otf');
}

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

*{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: "MyriadPro-Regular"; font-size:18px; color:#333; 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;}
.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-family: 'MyriadPro-Bold'; font-size:30px; margin-bottom:25px; line-height:45px;}
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: 1400px; position: relative; padding:0 30px;}
ul{margin: 0 0 0 15px; padding: 0;}
ul li{margin: 0 0 15px 0; padding: 0; list-style: disc;}
.btn{border: none; border-radius: 0; display:inline-block; font-size: 18px; padding:20px 30px;  color: #FFF;  text-align: center; background-color: #353535;}
.btn span{ font-family: 'MyriadPro-Bold'; margin-right:5px;}
.btn:focus, .btn:hover{color:#FFF;}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.orange-btn{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF;}
.orange-btn:hover{color:#FFF;}
section{padding: 60px  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;}
.theme-btn{padding:15px 20px; color:#fff; background-color: #cfa671; border: none;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}
.scHeading{font-family: 'MyriadPro-Bold'; font-size:30px; margin-bottom:25px; line-height:45px;}

.txtBold{font-family: 'MyriadPro-Bold';}
.txtMedium{font-family: 'MyriadPro-Medium';}

.container-fluid {
  padding: 0 15px;
  margin: 0px; 
}
/******************************************/


header{ width: 100%; padding: 15px 0; font-size:16px; line-height:22px;}
.logo{text-align: center;}

.homeBanner{height:550px; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative; z-index: 2;}
.homeBanner .bannerSwiper{height:100%;}
.hbDesc{position:absolute; top:50%; transform: translateY(-50%); color:#FFF; width:95%; max-width:850px; left:0; right:0; margin:0 auto; text-align: center; z-index: 3; font-family: 'MyriadPro-Medium'; }
.hbDescTitle{font-size:40px; line-height: 55px;   position: relative; margin-bottom:30px; }
.hbPageName{color: rgba(255, 255, 255, 0.70); font-size: 40px; margin-top: 20px;}
.hbDesc a{position: relative; z-index: 3;}
.hbdOverlay{height: 100%; top:0; color:#FFF; width:100%; position: absolute; background-color: rgba(0,0,0,0.41); z-index: 2;}


.imgContainer{flex: 0 0 28%;}
.imgContainer img {
  max-width: 100%;
  border-radius: 25px;
}

.whyBox{ position: relative; }
.whyImage{max-height: 550px;position: relative; z-index: 2;}

.scale_links {margin-top: 30px;}
.scale_links a{color: #ffffff;  display: inline-block;  border: 1px solid;  padding: 10px 20px;  background-color: #000;  border-radius: 15px;}
.accelerate{background-color: #f2f5eb;  padding: 40px 30px;}
.accCnt{    display: flex;    gap: 0px;    position: relative;    justify-content: center;}
.acclCnt2{position: absolute; top: 0px; left: 0; max-width: 18rem; text-align:center;}
.acclCnt3{position: absolute;    top: 10px;    right: 0;  max-width: 18rem; text-align:center;}
.accImage img{    max-width: 1000px; width: 100%;    text-align: center; border-radius:25px;}
.acclCnt4{    height: 206px;    text-align: center;    display: flex;    justify-content: center;}
.acclCnt4 p {    height: 206px;    text-align: center;    justify-content: center;    display: flex;    flex-direction: column;    max-width: 509px;}

.hmContent.construction{background-color: #add8e62e;}
.imgContainer2{flex: 0 0 28%;}
.consImg{display: flex;            justify-content: center;            margin: 41px 0px;}
.consImg img{max-width: 100%;text-align: center;}
.consContent {    display: flex;    justify-content: space-between;    margin-top: 40px;    gap:1%;}
.consContent .feature {    padding: 10px;    text-align: center;    max-width: 250px; }
.consContent .feature span{font-family: 'MyriadPro-Bold'; font-size: 18px;}
.consContent .feature p{margin-top:10px;}
.scaleimgcon{max-height:265px; overflow:hidden; border-radius:25px;}

.rdMapContainer .col-md-3{text-align:center;}
.rdStage{margin:20px 0; height:60px; font-size:40px; line-height:65px; font-family: 'MyriadPro-Bold'; color:#FFF; text-align:center;}
.rdMapDesc{padding:0 20px;}
.rdTitle{font-size:20px; text-transform:uppercase; line-height:30px; margin-bottom:15px;font-family: 'MyriadPro-Medium';}

.yellow .rdStage{background:#ffc52f;}
.yellow .rdTitle{color:#ffc52f;}
.pink .rdStage{background:#f4aea8;}
.pink .rdTitle{color:#f4aea8;}
.blue .rdStage{background:#74badd;}
.blue .rdTitle{color:#74badd;}
.green .rdStage{background:#61c2ab;}
.green .rdTitle{color:#61c2ab;}

footer{background-color:#0e7778;padding:40px 0; position: relative; color: #747a7f; font-family: 'MyriadPro-Regular';}
footer a, footer p{color: #FFF;}
footer .copyright{font-size:12px; text-align:center; color:#FFF; padding-top:20px;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 1201px) {
	.accImage{max-width:50%;}
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
	.accImage{max-width:40%;}
}

@media only screen and (min-width : 992px) {
	.rdMapContainer .col-md-3{padding:0;}
	.rdMapContainer .blue{margin-top:60px;}
	.rdMapContainer .pink{margin-top:120px;}
	.rdMapContainer .yellow{margin-top:185px;}
	.logo img{max-width: 200px;}
}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	.rspZeroPaddingBtm{padding-bottom:0;}
	section{padding:40px 0;}
	
	.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: 40px;height: 3px;margin: 0 auto 6px auto;background: #FFF;transition: 0.4s;}
	.rspMenuLink label{color: #FFF; font-size:15px; font-weight:bold;cursor:pointer; display:block; width:100%; text-align:center; margin-top:9px;}
	
	.rspMenuClose{position:absolute; top:40px; right:20px; width:40px; height:40px; border-radius:4px; background: #FFF; z-index:9;}
	.rspMenuClose span{background:#000;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-8px, -9px)}

	.rspMenuContent{width: 100%; background: #000; 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-left: 30px;}
	.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:#cfa671 !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: 15px;    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;}
	
	header .dsFlex{align-items:center; justify-content:center; display:flex;}
	.pwdTxt{background:#0e7778; padding:10px 0;font-size:16px; color:#FFF; text-align:center;}
	.homeBanner, .subpageBanner{height: 450px;}
	.hbDescTitle{font-size:26px; line-height:35px;}
	.hbDesc p{font-size:16px; line-height:22px;}
	.whyContent{position: relative;}
	.accelerate{padding:30px 0;}
	.scHeading{font-size: 26px; line-height: 36px;}
	.accCnt{display: block;}
	.acclCnt2, .acclCnt3{position: relative; display: block; left: 0; top: 0; width: 100%; max-width:100%;}
	.accImage{padding:30px 0;}
	.consContent .feature{width: 50%; padding:10px 0;}
	.consContent{flex-wrap:wrap; gap:0;}

}