/* HERO */
.hero{background:linear-gradient(180deg,#2964B0 0%,#009AD5 100%);padding:55px 0 75px;position:relative; border-radius:20px;}
.hero h1{color:#fff;text-align:center;font-weight:500;font-size:clamp(20px, 4.5vw, 30px);line-height:1.4;margin:0 auto;}
.hero .reg-btn{display:block;width:max-content;margin:26px auto 40px;background:#fff;color:#000;border-radius:30px;padding:11px 26px;font-size:16px;font-weight:500;transition:.25s;}
.hero .reg-btn:hover{background:#0c4ea3;color:#fff;}
.swiperBanner {position:relative;width:100%;overflow:hidden;}
.swiperBanner .swiper-card {border-radius:20px;overflow:hidden;height:460px;position:relative;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);display:grid;grid-template-columns:1fr 340px;}
.swiperBanner .swiper-card .fare-img{background-position:center;background-size:cover;height:100%;}
.swiperBanner .swiper-card .fare-card{padding:20px 22px;color:#fff;height:100%;display:flex;flex-direction:column;}
.swiperBanner .swiper-card .fare-card.maroon{background:#7E184E;}
.swiperBanner .swiper-card .fare-card.navy{background:#021B41;}
.swiperBanner .swiper-card .fare-card.orange{background:#D71A21;}
.swiperBanner .swiper-card .fare-card .airline-logo{height:24px;margin-bottom:16px;}
.swiperBanner .swiper-card .fare-card .airline-logo img{width:auto;}
.swiperBanner .swiper-card .fare-card .disclaimer{margin-top:auto;font-size:12px;color:rgba(255,255,255,.6);line-height:1.4;padding-top:12px;}
.swiperBanner .swiper-card .fare-card .fare-row{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;padding:2px 0;}
.swiperBanner .swiper-card .fare-card .fare-row .city{font-weight:500;}
.swiperBanner .swiper-card .fare-card .fare-row .price{font-weight:500;font-size:16px;margin-left:auto;padding-right:10px;}
.swiperBanner .swiper-card .fare-card .fare-row .tax{font-size:14px;color:rgba(255,255,255,.7);font-weight:400;}
.swiperBanner .swiper-slide{position:relative; opacity:1; transition:opacity .3s ease-in-out; overflow:hidden;border-radius:20px;}
.swiperBanner .swiper-slide.swiper-slide-active{opacity:1;}
.swiperBanner .swiper-button-next,
.swiperBanner .swiper-button-prev{padding:8px;width:36px;height:36px;margin-top:0; background-color:rgb(255 255 255 / 88%);border-radius:50%;}
.swiperBanner .swiper-button-next::after,
.swiperBanner .swiper-button-prev::after{color:#000;font-size:12px; font-weight: 900;}
.swiperBanner .swiper-button-next{transform:translate(50%,-50%);right:21%;}
.swiperBanner .swiper-button-prev{transform:translate(-50%,-50%);left:21%;}
@media only screen and (max-width:1024px){
  .swiperBanner .swiper-button-next{right:12%;}
  .swiperBanner .swiper-button-prev{left:12%;}
}
@media only screen and (max-width:992px){
  .swiperBanner .swiper-button-next{right:7%;}
  .swiperBanner .swiper-button-prev{left:7%;}
  .hero-home, .slider_banner{padding:0px !important; overflow-x: hidden;}
  .hero{padding:30px 0 25px;}
  .swiperBanner .swiper-card{grid-template-columns: 1fr 290px;}
}
@media only screen and (max-width:768px){
  .swiperBanner .swiper-button-next{right:20px;}
  .swiperBanner .swiper-button-prev{left:20px;}
}
@media only screen and (max-width:480px){
  .swiperBanner .swiper-button-next{right:20px; display:none !important;}
  .swiperBanner .swiper-button-prev{left:20px; display:none !important;}
  .swiperBanner .swiper-card .fare-img{ display:none !important;}
  .swiperBanner .swiper-card {grid-template-columns: 1fr;}
}


/* FEATURES */
.features {padding:50px 0 0 0;}
.features .feature-card{border-radius: 20px; padding: 25px; text-align: center; background: #fff; transition: .3s; height: 100%; display: block;}
.features .feature-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.07);transform:translateY(-4px);}
.features .feature-card .ico{margin-bottom:18px; text-align:center;}
.features .feature-card .ico img{display:inline-block;}
.features .feature-card h3{color:#000;font-size:18px;font-weight:500;margin-bottom:12px;}
.features .feature-card p{font-size:16px;color:var(--text);line-height:1.7;}
@media only screen and (max-width:767px) {
    .features {padding: 30px 0 0 0;}
    .features .feature-card p{font-size:14px;}
}


/* WELCOME */
.welcomeHome{padding:50px 0 0 0;}
.welcome {padding:10px; background:#fff; border-radius:20px;}
.welcome .welcome-text{padding:38px 40px;height:100%;}
.welcome .welcome-text h2{color:var(--heading);font-size:28px;font-weight:600;margin-bottom:15px;}
.welcome .welcome-text p{font-size:16px;color:var(--text);margin-bottom:16px;line-height:1.8;}
.welcome .welcome-side{border-radius:20px;overflow:hidden;position:relative;min-height:300px;height:100%;background:url('/images/atg-home.avif') center/cover;}
.welcome .welcome-side .overlay{position:absolute;inset:0;}
.welcome .welcome-side .signup-box{position:absolute;left:20px;right:20px;bottom:20px;color:#fff; backdrop-filter: blur(25px) brightness(1); -webkit-backdrop-filter: blur(25px) brightness(1); background-color: rgba(255, 255, 255, 0.15); padding: 20px; border-radius: 20px;}
.welcome .welcome-side .signup-box h3{font-size:22px;font-weight:600;margin-bottom:8px;}
.welcome .welcome-side .signup-box p{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:16px;}
.welcome .welcome-side .signup-box a{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border-radius:30px;padding:9px 22px;font-size:14px;font-weight:500;transition:.2s;}
.welcome .welcome-side .signup-box a:hover{background:#0c4ea3;}
@media only screen and (max-width:991px) {
    .welcome .welcome-text {padding: 15px 10px 0 10px;}
}
@media only screen and (max-width:767px) {
    .welcome .welcome-text p{font-size:14px;}
}
@media only screen and (max-width: 480px) {
    .welcome .welcome-text h2{ font-size:26px;}
    .welcome .welcome-text {padding: 10px 0px 0 0px;}
}

/* TECH PARTNERS */
.tech-partners {padding:50px 0 0 0;}
.tech-partners .section-title {color:var(--heading);font-size:28px;font-weight:600;margin-bottom:15px;}
.tech-partners p {font-size:16px;color:var(--text);margin-bottom:16px;line-height:1.9;}
.tech-partners .tech-logos {margin-top:18px;}
.tech-partners .tech-logos .logos-partners{display: flex; justify-content: space-between; flex-wrap: wrap; gap:20px;}
.tech-partners .tech-logos .logos-partners .lp_item{display: flex; justify-content:center; align-items:center; background:rgba(255,255,255,1); border-radius:20px; width:calc(25% - 20px); padding:40px 0;}
.tech-partners .tech-logos .logos-partners .lp_item img{max-width:100%;}
@media only screen and (max-width:991px) {
    .tech-partners .tech-logos .logos-partners .lp_item{padding:24px 12px;}
}
@media only screen and (max-width:767px) {
    .tech-partners p{ font-size:14px;}
    .tech-partners .tech-logos .logos-partners .lp_item {min-width: calc(50% - 10px); height: 80px;}
}
@media only screen and (max-width:480px) {
    .tech-partners .section-title{ font-size:26px;}
}

/* AIRLINE PARTNERS */
.airline-partners {padding:50px 0;}
.airline-partners .section-title{color:var(--heading);font-size:28px;font-weight:600;margin-bottom:15px;}
.airline-partners .airline-logos .logo-item{flex: 0 0 auto; margin: 0 8px; display: flex; align-items: center; justify-content: center; border-radius: 20px;}
.airline-partners .airline-logos .logo-item img{width:auto;object-fit:contain;}
.airline-partners .marquee{overflow:hidden;width:100%;padding:10px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.airline-partners .marquee-track{display:flex;width:max-content;align-items:center;}
.airline-partners .marquee-track.ltr{animation:scroll-left 110s linear infinite;}
.airline-partners .marquee-track.rtl{animation:scroll-right 115s linear infinite;}
.airline-partners .marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes scroll-right{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.airline-partners .air-logos .logo-item{flex:0 0 auto;width:250px;height:110px;margin:0 14px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.04);}
.airline-partners .air-logos .logo-item img{max-height:46px;width:auto;object-fit:contain;}
@media only screen and (max-width:840px) {

}

/* HELP */
.help{position:relative;color:#fff;padding:75px 0;background:linear-gradient(90deg,rgba(20,40,70,.85) 0%,rgba(20,40,70,.55) 55%,rgba(20,40,70,.15) 100%),url('/images/help-bg.avif') 59%/cover;}
.help h2{font-size:32px;font-weight:600;margin-bottom:30px;letter-spacing:.3px;}
.hex-wrap{position:relative;height:462px;max-width:100%;}
.hexagon{position:absolute;width:200px;height:240px;background:rgba(255,255,255,.96);color:#333;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;}
.hexagon span{font-size:16px;font-weight:500;line-height:1.45;color:#333;}
.hexagon img{margin-bottom:10px;}
.h1{left:0;top:0;}
.h2{left:206px;top:0;}
.h3{left:412px;top:0;}
.h4{left:618px;top:0;}
.h5{left:103px;top:185px;}
.h6{left:309px;top:185px;}
.h7{left:515px;top:185px;}
@media only screen and (max-width:840px) {
    .hex-wrap{ display: flex; gap: 10px; overflow: auto; height:unset;}
    .hexagon{ position:unset; min-width:200px;}
}
@media only screen and (max-width:767px) {
    .hexagon span{ font-size:14px;}
    .help h2{ font-size:28px;}
}
/* TESTIMONIALS */
.testimonials {padding:70px 0 100px;text-align:center;}
.testimonials .pill{display:inline-block;background:#fff;border-radius:30px;padding:8px 32px;font-size:16px;font-weight:500;color:#333;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.testimonials h2{color:var(--heading);font-size:28px;font-weight:600;margin-bottom:25px;}
.testimonials .quote-mark{ text-align: center; margin-bottom:30px;}
.testimonials .quote-mark img{display:inline-block;}
.testimonials .test-slider {padding:0 0 40px 0;}
.testimonials .test-slide {max-width:1020px;margin:0 auto;padding:0 20px;}
.testimonials .test-slide p{font-style:italic;font-size:18px;color:#333;line-height:1.95;margin-bottom:26px;}
.testimonials .test-slide .author{font-weight:600;color:#000;font-size:20px;font-style:normal;}
.testimonials .swiper-pagination{ bottom:0px;}
.testimonials .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border:1px solid #2964B0; background:none; opacity:1;}
.testimonials .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border:1px solid #2964B0; background:#2964B0; opacity:1;}
@media only screen and (max-width:767px) {
    .testimonials { padding: 30px 0 30px;}
    .testimonials h2{ font-size:26px;}
    .testimonials .test-slide p{ font-size:14px;}
    .testimonials .test-slide{padding:0 12px;}
    .testimonials .test-slide .author{ font-size:16px;}
}