@media (min-width: 1200px) {
.top-20{top:-20px;}
}
.sjhak ul li{padding:14px 0;border-bottom:1px solid var(--main-color2);position:relative;cursor:pointer;}
.sjhak ul li:first-child{border-top:1px solid var(--main-color2)}
.sjhak ul li .imgclass{transition: var(--transition);position: absolute;opacity:0;top:50%;right:10%;transform:translateY(-50%) scale(1.3);z-index:1;}
.sjhak ul li.activea .imgclass,.sjhak ul li:hover .imgclass{opacity:1;transform:translateY(-50%) scale(1);}

.banners{overflow:hidden;position:relative;background-position:50% 0;height:;}
.banners .banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:-1;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%;height:100%;}
.banners .banner-video.has-overlay:before{position:absolute;z-index:-4;top:0;left:0;bottom:0;right:0;content:'';background-color:rgba(85, 76, 40, 0.24);}
.banners .banner-video video{object-fit: cover;object-position:center;width: 100vw;height:100%;position: relative;top: 0;left: 0;z-index:-100}

.globa{position:absolute;right:0;top:-30px;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
@-moz-keyframes spin {100% { -moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);}}

@media(min-width:992px){
.sanniddho{background:url(images/sanniddho.jpg) no-repeat right top;}
}
.bikar{opacity:.4;transition:var(--transition);}
.testimonial:hover .bikar{opacity:1;color:var(--main-color2)}

.keula{position:absolute;width:200%;height:100%;right:0;top:0;background-image: url(images/intro-1.jpg);background-position:top center;background-repeat: no-repeat;background-size: cover;}