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

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


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

*{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;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: "DIN Alternate Bold"; font-size:16px; color:#4b4b4b; line-height:24px;}
strong{font-family: "DIN Alternate Bold"; color: #9a2ab5;}
.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;}
.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;}
.zeroPaddingBtm{padding-bottom:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: 'DIN Alternate Bold'; 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: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1200px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{ background-color: #ff1c62; border-radius: 15px 0; display:inline-block; font-size: 18px; padding:10px 15px;  color: #FFF;  text-align: center; }
.btn-bg-grey{background-color: #505050;}
.btn-bg-white{background-color: #FFF; color: #505050 !important;}
.btn-med{width: 158px;}
.theme-btn{background-color: var(--theme-color); border:1px solid #8f467e !important; color: #FFF;}
section{padding: 50px 0;}
.bgPink{background-color: #db104e;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}

.aligncenter{display:inherit; margin:0 auto;}
.alignleft{float:left; margin:0 20px 20px 0;}
.alignright{float:right; margin:0 0 20px 20px;}

/******************************************/
.sticky-wrapper{height:auto !important;}
header{color: #fff;  width: 100%; z-index: 99;background:rgba(255,255,255,0.6); }
.is-sticky .dskHeader{background:#FFF; z-index:99;}
.dsk-header{position: relative; height: 195px;}
.home .dsk-header{top: 0; position: absolute;}
.top-bar{background-color: #9a2ab5; text-align: right; padding: 15px 0; text-transform: uppercase; font-size:13px;}
.top-bar span{display:inline-block; padding:0 15px;}
.hTop{text-align: right; padding-top: 35px; }
.hTop ul{display:flex; align-items: center; justify-content: flex-end; gap:20px;}
.hTop ul li a{display: block;  padding:0 25px;position: relative; color: #FFF; font-size:14px; height: 32px; border-radius: 15px 0; line-height:32px;}
.hTop ul li a i{width:20px; height:20px; border-radius:10px; text-align:center; color:#9a2ab5; line-height:20px; font-size:11px; display:inline-block; margin:0 5px; background:#FFF;}

.top-menu li a.email{background-color: #8250f2}
.top-menu li a.callreq{background-color: #7122a2}
.top-menu li a.call{background-color: #9a2ab5}

.dsk-header .hBtm{border-bottom: 4px solid  #f5effc;}
.dsk-header .logo{position: absolute; bottom: 8px; z-index:99;}
.dsk-header .hMenu{padding: 30px 0 0px 0; text-align: right;}
.dsk-header .hMenu > ul{ text-align:right;}
.dsk-header .hMenu > ul > li{display: inline-block; position:relative;text-transform: uppercase;}
.dsk-header .hMenu > ul > li > a{display:block; color:#646464; padding-bottom: 20px; margin: 0 15px; position: relative;transition: 0.4s;  position:relative;}
.dsk-header .hMenu > ul > li:last-child a{padding-right:0; margin-right:0;}
.dsk-header .hMenu > ul > li.current-menu-item > a, header .hMenu  li > a:hover{color: #ff1c62;}
.dsk-header .hMenu > ul > li > a:after{position: absolute; content: ''; height: 4px; bottom: -4px; width: 100%; left: 0;}
.dsk-header .hMenu > ul > li.current-menu-item > a:after, header .hMenu  li > a:hover:after{background-color: #ff1c62; }
.dsk-header .hMenu > ul > li.menu-item-has-children > a{padding-right:18px;}
.dsk-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;}

.dsk-header .hMenu  li.menu-item-has-children > ul{opacity: 0; position: absolute; width: 200px; z-index: 9; background:#9a2ab5; padding:10px  0; visibility:hidden; display:none; top:44px; left: 0px;border-top: 4px solid  #ff1c62; text-align:left;}
.dsk-header .hMenu li.menu-item-has-children > ul li{display: block; border-bottom:1px solid #FFF;}
.dsk-header .hMenu li.menu-item-has-children > ul li a{width: 100%; border: none; display:block; padding:8px 10px; font-size:14px; margin: 0 !important; color:#FFF; text-transform: uppercase; }
.dsk-header .hMenu li.menu-item-has-children > ul li a:hover{background: transparent;  color: #ff1c62;}
.dsk-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;}

.dsk-header .hMenu  li.menu-item-has-children > ul > li.menu-item-has-children > ul{left:100%; top:-4px;}

.is-sticky .dskHeader .logo{bottom:0 !important;}
.is-sticky .dskHeader .logo img{width:170px !important;}

.homeBanner{height:600px; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative; background-position:top right !important; background-repeat: no-repeat; background-color: #f5f9fa; background-size:cover !important;}
.homeBanner .container{height:100%;}
.hbDesc{position:absolute; top:75%;  transform: translateY(-75%); color:#505050; width:90%; max-width:610px;}
.hbDescTitle{font-size:40px; line-height: 48px;}
.hbDescTitle span{color: #de0f4e; }
.hbDescCnt{  margin: 25px 0; font-size: 16px; line-height: 24px; }
.hbDesc a{font-size:16px; padding:10px 15px; margin-right: 15px; }
.hbDesc .btn:hover{color:#FFF !important;}

.why-choose-bg{position: absolute; top: -70px; width: 100%;z-index: 9;}
.whyChoose{position: relative; z-index: 10; background:#ffa937; padding:30px; border-radius:20px 0; max-width:340px; float:right;}
.whyChoose .wycTitle{color: #FFF; text-shadow:1px 1px 2px #f5593e, 0 0 1em #b52a12, 0 0 0.2em #f5593e; font-size:34px; line-height:43px; margin-bottom:20px; }
.whyChoose ul li{color: #FFF; text-shadow:1px 1px 2px #f5593e, 0 0 1em #b52a12, 0 0 0.2em #f5593e; padding: 3px 0 0  30px; position: relative; font-size:18px; margin:8px 0;}
.whyChoose ul li i{position: absolute; top: 7px; left: 0;}
.imgWhyChoose{position:absolute; right:70px; top:-65px;}
.whyChooseInner{position:relative; z-index:5;}

.contactBar{ background-image: linear-gradient(to right, #cf34f1 , #904df3); padding: 40px 0; color: #FFF; position:relative; z-index:10;}
.contactBar .cbTitle{font-size: 30px; line-height: 34px; margin-bottom: 15px;}
.contactBar a {margin-top: 3px; width: 100%; text-align: center; font-size: 20px;}

.hmAchievements{text-align: center;}
.hmAchievements .hmaTitle{font-size: 28px; line-height: 35px; color: #de0f4e;margin-bottom: 15px;}
.hmAchievements p{margin-bottom:25px;}
.achSector{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center;}

.c-box{text-align: center; background-color: #FFF; border-radius: 20px 0; padding: 25px; height:100%;}
.c-box span{display: block; color: #e10d4e; font-size: 20px; line-height: 30px; padding:7px 0;}
.c-box a{color: #00235b; display:block;}
.tcBox{background:#f5effc !important;}
.tcBox span{color:#505050 !important; font-size:18px; line-height:28px;}
.csFlex{flex-wrap:wrap;}
.csFlex .col-md-4{ margin-bottom:30px;}

.hmWelcome .hmWTItle{font-size: 36px; line-height: 44px; margin-bottom: 15px; color: #505050; }
.hmWelcome .hmWTItle span, .hmWelcome .hmWTItle strong{ color: #ffa937;}
.hmWelcome p{font-size:15px;position:relative; z-index:15; margin-bottom:13px;}

.contentWrapper{padding: 50px 0;}
.contentWrapper h1{font-size: 36px;line-height: 44px;margin-bottom: 25px;color: #7122a2;}

.breadcrumb {padding: 12px; background-color: #f5effc; margin-bottom:25px;}
.breadcrumb ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.breadcrumb ul li{color: #cf34f1; font-size:12px;}
.breadcrumb li:not(:last-child)::after {display: inline-block;margin: 0 10px;content: "//";}
.breadcrumb li a{color: #cf34f1}

.post-image{margin-bottom:20px; text-align:center;}
.postContent{font-size:15px; color:#505050;}
.postContent strong{display: inline-block; font-size: 24px; line-height: 30px; padding-bottom: 0; color: #7122a2; text-transform:uppercase;}
.postContent p,  .postContent > ul, .postContent > p > ul{margin-bottom: 30px; font-size:15px;}
.postContent ul{margin-left: 15px;}
.postContent ul li{list-style: disc; margin:3px 0;}
.postContent a{color:#cf34f1;}
.postContent a.btn{font-size:14px; color:#FFF !important;}
.postContent ul li ul{margin-bottom:0 !important;}

.sidebar{border-radius: 20px 0; padding: 25px 30px; color: #FFF; max-width:325px; margin:0 auto 45px auto;}
.sidebar.redbg{background-color: #d6134e;}
.sidebar.yellowbg{background-color: #ffa937;color: #505050;}
.sidebar.coursebg{background-color: #9a2ab5;}

.sidebar .sBoxTitle{color: #FFF; margin-bottom: 20px; font-size:34px;}
.sidebar p{margin-bottom: 10px; font-size:15px;}
.sidebar.yellowbg .sBoxTitle{color: #505050;  }
.sidebar .phone{font-size: 40px; line-height: 50px;}
.sidebar ul li{color: #FFF; text-shadow:1px 1px 2px #f5593e, 0 0 1em #b52a12, 0 0 0.2em #f5593e; padding: 3px 0 0  25px; position: relative; font-size:18px; margin:10px 0;}
.sidebar ul li i{position: absolute; top: 7px; left: 0;}
.sidebar .courseForm input{width: 100%; background-color: #FFF; padding: 10px; color: #505050; margin-bottom: 15px; border: none; font-size:15px;}

.sidebar .courseForm textarea{width: 100%; height: 150px; background-color: #FFF; padding: 10px; color: #505050; margin-bottom: 10px; border: none;}
.sidebar .courseForm button{}

.blogPosts{padding-bottom: 50px;}
.whNewsBox{width: 100%; border: 1px solid #9a2ab5;; position:relative; color:#505050; margin-top: 30px; display: inline-block;}
.whNewsBox span{width: 100%; display: block;}
.whNewsBox .whImg{height: 214px;}
.whNewsBox .whImg a{display:block; width:100%; height:100%;}
.whNewsBox .whTitle{font-size: 18px; line-height: 22px; margin-bottom:15px; color:#9a2ab5}
.whNewsBox .whDesc{font-size: 17px; line-height: 21px;}
.whNewsBox .whDesc{margin-bottom:10px;}
.whContent{padding: 15px;}
.pageDescription{margin-top: 20px;}
.postsPagination{margin: 20px 0; text-align: center;}
.postsPagination h2{display: none;}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600; color: #444;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #444; color: #FFF;
}

.contactAddress a{ color: #505050;}
.contactAddress span{font-weight: bold;color: #7122a2;}

.contactForm{ width:100%; display: inline-block; position: relative; }
.frmGroup{clear:both; margin-bottom:15px;}
.frmGroup label{line-height:30px; font-weight: normal;}
.frmInput{width:100%; border:1px solid #7122a2; height:30px; background:#FFF; color: #0064ae; padding: 10px;}
.frmTxtArea{width:100%; border:1px solid #7122a2; background:#FFF;  color: #0064ae; padding: 10px;}
.contactForm button{border:none; font-size:14px; font-weight:bold; color:#FFF; line-height:26px;  text-transform:uppercase; position:relative; background:#9a2ab5; margin-top: 20px; padding: 5px 22px}
.contactForm button:hover{color: #FFF;}
.successMsg{ width:100%; display: inline-block; text-align: center; color: #037d50; margin-bottom: 20px;}
.alert{padding:10px 15px; display:block; 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;}

.abtPgImgs img{width:170px !important;}
.cstImg img{width:100% !important;}
.wsp-category-title{display:none !important;}
.wsp-posts-list ul{margin:0 !important;}

footer{padding-top: 50px; background-color: var(--theme-color); color: #FFF; font-size:14px;}
footer .ftMTitle{font-size: 18px; line-height: 24px; font-family: 'DIN Alternate Bold'; margin-bottom: 20px; text-transform: uppercase; }
footer a{color: #FFF;}
footer .fMenus ul li a{color: #FFF; display: inline-block;}
footer .fMenus ul li.phone{font-size:18px; padding-top:15px;}
.fsocial{margin-top: 10px;}
.fsocial a{display: inline-block; margin-right: 5px;}
.fsocial a img{width:47px;}
footer .copyright{background-color: #505050; color: #FFF; padding: 30px 0; margin-top: 50px; font-size: 10px; line-height: 15px;}
footer .copyright span{display: block;}

/************** Subpages ****************/

.subpageHeading{margin-bottom: 20px; padding: 25px 0; background-color: var(--theme-color); text-align: center; } 
.subpageHeading h2{font-size: 24px; line-height: 30px; margin-bottom: 0;}

.pgTstmns .crvBox{border-bottom:2px solid #cf34f1;}
.pgTstmns .crvBox:last-child{border:none;}
.crvBox{font-size:16px; padding:50px 0;}
.crvBoxLeft{position:relative; padding:0 40px;}
.crvBoxLeft::after{content:'\f10d'; position:absolute; left:0; top:-10px; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-size:30px;}
.crvBoxLeft::before{content:'\f10e'; position:absolute; right:30px; bottom:20px; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-size:30px;}
.crvTitle{font-size:30px; margin-bottom:30px;}
.crvClient{ color:#cf34f1; }
.crvBox .col-md-4{padding-right:25px;}
.rvImgOverlayRight{position: absolute; height: 110%; top: 49%; transform: translateY(-50%); width: 50%; right: 0px; background-color: #d6d6d6; z-index: 1;}
.rvImage{position:relative; z-index:2;}
.gallery{display:flex; flex-wrap:wrap; gap:20px;}
.gallery .gallery-item{width:23% !important;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 768px) and (max-width : 990px) {
	.hmCourses .dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}

	.btn{margin-bottom: 10px;}
	.alignleft, .alignright{float:none; margin:0 auto; display:inherit;}
	
	.is-sticky .mblHeader{background:#FFF; z-index:99;}
	.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; text-transform:uppercase; color:#9a2ab5; text-align:center;}
	.rspMenuLink{width: 40px; height: 40px; cursor:pointer; display:inline-block;}
	.rspMenuLink span{display: block;width: 25px;height: 3px;margin: 0 auto 4px auto;background: #9a2ab5;transition: 0.4s;}

	.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: #9a2ab5; 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 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;}
	
	.rspLogo{padding:15px; background:#FFF; text-align:center; position:relative;}
	.rspLogo img{max-width:180px;}
	
	.homeBanner{position: relative; margin: 0; height:350px;}
	.hbImage{background-position:top center !important;}
	.hbDesc{position:absolute; top:60%;  transform: translateY(-60%); color:#505050; width:90%; max-width:610px;}
	.hbDescTitle{font-size:27px; line-height: 35px;}
	.hbDescCnt{display:none;}
	.hbDesc .banner-buttons{padding-top:20px;}
	.hmWelcome{padding-bottom:50px !important;}
	
	.whyChoose{float:none; margin:0 auto;}
	.imgWhyChoose{top:-110px; right:100px;}
	.contactBar .cbTitle, .hmAchievements .hmaTitle{font-size:24px; line-height:32px;}
	.contentWrapper h1{font-size:30px; line-height:40px;}
	.contactBar p{font-size:15px;}
	.gallery .gallery-item{width:43% !important;}
}