.header-banner,.home-slide{height:80vh;}
.banner-one .item{ position: relative; height:80vh; background-size:cover; background-position:center; overflow: hidden;}
.banner-one .item::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';background:rgba(0,0,0,1);opacity:.36;}
.banner-one .insider{ position: absolute;top:56%;width:100%;transform:translateY(-50%);left:0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.banner-one .insider .subtitle{text-transform:uppercase;letter-spacing:2px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-title{text-transform: capitalize;font-family:var(--font2);font-size:40px;line-height:1.2;font-weight:bold;margin:0;margin-bottom:15px;text-transform:uppercase;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.slidertext{margin:0;font-family:var(--font3);font-size:20px;line-height:30px;margin-bottom:15px; display:inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; }
.banner-one .default-btn{-webkit-animation-duration:12s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-one .active .subtitle{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.banner-one .active .banner-title{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.3s;animation-delay:.3s}
.banner-one .active .slidertext{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}
.banner-one .active .default-btn{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1.1s;animation-delay:1.1s;}

.slider-cntn{max-width:600px;position:relative;}
@media(max-width:1199px) {
.header-banner,.home-slide,.banner-one .item{height:85vh;}
.banner-title{font-size:30px}
.slidertext{font-size:20px;line-height:1.4;}
.slider-cntn{max-width:500px;}
.home-form .border-bbb{width: 97% !important;}
}
@media(max-width:991px) {
.banner-title{font-size:38px;}
.slidertext{font-size:18px;}
.banner-one .insider{top:60%;}
.home-form::before{ position: relative !important;}
.home-form .border-bbb{width: 96% !important;}
#cards::before{height: 99% !important;}
}
@media(max-width:767px) {
.header-banner,.home-slide,.banner-one .item{min-height:460px;}
.banner-one .insider{bottom:20%;top:auto;transform: none;}
.home-form .border-bbb{width: 95% !important;}
.card .img-wrapper{height: 270px !important;}

#cards::before{height: 98.8% !important;}
.services .services-back2 .item{ border-radius: 10px 10px 10px 10px !important; -webkit-border-radius: 10px 10px 10px 10px !important; -moz-border-radius: 10px 10px 10px 10px !important; -ms-border-radius: 10px 10px 10px 10px !important; -o-border-radius: 10px 10px 10px 10px !important; overflow: hidden; }
.services .services-back .item{ border-radius: 10px 10px 10px 10px !important; -webkit-border-radius: 10px 10px 10px 10px !important; -moz-border-radius: 10px 10px 10px 10px !important; -ms-border-radius: 10px 10px 10px 10px !important; -o-border-radius: 10px 10px 10px 10px !important; overflow: hidden; }
.card {top: 110px !important;}

.services-back2::before{ width: 100% !important; height: 96% !important; bottom: -40px !important; border-radius: 0 0 10px 10px !important; -webkit-border-radius: 0 0 10px 10px !important; -moz-border-radius: 0 0 10px 10px !important; -ms-border-radius: 0 0 10px 10px !important; -o-border-radius: 0 0 10px 10px !important; }
.services-back::before{ width: 100% !important; height: 96% !important; bottom: -40px !important; border-radius: 0 0 10px 10px !important; -webkit-border-radius: 0 0 10px 10px !important; -moz-border-radius: 0 0 10px 10px !important; -ms-border-radius: 0 0 10px 10px !important; -o-border-radius: 0 0 10px 10px !important; }
.services-back2 .serv-num{width: 48px !important;height: 48px !important;font-size: 28px !important;display:none;}
.services-back .serv-num{width: 48px !important;height: 48px !important;font-size: 28px !important;}

}
@media(max-width:575px) {
.banner-one .item{height:80vh;min-height:460px;background-position:center;}
.banner-title{font-size:28px;}
.slider-cntn{text-align:center;margin:auto;}
.home-form .border-bbb{width: 92% !important;}
.card {top: 90px !important;}
.card .img-wrapper{height: 180px !important;}
.services-back::before{top: 51% !important;}
.services-back2::before{top: 51% !important;}
#cards::before{height: 98.2% !important;}
}

.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: 4px solid var(--main-color)}
.bb3.even {border-bottom: 4px solid var(--main-color3)}
.testimonial {background: #fff;padding-top:112px !important;}

.kiatro {position: absolute;right: 0;top: 0px;width: 100%;padding:9px 4px 8px 26px;background: var(--main-color);border-radius:20px 20px 0 0;border-right:0;}
.circle-initials {width: 40px;height: 40px;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-color3);}
.circle-initials.even {background: var(--main-color2);}


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

.enrolled-img img{border:2px solid var(--main-color4)}
.slideshow{overflow:hidden;position:relative;}
.slideshow img{visibility:hidden;opacity: 0;position:absolute;left:0;top:0;width:100%;;object-fit:cover;transition:opacity ease-in-out .8s}
.slideshow img.active{visibility:visible;opacity:1;position:relative;width:100%;display:block;}

.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}
.reel-carousel .owl-dots{margin-top:20px!important;margin-bottom:0!important}
.owl-carousel.sameheight .owl-stage{display:flex; flex-wrap: wrap;}
.owl-carousel.sameheight .owl-stage .testimonials-item{height:100%;}
.testimonials-item{padding-bottom:100px!important;}
.testimonials-item::before{content:'';width: 60px;height:60px;border-radius:0 0 50% 50%;background-color: var(--black);opacity:.08;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.kakas{position:absolute;bottom:15px;width:100%;}
.testimonials-item p{margin-bottom:15px;display:block;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transition-duration:.6s;transition-duration:.6s}
.testimonials-item h3{margin-bottom:5px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transition-duration:.6s;transition-duration:.6s;font-size: 18px;color: var(--titleColor);}
.testimonials-item span{margin-bottom:0;display:block;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transition-duration:.6s;transition-duration:.6s}
.testimonials-item .quote{position: absolute;bottom:0;right:35px;font-size: 40px;color: var(--titleColor);opacity: .5;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;-webkit-transition-duration: .6s;transition-duration: .6s;}

.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:2px solid #daab37d9;border-radius:15px;padding:20px 15px;height:100%;text-align:center;background-color:rgba(0,0,0,.3);top:0;transition:all ease-in-out .3s;}
.counter-content:hover{top:-6px;}
.counter-content::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(images/icon-big-black.svg) no-repeat center;opacity:.06;}

.counter-content .imgbox{width:150px;height:150px;display:inline-block;margin:0 auto 15px;border-radius: 50%;overflow: hidden;border:2px solid rgba(255,255,255,.9);position:relative;}
.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;color:var(--whiteColor);line-height:1.4}
@media(max-width:575px){
.counter-content .imgbox{width:100px;height:100px;}
}

.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 ); -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
.kiij h6 img{position: absolute;opacity: .15;width:60px;}

.heighto {height: 50px;overflow: hidden;}
.jian {position: absolute;bottom: 16px;}
.blog-date {position: absolute;top: 10px;right: 8px;}
.blog-date p {position: relative;z-index: 2;}
.blog-date::before {content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: var(--main-color);border-radius:8px;transform: skewX(-10deg);z-index: 1;}

.home-about .item{clip-path: polygon(50% 0,100% 8%,100% 60%,100% 100%,0 100%,0 60%,0 6%);}
.home-about .item.two{clip-path: polygon(56% 0,100% 0,100% 91%,50% 100%,48% 100%,0 91%,0 0)}

.home-about .enrolled-img .img1{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;position: relative;right: -10px;}
.home-about .enrolled-img .img{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;}


.border-top-why{border-top: 1px solid rgba(255, 255, 255, 0.08);}

.testimonials-area .feature-shape2{position: absolute;bottom: -250px;right: -200px;opacity:0.3;}

.home-form .border-bbb{ position: absolute; bottom: 0; z-index: 4; background:#792e891c; height: 5px; width: 98%; left: 50%; transform: translateX(-50%); border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }

.main-cta{border-bottom: 3px solid var(--main-color3);}
.main-cta a{color: #fff;}
.main-cta a:hover{color: var(--main-color3) !important;}

.services .item .img-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0d0220; background: linear-gradient(0deg, #0d0220, rgba(253, 187, 45, 0)); transition: all .5s ease;}
.services .item .view { z-index: 2; position: absolute; height: 0; opacity: 0; transition: all 0.4s ease; display: flex; justify-content: center; align-items: center; bottom: 0; width: 100%; background: var(--main-color2); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.services .item:hover .view {height: 48px;opacity: 1;}
.services-back{position: relative;}
.services-back::before{position:absolute;top:50%;left:0;content:'';background:var(--main-color4); width: 90%; height: 88%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px 0px 0px 50px; -moz-border-radius: 50px 0px 0px 50px; -ms-border-radius: 50px 0px 0px 50px; -o-border-radius: 50px 0px 0px 50px; }

.services .services-back .item{ border-radius: 230px 10px 10px 230px; -webkit-border-radius: 230px 10px 10px 230px; -moz-border-radius: 230px 10px 10px 230px; -ms-border-radius: 230px 10px 10px 230px; -o-border-radius: 230px 10px 10px 230px; overflow: hidden; }
.services .services-back2 .item{ border-radius: 10px 230px 230px 10px; -webkit-border-radius: 10px 230px 230px 10px; -moz-border-radius: 10px 230px 230px 10px; -ms-border-radius: 10px 230px 230px 10px; -o-border-radius: 10px 230px 230px 10px; overflow: hidden; }
.services-back2{position: relative;}
.services-back2::before{ position: absolute; top: 50%; right: 0; content: ''; background: var(--main-color); width: 90%; height: 88%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 0px 50px 50px 0; -webkit-border-radius: 0px 50px 50px 0; -moz-border-radius: 0px 50px 50px 0; -ms-border-radius: 0px 50px 50px 0; -o-border-radius: 0px 50px 50px 0; }
/* .bgc3:before,.bgc6:before{background:#834392} */

.services-back .serv-num {width: 62px;height: 62px;border-radius:50%;background: linear-gradient(to left, var(--main-color), var(--main-color3));display: flex;align-items: center;justify-content: center;color: #fff;font-size: 36px;position: absolute;right: 10px;top: 10px;font-weight: 600;z-index: 2;}
.services-back2 .serv-num { width: 62px; height: 62px; border-radius:50%; background: linear-gradient(to left, var(--main-color), var(--main-color3)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; position: absolute; left: 10px; top: 10px; font-weight: 600; z-index: 2; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }

:root {
--card-height: auto;
--card-margin: 1px;
--card-top-offset: 0;
--numcards: 3;
--outline-width: 0
}

.service-heading{
  z-index: 1;
position: relative; margin-bottom: -120px; }

#cards {
list-style: none;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(var(--numcards), var(--card-height));
gap: var(--card-margin);
padding-bottom: calc(var(--numcards) * var(--card-top-offset));
/* margin-bottom: var(--card-margin); */
position: relative;
padding: 60px 0;
padding-top: 150px;
}
#cards::before{position: absolute;bottom: 0;left: 0;width: 100%;background: var(--main-color2);content: '';z-index: -1;height: 99.2%;}


#card-1 {
--index: 1
}

#card-2 {
--index: 2
}

#card-3 {
--index: 3
}

#card-4 {
--index: 4
}
#card-5 {
--index: 5
}
#card-6 {
--index: 6
}

.card { position: sticky; top: 210px; padding-top: calc(var(--index) * var(--card-top-offset)); background: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;border: none;
}
.top170{top: 170px;position: sticky; }


.card-content {
overflow: hidden;
}

.card-content>div {
grid-area: text;
width: 95%;
max-width: 800px;
place-self: center;
text-align: left;
display: grid;
gap: 1em;
place-items: start
}

.card {
--index0: calc(var(--index) - 1);
--reverse-index: calc(var(--numcards) - var(--index0));
--reverse-index0: calc(var(--reverse-index) - 1)
}


@keyframes scale {
to {
transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))))
}
}

.services-buttom{ position: absolute; bottom: -36px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.upcomingevent-slide.owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}

.galcaro .owl-item .hasgrad{transform:scale(.95)};
.galcaro .owl-item.active.center .hasgrad{transform:scale(1)};

.hasgrad::before{position: absolute;content: "";width: 100%;height: 100%;top:0;opacity: .8;}
.hasgrad.gradd1::before{background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(124, 1, 150, 0.86), rgba(255, 0, 162, 0.86)) repeat scroll 0 0;}

.experience-slider-wrapper{min-height:400px;position:relative;overflow:hidden}
.experiences-slider{max-width:1600px;margin: 0 auto;width:100%;height:400px;position:relative;overflow:hidden}
.experiences-slider a{ border-radius:4px; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.experiences-slider img{visibility:hidden;cursor:pointer;max-width:800px;height:auto;border-radius:4px;}
.experience-slider-wrapper #textbox{max-width:800px;width:100%;height:125px;position:absolute;left:-50%;right:-50%;bottom:0;margin:auto;text-align:center;z-index:999;color:#fff;padding-bottom:20px;padding-top:30px;background:rgba(0,0,0,0);}
/* .experience-slider-wrapper #textbox{max-width:770px;width:100%;height:125px;position:absolute;left:-50%;right:-50%;bottom:0;margin:auto;text-align:center;z-index:999;color:#fff;padding-bottom:20px;padding-top:30px;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)} */
.experience-slider-wrapper #textbox h4{font-size:22px;}
.experience-slider-wrapper #textbox h4,.experience-slider-wrapper #textbox a{color:#fff;margin-bottom:5px}
.experience-slider-wrapper #textbox span{font-size:14px;font-weight:300}
.experience-slider-wrapper #textbox p{color:#f90;margin-bottom:0;font-size:18px;}
.water_wheel_nav{position:absolute;top:-55%;bottom:-50%;margin:auto;z-index:999;width:100%;height:0px}
.water_wheel_nav a{background-color:transparent;width:40px;padding:0;display:block;box-shadow:1px 2px 10px rgba(0,0,0,0.5);position:absolute;color:#fff;font-size:22px;text-align:center;}
.water_wheel_nav #prev{left:0;}
.water_wheel_nav #next{right:0;}