.mobOn{display:none}
.mobOff{display:block}
.fiftyList li {width: 48%;display: inline-block !important;vertical-align: top;}

.skillTestimonialSec{clear:both; padding-top:80px;position:relative; }
.skillTestimonialSec h4{color: #212529;
font-family: "Open Sans";text-align: center;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 37px;margin-bottom:20px;}
.skillTestimonialSec p.introTxt{
	color: #000;
text-align: center;
font-family: "Source Sans Pro";
font-size: 16px;
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 24px; max-width:670px; margin:0 auto;}
#skillVerseSlider { margin: 40px 0 0 0;}
.testimonialBox {background: #fff; padding: 32px; position: relative; border-radius: 8px;border: 1px solid #C1C1C1;} 
.testimonialText {margin-bottom:5px;  position: relative;   padding-bottom: 20px;    border-bottom: 1px solid #535353;}
.testimonialText p{color: #000;
font-family: "Source Sans Pro";
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 24px; margin:0px;}
.testimonialAuthor {display: flex;align-items: center; gap: 15px; margin-top: 15px;}
.testimonialAuthor img {    width: 60px !important;    height: 60px;    object-fit: cover;border-radius:4px;}
.testimonialAuthor h4 {    margin: 0; color: #212529;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */}
.testimonialAuthor p {color: #525252;
font-family: "Source Sans Pro";
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */ margin:3px 0px 0px 0px;}

/* Make Owl items equal height */
#skillVerseSlider .owl-stage {
    display: flex;
}

#skillVerseSlider .owl-item {
    display: flex;
    height: auto;
}

#skillVerseSlider .owl-item .testimonialBox {
    display: flex;margin-left: 4px;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.testimonialText {
    flex: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}
#skillVerseSlider .owl-nav{display: flex;  justify-content: center;  gap: 100px; position: relative;  margin-top: 35px;}
#skillVerseSlider .owl-prev{margin-right: 15px; width: 36px; height: 36px; border-radius: 36px; box-shadow:none;}
#skillVerseSlider .owl-next{width: 36px; height: 36px; border-radius: 36px; box-shadow:none;}
#skillVerseSlider .owl-nav .material-symbols-outlined{color:#d00000; font-size:40px; line-height: 36px;}
#skillVerseSlider .owl-next .material-symbols-outlined{padding-left: 5px;}
#skillVerseSlider .owl-dots {text-align: center;position: relative; top: -30px; z-index: 100;  display: table;  margin: 0 auto; padding-left: 10px;}
#skillVerseSlider .owl-dots button {box-shadow:none;}
#skillVerseSlider .owl-dot span{width: 12px;height:12px;background: #a4a4a4;display: inline-block; margin: 5px; border-radius: 12px;}
#skillVerseSlider .active span{background: #E31E25;}


#sidebar {
  width: 200px;
  height: 300px;
  position: absolute;
}
#sidebar.fixed {
  position: fixed;
  top: 0;
}
.programList{position:relative; margin-left:-40px !important;}
.hc-banner{width:100%; display:block;}
.hc-banner-mob{display:none;}
.overviewHC{background: #000000; padding:65px 0px; margin-bottom:85px;}
.overviewHC p{font-family: Open Sans;font-size: 18px;font-weight: 300;line-height: 32px;letter-spacing: 0em;text-align: center; color:#fff;}

.hcOverview{margin:50px 0px;}
.hcOverview h2{font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 37px;color: #4E3629; margin-bottom:15px;}
.hcOverview p{font-family: Source Sans Pro;font-size: 18px;font-weight: 400;line-height: 28px;color: #000;}

/* */
.home_slider_header{width: 100%;clear: both;height: 50vw;background: #fff; position:relative; z-index: 1; overflow:hidden;}

.maskImgbanner{background:url(images/Become-A-Creative_Header-Image-1.png);position:absolute; z-index:100;width:100%; height:100%; background-size: 100%;}
.maskVid{position:absolute; z-index:10; width:100%; height:100%;}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.video-container video {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.text-mask {font-size:80px;font-weight: 900;justify-content: center;margin: 0;
    background: url("images/mask-img-home.png") center center; background-size: auto;background-clip: border-box;
    background-size: contain;margin: auto;align-self: center;background-clip: text;-webkit-background-clip: text;
    color: transparent;}
.text-mask span{font-size: 24px;line-height: 40px;color: #333333;display: block; font-weight: 300;}



/* .ourProgramsMob h3{font-family: Open Sans;font-size: 20px;font-weight: 700;line-height: 27px;} */
/* .ourProgramsMob h5{font-family: Source Sans Pro;font-size: 16px;font-weight: 400;line-height: 20px;} */
.vNav{margin-top:75px;}
.ourProgramsMob h3{/*margin-left:40px;*/ font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 36px;margin-bottom:0px;}
.ourProgramsMob h5{/*margin-left:40px;*/ margin-bottom:30px; font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;color: #000000;}

.trainerSec{display:flex; margin-top:20px;}
.trainerPic{min-width:175px; margin-right:20px;}
.trainerPic p{text-align:center; margin-top:5px;}
.trainerPic img{border-radius:8px; margin-top: 5px;}

.aboutSec{ display: flex;   margin-bottom: 10px; margin-top:20px; }
.aboutPic{min-width: 300px; margin-right:20px;}
.aboutText{}

.aboutPic img{border-radius:8px; margin-top: 5px;}

.proBanner{display:block; margin:40px 0px 20px 0px;}
.proBanner img{border-radius:8px; }
.resp-tabs-container h1{font-family: Open Sans;font-size: 36px;font-weight: 700;line-height: 37px;letter-spacing: 0em;}
.resp-tabs-container h2{font-family: Open Sans;font-size: 36px;font-weight: 700;line-height: 37px;letter-spacing: 0em;}
.resp-tabs-container h3{font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 37px; margin-top:40px;}
.resp-tabs-container p{font-family: Source Sans Pro;font-size: 18px;font-weight: 400;line-height: 28px; color:#000;}
.resp-tabs-container .list5 li{font-size: 18px;font-weight: 400;line-height: 28px; color:#000; background: url(../images/red-bullet-round.png) left 12px no-repeat; padding: 4px 0 0 22px !important;}

.feeList{ display:flex; margin-top:25px;}
.feeList li{min-width:260px; padding:15px 32px; color:#fff; font-family: Source Sans Pro;font-size: 18px;font-weight: 600;line-height: 23px;background: #E31E24; margin-right:1px; }
.feeList li span{font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: 0em; display:block;}
.feeList li b{font-size: 28px;line-height: 35px;font-weight: 600;}

.applyBox{background: #E31E24; margin:50px 0px; display:flex; padding:30px 55px; color:#fff; flex-wrap: wrap;align-items: center; clear: both; justify-content: center;}
.applyBox p{font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: 0em;text-align: left; max-width:75%;  color:#fff; padding-right: 50px;}
.applyBox a.mailLink{color:#fff;}
a.applyNowBtn{background:#fff; padding:16px 32px;font-family: Source Sans Pro;font-size: 16px;font-weight: 600;line-height: 26px;}
a.applyNowBtn:hover{text-decoration:none; background:#222; color:#fff;}


ul.resp-tabs-list{
    margin: 0px;
    padding: 0px;
}



.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 0px 0px 30px 55px;
}




.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
	font-size: 16px;font-weight: 700;line-height: 17px;
    border-bottom: 1px solid #000;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 19px 20px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    background: #E3000F;
	color:#fff;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 25%;margin-bottom: 30px;
}
.resp-tabs-list h3{margin-left:40px; font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 36px;margin-bottom:0px;}
.resp-tabs-list h5{margin-left:40px; margin-bottom:30px; font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: 0em;color: #000000;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    
    margin: 0px;
    cursor: pointer;
    float: none;
	font-weight: 600;
    font-size: 16px; color:#4E3629;
}
.resp-vtabs .resp-tabs-list li span{border-bottom:1px solid #535353; display: block; padding: 15px 0px; margin: 0px 40px;}
.resp-vtabs li.resp-tab-active span{border-bottom:0px solid #535353;}
.resp-vtabs .resp-tabs-list li span:hover{color: #CF1317;}
.resp-tab-active span:hover{color: #fff !important;}
.resp-vtabs .resp-tabs-container {
    margin-bottom: 10px;
    background-color: #fff;
    border-left: 1px solid #c1c1c1;
    float: left;
    width: 73%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { position: relative; background:#CF1317; border-bottom:2px solid #CF1317; color:#fff; margin-top: -1px;}

.resp-arrow {
    width: 24px;
    height: 24px;
    float: right;
    margin-top: 3px;
	background:url(../images/iconamoon_arrow-up.png) no-repeat 0px -6px;
    /* border-left: 6px solid transparent; */
    /* border-right: 6px solid transparent; */
    /* border-top: 12px solid #c1c1c1; */
}

h2.resp-tab-active span.resp-arrow {
    /* border: none; */
    /* border-left: 6px solid transparent; */
    /* border-right: 6px solid transparent; */
    /* border-bottom: 12px solid #9B9797; */
	background:url(../images/iconamoon_arrow-down.png) no-repeat 0px -6px;
}




@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.overviewHC{padding: 40px 0px;margin-bottom: 50px;}
	.feeList li {min-width: 200px;padding: 32px 30px;}
	.resp-vtabs .resp-tabs-list li span{margin: 0px 15px;}
}	
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.overviewHC{padding: 40px 0px;margin-bottom: 50px;}
	.resp-vtabs{padding:0px;}
	.resp-tabs-list h3, .resp-tabs-list h5{  margin-left: 0px;}
	.feeList li {min-width: auto;padding: 32px 30px;}
	.resp-vtabs .resp-tabs-list li{font-size: 16px;}
	.resp-vtabs .resp-tabs-list li span{margin: 0px 10px;}
	.resp-tab-content{padding: 0px 0px 30px 30px;}
	
}





@media only screen and (max-width: 767px)
{	
	
	.home_slider_header{/*height:auto;*/ height: 55vw; margin-top:0px; top:50px; margin-bottom:50px;}
	/*.maskVid{display:none;}*/
	.maskImgbanner{background:url(images/Become-A-Creative_Header-Image_Mobile_1a.jpg) no-repeat; background-size: 100%;}
	.text-mask{font-size: 44px;padding: 20px;}

	.vNav{margin-top:40px;}
	
	.mobOn{display:block;}
	.mobOff{display:none;}
	.hc-banner{display:none;}
	.hc-banner-mob{display:block; margin-top: 80px;}
	.overviewHC{padding: 25px 0px; margin-bottom: 25px;}
	.overviewHC p{font-size: 16px;font-weight: 300;line-height: 28px;}
	.ourProgramsMob{display:block;}
	.programList{margin-left:0px !important;}
	.trainerSec{flex-wrap: wrap;}
	.trainerPic{width:100%; margin-bottom:5px;}
	.trainerPic p{text-align:left;   margin-bottom: 5px;}
	
	.resp-tabs-container h2{font-size: 18px;font-weight: 700;line-height: 25px; }
	.resp-tabs-container h3{font-family: Open Sans;font-size: 18px;font-weight: 700;line-height: 25px;color:#4E3629}
	.resp-tabs-container p{font-size: 16px;font-weight: 400;line-height: 28px; color:#000}
	.resp-tabs-container .list5 li{font-size: 16px;font-weight: 400;line-height: 28px; color:#000;}
	.fiftyList li{width: 100%;}
	.feeList{background: #000000; border-radius:4px; padding:8px 0px;}
	.feeList li{background: none; padding: 8px 18px; font-size: 14px;font-weight: 400;line-height: 18px; min-width: auto; border-left: 1px solid #fff;}
	.feeList li span{font-size: 12px;font-weight: 600;line-height: 15px; color:#E3000F;}
	.feeList li b{font-size: 14px;font-weight: 400;line-height: 18px;}
	.feeList li:first-child{border-left: 0px solid;}
	
	.resp-tab-content{padding:30px 15px;}
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block;}
    .resp-vtabs .resp-tab-content {border: 1px solid #E3000F;}
    .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 100px;clear: none;}
    .resp-accordion-closed {display: none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #E3000F !important;}
	
	.applyBox{background: #fff; border: 1px solid #9E9E9E; padding: 18px 15px;}
	.applyBox p{width:100%; min-width:100%; font-size: 16px;font-weight: 400;line-height: 20px;text-align: center; color:#000; padding-right: 0px;}
	.aBtnDiv{text-align: center;margin: 28px auto 15px;}
	a.applyNowBtn{background: #000000;font-size: 16px;font-weight: 600;line-height: 26px;color:#fff;}
	.applyBox a.mailLink{color:#000;}
	#skillVerseSlider {  margin: 20px 0 0 0;}
	.skillTestimonialSec{padding-top: 40px; }
	.skillTestimonialSec p.introTxt{color: #000;	font-size: 20px;	line-height: 32px; }
}