.header{height:77vh;overflow:hidden;position:relative;}
.header .caption .subio{width:auto;height:auto;font-family:var(--font3);color:#f5ebe1;font-size:18px;line-height:25px;font-style:normal;font-display:swap;-webkit-animation-delay:.4s;animation-delay:.4s;margin-bottom:10px;}
.header .caption .subio span{color:var(--whiteColor);background:var(--main-color4);font-family:var(--font1);font-weight:400;font-size:20px;text-transform: uppercase;letter-spacing:3px;padding:0 10px;}
.header .caption .heada{position:relative;margin-bottom:0;font-size:40px;font-family:var(--font1);line-height:1.1;-webkit-animation-delay:.6s;animation-delay:.6s;color:var(--main-color2);font-weight:400;letter-spacing:-2px;}
/* text-shadow:2px 2px 4px rgba(0,0,0,.35); */
.slider-fade .owl-item{height:77vh;position:relative;}
.slider-fade .item{height:100%;width:100%;background-size:cover;background-position:center center;position:relative;}

.slider-fade .croad{display:none}
@media(min-width:992px){
.slider-fade .croad{position:absolute;width:400px;right:10%;bottom:25%;z-index:1;font-family:var(--font1);color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:500;font-size:36px;line-height:1;mix-blend-mode:screen;opacity:.3;display:block;}
}

.slider-fade .item img{object-fit: cover;width: 100%;height: 100%;object-position: center;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;transition:transform .95s ease,opacity .95s ease;transform:translate(10%) scale(1.2);opacity:1;}
.slider-fade .owl-item.active .item img{opacity: 1;transform: translateX(0) scaleX(1);filter: blur(0);transition-delay: .55s;}
.slider-fade .item.bg-bottom{background-position:bottom}
.slider-fade .item .caption{z-index:9}
.slider-fade .owl-nav{position:absolute;bottom:20%;right:6%;width:100px;}
.slider-fade .owl-prev{float:left}
.slider-fade .owl-next{float:right}
.slider-fade .owl-theme .owl-nav [class*=owl-]{width:40px;height:40px;line-height:34px;background:transparent;border-radius:100%;color:#fff;font-size:16px;margin-right:3px;cursor:pointer;border:1px solid rgba(255,255,255,0.5);transition:all .2s ease-in-out;transform:scale(1.0)}
.slider-fade .owl-theme .owl-nav [class*=owl-]:hover{transform:scale(0.9);background:transparent;border:1px solid #aa8453;color:#fff}

.header .total{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .active .caption .total{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}
.header .heada{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .active .caption .heada{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}
.header .subio{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .active .caption .subio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.8s;animation-delay:.8s}
.header .citio{-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}
.header .active .citio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.9s;animation-delay:.9s}

.capito{width:420px;background:url(images/tiger-shape.png) no-repeat right center rgba(249,230,198,.8);border-radius:3px;padding:25px;background-size:contain;border:3px solid #895b2e;border-left:3px solid #895b2e;position:relative}
.capito::before{content:'';position:absolute;right:0;top:-20px;width:0;height:0;border-left:200px solid transparent;border-right:150px solid transparent;border-bottom:20px solid #895b2e;}
.capito::after{content:'';position:absolute;left:0;bottom:-20px;width:0;height:0;border-left:150px solid transparent;border-right:200px solid transparent;border-top:20px solid #895b2e;}

.slider-fade .dotta .owl-dots{position:absolute;bottom:60%;right:10px;margin:0;transform:translateY(-50%);transition: opacity .3s ease;display: flex;justify-content: center;flex-flow: column;}
.slider-fade .dotta .owl-dots .owl-dot{margin:3px 0;}
.slider-fade .dotta .owl-dots .owl-dot span{width:12px;height:12px;transition:height ease-in-out .5s;}
.slider-fade .dotta .owl-dots .owl-dot.active span,.slider-fade .dotta .owl-dots .owl-dot.active span{height:30px;border-radius:10px;width:12px;transition:height ease-in-out .5s;}

@media screen and (max-width: 1600px) {
.header .caption .heada{font-size:50px}
.header .caption .subio{font-size:16px;}
}
@media screen and (max-width: 1440px) {
.header, .slider-fade .owl-item{height:76vh;}
}
@media screen and (max-width: 1350px) {
.header .caption .heada{font-size:44px}
.header .caption .subio{font-size:15px;}
}
@media screen and (max-width: 1199px) {
.header .caption .heada{font-size:40px}
}
@media screen and (max-width: 1050px) {
}
@media screen and (max-width: 991px) {
.header,.slider-fade .owl-item{height:70vh;}
.header .caption .heada{font-size:36px}
.header .caption .subio span{font-size:15px;}
.incr991{max-width:92%;}
}
@media screen and (max-width: 767px) {
.header{min-height:400px;height:60vh;}
.slider-fade .owl-item{min-height:400px;height:60vh;}
}
@media screen and (max-width: 575px) {
.header .caption .heada{font-size:30px}
.slider-fade .v-middle2{top:75%;}
}

.circlee::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius: 50%;background:#eedbc6;z-index:-1;}
.navva{margin-bottom:-55px;background:#a2794beb;}
.experience .nav .nav-item button{padding:12px 0;text-transform:uppercase;font-weight:400;color:var(--whiteColor);position: relative;font-size:17px;}
.experience .nav .nav-item button.active{background-color:transparent;color:var(--whiteColor)!important}
.experience .nav .nav-item button.active::after{content:"";border-bottom:5px solid var(--whiteColor);width:100%;position:absolute;left:0;bottom:0;border-radius:0}
.experience .nav .nav-item button.active::before{content:"";width:40px;height:40px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%;background:var(--whiteColor);opacity:.06}
.tabber{width:100%;height:80vh;min-height:600px;background-size:cover;background-position: center;background-attachment:fixed;}
.tabkotha{max-width:550px;background:var(--main-color5);}
.udta{position:absolute;top:5px;right:15px;text-transform:uppercase;color:#ddd}

.kaak::before,.kaak::after{content:'';position:absolute;width:0;height:0;}
.kaak::before{right:0;top:-20px;border-left:200px solid transparent;border-right:150px solid transparent;border-bottom:20px solid #f1eae0;}
.kaak::after{left:0;bottom:-20px;border-left:150px solid transparent;border-right:200px solid transparent;border-top:20px solid #f1eae0;}
.boga{padding-bottom:100px!important;padding-top:75px!important;}
.boga::before{background:url(images/icons/quote.svg) no-repeat top left 15px;background-size:80px;content:'';position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;opacity:.7}
.boga .info{position:absolute;width:100%;left:0;bottom:20px;}

.tabkotha.kaak::before{border-bottom-color:var(--main-color5)!important}
.tabkotha.kaak::after{border-top-color:var(--main-color5)!important}

.ueiwr::before{content:'';position:absolute;left:2%;top:2.5%;width:96%;height:95%;transform:scale(1);border:5px solid var(--main-color5);opacity:.7;z-index:1;pointer-events:none;transition:var(--transition);}
.ueiwr:hover::before{transform:scale(.95);}
.ueiwr img{transform:scale(1);}
.ueiwr:hover img {transform:scale(1.12);}

.sharemoment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.sharemoment a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--whiteColor);font-size:20px;-webkit-transition:all 500ms ease;transition:all 500ms ease;width:48px;height:48px;border-radius:50px;text-align:center;line-height:46px;font-size:18px;}
.sharemoment a:hover{transform:scale(1.1);}
.sharemoment a + a{margin-left:10px}

.messages{background:linear-gradient(45deg,#ffffff,#f1ebd8);color:#000;display:block;font-weight:600;overflow:hidden;position:absolute;padding:.2rem 1rem;bottom:10px;border-radius:0 4px 4px 0;animation:openclose 16s ease-in-out infinite;height:35px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;}
/* .message:hover{transform:scale(1.02);box-shadow:0 5px 15px rgba(0,0,0,0.1)} */
.word1,.word2,.word3,.word4{width:100%;opacity:0;position:absolute;}
.messages .word1{animation:word-animation 16s infinite}
.messages .word2{animation:word-animation 16s infinite 4s}
.messages .word3{animation:word-animation 16s infinite 8s}
.messages .word4{animation:word-animation 16s infinite 12s}
@keyframes word-animation {
0%,5%{opacity:0}
10%,22%{opacity:1}
27%,100%{opacity:0}
}
@keyframes openclose {
0%{width:0}
5%{width:0}
10%{width:300px}
20%{width:300px}
25%{width:0}
30%{width:0}
35%{width:300px}
45%{width:300px}
50%{width:0}
55%{width:0}
60%{width:300px}
70%{width:300px}
75%{width:0}
80%{width:300px}
90%{width:300px}
95%{width:0}
100%{width:0}
}