/* .sticky-header.sticky-active{position: relative;} */
@media only screen and (min-width:992px) {
.banner-area img{border-radius:0 0 30px 30px;}
}
.vallery ul{white-space:nowrap; overflow:auto;display:flex;}
.vallery ul li{list-style:none;display:inline-block;margin:0;text-transform:uppercase;}
.vallery ul li + li{border-top:1px solid rgba(0,0,0,.05);}
.vallery ul li a{color:var(--black-color);display:block;padding:0px;font-size:13px;font-weight:500;padding:10px 15px 10px;}
.vallery ul li a i{margin-right:5px}
.vallery ul li a:hover{color:var(--whiteColor);background:var(--main-color3);}
/* .vallery li:hover{border-bottom-color:var(--main-color4);} */
/* .vallery .active-list{border-bottom-color:var(--main-color4);} */
.vallery .active-list a{color:var(--whiteColor);background:var(--main-color3);}

@media(max-width:1199px){
.vallery ul li a{padding:7px 10px;}
}
@media(max-width:767px){
.vallery ul{justify-content:flex-start}
}
/* .overlayside::before{content:'';position:absolute;left:0;top:0;width:60%;height:100%;background: linear-gradient(to right,rgba(255,255,255,.95),rgba(255,255,255,0));} */
/* .overlaybottom::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:60px;background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));} */
.showall.overlaybottom::before{opacity: 0;}

.bb{border-bottom:2px solid var(--main-color2)}
.kully li{padding:5px 10px;}

@media(max-width:991px){
.shapio img{max-width:100%;}
.overlayside::before{display:none}
}
@media(min-width:992px){
.shapio{border-radius:50px;background:#282828;overflow:hidden;transform:rotate(25deg) translatey(-53%);position: absolute;max-width:730px;border:8px solid #c3742e;}
.shapio img{transform: rotate(-25deg) translateX(-25%);}
}
.shapio::before {content: '';}
.listindia a{font-weight:500;}
.listindia a:hover,.listindia a:focus,.listindia a.current{background:#fff;border-bottom:2px solid #c3742e}

.pagedesc p{text-align: justify;}
.pagedesc h2,.pagedesc h3{font-size:24px;font-weight:600;margin-bottom:20px;}
@media(max-width:767px){
.pagedesc h2,.pagedesc h3{font-size:20px;}
}

.moreless{height:110px;overflow:hidden;transition:height ease-in-out .3s;}
.moreless.showall{height:auto;transition:height ease-in-out .3s;}
.showhidee::after{content:'\f282';font-family:'bootstrap-icons';position: relative;margin-left:5px;top:3px;}
.showhidee.haider::after{content:'\f286';}

.shaanse{position:relative}
.shaanse::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index: 1;}

.activito h2{font-size:26px;font-weight:600;margin-bottom:20px;}
.activito h3{font-size:19px;font-weight:600;}
.activito img{max-width: 100%;}

.shikash{position:relative;}
.shikash::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .2) 100%);pointer-events:none;}
.shikash::after{content:'';position:absolute;left:0;top:auto;bottom:0;width:100%;height:40%;background: linear-gradient(to top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);pointer-events:none;transition:var(--transition);}
.shikash:hover::after{height:100%;}
.alstico{position:absolute;bottom:15px;left:0;width:100%;z-index: 2;transition:var(--transition);}
.shikash:hover .alstico{bottom:20px;}

.exttu{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);padding:40px;transition:var(--transition);}
.exttu:hover{padding:50px 40px 42px;}