.banner-one .item{position: relative;height:80vh;background-size:cover;background-position:center;}
.banner-one .item::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';background:rgba(11, 28, 57, .54);opacity: 0;}
.banner-one .item::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: radial-gradient(at bottom left, #0f2f5a96 0%, #f3090900 100%);}
.banner-one .insider{ position: absolute;top:66%;width:100%;transform:translateY(-50%);left:0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);z-index:2;}
.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-size:42px;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-size:22px;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;}
.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) {
.banner-one .item{height:72vh;}
.banner-title{font-size:34px}
.slidertext{font-size:20px;line-height:1.4;}
.slider-cntn{max-width:500px;}
}
@media(max-width:991px) {
.banner-title{font-size:28px;}
.slidertext{font-size:18px;}
.banner-one .insider{top:68%;}
}
@media(max-width:767px) {
.banner-one .item{min-height:460px;}
.banner-one .insider{bottom:8%;top:auto;transform: none;}
}
@media(max-width:575px) {
.banner-one .item{height:70vh;min-height:460px;background-position:center;}
.banner-title{font-size: 24px;}
.slider-cntn{text-align:center;margin:auto;}
.home-slide.dotta .owl-dots{bottom: 0 !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-color2)}
.testimonial{padding-bottom:95px!important; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); border-radius: 40px 40px 40px 0; -webkit-border-radius: 40px 40px 40px 0; -moz-border-radius: 40px 40px 40px 0; -ms-border-radius: 40px 40px 40px 0; -o-border-radius: 40px 40px 40px 0;background: #fff;}
.testimonial .quote{ width: 40px; height: 40px; background: var(--main-color4); display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 30px 30px 30px 0; -webkit-border-radius: 30px 30px 30px 0; -moz-border-radius: 30px 30px 30px 0; -ms-border-radius: 30px 30px 30px 0; -o-border-radius: 30px 30px 30px 0; position: absolute;top: 0;right: 0;}
.quote.even{background:var(--main-color2)}
.kiatro{position:absolute;left:0;bottom:20px;width:100%;padding:0 0 0 40px}
.circle-initials{width:40px;height:40px;background-color:#ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;background:var(--main-color);position: relative;}
.circle-initials::before{ width:52px; height:52px; position: absolute; top: 50%; left: 50%; border: 2px dashed var(--main-color); content: ''; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;opacity: 0.4;}
.circle-initials.even{background: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%;}
.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;flex-flow:column; border-radius:50px 50px 50px 0; padding:12px; height:100%;top:0; transition:all ease-in-out .3s; -webkit-border-radius:50px 50px 50px 0; -moz-border-radius:50px 50px 50px 0; -ms-border-radius:50px 50px 50px 0; -o-border-radius:50px 50px 50px 0;box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);}
.counter-content:hover{top:-6px;}

.counter-content .imgbox{ display:inline-block; margin:0 auto 15px; border-radius: 50px 50px 50px 0; overflow: hidden; border:2px solid rgba(255,255,255,.9); position:relative; -webkit-border-radius: 50px 50px 50px 0; -moz-border-radius: 50px 50px 50px 0; -ms-border-radius: 50px 50px 50px 0; -o-border-radius: 50px 50px 50px 0; }
.counter-content .imgbox::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; border-radius: 40px 40px 40px 0; background: #000; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.counter-content:hover .imgbox::before{opacity: 0.5;visibility: visible;}
.counter-content .imgbox img{width:100%;height:100%;object-fit: cover;}
.counter-content .imgbox .view{ position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border-radius: 50%; padding: 0; color: var(--whiteColor); background: var(--main-color); transform: translate(-50%, -50%) scale(3); opacity: 0; visibility: hidden; transition: all 0.8s ease; z-index: 1; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: flex; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; align-items: center; justify-content: center; }
.counter-content:hover .imgbox .view{ transform: translate(-50%, -50%) scale(1); opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1);}
.counter-content .imgbox .view:hover{background: #fff;color: var(--main-color);}
.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){
}

.award-slider .owl-stage{display:flex;}
.award-slider .owl-stage .item{height:100%;}

.kiij{ border-radius: 40px 40px 40px 0; -webkit-border-radius: 40px 40px 40px 0; -moz-border-radius: 40px 40px 40px 0; -ms-border-radius: 40px 40px 40px 0; -o-border-radius: 40px 40px 40px 0; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); }
.kiij .img-wrapper{ border-radius: 40px 40px 40px 0; -webkit-border-radius: 40px 40px 40px 0; -moz-border-radius: 40px 40px 40px 0; -ms-border-radius: 40px 40px 40px 0; -o-border-radius: 40px 40px 40px 0; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ;overflow: hidden;}
.kiij .img-wrapper img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.kiij:hover .img-wrapper img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.jian{position:absolute;bottom:10px;}

/* .intro-points{margin-top: -42px;position: relative;z-index: 1;} */
.intro-points .item{ border-radius: 30px 30px 30px 0px; -webkit-border-radius: 30px 30px 30px 0px; -moz-border-radius: 30px 30px 30px 0px; -ms-border-radius: 30px 30px 30px 0px; -o-border-radius: 30px 30px 30px 0px;border-bottom: 3px solid var(--main-color2);}

.intro-points .item .icon{ width: 64px; height: 64px; background-color: var(--main-color2); 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; box-shadow: 5px 5px 0 #F1F2F4; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease;padding: 14px;}
.intro-points .item:hover .icon{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); }
.intro-points .item .count-num{-webkit-text-stroke: 1px var(--main-color2);-webkit-text-fill-color:transparent;font-size: 42px;}

.home-about .img1{ border-radius: 50px 50px 0px 50px; -webkit-border-radius: 50px 50px 0px 50px; -moz-border-radius: 50px 50px 0px 50px; -ms-border-radius: 50px 50px 0px 50px; -o-border-radius: 50px 50px 0px 50px; overflow: hidden; }
.home-about .img2{ border-radius: 0px 50px 50px 50px; -webkit-border-radius: 0px 50px 50px 50px; -moz-border-radius: 0px 50px 50px 50px; -ms-border-radius: 0px 50px 50px 50px; -o-border-radius: 0px 50px 50px 50px; overflow: hidden; }
.home-about .img3{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden;border: 1px dashed var(--main-color2);padding: 8px;}
.home-about .img3 img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.home-about .expe{ display: flex; align-items: center; background: var(--main-color); border-radius: 50px 50px 50px 0px; -webkit-border-radius: 50px 50px 50px 0px; -moz-border-radius: 50px 50px 50px 0px; -ms-border-radius: 50px 50px 50px 0px; -o-border-radius: 50px 50px 50px 0px;gap: 12px;-webkit-animation-name:expetopbottom;animation-name: expetopbottom;-webkit-animation-duration:3s;animation-duration: 3s;-webkit-animation-iteration-count:infinite;animation-iteration-count: infinite;-webkit-animation-timing-function:linear;animation-timing-function: linear;}
.home-about .expe .icon{ display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;min-width: 54px;}

@keyframes expetopbottom {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.home-about .itemo .icon{ width: 58px; height: 58px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;background: var(--main-color);display: flex;align-items: center;justify-content: center;min-width: 58px;box-shadow: -5px 5px 0 rgba(16, 111, 99, 0.09);}

.home-numbers{position: relative;}
.home-numbers::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2b2c40;content: '';opacity: 0.7;}
.home-numbers .icon{ background: var(--main-color4); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -webkit-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -moz-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -ms-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -o-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;position: relative;}
.home-numbers .icon::before{ border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -webkit-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -moz-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -ms-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -o-border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; width: 100%; height: 100%; left: 10px; top: 10px; position: absolute; content: ''; border: 3px solid var(--whiteColor); z-index: -1; 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; }
.home-numbers .item:hover .icon::before{top: 0;left: 0;}

.why-item{background: var(--whiteColor); border-radius: 50px 50px 50px 0; -webkit-border-radius: 50px 50px 50px 0; -moz-border-radius: 50px 50px 50px 0; -ms-border-radius: 50px 50px 50px 0; -o-border-radius: 50px 50px 50px 0;display: flex;align-items: center;gap: 10px;}
.why-item .icon{ width: 70px; height: 70px; background: var(--main-color); display: flex; align-items: center; justify-content: center; border-radius: 50px 50px 50px 0; -webkit-border-radius: 50px 50px 50px 0; -moz-border-radius: 50px 50px 50px 0; -ms-border-radius: 50px 50px 50px 0; -o-border-radius: 50px 50px 50px 0;min-width: 70px;}

.why-choose .img-wrapper{position: relative;}
.why-choose .img-wrapper img{border-radius: 50px 50px 50px 0; -webkit-border-radius: 50px 50px 50px 0; -moz-border-radius: 50px 50px 50px 0; -ms-border-radius: 50px 50px 50px 0; -o-border-radius: 50px 50px 50px 0;}
.why-choose .img-wrapper::before{ content: ''; position: absolute; bottom: -15px; left: -15px; border: 5px solid var(--main-color4); width: 100%; height: 100%; border-radius: 50px 50px 50px 0; -webkit-border-radius: 50px 50px 50px 0; -moz-border-radius: 50px 50px 50px 0; -ms-border-radius: 50px 50px 50px 0; -o-border-radius: 50px 50px 50px 0; }

.home-form{ border-radius:40px 40px 40px 0; -webkit-border-radius:40px 40px 40px 0; -moz-border-radius:40px 40px 40px 0; -ms-border-radius:40px 40px 40px 0; -o-border-radius:40px 40px 40px 0;box-shadow: 0 0 40px 5px rgb(0 0 0 / 3%);border: 1px solid rgba(0, 0, 0, 0.06);}
.home-form-main{position: relative;}
.home-form-main .form-top{ background: var(--main-color2); border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }

.about-call .icon{ width: 52px; height: 52px; 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;background: var(--main-color2);box-shadow: -5px 5px 0 rgba(16, 111, 99, 0.09);}

.what-makes .item{ position: relative; overflow: hidden; border-radius: 30px 30px 30px 0; -webkit-border-radius: 30px 30px 30px 0; -moz-border-radius: 30px 30px 30px 0; -ms-border-radius: 30px 30px 30px 0; -o-border-radius: 30px 30px 30px 0; }
.what-makes .item::before{position: absolute;width: 100%;height: 128px;background: linear-gradient(to bottom, #00000000, #000000d0, #000000b9);content: '';bottom: 0;left: 0;z-index: 1;}

.what-makes .item .text{position: absolute;bottom: 10px;text-align: center;background: #393b93b5;width: 100%;z-index: 2;border-top: 1px solid #ffffffc2;border-bottom: 1px solid #ffffffc2;}
.what-makes .item img{ scale: 1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.what-makes .item:hover img{scale: 1.06;}

.showhidee::after {content: '\f282';font-family: 'bootstrap-icons';position: relative;margin-left: 5px;top: 3px;}
.showhidee.haider::after {content: '\f286';}

.moreless {max-height: 120px;overflow-y: auto;transition: max-height 0.3s ease;}
.moreless::-webkit-scrollbar {width: 6px;}
.moreless::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 3px;}
.moreless::-webkit-scrollbar-track {background-color: transparent;}
.moreless {max-height: 186px;overflow: hidden;transition: all 0.3s ease;}
.moreless.showall {overflow-y: auto;}
.cpointer{cursor: pointer;}

.ts{text-shadow: 2px 2px 4px rgba(0,0,0,.45);}