.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;border-bottom:4px solid transparent;text-transform:uppercase;letter-spacing:1px;}
.vallery ul li + li{border-left:1px solid rgba(255,255,255,.1);}
.vallery ul li a{color:var(--black-color);display:block;padding:0px;font-size:13px;font-weight:500;padding:10px 15px 8px;}
.vallery ul li a i{margin-right:5px}
.vallery ul li a:hover{color:var(--black-color);background:var(--main-color4);}
.vallery li:hover{border-bottom-color:var(--main-color4);}
.vallery .active-list{border-bottom-color:var(--main-color4);}
.vallery .active-list a{color:var(--main-color3);background:var(--whiteColor);}

@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;}

@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:600;}
.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;}


label.check {display: block;font-weight: 400;position: relative;}
label.check input {display: none}
label.check .box {width: 100%;height: 100%;line-height: 26px;color: #000;transition: all 1.1s cubic-bezier(0.19,1,0.22,1);position: relative;overflow: hidden;cursor: pointer;font-size: 14px;padding: 4px 10px;padding-left: 30px;}
label.check input:checked + .box {color:var(--main-color);}
label.check input:disabled + .box {background-color: #f1696e;}
label.check input + .box::before {content: '';-webkit-appearance:none;background-color: transparent;border: 1px solid #999;box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);padding: 8px;display: inline-block;position: absolute;left: 3px;z-index: 1;cursor: pointer;top: 8px;border-radius:3px;}
label.check input:checked + .box::after {content: '';display: block;position: absolute;top: 8px;left: 9px;width: 6px;height: 14px;border: solid var(--main-color);border-width: 0 2px 2px 0;transform: rotate(45deg)}
label.check input:checked + .box::before {border-color:var(--main-color);}

.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;}