/* Video Banner */
.banners{overflow:hidden;position:relative;background-position:50% 0;height:100%;}
.banners::before,.banners::after{content:'';position:absolute;pointer-events:none;z-index:2;}
.banners::before{top:0;width:100%;height:34%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(95, 95, 95, 0) 100%);}
.banners::after{bottom:0;width:100%;height:66%;background:linear-gradient(180deg, rgba(81, 81, 81, 0) 0%, rgba(0, 0, 0, 0.4) 77.08%);}
.banners.banner-slider{background-position:0 0;min-height:1px}
.banners .banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:-1;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%}
.banners .banner-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;max-width:none;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:1s opacity;transition:1s opacity;}

.banner-home .banner-caption-s1 .center-text h1{color: #fff;font-weight: bold;font-size:60px;margin:0;line-height:1.2;}
.button-position {position: absolute;right: 0;top: -97px;}
.btn-banner{text-transform: uppercase;letter-spacing: 0.5px;color: #fff;font-size: 18px; font-weight: 600; padding: 10px 15px;display: inline-block;border-radius: 4px;outline: none;box-shadow: none;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);--r: 25px;line-height: 1.8;padding-inline: 1.2em;border-inline: var(--r) solid #0000;border-radius: calc(2* var(--r)) calc(2* var(--r)) 0 0 / var(--r);mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1* var(--r)) 100% / 100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box;background: var(--main-color) border-box;width: fit-content;}
.btn-banner:hover{transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition);color: #fff;background: var(--main-color3) }
.banner-caption-s1 .center-text .banner-subtitle,.banner-home .banner-caption-s1 .center-text .banner-subtitle{font-weight:700;color:#fcf7e9;margin-top:30px;letter-spacing:2px;}

.usual,.hovers{transition:all ease-in-out .3s;}
.hovers{opacity:0;visibility: hidden;margin-top:-105px;}
.haslines{position: relative;}
.haslines::before{content: '';width: 100%;height: 2px;background: var(--whiteColor);position: absolute;bottom: 0;left: 0;}

.gal-height{ width: 100%; height: 350px; overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.gal-height img{width: 100%; height: 100%; object-fit: cover;}

@media only screen and (min-width:240px) {
.banners {height:450px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:38px}
}
@media only screen and (min-width:576px) {
.banners {min-height: 450px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:42px}
}
@media only screen and (min-width: 768px) {
.banners {min-height:550px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:50px}
}
@media only screen and (min-width: 1200px) {
.banners {min-height:600px;}
.banner-home .banner-caption-s1 .center-text h1{font-size:60px}
}
@media only screen and (min-width:1440px) {
.banners {min-height:70vh;}
}
@media only screen and (min-width: 1600px) {
.banners {min-height:86vh;}
}

.tgrad{background:-moz-linear-gradient(45deg,#900 0%,var(--main-color3) 100%);background:-webkit-linear-gradient(45deg,#900 0%,var(--main-color3) 100%);background:linear-gradient(45deg,#900 0%,var(--main-color3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000',endColorstr='#a00083',GradientType=1);background-size:cover;color:var(--whiteColor);-webkit-text-fill-color: transparent;-webkit-background-clip: text;padding:0;font-weight:bolder;font-size:36px;line-height:1.2;text-transform:uppercase;}

.bb3{border-bottom:5px solid var(--main-color)}
.bb3.even{border-bottom:5px solid var(--main-color2)}


.subtit{max-width:700px;margin:auto;}

.courses-item{transition:var(--transition);-webkit-box-shadow:rgb(0 0 0 / 8%) 0 0 15px; box-shadow:rgb(0 0 0 / 8%) 0 0 15px;overflow:hidden;height: 100%;position:relative;}
.courses-item a{display:inline-block}
.courses-item .content{padding:60px 30px 30px;position:absolute;bottom:0;left:0;width:100%;
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to top,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.courses-item:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.courses-item img{transition:var(--transition);}
.courses-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.testimonials-area .owl-dots{margin-top:20px!important;margin-bottom:0!important}
.testimonials-area .owl-dots .owl-dot span{background-color:rgba(33,34,95,.2)!important;-webkit-transition:.7s;transition:.7s;margin:0 7px;position:relative;z-index:1;border-radius:5px}
.testimonials-area .owl-dots .owl-dot.active span{background-color:var(--titleColor)!important}
.testimonials-area .owl-dots .owl-dot:hover span{background-color:var(--mainColor)!important}
.owl-carousel.sameheight .owl-stage{display:flex; flex-wrap: wrap;}
.owl-carousel.sameheight .owl-stage .testimonials-item{height:100%;}


.kiatro {position: absolute;left: 0;bottom: 20px;width: 100%;padding: 0 0 0 40px}
.circle-initials {width: 48px;height: 48px;background-color: #ccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 16px;color: white;background: var(--main-color);border: 3px solid #fff;}
.circle-initials.even {background: var(--main-color2);}
.quote-test {background: #fff;position: relative;}
.quote-test .icon {width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: -6px;transform: translateY(-50%);background: #eeefe7;}
.testi-bottom {position: absolute;bottom: 30px;width: 78%;}
.testi-bottom::before {position: absolute;top: 0;right: -48px;width: 80px;height: 100%;background: #fff;content: '';}


.intrro .guestname{position:absolute;bottom:10%;left:0;background:rgba(0,0,0,.8);padding:5px 10px;color:#fff;text-transform: uppercase;font-size:14px;letter-spacing: 1px;width: 100%;text-align: center;}
.height3{height:2px;}
.enrolled-content{background:url(images/icon-big-black.svg) no-repeat top left}
.rait{background:url(images/icon-big-black.svg) no-repeat top center;background-size:300px}

.counter-content{position:relative;display: flex;align-items:center;flex-flow:column;border-radius:15px;height:100%;text-align:center;top:0;transition:all ease-in-out .3s;background: #fff;border: 1px solid #fff;}

.counter-content .view-details{background:var(--main-color);position: absolute;bottom: 0;left: 0;width: 100%;font-weight: 600;display: flex;gap: 8px;align-items: center;justify-content: center;padding: 10px 0;}
.counter-content .view-details .icon{ width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.counter-content .view-details span{color:#fff;}
.counter-content:hover{border: 1px solid var(--main-color);}
.counter-content::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(images/courses-shape.png) no-repeat right;opacity:.5;}

.counter-content .imgbox{width:230px;height:230px;display:inline-block;margin:0 auto 15px;border-radius: 50%;overflow: hidden;position:relative;}
.counter-content .imgbox::after{background: linear-gradient(90deg, rgba(var(--careold-white-rgb, 255, 255, 255), 0.2) 0px, rgba(var(--careold-white-rgb, 255, 255, 255), 0.2) 77%, rgba(var(--careold-white-rgb, 255, 255, 255), 0.45) 92%, rgba(var(--careold-white-rgb, 255, 255, 255), 0));content: "";height: 200%;left: -210%;opacity: 0;position: absolute;top: -50%;transition: all 0.7s ease 0s;width: 200%;}
.counter-content:hover .imgbox::after{left: -30%;opacity: 1;top: -20%;transition-duration: 0.7s, 0.7s, 0.15s;transition-property: left, top, opacity;transition-timing-function: linear;}
.counter-content:hover .imgbox{animation-name: wobbleTop;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
@keyframes wobbleTop {
16.65% {transform: skew(-12deg);}
33.3% {transform: skew(10deg);}
49.95% {transform: skew(-6deg);}
66.6% {transform: skew(4deg);}
83.25% {transform: skew(-2deg);}
100% {transform: skew(0);}
}
.counter-content .imgbox img{width:100%;height:100%;object-fit: cover;}
.counter-content p{font-size:18px;line-height:1.2}
.counter-content p + p{margin-bottom:0;line-height:1.4}

@media(max-width:575px){
.counter-content .imgbox{width:200px;height:200px;}
.haslines{letter-spacing: 1px !important;}
}
.award-slider .owl-stage{display:flex;}
.award-slider .owl-stage .item{height:100%;}
.kiij h6{position: absolute;left:0;bottom:0;width:100%;padding: 60px 30px 30px;bottom: 0;left: 0;width: 100%;background: -moz-linear-gradient(bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.kiij h6 img{position: absolute;opacity: .15;width:60px;}
.jian{position:absolute;bottom:18px;}

.home-intro{background: var(--main-color);}
.home-intro .brr{border-right: 1px solid #ffffff17;}
.home-intro .item{padding: 26px 0;}
.home-intro .icon{ width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #ffffff1c; min-width: 56px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

.home-about .icon{ width: 58px; height: 58px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;display: flex;align-items: center;justify-content: center;min-width: 58px;padding: 12px;border: 1px solid #33333314;}
.home-about .item{border: 1px solid #2b5cbd11;}

.flip-circle{position: absolute;right: 25%;top: 50%;transform: translate(-50%, -50%);}
.banner-play-btn {width: 148px;height: 148px;border-radius: 100px;background-color: var(--main-color) !important;overflow: hidden;line-height: 135px;text-align: center;position: relative;display: inline-block;border: 5px solid #f7f7f7;}
.text-inner {animation: circle 15s linear infinite;position: relative;z-index: 22;fill: transparent;-webkit-animation: circle 15s linear infinite;}
.text-inner svg {width: 100px;max-width: 100%;height: auto;overflow: visible;word-spacing: 10px;transform: rotate(0) scaleX(1) scaleY(1);position: relative;}
.text-inner:before{position: absolute;content: "";top: 0;left:0 ;height: 16px;width: 16px;background: #fff!important;}
.text-inner text {fill: #fff;direction: ltr;transition: 0.3s stroke, 0.3s stroke-width, 0.3s fill;font-size: 30px;font-weight: 500;position: relative;z-index: 2;}
.like {position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 80px;height: 80px;background: var(--main-color);line-height: 58px;border-radius: 50%;padding: 0px;}

@media(max-width:992px){
.home-intro .brr{border-right: 1px solid #ffffff00;}
.home-intro .item{padding: 16px 0;}
}
@media(max-width:768px){
.testimonial{padding-bottom: 80px !important;}
}
@media(max-width:575px){
.testimonial{padding-bottom: 60px !important;}
.banner-play-btn{width: 134px;height: 134px;line-height: 123px;}
.text-inner svg{width: 94px;}
.text-inner text{font-size: 29px;}
}

@keyframes circle {
100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }
0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
}
.why-choose .item .icon{ width: 80px; height: 80px; background: #eeede94b; display: flex; align-items: center; justify-content: center; border: 1px solid #33333317; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;min-width: 80px;}
.bbb{border-bottom: 5px solid #2b5cbd21 !important;border: 1px solid #3333331c;}

.border222{border: 1px solid rgba(0, 0, 0, 0.144);border-bottom:3px solid var(--main-color);}

.navcenter .owl-nav{display: flex;align-items: end;flex-direction: column;right: -156px;justify-content: center;gap: 6px;}
.navcenter .owl-nav .owl-prev{ right:-100px; float:inherit; position: relative; height: 50px; width: 50px; min-height: 50px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: ; }
.navcenter .owl-nav .owl-next{ right:0; float:inherit; position: relative; height: 50px; width: 50px; min-height: 50px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.navcenter .owl-nav .owl-next:hover{background: var(--main-color) !important;color: #fff;}
.navcenter .owl-nav .owl-prev:hover{background: var(--main-color) !important;color: #fff;}

.courses-cta-main::before{bottom: 0;left: 0;width: 100%;height: 338px;background: linear-gradient(to bottom, #c9574900, #04040482, #040404cf);position: absolute;content: '';}
.courses-cta{position: absolute;bottom: 0;left: 0;}
.home-form{margin-top:-50px;border: 1px solid #c5483a;border-radius:8px;background: #c95749;background: -webkit-linear-gradient(to bottom, #c95749, #f19669);background: linear-gradient(to bottom, #c95749, #f19669);}
@media(max-width:767px){
  .home-form{margin-top:-10px;}
}