@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:3px 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;}

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

.service-item{ border-radius:22px; position: relative; background-color: var(--whiteColor); z-index: 1; height: 100%; display: flex; flex-direction: column; -webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; overflow: hidden; }
.service-item::before{width: 100%;height: 268px;background: linear-gradient(to bottom, #0000, #000000c4);left: 0;bottom: 0;position: absolute;content: '';z-index: 1;border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;-ms-border-radius: 0px 0px 8px 8px;-o-border-radius: 0px 0px 8px 8px;}
.service-item::after{ width: 100%; height: 118px; background: linear-gradient(to top, #0000, #0000009e); top: 0; bottom: 0; position: absolute; content: ''; z-index: 1; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; }
.service-item:hover .dest-explore-btn img{right: -4px;}
.service-item .dest-explore-btn{padding: 8px 14px;width: 100%;background: var(--whiteColor);display: flex;border-radius: 28px;justify-content: space-between;color: #333;font-size: 15px;}
.service-item .dest-explore-btn img{ opacity: 0.7; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;position: relative;right: 0;}
.service-top-main{ border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; box-shadow: 2px 4px 7px 0px rgba(0, 0, 0, 0.3); padding: 4px; }


.service-item .icon-box img{position:relative;max-width:40px;z-index:1}
.service-content h3{font-size:23px;font-weight:600;text-transform:capitalize;margin-bottom:10px;transition:all .5s ease-in-out}
.service-content p{margin:0;transition:all .5s ease-in-out}
.service-footer{position:absolute;z-index:1;right: 20px;bottom:100px;}
.service-item:hover .section-icon-btn{background-color:var(--main-color2)}
.service-item:hover .section-icon-btn img{transform:rotate(45deg)}
.imgboxx{overflow:hidden; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.imgboxx img{ transition:var(--transition); transform:scale(1);-webkit-transition:var(--transition); -moz-transition:var(--transition); -ms-transition:var(--transition); -o-transition:var(--transition); }
.service-item:hover .imgboxx img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); }
.service-item .tour-num{position: absolute;top: 12px;right: 10px;border-radius: 98px;-webkit-border-radius: 98px;-moz-border-radius: 98px;-ms-border-radius: 98px;-o-border-radius: 98px;color: #fff;background: #33333357;padding: 0 7px;text-transform: uppercase;font-size: 10px;line-height: 20px;font-weight: 500;z-index: 2;border: 1px solid #ffffff82;}
.service-item .service-content{position: absolute;bottom: 0;left: 0;z-index: 1;}
@media(max-width:565px){
.service-content h3{font-size: 21px;}
}