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

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

:root {
--theme-color: #212529; 
}

*{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;}
a {outline: 0 !important; text-decoration:none; color: #4b4b4b;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
input:focus, textarea:focus, button:focus {outline: none;}
*: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:var(--theme-color); line-height:26px;}
strong{font-family: "Montserrat-Bold"; color: var(--theme-color); font-weight:normal;}
.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;}
.dsFlexCenter{align-items:center; justify-content: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;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: 'Roboto-Black'; margin-bottom: 15px;  position: relative;}
h3{font-size: 36px; line-height: 44px; margin-bottom: 25px; color: #505050; }
h3 span{ color: #ffa937;}
h4{font-size: 20px; line-height: 36px; }
p{ margin-bottom: 20px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1400px; position: relative;}
ul{margin: 0 0 0 15px; padding: 0;}
ul li{margin: 0; padding: 0; list-style: disc;}
.btn{padding:10px 30px; border:none; border-radius:22px 0; font-size:20px; position:relative; text-align:center; background-image:linear-gradient(135deg, #29A4D5 0%, #3C4BDF 100%); color:#FFF !important; transition:.25s;}
.btn:hover{transform: translateY(-10px)}
.theme-btn{background-color: var(--theme-color); border:1px solid #8f467e !important; color: #FFF;}
section{padding: 60px 0;}
.bgPink{background-color: #db104e;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.height100{height:100%;}
.imgBorder{border-radius:25px;}

ul.subList{margin-left:15px; list-style:disc;}
ul.subList li{margin-bottom:15px; font-size:20px;}

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

.btn:before {content: "";position: absolute;top: 0;bottom: 0;left: -20px;width: 0;box-shadow: 0 0 25px 15px hsla(0, 0%, 100%, .5);transform: rotate(30deg);animation-name: btnAnimate;animation-duration: 4s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes btnAnimate {
	0% {
		left: -20px
	}
	to {
		left: 120%
	}
}

.scTitle{font-family: 'AbrilFatface-Regular'; font-size:60px; letter-spacing:1.6px; line-height:70px; margin-bottom:40px;}
/******************************************/
.sticky-wrapper{height:auto !important;}
header{padding:20px 0; position:relative; box-shadow:0px 5px 10px #f3f3f3;}
header .row{display:flex; align-items:center;}
header .hMenu ul{margin:0;}
header .hMenu > ul{display:flex; align-items:center; justify-content:flex-end; gap:20px;}
header .hMenu > ul > li{position:relative; list-style:none;}
header .hMenu > ul > li > a{display:block; color:var(--theme-color); padding:0 15px; position: relative;transition: 0.4s;  position:relative; border-radius:10px; height:35px; line-height:35px;}
header .hMenu > ul > li.current-menu-item > a, header .hMenu  li > a:hover{color: #007abf;}
header .hMenu > ul > li.menu-item-has-children > a{padding-right:18px;}
header .hMenu > ul > li.menu-item-has-children > a:before{ content: "\f107";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #646464;    font-size: 18px;    position: absolute;    top: 0px;    right: -1px;}
header .hMenu > ul > li.lnkRegister a{background:#007abf; color:#FFF; border-radius:10px;}

header .hMenu  li.menu-item-has-children ul{opacity: 0; position: absolute; width: 200px; z-index: 9; background:#007abf; padding:10px  0; visibility:hidden; display:none; top:100%; left: 0px; text-align:left;}
header .hMenu li.menu-item-has-children > ul li{display: block; list-style:none;}
header .hMenu li.menu-item-has-children > ul li a{width: 100%; border: none; display:block; padding:5px 10px; font-size:15px; margin: 0 !important; color:#FFF; text-transform: uppercase; }
header .hMenu li.menu-item-has-children ul li a:hover{background: transparent;  color: #ff1c62;}
header .hMenu li.menu-item-has-children:hover ul, header .hMenu li.menu-item-has-children:focus-within > ul, header .hMenu li.menu-item-has-children ul:hover, header .hMenu li.menu-item-has-children ul:focus{opacity: 1; visibility:visible; display:block;}

.homeBanner{background:#F2F2F2;}
.homeBanner .hmbDesc{padding:100px 0;}
.homeBanner .hmbDesc h1{font-family: 'AbrilFatface-Regular'; font-size:65px; letter-spacing:1.6px; line-height:75px; margin-bottom:40px;}
.homeBanner .hmbDesc p{margin-bottom:40px;}

.ksHeading, .ptrBox span.ptrTitle, .tstHeading{font-size:30px; color:#131e29; font-weight:600; margin-bottom:30px;}
.scPartner{background:#fff7db;}
.ptrBox{padding:30px 0; display:flex; gap:30px; align-items:center; flex-wrap:wrap; font-size:20px;}
.ptrBox span{display:block;}
.ptrBox span.ptrTitle{margin-bottom:20px;}
.tstHeading, .tstDesc, .txtClient{padding-left:30px; position:relative;}
.tstDesc{font-size:18px; margin-bottom:40px;}
.tstDesc::before{content: "";position: absolute; top: -5px; bottom: -5px; left: 1px; width: 6px; background-color: #243647; border-radius: 20px;}
.txtClient{font-size:20px; font-weight:700;}
.scTestimonials .swiper-button-prev{right:40px !important; left:auto !important;}
.scTestimonials .swiper-button-prev,.scTestimonials  .swiper-button-next{top:-40px;}
.imgAccr{display:flex; gap:20px; align-items:center; justify-content:center; flex-wrap:wrap;}
.imgAccr img{max-width:220px;}
.btn.blackBtn{background:transparent linear-gradient(115deg, #131E29,#131E29) 0% 0% no-repeat padding-box !important;}
.frmGroup{border: 1px solid #68696a; border-radius: 20px; margin:0 0 40px 0; padding:0 0 7px 0;}
.frmGroup label{color: #152431; font-size: 16px; margin:-17px 0 0 25px; font-weight:normal; background:#FFF; padding:0 3px;}
.frmGroup .frmInput{background:transparent; border:none; width:100%; padding:10px 20px; font-size:16px; color:#495057;}
#frmResume{display:none;}
.fileUpload{padding:5px 15px;}
.fileUpload a{display: flex;align-items: center;gap: 15px;cursor: pointer;}
.fileUpload a > *{flex-grow:1;}
.fileUpload .fileName {font-size: 14px;color: #555;}
.btnSend{font-size:16px;}

footer{background:#e1e1e1; padding-top:60px; color:#000;}
.ftContent{max-width:350px; margin:0 auto; font-size:14px;}
.ftCopyright{padding:30px 0; border-top:1px solid #343f66; margin-top:30px; font-size:12px; text-align:center;}
footer .ftHeading{font-size:20px; font-weight:600; margin-bottom:25px; line-height:30px;}
footer a{color:#000;}
footer .ftSocial ul{display:flex; gap:25px; align-items:center; margin:0;}
footer .ftSocial ul li{list-style:none;}
footer .ftSocial i{font-size:24px;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 768px) and (max-width : 990px) {

}

@media only screen and (min-width: 992px) {

}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	
	.mblHeader{position: relative;}
	.mblLogo{position: absolute; top: 10px; left: 15px; }
	.mblLogo img{max-width:180px;}
	.mblTopBar{display:flex;align-items: center; justify-content: flex-end; gap:20px; padding:25px 15px;}
	.mblSubTitle{font-size:15px; text-transform:uppercase; color:#9a2ab5; text-align:right;}
	
	.mbl-top-bar{height: 160px; padding: 40px 0; background-color: #FFF; color: #7122a2;}
	.mblContactBar{ background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(154,42,181,1));padding: 10px 15px;}
	.mContact{display:flex;align-items: center; justify-content: flex-end; gap:10px;}
	
	.rspMenuTxt{font-size:13px; line-height:18px; text-transform:uppercase; color:#FFF; text-align:center;}
	.rspMenuLink{width: 50px; height: 50px; cursor:pointer; display:inline-block; background:#007abf; padding-top:7px;}
	.rspMenuLink span{display: block;width: 25px;height: 3px;margin: 0 auto 4px auto;background: #FFF;transition: 0.4s;}

	.rspMenuHeader{background:#FFF; padding:15px;}
	.rspMenuHeader .row{display:flex; align-items:center;}
	.rspMenuClose{padding-top:15px;}
	/*.rspMenuClose{position:absolute; top:25px; right:25px; z-index:999; background:#9a2ab5; padding-top:12px; border-radius:50%;}*/
	.rspMenuClose span{background:#FFF;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-5px, 5px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-5px, -5px) ;}
	.rspMenuContent{width: 100%; background: #007abf; 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;}
	
	.rspMenuContent ul{margin:0;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; margin:5px 0;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 15px; line-height: 25px; padding: 10px 20px; text-decoration: none; position:relative; }
	.rspMenuContent li a br{display:none;}
	.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: 10px;    right: 25px;}
	.rspMenuContent li ul{display:none;}
	.rspMenuContent li ul li{border:none !important; margin:0 !important;}
	.rspMenuContent li > ul 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 li a{padding: 10px 20px 10px 45px;}
	
	.container{padding-left:30px; padding-right:30px;}
	.btn{font-size:16px;}
	.homeBanner{padding:30px 0;}
	.homeBanner .hmbDesc{padding:20px 0;}
	.homeBanner .hmbDesc h1, .scTitle{font-size:40px; line-height:50px; margin-bottom:25px;}
	.homeBanner .hmbDesc p{margin-bottom:30px;}
	.ptrBox{justify-content:center; text-align:center;}
	.ptrBox div{width:100%;}
	.ksHeading, .ptrBox span.ptrTitle, .tstHeading{font-size:26px; line-height:35px;}
	.imgAccr img{max-width:130px;}
}
