@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:18px; color:#000; line-height:30px;}
.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-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: 25px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {width: 1380px; max-width: 100%; position: relative; padding:0 15px;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none; padding-left: 10px;}
.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: 'Montserrat-Bold'; margin-right:5px;}
.btn:focus, .btn:hover{color:#FFF;}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
section{padding: 70px  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: 'Montserrat-Bold'; font-size:30px; margin-bottom:30px; line-height:36px;}
.scHeading.text2{font-size:24px !important; line-height:30px !important;}

.txtBold{font-family: 'Montserrat-Bold';}
.txtMedium{font-family: 'Montserrat-Medium';}
.flip-x{ display:inline-block; transform: scaleX(-1); transform-origin: center; }

.vtop{vertical-align: top; display: inline-block;}
.cntBtn{display:inline-block; color:#FFF; font-family: 'Montserrat-Bold'; background-color: #000;  position: relative;transition: 0.4s; border-radius: 10px; width:170px; height:50px; text-align:center; line-height:50px;}
.cntBtn i{margin-left:5px;}

/******************************************/

header{ position: relative; z-index: 10; width: 100%;}
.header-top{background-color: #000; color: #FFF; text-align: right; padding: 20px 0; font-size: 14px; line-height: 20px;}
.header-top a{color:#FFF;}
header .logo{position: absolute; top: -40px; left: 15px; z-index:10;}
header .ctaText{padding: 25px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; font-size:20px; gap:10px;}
header .ctaText > span{ display:flex; flex-wrap:wrap; gap:10px;}
header .cntBtn{margin-left:10px;}


.homeBanner{height:500px; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative;}
.homeBanner .container{height:100%;}
.hbDesc{position:absolute; top:60%; transform: translateY(-60%); left:0; right:0; color:#FFF; width:90%; max-width:600px; z-index: 9; text-align:center; margin:0 auto;}
.hbDescTitle{font-size:45px; line-height: 54px; margin-bottom: 10px;}
.hbDesc p{margin-bottom: 20px; font-size:25px; line-height:35px;}

.scWhatWhy{clear:both; background:url(../images/img_background.jpg) top center repeat-y;}
.scHeading.iconLeft{display:flex; align-items:center; gap:20px;}
.dotList{ margin-left: 15px; margin-bottom: 25px;}
.dotList li{list-style-type: disc;}
.whySP{color: #FFF;}
.tickList li{position: relative; padding-left: 40px; padding-top: 10px;}
.tickList li::before{position: absolute; left: 0; content: url(../images/tick-icon.png);}
.arrow-list li::before{position: absolute; left: 0; content: url(../images/arrow-icon.png) !important;}

.hmGallery{text-align: center;}
.galleryBox{position: relative; text-align: center; margin: 20px 0;}

.list-heading{font-family: 'Montserrat-Bold';display:flex; align-items:center; gap:20px;}
.scWork .tickList li, .hmLegal .tickList li{padding-bottom:10px;}
.hmLegal{background:#dcdcdc;}
.hmLegal .tickList li::before{content: url(../images/tick-icon2.png) !important;}

.contactBox{background-color: #000; padding: 40px 50px; color: #FFF; border-radius: 10px;}
.contactBox a{color: #FFF;}
.contactBox div{font-size: 38px; line-height: 48px; margin: 20px 0; font-family: 'Montserrat-Bold';display:flex; align-items:center; gap:20px;}

footer{background-color: #000; padding:25px 0; position: relative; color: #FFF; font-family: 'Montserrat-Bold';}
footer .cpyLeft{font-size: 12px; line-height: 20px;}
footer .cpyRight{text-align:right;}
footer .cpyRight a{text-decoration: underline; color: #FFF;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (max-width : 991px) {
	body{font-size:16px; line-height:26px;}
	p{margin-bottom:20px;}
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	section{padding:40px 0;}
	.scHeading{font-size:35px; line-height:45px;}
	
	header .logo{top:-15px;}
	header .logo img{max-width:130px;}
	
	.hbDesc p{font-size:20px; line-height:30px;}
	.scHeading{font-size:25px; line-height:34px; margin-bottom:20px;}
	.scHeading.text2{font-size:20px !important; line-height:30px !important;}
	.scWhatWhy{background:#dcdcdc; padding-bottom:0;}
	.scWhatWhy .whySP{background:#444444; padding-top:30px; padding-bottom:30px;}
	.galleryBox{margin:0;}
	.contactBox{padding:30px;}
	.contactBox div{font-size:21px; line-height:30px;}
	footer, footer .cpyRight{text-align:center;}
}