.banner-video-area,.banner-img-area{position:relative;}
.banner-video-area{margin-bottom: -8px;}
.banner-video-area video,.banner-img-area img{width:100%;height:100%;object-fit:cover}
.banner-content-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 0}
.dots-container{display:flex;justify-content:center;position:absolute;bottom:30px!important;width:100%;z-index:10}
.swiper-pagination-bullet{margin:0;width:12px;height:12px;border-radius:6px;background:var(--whiteColor);display:block;transition:width ease-in-out .5s;opacity:.9}
.swiper-pagination-bullet-active{background:var(--whiteColor);opacity:1;width:28px;border-radius:6px;transition:width ease-in-out .5s;}

.banner-wrapper .max{width:100%;}

.pikok{position:relative;padding-bottom:60px;}
.siara{position:absolute;width:90%;bottom:15px;left:5%;}
.height2{height:2px;}

.leafy{display:block;height:10px;width:100%;background:url(images/leafy.png) repeat-x bottom;background-size:90px;}
.leafy2{display:block;height:10px;width:100%;background:url(images/leafy2.png) repeat-x top;background-size:90px;}

.leafys,.leafys2{position:absolute;height:100%;width:14px;top:0;}
.leafys{display:block;background:url(images/leafys.png) repeat-y right;background-size:14px;left:0;}
.leafys2{display:block;background:url(images/leafys2.png) repeat-y left;background-size:14px;right:0;}

@media(min-width:1200px){
.col-xl-1by5{width:20%;flex:0 0 20%;}
}

.desibeat{position:absolute;right:5%;top:10px;text-align:right;}
.desibeat svg{opacity: .07;width:10%;min-width:120px;}
.desbeat2{position:absolute;right:10px;bottom:0;text-align:right;}
.desbeat2 svg{opacity: .07;width:10%;min-width:150px;}
.desbeat3{position:absolute;left:10px;bottom:10%;text-align:right;}
.desbeat3 svg{opacity: .07;width:150px;}
.desbeat4{position:absolute;left:2%;top:20%;text-align:right;}
.desbeat4 svg{opacity: .07;width:250px;}

.outer{width:500px;position:absolute;animation:floatup 20s linear infinite,sideways 20s linear infinite,change 10s linear infinite alternate;left:20%;transform:translateX(-50%)}
.box{width:150px;display:flex;perspective:500px;margin-right:100px}
.box::before,.box::after{content:"";padding-top:56%;flex:1;background-image:url(images/butterfly.svg);background-size:200% 100%;animation:left .5s linear infinite alternate;transform-origin:right;opacity:.3}
.box::after{background-position:right;animation-name:right;transform-origin:left}
@keyframes left {
from{transform:translateZ(80px) rotateY(-10deg)}
to{transform:translateZ(0px) rotateY(50deg)}
}
@keyframes right {
from{transform:translateZ(80px) rotateY(10deg)}
to{transform:translateZ(0px) rotateY(-50deg)}
}
@keyframes flutter {
from{margin-left:0;margin-top:100%}
to{margin-left:100%;margin-top:0}
}
@keyframes floatup {
0%{top:100%}
100%{top:-300px}
}
@keyframes sideways {
from{left:(random(100) * 1px)}
to{left:(random(100) * 10px)}
}
@keyframes change {
from{transform:rotate((random(5) * 5deg))}
to{transform:rotate(45deg)}
}

@media(max-width:767px){
.desibeat svg{opacity: .07;width:10%;min-width:90px;}  
}

.content-bx{padding:10px;}
.content-bx .content-text{font-size:40px;line-height:40px;font-weight:600;margin-bottom:8px;display:block;}
.content-bx .title{font-size:30px;line-height:40px;}
@media(max-width:767px){
.content-bx .content-text{font-size:30px;line-height:30px;}
.content-bx .title{font-size:20px;line-height:24px;}
}

.lh-16{line-height:16px}
.formalino::before{position:absolute;content:'';}
.form-floating.capp > label{left:55px;}

.gkkg{height:220px;}
.gkkg img{height:100%;object-fit:cover;}

.simanto{border:2px solid #acce9b;border-radius:4px;display: inline-block;border-right:0;border-bottom:0;position: relative;}
.simanto::before,.simanto::after{content:'';position:absolute;background:#acce9b;}
.simanto::before{right:0;top:0;height:40px;width:2px;}
.simanto::after{left:0;bottom:0;width:300px;height:2px;}
.simanto::before{animation: increasedown 1.9s 1.5s infinite ease-out alternate;}
.simanto::after{animation: increaseside 1.9s 1.5s infinite ease-out alternate;}
@keyframes increasedown {
0%{height:40px;}
100%{height:100px}
}
@keyframes increaseside {
0%{width:360px;}
100%{width:300px;;}
}

#extendBox{transition:transform 0.4s ease;transform-origin:center center;will-change:transform;}
.extend-animation {clip-path: inset(0% 5% 0% 5% round 0);transition: clip-path 0.1s linear;}

.achi-imgs img{width:140px;height:140px;border-radius:50%;margin-bottom:-35px;background:#fff;border:3px solid rgba(255,255,255,.8);}
.achi-content-wrapper{border-bottom:2px solid var(--main-color);}

.testi-slide.dotta .owl-dots{text-align: right;bottom:20px;}
.testimonial{background-size:70px;padding:45px 30px 80px 30px!important;}
.kiatro{position:absolute;left:0;bottom:20px;width:100%;padding:0 0 0 0}
.circle-inxitials{width:40px;height:40px;}

.eloramask{display:block;width:60%;margin:0 auto;-webkit-mask-size: contain;-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;mask-size: contain;mask-position: center center;mask-repeat: no-repeat;}
.grad1{background:radial-gradient(at center center, #F4F2EA 14%, #FFEFEF 100%);}

.feat-box{transition:var(--transition);border:1px solid #e8e8e8;border-bottom:2px solid var(--main-color3);}
.feat-box p{line-height:1.3;}
.feat-box:hover{transform:translateY(-4px);box-shadow:0 6px 15px #0000001f}.feat-icon{display:inline-flex;margin-bottom:8px;color:#d35400}
.subbu{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4em;min-height:calc(1.4em * 2)}
.gappu span{display:inline-block;padding:6px 15px;border-radius:20px;border:1px solid #ddd;line-height:1;font-size:14px;font-weight:bold;}

.bg-spices{background:url(images/bg-nature.jpg) no-repeat var(--main-color);background-position: center center;background-size:cover;}

.taba{text-align:center;margin:0 20px 5px;}
.taba::before{content:'';position:absolute;width:100%;height:100%;background:#fff;left:0;top:0;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transform:rotate(-4.5deg);-ms-transform:rotate(-4.5deg);transform:rotate(-4.5deg);transition:var(--transition);}
.taba:hover::before{border-radius:5px;-webkit-transform:rotate(-1.5deg);-ms-transform:rotate(-1.5deg);transform:rotate(-1.5deg);}
.galush{padding:15px;background:#fff;position:relative;z-index:1;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.notica{display: none;}