.banners{overflow:hidden;position:relative;background-position:50% 0;height:80vh;z-index:1;}
.banners::before{position:absolute;z-index:1;left:0;bottom:0;right:0;top:0;content:'';background-color:rgba(0,0,0,0.15)}
.banners .banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:0;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%}
.banners .banner-video video{object-fit: cover;width: 100vw;height: 100%;position: absolute;top: 0;left: 0;z-index:-100;filter:grayscale(0);}
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:700px;margin:0 auto;color:#fff;}
.banner-caption-s1 .center-text h1{line-height:1.1;}
.bt2{border-top:2px solid rgba(221,195,136,.4)}
.witthh{font-size:68px;display:block;}
@media only screen and (min-width: 1200px) {
.banners {min-height: 80vh;}
.banners::after{background-size:200px;}
}
@media only screen and (max-width: 1199px) {
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:600px;}
.witthh{font-size:50px;}
}
@media only screen and (max-width: 767px) {
.banners {min-height:auto;height:66vh;}
.witthh{font-size:42px;}
}
@media only screen and (max-width: 575px) {
.banners {min-height:auto;height:70vh;}
.witthh{font-size:36px;}
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:90%;}
}


.counter-content{position:relative;padding-left:30px!important;position:relative;box-shadow: var(--shadow-1);align-items: center;display: flex;position: relative;cursor: pointer;margin-top: 0;min-height:80px;z-index:1;background: linear-gradient(to right bottom, #212428, #16181c);}
.counter-content::before{content:'';position: absolute;left:10px;top:15%;background:var(--main-color3);width:5px;height:70%;}
.counter-content h3{color:var(--whiteColor);font-size:26px;margin-bottom:0;font-weight:500}
.counter-content p{margin-bottom:0;color:var(--whiteColor)}
.counter-content:hover i{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.counter-content:hover i::after{-webkit-transform:scale(1.2);transform:scale(1.2)}

:root{--card-height:auto;--card-margin:1px;--card-top-offset:0;--numcards:4;--outline-width:0}
#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)}
#card-1{--index:1}
#card-2{--index:2}
#card-3{--index:3}
#card-4{--index:4}
.card{position:sticky;top:0;padding-top:calc(var(--index) * var(--card-top-offset))}
.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)}
.card__content{transform-origin:50% 0;will-change:transform;--duration:calc(var(--reverse-index0) * 1s);--delay:calc(var(--index0) * 1s);animation:var(--duration) linear scale var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}
@keyframes scale {
to{transform:scale(calc(1.1 - calc(0.1 * var(--reverse-index))))}
}
.aboutt {background: url(images/about-bg.svg) no-repeat right 10% bottom 0%;background-size: 50%;}
.aboutt2 {background: url(images/about-bg2.svg) no-repeat left 10% bottom 0%;background-size: 50%;}
.minto{min-height:60vh;position: relative;}
.minto::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.mision{position: absolute;bottom:0;right:0;}
@media(min-width:1651px) AND (max-width:1920px){
.mision{right:100px;}
}
@media(min-width:1500px) AND (max-width:1650px){
.mision{right:40px;}
}
@media(min-width:1440px) AND (max-width:1499px){
.mision{right:10px;}
}
@media(min-width:1200px) AND (max-width:1439px){
.mision{right:10px;width:40%;}
}
@media(min-width:992px) AND (max-width:1199px){
.mision{right:10px;width:24%;}
}
@media (max-width:991px){
.mision{right:10px;width:24%;display:none;}
}

.kanta{padding:30px;border-radius:20px;background:#f3f6ff;}
.kanta::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:70%;width:4px;background:var(--main-color);}
.kantaa2 li{position:relative;padding-left:60px;font-weight:600;line-height:22px;margin:12px 0;min-height:40px;display:flex;align-items:center}
.kantaa2 li::before{content:'';position:absolute;left:0;top:4px;background:#f3f6ff;width:40px;height:40px;border-radius:50%;}
.kantaa2 li::after{content:'\f272';font-family:'bootstrap-icons';position:absolute;left:12px;top:14px;color:var(--main-color)}
.paabsolute{position:absolute;left:0;bottom:12%;background:var(--whiteColor);border-radius:0 10px 10px 0;width:auto;padding:10px 0;}
.paabsolute::before{content:'';position:absolute;left:50%;top:20%;transform:translateX(-50%);width:2px;height:60%;background:#e8e8e8;pointer-events:none;}
.hasmax{max-width:180px;}
.hasmax span{line-height:22px;display:block;}
@media (max-width:575px){
.paabsolute{bottom:25px;padding:0;}
.paabsolute a img{width:30px;}
.hasmax{max-width:140px;}
}

.hasgradient{background-repeat:repeat-X;background-size:100% 515px;}
.hasgradient::before,.hasgradient::after { content: ""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:515px; transition: all 300ms linear; z-index: -1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; }
.hasgradient::before {background-color: rgba(246,251,249,.85);opacity: 1;}
.hasgradient::after{background:linear-gradient(0,rgba(103, 134, 255, 0.21) 0%,rgba(255, 255, 255, 0.25) 100%)}
/* .hasgradient::after{background: linear-gradient(0,rgba(1,112,53,.2125) 0%,rgba(246,251,249,.25) 100%);} */

.saisai{min-height:340px;transition:var(--transition);width:90%;right:0;padding-bottom:80px!important;position:relative;float:right;margin-bottom:20px;border-radius:10px 0 10px 10px;margin-top:-50px;}
.saisai p{transition:var(--transition);}
.saisai:hover{width:100%;}
.saisai .btn1{position: absolute;bottom:30px;left:45px;}
@media(max-width:1200px){
.saisai .btn1{left:22px;}
}
.imago{height:300px;width:90%;}
.imago img{width:100%;height:100%;object-fit:cover;}
.kak{position:absolute;right:0;bottom:100%;width:80px;background:var(--main-color);background-size:40px;border-radius:0 10px 0 0;text-align: center;}

.work-h{width: 100%; height: 350px;}
.work-h img{width: 100%; height: 100%; object-fit: cover;}

.img-overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .15); overflow: hidden; width: 100%; height: 90px; transition: .5s ease; -webkit-transition: .5s ease; -moz-transition: .5s ease; -ms-transition: .5s ease; -o-transition: .5s ease; }
.imager::before {content: '';left: 0;top: 0;width: 100%;height: 100%;position: absolute;background: linear-gradient(to top, #1b1a1a 0%, #1b1a1a 10%, rgba(27, 26, 26, 0) 65%, rgba(27, 26, 26, 0) 100%);opacity: .20;pointer-events: none;}
.imagesss:hover .img-overlay {height: 100px;background-color: rgba(0, 0, 0, .35);}
.text {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;text-shadow: 0px 0px 3px #333;min-width: 90%;}
.control { background: #f5f5f5; padding: 5px 15px; bordeR: 0; border-bottom: 3px solid #ddd; border-radius: 3px; font-weight: 600; margin: 5px; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.control:hover {background: #f9f1ec;}
.mixitup-control-active {color: var(--main-color);border-bottom: 3px solid #343a40;background: #f9f1ec}
.equal .owl-stage{display: flex; flex-wrap: wrap;}