.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:80vh;}
.banner-area{z-index:1;position:relative;background-position:center;background-size:cover;padding-top:5%}
.banner-area::before{content:"";position:absolute;z-index:0;bottom:0;left:0;width:100%;height:100%;opacity:0.25;background:#000;pointer-events:none;}
.banner-content{max-width:720px;display:flex;flex-flow:column;justify-content:center;text-align: center;position:relative;margin:0 auto;}
.banner-content .hedu{font-size:60px;color:var(--whiteColor);line-height:1.1;font-weight:500;margin:0 0 20px;}
.banner-content .tsta{font-size:16px;font-weight:500;}
.banner-content .tsta span{text-decoration:underline;color:#fff;}
.banner-content p span{background-color:rgba(0,0,0,.2);}
.banner-content p.h5{font-family:var(--font2);}
.ts{text-shadow: 0px 2px 2px rgba(0, 0,0, 0.25); }

.fw-300{font-weight:400;}
.banner-content p{margin-bottom:10px;color:var(--whiteColor);line-height:1.2;}
.banner-content{-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}
.banner-content .hedu{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content p{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content .tsta{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-content .stepp{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.bannerc .active .banner-content{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.4s;animation-delay:.4s}
.bannerc .active .banner-content .hedu{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}
.bannerc .active .banner-content p{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}
.bannerc .active .banner-content .tsta{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1s;animation-delay:1s}
.bannerc .active .banner-content .stepp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}

.bannerc.dotta .owl-dots{position: absolute;top:auto;bottom:20px;left: 50%;margin: 0;transform: translateX(-50%);transition: opacity .3s ease;display: flex;justify-content: center;}
.bannerc.dotta .owl-dots .owl-dot{margin:0 3px;}
.bannerc.dotta .owl-dots .owl-dot.active,.bannerc.dotta .owl-dots .owl-dot.active span{width:30px;border-radius:10px;}
.banner-are .forthenav{position:absolute;bottom:30%;left:50%;transform:translateY(-30%) translateX(-50%);z-index:1;}

.forthenav .owl-next,.forthenav .owl-prev{position:absolute;display:inline-block;vertical-align:middle;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;color:#fff;width:36px;height:40px;line-height:40px;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;transition:all .4s ease;margin:0;padding:0;font-size:18px;font-weight:600;border:1px solid rgba(15,15,15,.1)!important;background-size:20px!important;}

.forthenav .owl-next{right:15px;background:var(--main-color);border-radius:3px;}
.forthenav .owl-prev{left:15px;background:var(--main-color);border-radius:3px;}
.forthenav .owl-next:hover{right:18px;background:#f7a105;}
.forthenav .owl-prev:hover{left:18px;background:#f7a105;}

@media only screen and (min-width:1300px) and (max-width:1350px) {
.banner-content .hedu{font-size:50px}
.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:84vh;}
}
@media only screen and (min-width:1200px) and (max-width:1299px) {
.banner-content .hedu{font-size:48px}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.banner-content .hedu{font-size:44px}
.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:82vh;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:75vh;}
.banner-area{overflow:hidden;padding-bottom:3%;}
.banner-content{margin-bottom:0;padding:10px 20px 0;max-width:440px}
.banner-content .hedu{font-size:40px;margin-bottom:10px}
.banner-content p{margin-bottom:5px;}
.banner-content .ls2{letter-spacing:1px;font-size:16px;}
}
@media only screen and (max-width:767px) {
.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:60vh;}
.banner-content{max-width:80%;}
.banner-content .hedu{font-size:36px;}
.banner-content p{margin-bottom:0;font-size:14px;}
.banner-content .tsta{font-size:14px;}
.banner-content span.h4{display:none;}
.banner-are .forthenav{bottom:35%;}
.banner-are .forthenav{position:absolute;bottom:20%;left:50%;transform:translateY(-20%) translateX(-50%);z-index:1;}
}
@media only screen and (max-width:575px) {
.banner-content .hedu{font-size:32px;}
.banner-are,.bannerc,.banner .owl-item ,.banner-area{overflow:hidden;height:400px;}
}

.banner-img{position: absolute;top: 50%;right: 10%;transform: translateY(-50%);z-index: 3;}
.banner-img img{width: 420px;}
.theme-item{border-radius: 10px;background: #fff;overflow: hidden;position: relative;}
.theme-item .item{position: absolute;bottom: 10px;background: #22377F;width: 94%;border-radius: 50px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: space-between;padding: 6px 8px 6px 10px;}
.theme-item .item span{width: 30px;height: 30px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 18px;}

.formali{padding:20px;border-radius:10px;margin-top:-40px;}

.pulsy{animation: pulse 1.5s ease-out infinite}
.pulsy2{animation: pulse2 1.2s ease-out infinite}
@keyframes pulse {
0% {box-shadow: 0 0 0 0 rgba(247, 255, 250, 0.5);}
80% {box-shadow: 0 0 0 14px rgba(251, 255, 253, 0);}
}
@keyframes pulse2 {
20% {box-shadow: 0 0 0 0 rgba(247, 255, 250, 0.5);}
70% {box-shadow: 0 0 0 14px rgba(251, 255, 253, 0);}
}
/* .bannerform{width:100%;max-width:480px;padding-bottom:15px;margin:0 auto;z-index:2;position:absolute;left:50%;transform:translate(-50%);top:-114px;}
.bannerform .input-groupa::before{content:'\f3e8';position:absolute;font-family:'bootstrap-icons';left:15px;top:16px;z-index:1;font-size: 17px;}
.bannerform .input-groupa .form-control{background:var(--whiteColor);border:0;height:53px;padding:8px 40px 8px 40px;width: 100%;border-radius:50px;transition:var(--transition);}
.bannerform .input-groupa .input-group-text{background:var(--main-color);color:var(--whiteColor);border:0;border-left:1px solid #eee;font-size:18px;font-weight:bold;padding:14px 20px 12px;border-radius:0 50px 50px 0;position: absolute;right:0;top:0;}
.bannerform .input-groupa .form-control::placeholder{color:#999;}

#suggesstion-box {background: #fff;height:auto;max-height:360px;width:100%;overflow:hidden;position:absolute;border-radius:3px;top:30px;left:0;border-radius:0 0 20px 20px;padding:0 20px 20px;z-index: -1;}
#suggesstion-box ul{max-height:200px;overflow: auto;padding-top:25px;}
#suggesstion-box li {color:#212428;transition:all ease-in-out .3s;text-align:left;padding:6px;display:flex;}
#suggesstion-box li span.tititl{font-weight:500;display:block;font-size:13px;}
#suggesstion-box li span.dura{font-weight:500;font-size:11px;opacity:.8}
#suggesstion-box li img{border-radius:4px;width:70px;height:60px;margin-right:8px;object-fit:cover;}
#suggesstion-box li:nth-child(even){background:#f5f5f5;}
#suggesstion-box li:hover {cursor: pointer;color: #C63B31;}
#package-list{background: #fff;position:relative;height: auto;width: 100%;z-index:1;left:0;padding:5px 0;}
#package-list li{cursor:pointer;position: relative;}
@media(max-width:991px){
#suggesstion-box{width:100%;top:31px;}
} */

.slider-fade .item{position: relative;}
.slider-fade .item::before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,.2);top: 0;left: 0;position: absolute;z-index: 2;}

.slider-fade .owl-carousel .item .banner-img img {transform: translateY(-66px);opacity: 0;transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;transition-delay: 0.2s;}
.slider-fade .owl-carousel .active .banner-img img {transform: translateY(0);opacity: 1;}
.slider-fade .banner-list{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.slider-fade .banner-list li{border: 1px solid #fff;padding: 7px 22px;border-radius: 22px;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 14px;margin-bottom: 11px;background: #00000042;text-align: center;}

.slider-fade .banner-list li {opacity: 0;transform: scale(0.5);transition: opacity 0.7s ease-out, transform 0.7s ease-out;}

.slider-fade .owl-carousel .active .banner-list li:nth-child(1) {opacity: 1;transform: scale(1);transition-delay: 0.8s;}
.slider-fade .owl-carousel .active .banner-list li:nth-child(2) {opacity: 1;transform: scale(1);transition-delay: 1s;}
.slider-fade .owl-carousel .active .banner-list li:nth-child(3) {opacity: 1;transform: scale(1);transition-delay: 1.2s;}
.slider-fade .owl-carousel .active .banner-list li:nth-child(4) {opacity: 1;transform: scale(1);transition-delay: 1.4s;}

@media(max-width:1500px){
.slider-fade .item .banner-img img {width: 340px;}
}
@media(max-width:1400px){
.slider-fade .item .banner-img img {width: 300px;}
.bannerform{top:-80px;}
}
@media(max-width:1300px){
.slider-fade .item .banner-img img {width: 300px;}
.bannerform{top:-80px;}
.slider-fade .banner-list li{margin-left: 40px;}
}

@media(max-width:1199px){
.bannerform{top:-80px;}
.slider-fade .item .banner-img img {width: 280px;}
.slider-fade .banner-list{top: 54% !important;}
.slider-fade .banner-list li{padding: 6px 14px !important;font-weight: 600;font-size: 13px !important;margin-bottom: 8px !important;}

.bannerform{max-width:380px !important;}

}
@media(max-width:991px){
.bannerform{top:-60px;}
.slider-fade .banner-list{top: 50% !important;}
/* .slider-fade .item .banner-img img {width: 260px;} */
}
@media(max-width:767px){
.bannerform{top:-100px;max-width:80%;}
.slider-fade .item .banner-img img {width: 240px;}
}

@media(max-width:575px){
.slider-fade .item .banner-img img {width: 180px;}
}

.faq-accordion .accordion-header{border:0;border-bottom:1px solid #eee9e3;border-radius:4px;font-weight: 500;}
.faq-accordion .accordion-content ul {margin:0;padding:0;padding-left:20px;}
.faq-accordion .accordion-button:not(.dusra),.faq-accordion .accordion-button:not(.collapsed){border:1px solid #ddd;color: #333;background: #fff;border-radius:6px;box-shadow: none;}
.faq-accordion .accordion-button:hover,.faq-accordion .accordion-button:not(.collapsed):hover {color: #111;background: inherit;}
.faq-accordion .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2305213a' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");transform: scale(.7) !important;}
.faq-accordion .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2305213a' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");}
.ttr{border-top:1px solid var(--main-4);border-bottom:2px solid #f2f2f2}
.ttr p{padding:10px;}

.whywyw{display:flex;justify-content:space-between;flex-wrap:wrap;}
.whywyw li{display:inline-block;min-width:48%;padding:8px 14px;padding-left:35px;border-radius:10px;border:1px solid rgba(255,255,255,.35);margin:4px 0;position:relative;}
.whywyw li::before{content:'\f26d';position:absolute;left:10px;top:8px;font-family:'bootstrap-icons';color:rgb(94, 213, 94);}
@media(max-width:991px){
.whywyw li{width:45%;}
}
@media(max-width:575px){
.whywyw li{width:100%;}
}