@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,strong,i,ol,ul,li,form,label,footer,header,menu,nav,section{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:none}:root{--primary--color:#E74A43;--secondary--color:#021320;--bg-light:#F8F9FA;--border-color:#E9ECEF;--text-muted:#6C757D;--text-secondary:#758599}body{font-family:'Inter',sans-serif;box-sizing:border-box;overflow-x:hidden;scroll-behavior:smooth;color:var(--secondary--color);background:#fff}.customContainer{max-width:1440px;margin:0 auto;padding-left:55px;padding-right:55px;width:100%}.section-padding{padding-top:100px;padding-bottom:100px}@media(max-width:991px){.section-padding{padding-top:60px;padding-bottom:60px}}:root{--primary--color:#E74A43;--secondary--color:#333;--bg-light:#F8F9FA;--border-color:#E9ECEF;--text-muted:#6C757D;--text-secondary:#758599;--promo-bg:#E9F2FF;--teal-badge:#00A68F}.promo-badge-container{margin-bottom:20px}.promo-badge{display:inline-block;border:2px solid #fff;padding:10px 30px;border-radius:50px;font-size:1rem;font-weight:normal;font-style:normal;color:#fff;text-transform:none;margin:0;line-height:1.2}.promo-banner-fixed{background-color:#E9F2FF;color:#333;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;width:100%;top:0;left:0;z-index:1041;transition:transform 0.3s ease}.promo-banner-fixed.hidden{transform:translateY(-100%)}.promo-btn{background-color:#00A68F;color:white;text-decoration:none;padding:8px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:background-color 0.2s}.promo-btn:hover{background-color:#008f7a}.promo-banner-fixed.hidden{transform:translateY(-100%)}.main-header{background:#fff;padding:18px 0;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px 0 rgba(0,0,0,0.08)}.navbar-wrapper{display:flex;align-items:center;justify-content:space-between}.logo img{height:52px;width:auto;display:block}.nav-menu{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}.nav-menu li a{font-family:Arial,sans-serif;font-size:15px;font-weight:700;color:var(--secondary--color);text-decoration:none;position:relative;padding:8px 0;transition:color 0.2s ease}.nav-menu li a:hover{color:var(--primary--color)}.dropdown-arrow{font-size:11px;margin-left:4px;color:var(--text-secondary)}.nav-menu li a.active{color:var(--primary--color)}.nav-menu li a.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--primary--color)}.btn-book-tickets{background-color:var(--primary--color);color:#fff !important;font-family:Arial,sans-serif;font-size:15px;font-weight:700;text-decoration:none;padding:11px 24px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;transition:background-color 0.2s ease,transform 0.1s ease}.btn-book-tickets i{font-size:14px;transform:rotate(-10deg)}.btn-book-tickets:hover{background-color:#d63b34}.mobile-header-icons{display:none}.mobile-hamburger{background:none;border:none;font-size:24px;color:var(--primary--color);cursor:pointer;padding:4px}@media only screen and(max-width:991px){.nav-menu{display:none}.header-right .btn-book-tickets{display:none}.promo-container{flex-direction:column;gap:10px}}.hero-section{position:relative}.body-hero-section{padding-top:50px}.hero-bg{position:absolute;top:0;left:20px;right:20px;height:580px;overflow:hidden;z-index:-1;border-radius:40px}.hero-bg img{width:100%;height:100%;object-fit:cover}.margin-bottom{margin-bottom:100px !important}.hero-overlay{position:absolute;border-radius:40px;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(2,19,32,0.7)0,rgba(2,19,32,0.2)100%)}.hero-content{color:#fff;max-width:900px;padding-left:55px;padding-right:55px}.main-body{display:flex;flex-direction:column;gap:50px}.trust-badge{display:flex;align-items:center;gap:5px;margin-bottom:10px}.user-avatars{display:flex;margin-right:10px}.user-avatars img{width:24px;height:24px;border-radius:50%;border:1.5px solid #fff;margin-left:-8px}.user-avatars img:first-child{margin-left:0}.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:30px}.hero-promo-text{font-size:18px;opacity:0.9;margin-bottom:40px}.hero-promo-text strong{color:#fff}.search-tabs-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.search-type-tabs{display:flex;gap:20px}.search-radio{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4B5563}.search-radio input[type="radio"]{accent-color:var(--primary--color);width:18px;height:18px}.search-extra-links{display:flex;gap:25px}.search-extra-links a{color:var(--primary--color);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-item{border:1px solid #E5E7EB;border-radius:12px;padding:12px 15px}.input-label-group{display:flex;align-items:center;gap:15px}.input-icon{font-size:20px;color:#374151}.input-details{flex:1}.input-details small{display:block;font-size:11px;color:#9CA3AF;font-weight:500;margin-bottom:2px}.sector-dropdown{position:relative;cursor:pointer}.dropdown-toggle{display:flex;justify-content:space-between;align-items:center}.dropdown-toggle::after{display:none !important}.dropdown-arrow{font-size:12px;color:#9CA3AF;transition:0.3s}.sector-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu-list{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:10px;list-style:none;z-index:100;display:none;border:1px solid #F3F4F6}.sector-dropdown.active .dropdown-menu-list{display:block}.dropdown-menu-list li{padding:10px 15px;border-radius:8px;font-size:14px;font-weight:500;color:#374151;transition:0.3s}.dropdown-menu-list li:hover,.dropdown-menu-list li.active{background:#FEF2F2;color:var(--primary--color)}.datepicker-input{border:none;background:transparent;width:100%;font-size:14px;font-weight:700;color:#111827;padding:0;cursor:pointer}.datepicker-input::placeholder{color:#9CA3AF;font-weight:500}.datepicker-input:focus{outline:none}.counter-flex{display:flex;justify-content:space-between;align-items:center;width:100%}.counter-label strong{display:block;font-size:14px;color:#111827}.counter-label small{font-size:11px;color:#9CA3AF}.counter-controls{display:flex;align-items:center;background:#F3F4F6;border-radius:6px;padding:2px}.counter-controls button{width:24px;height:24px;border:none;background:transparent;font-weight:bold;cursor:pointer}.counter-controls .val{font-size:14px;font-weight:700;color:var(--primary--color);padding:0 10px}.add-btn{background:#fff;border:1px solid #E5E7EB;padding:6px 15px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.btn-search-main{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background:var(--primary--color);color:#fff;border:none;padding:15px 35px;border-radius:50px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px rgba(231,74,67,0.4);cursor:pointer;transition:0.3s;z-index:10}.btn-search-main:hover{transform:translateX(-50%)translateY(-3px);box-shadow:0 15px 30px rgba(231,74,67,0.5)}@media(min-width:992px){.form-grid{grid-template-columns:1fr 1fr}.form-grid>.form-item:nth-child(n+3){grid-column:span 1}.form-grid{grid-template-columns:repeat(4,1fr)}.form-grid>.form-item:nth-child(1),.form-grid>.form-item:nth-child(2){grid-column:span 2}}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.offer-card{position:relative;height:400px;border-radius:20px;overflow:hidden}.offer-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.offer-img img{width:100%;height:100%;object-fit:cover}.offer-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0,rgba(2,19,32,0.9)0,rgba(2,19,32,0.1)60%);z-index:2}.offer-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;z-index:3;color:#fff}.offer-content h3{font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.3}.offer-content p{font-size:13px;opacity:0.8;margin-bottom:20px;line-height:1.5}.btn-book-now{background:var(--primary--color);color:#fff;padding:10px 25px;border-radius:10px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:0.3s}.btn-book-now:hover{background:#d43d38;color:#fff}.search-card-wrapper{background:#fff;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,0.1);padding:24px;max-width:1440px;margin:0 auto}.search-card-header{margin-bottom:30px}.search-title-flex{display:flex;align-items:center;gap:15px;margin-bottom:25px}.search-title-flex h3{font-size:24px;font-weight:500;margin:0;color:var(--secondary--color)}.price-guarantee-badge{border:0.703px solid rgba(5,88,142,0.80);background:rgba(5,88,142,0.08);color:#1DA1F2;padding:4px 15px;border-radius:50px;font-size:10px;font-weight:500}.search-tabs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:12px}.search-tab{padding:12px;border:none;background:transparent;border-radius:10px;font-weight:600;color:#666;cursor:pointer;transition:0.3s;background:#F8F9FA}.search-tab.active{background:var(--primary--color);color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-col label{display:block;font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.input-box{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #E9EFF4;padding:12px 20px;border-radius:12px;transition:0.3s;height:65px;box-sizing:border-box}.input-box:focus-within{border-color:var(--primary--color);box-shadow:0 0 0 3px rgba(231,74,67,0.05)}.field-icon{object-fit:contain}.input-box input{width:100%;border:none;outline:none;font-weight:500;color:#021320;font-size:16px;background:transparent}.input::placeholder{color:#758599}.input-box i{font-size:20px;color:#021320}.date-input{display:flex;align-items:center}.date-text{display:flex;flex-direction:column;width:100%}.date-label{font-size:10px;color:#758599;font-weight:600;margin-bottom:2px}.date-text input{font-weight:600;font-size:14px;color:#021320;padding:0;height:auto}.passenger-box{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E9EFF4;padding:12px 20px;border-radius:12px;height:65px;box-sizing:border-box}.passenger-info{display:flex;align-items:center;gap:15px}.pass-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pass-icon-wrapper i{font-size:20px;color:#021320}.pass-label strong{display:block;font-size:15px;font-weight:700;color:#021320}.pass-label span{font-size:11px;color:#758599;font-weight:500}.counter-control{display:flex;align-items:center;gap:15px;background:#F1F5F9;padding:8px 12px;border-radius:10px}.qty-btn{background:transparent;border:none;color:#021320;cursor:pointer;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;transition:0.2s}.qty-btn:hover{color:var(--primary--color)}.count{font-weight:700;color:var(--primary--color);font-size:16px;min-width:20px;text-align:center}.add-child-btn{background:#F1F5F9;border:none;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#021320;transition:0.3s}.add-child-btn:hover{background:#E2E8F0}.promo-banner{background:#FFF5F5;border:1.5px solid #FEE2E2;border-radius:16px;padding:20px;margin-bottom:25px;position:relative;text-align:center}.promo-tag-wrapper{padding:10px 0}.promo-tag{background:var(--primary--color);color:#fff;font-size:12px;font-weight:600;padding:6px 20px;border-radius:50px;white-space:nowrap;box-shadow:0 4px 10px rgba(231,74,67,0.2)}.promo-banner p{font-size:14px;color:#758599;margin:0;font-weight:400}.promo-banner p span{color:var(--primary--color);font-weight:400}.section-pill{display:inline-block;padding:6px 20px;background:#fff;border:1px solid var(--border-color);border-radius:50px;font-size:14px;font-weight:500;color:#758599;margin-bottom:20px}.section-title{font-size:48px;font-weight:700;color:var(--secondary--color);margin-bottom:20px}.section-subtitle{font-size:18px;color:#758599;max-width:800px;margin:0 auto;line-height:1.6}.steps-wrapper{display:flex;align-items:center;justify-content:center;gap:0;margin-top:50px}.step-card{background:#fff;border-radius:20px;padding:40px 30px;width:32%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:0.3s;border:1px solid rgba(0,0,0,0.02);z-index:2}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.08)}.step-number{width:50px;height:50px;background:var(--primary--color);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:12px;margin:0 auto 25px}.step-card h3{font-size:22px;font-weight:700;color:var(--secondary--color);margin-bottom:15px}.step-card p{font-size:15px;color:#758599;line-height:1.6;margin:0}.step-arrow{flex:1;display:flex;justify-content:center;z-index:1;min-width:40px}.step-arrow svg{width:30px;height:auto}.popular-routes-bg{background:#021320;border-radius:40px;padding:80px 40px}.section-pill.transparent{background:transparent;border-color:rgba(255,255,255,0.2);color:#fff}.section-title.white{color:#fff}.section-subtitle.white-opacity{color:rgba(255,255,255,0.7)}.routes-slider{padding:20px 0 40px}.route-card{background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:35px 25px;height:100%;transition:0.3s}.route-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3);transform:translateY(-5px)}.route-tag{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:25px;font-weight:500}.route-card h3{font-size:26px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:15px}.route-card p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.6;margin-bottom:30px}.route-price{font-size:13px;color:rgba(255,255,255,0.8)}.route-price span{font-size:20px;font-weight:700;color:#E74A43;margin-right:5px}.why-book-us{background:#FFF}.why-book-us .section-header{text-align:left}.why-book-us .section-subtitle{margin:0}.why-slider{overflow:hidden;padding:20px 0 40px}.why-slider .swiper-slide{height:auto !important;display:flex}.feature-card{background:#fff;border-radius:20px;padding:40px 30px;height:100%;width:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:0.3s;border:1px solid rgba(0,0,0,0.01)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.08)}.feature-icon{width:50px;height:50px;background:var(--primary--color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:25px}.feature-icon svg{width:24px;height:24px}.feature-card h3{font-size:22px;font-weight:700;color:var(--secondary--color);margin-bottom:15px}.feature-card p{font-size:15px;color:#758599;line-height:1.6;margin:0}.promo-wrapper{background:#021320;border-radius:30px;padding:60px 80px;display:flex;align-items:center;justify-content:space-between;gap:40px}.promo-content h2{font-size:48px;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.2}.promo-content p{font-size:18px;color:rgba(255,255,255,0.7);margin:0}.promo-code-box{background:#fff;border-radius:20px;padding:30px 40px;text-align:center;min-width:280px}.promo-code-box small{display:block;font-size:14px;color:#758599;margin-bottom:10px}.promo-code-box .promo-code{font-size:36px;font-weight:700;color:var(--primary--color);line-height:1;margin-bottom:10px}.promo-code-box small:last-child{margin-bottom:0;margin-top:10px}.rating-summary-bar{background:#f8f9fa;border-radius:20px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rating-info{display:flex;align-items:center;gap:15px}.rating-info .score{font-size:24px;font-weight:700;color:var(--secondary--color)}.rating-info .stars i{color:#ffc107;font-size:18px}.reviews-count{font-size:15px;color:#758599}.google-logo-img{height:25px}.btn-review-google{background:#1a73e8;color:#fff;padding:12px 25px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:0.3s}.btn-review-google:hover{background:#1557b0;color:#fff}.testimonial-slider{overflow:hidden;padding:20px 20px 40px;margin:-20px -20px 0}.testimonial-slider .swiper-slide{height:auto !important;display:flex}.testimonial-card{background:#f8f9fa;border-radius:24px;padding:30px;width:100%;display:flex;flex-direction:column;transition:0.3s}.testimonial-card.ai-summary{background:#f8f9fa;border:1px solid rgba(110,107,255,0.05)}.ai-icon{width:48px;height:48px;background:linear-gradient(135deg,#6e6bff 0,#a855f7 100%);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px}.ai-title h4{font-size:16px;font-weight:700;color:#6e6bff;margin:0}.ai-title p{font-size:12px;color:#758599;margin:0}.stars.red-stars i{color:var(--primary--color)}.stars.yellow-stars i{color:#ffc107}.stars i{font-size:14px;margin-right:2px}.ai-points{list-style:none;padding:0;margin-top:20px}.ai-points li{font-size:14px;color:#4a5568;margin-bottom:12px;display:flex;gap:10px;line-height:1.4}.ai-points li i{color:#4a5568;font-size:12px;margin-top:3px}.user-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.user-avatar{position:relative;width:60px;height:60px}.user-avatar img:first-child{width:100%;height:100%;object-fit:contain}.g-small{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.user-info h4{font-size:15px;font-weight:700;color:var(--secondary--color);margin:0;display:flex;align-items:center;gap:5px}.user-info h4 i{color:#1a73e8;font-size:14px}.user-info p{font-size:12px;color:#758599;margin:0}.testimonial-text{font-size:14px;color:#4a5568;line-height:1.6;margin-top:15px;flex:1}.btn-load-more{background:#edeff1;border:none;padding:12px 30px;border-radius:50px;font-size:14px;font-weight:600;color:var(--secondary--color);cursor:pointer;transition:0.3s}.btn-load-more:hover{background:#e2e5e9}.brand-section{background:#F9FAFB}.brand-slider-wrapper{position:relative;padding:0 100px}.brand-card{background:#fff;border-radius:16px;height:120px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.04);transition:0.3s}.brand-card:hover{transform:translateY(-5px)}.brand-card img{max-width:80%;max-height:80%;object-fit:contain;transition:0.3s}.brand-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.brand-nav:hover{background:#2980b9;transform:translateY(-50%)scale(1.05)}.brand-prev{left:40px}.brand-next{right:40px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:15px;overflow:hidden;transition:0.3s}.faq-question{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:20px}.faq-question h3{font-size:18px;font-weight:700;color:var(--secondary--color);margin:0;transition:0.3s}.faq-icon{width:32px;height:32px;background:var(--primary--color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s;font-size:14px}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);padding:0 25px}.faq-answer p{padding-bottom:20px;font-size:15px;color:#4b5563;line-height:1.6;margin:0}.faq-item.active{border-color:rgba(231,74,67,0.3);box-shadow:0 10px 25px rgba(231,74,67,0.05)}.faq-item.active .faq-answer{max-height:200px}.faq-item.active .faq-icon{background:var(--primary--color)}.ready-wrapper{background:#021320;border-radius:30px;padding-top:20px;padding-left:80px;padding-right:80px;padding-bottom:0;overflow:hidden}.ready-content{display:flex;align-items:center;gap:50px}.ready-image{flex:0 0 300px}.ready-image img{width:100%;display:block}.ready-text{flex:1}.ready-text h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:15px}.ready-text p{font-size:16px;color:#fff;margin-bottom:30px;line-height:1.6}.btn-ready{display:inline-block;background:#E74A43;color:#fff;padding:15px 40px;border-radius:50px;font-weight:700;text-decoration:none;transition:0.3s}.btn-ready:hover{background:#D63932;transform:translateY(-3px);color:#fff}.desktop-only{display:block}.mobile-only{display:none}.our-contact-section{background:#F8F9FA;padding:80px 0}.contact-header{margin-bottom:50px}.contact-main-title{font-size:40px;font-weight:700;color:var(--secondary--color);line-height:1.3;margin-top:15px}.contact-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.contact-info-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s ease}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.contact-icon-circle{width:70px;height:70px;background:var(--primary--color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.contact-icon-circle i{font-size:28px;color:#fff}.contact-card-title{font-size:20px;font-weight:700;color:var(--secondary--color);margin-bottom:20px}.contact-card-address{font-size:14px;color:var(--secondary--color);line-height:1.8;margin-bottom:15px}.contact-phone-numbers{display:flex;justify-content:center;gap:30px;margin-bottom:15px}.phone-item{text-align:center}.phone-label,.email-label{font-size:12px;color:var(--text-muted);margin-bottom:5px}.phone-number,.email-address{font-size:16px;font-weight:600;color:var(--secondary--color)}.contact-email{margin-bottom:15px}.contact-card-note{font-size:13px;color:var(--text-muted);margin-top:15px}.office-address-section{background:#fff}.office-address-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.office-address-content{padding-right:20px}.office-address-title{font-size:40px;font-weight:700;color:var(--secondary--color);margin-bottom:20px;line-height:1.2}.office-description{font-size:15px;color:var(--secondary--color);line-height:1.7;margin-bottom:15px}.office-visit-info{font-size:15px;color:var(--secondary--color);line-height:1.7;margin-bottom:35px}.office-details{display:flex;flex-direction:column;gap:25px}.office-detail-item{display:flex;gap:15px;align-items:flex-start}.detail-icon{width:45px;height:45px;background:var(--secondary--color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon i{font-size:18px;color:#fff}.detail-content{flex:1}.detail-label{font-size:13px;color:var(--primary--color);font-weight:600;margin-bottom:5px}.detail-value{font-size:15px;color:var(--secondary--color);line-height:1.7;font-weight:500}.office-map-container{width:100%;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.contact-form-wrapper{max-width:800px;margin:0 auto;border-radius:20px}.form-header{margin-bottom:40px}.form-title{font-size:36px;font-weight:700;color:var(--secondary--color);margin-bottom:15px}.form-subtitle{font-size:15px;line-height:1.7;color:var(--text-muted)}.contact-form{display:flex;flex-direction:column;gap:24px;background:#f8f9fa;padding:40px;border-radius:32px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:var(--secondary--color)}.form-control{width:100%;padding:14px 18px;font-size:15px;border:1px solid #E9ECEF;border-radius:12px;background:#FFF;color:var(--secondary--color);transition:all 0.3s ease;font-family:'Inter',sans-serif}.form-control:focus{background:#fff;border-color:var(--primary--color);box-shadow:0 0 0 3px rgba(231,74,67,0.1)}.form-control::placeholder{color:#ADB5BD}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.phone-input-group{display:flex;gap:10px}.country-code{width:120px;padding:14px 12px;font-size:14px;border:1px solid #E9ECEF;border-radius:12px;background:#FFF;color:var(--secondary--color);cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.country-code:focus{background:#fff;border-color:var(--primary--color);box-shadow:0 0 0 3px rgba(231,74,67,0.1)}.phone-input{flex:1}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236C757D' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}textarea.form-control{resize:vertical;min-height:120px}.form-submit{margin-top:10px}.btn-submit{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;font-size:16px;font-weight:600;color:#fff;background:var(--primary--color);border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.btn-submit:hover{background:#D63932;transform:translateY(-2px);box-shadow:0 8px 20px rgba(231,74,67,0.3)}.btn-submit i{font-size:14px;transition:transform 0.3s ease}.btn-submit:hover i{transform:translateX(4px)}.footer-section{font-family:'Helvetica Neue',Arial,sans-serif;color:#555;background-color:#fff;padding:60px 0 30px 0;font-size:14px;line-height:1.6}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-divider{border:0;border-top:1px solid #eee;margin:40px 0}.footer-top{display:grid;grid-template-columns:1.2fr 0.8fr 1fr 1fr 1.2fr;gap:30px}.footer-logo{max-height:50px;display:block}.mb_30{margin-bottom:30px}.payment-title{display:block;font-size:12px;font-weight:bold;color:#888;margin-bottom:10px}.payment-icons{display:flex;align-items:center;gap:12px}.pay-img{height:32px;object-fit:contain}.pay-img2{height:24px;object-fit:contain}.paynow-text{font-weight:900;font-style:italic;color:#a1217b;font-size:18px;letter-spacing:-0.5px}.footer-col h3{font-size:15px;font-weight:700;color:#111;margin-bottom:20px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#666;text-decoration:none;transition:color 0.2s ease}.footer-col ul li a:hover{color:#ff5722}.contact-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px !important}.contact-list i{color:#ff5a54;font-size:14px;margin-top:4px;width:16px;text-align:center}.contact-list span{color:#555}.footer-middle{display:flex;justify-content:space-between;align-items:center;gap:40px}.newsletter-text h2{font-size:28px;color:#0c2340;line-height:1.2;font-weight:700;margin:0}.newsletter-form-wrapper{flex-grow:1;max-width:500px}.newsletter-form-wrapper p{font-size:13px;color:#777;margin-bottom:8px;text-align:left}.newsletter-form{display:flex;width:100%}.newsletter-form input[type="email"]{flex-grow:1;padding:12px 20px;border:1px solid #e0e0e0;border-radius:25px 0 0 25px;font-size:14px;outline:none}.newsletter-form button{background-color:#E74A43;color:white;border:none;padding:12px 28px;border-radius:0 25px 25px 0;font-size:14px;font-weight:bold;cursor:pointer;white-space:nowrap;transition:background-color 0.2s}.newsletter-form button:hover{background-color:#d1473c}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end}.copyright-text p{margin:0 0 4px 0;font-size:12px;color:#888}.social-links a{color:#777;font-size:20px;transition:color 0.2s}.social-links a:hover{color:#f00}@media(max-width:991px){.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:40px 20px}.contact-col{grid-column:span 2}.footer-middle{flex-direction:column;align-items:flex-start;gap:20px}.newsletter-form-wrapper{max-width:100%;width:100%}}@media(max-width:576px){.footer-section{padding:40px 0 20px 0}.footer-top{grid-template-columns:1fr;gap:30px}.contact-col{grid-column:span 1}.newsletter-text h2{font-size:22px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.newsletter-form{flex-direction:column;gap:10px}.newsletter-form input[type="email"],.newsletter-form button{border-radius:25px;width:100%;text-align:center}}@media(max-width:991px){.news-form-wrapper{padding-left:0}}.news-text h2{font-size:32px;font-weight:800;color:var(--secondary--color);max-width:400px}.news-input-group{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:50px;padding:5px;width:100%;max-width:500px}.news-input-group input{flex:1;border:none;padding:0 25px;font-size:14px;outline:none}.btn-subscribe{background:#E74A43;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-weight:700;cursor:pointer;transition:0.3s}.btn-subscribe:hover{background:#D63932}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.copyright{font-size:14px;color:#758599}.social-links{display:flex;gap:20px}.social-links a{color:#758599;font-size:20px;transition:0.3s}.social-links a:hover{color:var(--primary--color);transform:translateY(-3px)}.btn-search-ferries{width:100%;background:var(--primary--color);color:#fff;border:none;padding:16px;border-radius:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 10px 25px rgba(231,74,67,0.3);transition:0.3s}.btn-search-ferries:hover{background:#D63932;transform:translateY(-2px);box-shadow:0 12px 30px rgba(231,74,67,0.4)}.footer-section{background:#fff;border-top:1px solid #eee}.nice-select{border:none !important;background:transparent !important;padding:0 !important;height:auto !important;line-height:normal !important}.nice-select::after{display:none}.ticket-fares-section{padding-top:40px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-muted);margin-bottom:24px}.breadcrumb a{color:var(--text-muted);text-decoration:none;font-size:16px}.breadcrumb a.active{color:var(--primary--color);font-weight:500}.header-badge{display:inline-block;border:1px solid var(--border-color);padding:6px 16px;border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:16px}.main-title{font-size:42px;font-weight:800;margin:0 0 12px 0;letter-spacing:-0.5px}.subtitle{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px;max-width:900px}.fare-card{background:#FFF;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.01);overflow:hidden}.fare_card_section{display:flex;flex-direction:column;gap:40px}.card-header{display:flex;align-items:center;gap:12px}.card-header h2{font-size:18px;font-weight:700;margin:0}.icon-ferry{color:var(--primary--color)}.icon-exchange{color:var(--text-secondary)}.fare-table{width:100%}.table-header{display:grid;grid-template-columns:1fr 140px 140px;background-color:var(--bg-light);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:14px 30px;font-size:14px;font-weight:600;color:var(--secondary--color)}.table-header .col-route,.table-header .col-fare{display:flex;align-items:center;gap:6px}.table-header .col-fare{justify-content:center}.table-row{display:grid;grid-template-columns:1fr 140px 140px;padding:20px 30px;border-bottom:1px solid var(--border-color);align-items:center}.table-row:last-child{border-bottom:none}.col-route{font-size:14px;color:var(--text-secondary);line-height:1.5}.col-fare.price{font-size:15px;font-weight:600;color:var(--secondary--color);text-align:center}.icon-small{color:var(--text-secondary)}.additional-fees-section{padding-bottom:50px}.section-title{font-size:32px;font-weight:700;color:var(--secondary--color);margin-bottom:24px}.update-card{background:#FFF;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px rgba(2,19,32,0.03);position:relative;overflow:hidden;margin-bottom:28px}.update-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:var(--primary--color)}.card-inner{padding:35px 40px;background:linear-gradient(135deg,#fff8f5 0,#fff 100%)}.meta-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.badge-important{background-color:var(--primary--color);color:#FFF;font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;letter-spacing:0.3px}.meta-date{color:var(--text-secondary);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.meta-icon{flex-shrink:0}.update-title{font-size:22px;font-weight:700;color:var(--secondary--color);margin:0 0 14px 0;line-height:1.3}.update-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 28px 0}.departure-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.dep-card{border:1px solid #F1F3F5;border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;background-color:#FFF}.badge-country{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#FFF;flex-shrink:0}.badge-country.sg{background-color:#E74A43}.badge-country.id{background-color:#E74A43}.dep-info{display:flex;flex-direction:column}.dep-label{font-size:14px;font-weight:700;color:var(--secondary--color);margin-bottom:6px}.price-tag{margin-bottom:8px}.price-tag .currency{font-size:20px;font-weight:800;color:var(--primary--color)}.price-tag .currency.color-id{color:var(--primary--color)}.price-tag .per-person{font-size:13px;color:var(--text-muted)}.location-tag{font-size:12px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:4px;line-height:1.4}.loc-icon{margin-top:2px;color:#A0AEC0;flex-shrink:0}.notes-block{background-color:#FFF5F5;border-radius:12px;padding:20px 24px;margin-bottom:24px}.notes-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--primary--color);margin-bottom:12px}.notes-icon{color:var(--primary--color)}.notes-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.notes-list li{font-size:13.5px;color:#4A5568;line-height:1.4}.apology-text{font-size:13px;font-style:italic;color:var(--text-secondary);text-align:center;margin-bottom:20px}.operators-wrapper{display:flex;justify-content:center}.badge-operators{background-color:#EDF2F7;color:#4A5568;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.check-icon{color:var(--primary--color)}.disclaimer-footer{margin-top:24px}.disclaimer-primary{font-size:13.5px;font-weight:600;color:var(--primary--color);margin:0 0 4px 0}.disclaimer-secondary{font-size:13.5px;color:var(--text-secondary);margin:0}.disclaimer-secondary a{color:var(--primary--color);text-decoration:underline;font-weight:500}.margin-top{margin-top:40px}.schedules-section{padding-top:30px}.header-action-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:20px}.effective-date{font-size:14px;color:var(--text-muted);margin:6px 0 0 0}.download-btn{background-color:var(--primary--color);color:#FFF;border:none;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity 0.2s ease}.download-btn:hover{opacity:0.9}.region-divider{display:flex;align-items:center;text-align:center;margin-bottom:35px}.region-divider::before,.region-divider::after{content:'';flex:1;border-bottom:1px solid var(--border-color)}.region-divider span{padding:0 24px;font-size:15px;font-weight:700;color:#758599;letter-spacing:1.5px}.schedule-grid{display:grid;gap:24px}.grid-2-col{grid-template-columns:1fr 1fr}.schedule-card{background-color:#FFF;border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;box-shadow:0 4px 15px rgba(0,0,0,0.01);height:max-content}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0 0 12px 12px}.card-region-header{background-color:var(--primary--color);color:#FFF;text-align:center;padding:14px;font-size:18px;font-weight:700}.table-container{display:grid;width:100%}.table-container.cols-4{grid-template-columns:repeat(4,1fr);min-width:500px}.table-container.cols-2{grid-template-columns:repeat(2,1fr);min-width:260px}.column-sub-header{background-color:#FFF;padding:16px 10px;font-size:12px;font-weight:700;text-align:center;color:var(--secondary--color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;line-height:1.4}.column-sub-header:last-child{border-right:none}.time-badge{display:block;font-size:10px;font-weight:700;color:#FFF;padding:3px 8px;border-radius:4px;width:max-content}.time-badge.sg{background-color:#E74A43}.time-badge.id{background-color:#E74A43}.time-badge.my{background-color:#E74A43}.time-cell{padding:14px 10px;font-size:13.5px;font-weight:500;color:var(--secondary--color);text-align:center;border-bottom:1px solid #F1F3F5;border-right:1px solid #F1F3F5;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px}.table-container:nth-child(4n),.table-container.cols-2:nth-child(2n){border-right:none}.table-container .time-cell:nth-last-child(-n+4){border-bottom:none}.time-cell{background-color:#FFF}.table-container.cols-4 div:nth-child(8n+5),.table-container.cols-4 div:nth-child(8n+6),.table-container.cols-4 div:nth-child(8n+7),.table-container.cols-4 div:nth-child(8n+8),.table-container.cols-2 div:nth-child(4n+3),.table-container.cols-2 div:nth-child(4n+4){background-color:var(--bg-light)}.sindo-pill{color:var(--primary--color);border:1px solid var(--primary--color);background-color:#FFF;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;display:inline-block}.num-badge{width:16px;height:16px;border-radius:50%;color:#FFF;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.num-badge.purple{background-color:#B83280}.num-badge.yellow{background-color:#ECC94B;color:var(--secondary--color)}.num-badge.green{background-color:#48BB78}.num-badge.brown{background-color:#A0522D}.num-badge.dark{background-color:#2D3748}.num-badge.red{background-color:#E53E3E}.legend-panel{border:1px solid var(--border-color);border-radius:12px;padding:24px 32px;margin-top:40px;background-color:#FFF}.legend-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.legend-row:last-of-type{margin-bottom:0}.legend-desc{font-size:13.5px;color:var(--text-secondary);font-weight:500}.legend-divider-line{border:none;border-top:1px solid var(--border-color);margin:24px 0 16px 0}.legend-disclaimer{font-size:12px;color:#A0AEC0;margin:0}.ticket-fares-section,.additional-fees-section{max-width:1240px;width:100%;margin:0 auto}.ticket-fares-section{padding-top:50px}.breadcrumb{font-size:14px;color:#9CA3AF;margin-bottom:25px}.breadcrumb a{color:#9CA3AF;text-decoration:none}.breadcrumb a.active{color:var(--primary--color)}.breadcrumb span{margin:0 8px;color:#D1D5DB}.header-badge{display:inline-block;padding:6px 16px;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;font-weight:500;color:#6B7280;margin-bottom:16px}.main-title{font-size:48px;font-weight:700;color:#111827;margin-bottom:12px}.subtitle{font-size:15px;color:#6B7280;margin-bottom:40px;line-height:1.6}.fare-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.04);padding:24px}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.card-header .input-icon{font-size:24px;display:flex;align-items:center}.card-header h2{font-size:20px;font-weight:700;color:#111827;margin:0}.icon-exchange{color:#9CA3AF;background:#F3F4F6;border-radius:50%;padding:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.fare-table{border:1px solid #F3F4F6;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:3fr 1fr 1fr;background:#F9FAFB;padding:14px 24px;border-bottom:1px solid #F3F4F6;font-size:13px;font-weight:600;color:#111827}.table-header .col-route,.table-header .col-fare{display:flex;align-items:center;gap:8px}.table-header .col-route .icon-small,.table-header .col-fare .icon-small{color:#6B7280}.table-header .col-fare{justify-content:center}.table-row{display:grid;grid-template-columns:3fr 1fr 1fr;padding:16px 24px;border-bottom:1px solid #F3F4F6;align-items:center}.table-row:last-child{border-bottom:none}.table-row .col-route{font-size:13px;color:#6B7280}.table-row .col-fare.price{text-align:center;font-size:14px;font-weight:600;color:#4B5563}.section-title{font-size:48px;font-weight:700;color:#021320;margin-bottom:25px}.update-card{background:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,0.04);border-left:5px solid var(--primary--color);margin-bottom:30px;margin-left:40px}.meta-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.badge-important{display:inline-flex;align-items:center;gap:6px;background:var(--primary--color);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.meta-date{display:inline-flex;align-items:center;gap:6px;color:#64748B;font-size:14px}.update-title{font-size:24px;font-weight:700;color:#021320;margin-bottom:15px}.update-description{font-size:15px;color:#475569;line-height:1.6;margin-bottom:30px}.departure-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.dep-card{border:1px solid #F1F5F9;border-radius:12px;padding:24px;display:flex;gap:16px;background:#fff}.badge-country{width:36px;height:36px;border-radius:50%;background:var(--primary--color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.dep-info{flex-grow:1}.dep-label{display:block;font-size:16px;font-weight:700;color:#021320;margin-bottom:10px}.price-tag{margin-bottom:10px}.price-tag .currency{font-size:22px;font-weight:700;color:var(--primary--color)}.price-tag .per-person{font-size:14px;color:#64748B}.location-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748B}.notes-block{background:#FEF2F2;border-radius:12px;padding:24px;margin-bottom:30px}.notes-header{display:flex;align-items:center;gap:8px;font-weight:600;color:#475569;margin-bottom:15px}.notes-header .notes-icon{color:var(--primary--color)}.notes-list{list-style:disc;padding-left:24px}.notes-list li{font-size:14px;color:#475569;margin-bottom:10px;line-height:1.5}.notes-list li:last-child{margin-bottom:0}.apology-text{text-align:center;font-style:italic;font-size:14px;color:#64748B;margin-bottom:25px}.operators-wrapper{display:flex;justify-content:center}.badge-operators{display:inline-flex;align-items:center;gap:8px;background:#F1F5F9;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;color:#475569}.badge-operators .check-icon{color:var(--primary--color)}.disclaimer-footer{margin-top:20px;margin-left:44px}.disclaimer-primary{font-size:14px;color:var(--primary--color);margin-bottom:5px}.disclaimer-secondary{font-size:13px;color:#64748B}.disclaimer-secondary a{color:var(--primary--color);text-decoration:underline}.group-hero-section{position:relative;background-size:cover;background-position:center;padding:100px 0;border-radius:40px;margin:20px 20px 0 20px;overflow:hidden}.group-hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(13,31,45,0.7);z-index:1}.group-hero-section .customContainer{position:relative;z-index:2}.hero-content-centered{text-align:center}.hero-content-centered .breadcrumb{font-size:11px;letter-spacing:1px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;font-weight:600}.hero-content-centered .breadcrumb a,.hero-content-centered .breadcrumb span.text-white{color:#fff}.hero-content-centered .breadcrumb .text-danger{color:var(--primary--color)!important}.hero-content-centered .hero-title{font-size:42px;font-weight:700;margin-bottom:20px}.hero-content-centered .hero-subtitle{font-size:15px;opacity:0.9;max-width:700px;margin:0 auto}.contact-section-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:50px;color:var(--secondary--color)}.contact-grid{display:flex;justify-content:center;gap:80px;margin-bottom:60px}.contact-card{text-align:center;flex:0 1 350px}.icon-circle{width:60px;height:60px;border-radius:50%;background:var(--primary--color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}.contact-card h4{font-size:18px;font-weight:700;margin-bottom:30px;color:var(--secondary--color)}.contact-details-row{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.contact-details-row.email-row{flex-direction:column;gap:5px}.contact-detail-col .label{font-size:11px;color:#94A3B8;margin-bottom:5px}.contact-detail-col .value{font-size:15px;font-weight:700;color:var(--secondary--color)}.contact-footer-text{font-size:12px;color:#94A3B8}.whatsapp-btn-container{text-align:center}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;padding:12px 30px;border-radius:30px;font-weight:600;font-size:15px;transition:0.3s}.btn-whatsapp:hover{background:#20B958;color:#fff}.why-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-group-content .badge-pill{font-size:11px;letter-spacing:1.5px;border-radius:20px;border:1px solid #E5E7EB;color:#94A3B8;padding:6px 16px;margin-bottom:25px;display:inline-block}.why-title{font-size:38px;font-weight:700;color:var(--secondary--color);margin-bottom:25px;line-height:1.2}.why-description{font-size:15px;color:#64748B;line-height:1.8;margin-bottom:40px}.why-description .text-danger{color:var(--primary--color)!important}.rounded-image-wrapper{position:relative;overflow:hidden;border-radius:20px}.rounded-image-wrapper img{width:100%;border-radius:20px;display:block}.benefits-title{font-size:18px;font-weight:700;color:var(--secondary--color);margin-bottom:30px}.benefit-list{display:flex;flex-direction:column}.benefit-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #F1F5F9}.benefit-icon{width:50px;height:50px;background:var(--primary--color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;flex-shrink:0}.benefit-text{font-size:14px;color:#64748B}.benefit-text .text-danger{color:var(--primary--color)!important}.benefit-footer-text{font-size:12px;color:#94A3B8;margin-top:30px}.floating-whatsapp{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 15px rgba(37,211,102,0.4);z-index:1000;transition:0.3s}.floating-whatsapp:hover{transform:translateY(-3px);color:#fff}.custom-navbar{background:linear-gradient(white);padding:12px 0;box-shadow:0 4px 20px 0 rgba(0,0,0,0.08);width:100% !important;left:0 !important;right:0 !important}.navbar-brand{font-size:22px;font-weight:700;color:#111}.navbar-brand .dot{color:#ff4d4f}.nav-logo{height:55px;width:auto;display:block;transition:transform 0.3s ease}.nav-center .nav-link{font-size:14px;font-weight:600;color:#333;padding:6px 14px;border-radius:20px;transition:all 0.2s ease}.nav-center .nav-link.active{color:#E74A43 !important;font-weight:700 !important;background-color:transparent !important;border-bottom:1.5px solid #E74A43 !important;border-radius:0 !important;padding-bottom:4px !important}.nav-center .nav-link:hover{background-color:rgba(255,255,255,0.6)}.btn-lang{font-size:13px;border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:20px}.btn-login{font-size:13px;font-weight:600;background-color:#ff6a3d;color:#fff;padding:7px 16px;border-radius:20px;border:none}.btn-login:hover{background-color:#e85a2f;color:#fff}.account-link{color:#333;font-weight:500;font-size:14px;text-decoration:none}.account-link:hover{color:#f85a40}.btn-book-tickets{background-color:#f85a40;color:white;border-radius:30px;padding:10px 25px;font-weight:600;font-size:14px;border:none;transition:background-color 0.2s}.btn-book-tickets:hover{background-color:#e64a2e;color:white}.nav-link.dropdown-toggle::after{vertical-align:middle;border-top:0.3em solid;border-right:0.3em solid transparent;border-left:0.3em solid transparent;margin-left:5px;color:#758599}.dropdown-item:hover{background-color:#fff1f0;color:#E74A43 !important}.dropdown-menu{border-radius:12px;padding:10px 0;margin-top:0}footer.vtl-footer{padding:0}.vtl-footer-logo-area{margin-bottom:30px}.vtl-footer-logo{max-width:150px;height:auto}.vtl-selector-label{font-size:12px;color:#7a7a7a;font-weight:600;margin-bottom:5px;display:block}.vtl-select-custom{border:1px solid #e0e0e0;border-radius:6px;padding:8px 15px;font-size:14px;color:#4a4a4a;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234a4a4a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")no-repeat right 12px center/10px 10px;margin-bottom:15px;cursor:pointer}.vtl-payment-icons img{height:18px;margin-right:15px;opacity:0.8}.vtl-footer-column h6{font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.vtl-footer-column ul{list-style:none;padding:0;margin:0}.vtl-footer-column ul li{margin-bottom:12px}.vtl-footer-column ul li a{text-decoration:none;color:#666;font-size:14px;transition:color 0.1s}.vtl-footer-column ul li a:hover{color:#e65649}.vtl-contact-list li{font-size:13px;line-height:1.5;display:flex;align-items:flex-start;margin-bottom:12px}.vtl-contact-icon{margin-right:18px;flex-shrink:0;display:flex;align-items:center;position:relative;top:-2px}.vtl-contact-icon svg,.vtl-contact-icon i{width:100%;height:auto;opacity:0.5}.vtl-address-text{color:#666;display:block}.vtl-separator{border-top:1px solid #f0f0f0;margin:40px 0}.vtl-newsletter-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.vtl-newsletter-text-block h3{font-size:26px;font-weight:700;margin-bottom:8px}.vtl-newsletter-form-block{text-align:right;max-width:450px}.vtl-newsletter-subtitle{font-size:13px;color:#7a7a7a;margin-bottom:10px}.vtl-newsletter-input-group{position:relative;display:flex}.vtl-newsletter-input{border:1px solid #e0e0e0;border-radius:20px;padding:10px 140px 10px 20px;font-size:14px;width:100%}.vtl-subscribe-btn{position:absolute;right:4px;top:4px;bottom:4px;background-color:#e65649;color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:600;padding:0 20px;transition:background-color 0.2s}.vtl-subscribe-btn:hover{background-color:#d1493b}.vtl-bottom-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7a7a7a;padding-bottom:30px}.vtl-social-links{display:flex;gap:15px}.vtl-social-link{text-decoration:none;color:#7a7a7a;font-size:18px;transition:color 0.1s}.vtl-social-link:hover{color:#e65649}.vtl-support-banner{background-color:#021320;border-radius:12px;color:#fff;padding:50px 40px;margin:20px auto 50px auto;position:relative;overflow:hidden}.vtl-banner-content{z-index:2;position:relative}.vtl-support-text{max-width:60%}.vtl-banner-title{font-size:28px;font-weight:700;margin-bottom:12px}.vtl-banner-desc{font-size:14px;line-height:1.6;margin-bottom:25px;color:white}.vtl-contact-btn{background-color:#e65649;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:10px 30px;transition:background-color 0.2s}.vtl-contact-btn:hover{background-color:#d1493b}.vtl-ill-placeholder{position:absolute;left:50px;bottom:0;width:330px;height:248px;background:url(https://batamferrytickets.com/illustration.png)}@media(max-width:991px){.nav-center .nav-link.active::after{display:none}.nav-center .nav-link.active{color:#f85a40;background:transparent}.d-flex.align-items-center.gap-3{margin-top:15px;padding-top:15px;border-top:1px solid #eee;justify-content:center}.custom-navbar .container-fluid{padding-left:15px !important;padding-right:15px !important}.navbar-collapse{max-width:100%}.navbar-nav{width:100%;margin:0;padding:10px 0}.dropdown-menu{background-color:#f8fafc;border:none;box-shadow:none !important;padding-left:20px}}@media(max-width:768px){.nav-logo{height:40px}.vtl-support-banner{text-align:center;padding-top:150px}.vtl-support-text{max-width:100%}.vtl-banner-illustration{left:50%;transform:translateX(-50%);top:10px}.vtl-support-banner,footer.vtl-footer{margin-left:10px;margin-right:10px}}@media(max-width:576px){.custom-navbar .container-fluid{padding-left:10px !important;padding-right:10px !important}}@media(max-width:1200px){.vtl-support-banner,footer.vtl-footer{padding-left:30px;padding-right:30px;margin-left:30px;margin-right:30px}.vtl-newsletter-section{flex-direction:column}.vtl-newsletter-form-block{text-align:left;width:100%;margin-top:20px}.vtl-bottom-line{flex-direction:column;gap:15px;text-align:center}}@media(min-width:992px){.nav-item.dropdown:hover .dropdown-menu{display:block;margin-top:0;opacity:1;visibility:visible;animation:fadeIn 0.2s ease-in}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{font-family:'Inter',sans-serif}.custom-navbar{background:linear-gradient(white);padding:12px 0;box-shadow:0 4px 20px 0 rgba(0,0,0,0.08)}.navbar-brand{font-size:22px;font-weight:700;color:#111}.navbar-brand .dot{color:#ff4d4f}.nav-center .nav-link{font-size:14px;font-weight:600;color:#333;padding:6px 14px;border-radius:20px;transition:all 0.2s ease}.nav-center .nav-link.active{color:#E74A43 !important;font-weight:700 !important;background-color:transparent !important;border-bottom:1.5px solid #E74A43 !important;border-radius:0 !important;padding-bottom:4px !important}.nav-center .nav-link:hover{background-color:rgba(255,255,255,0.6)}.btn-lang{font-size:13px;border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:20px}.btn-login{font-size:13px;font-weight:600;background-color:#ff6a3d;color:#fff;padding:7px 16px;border-radius:20px;border:none}.btn-login:hover{background-color:#e85a2f;color:#fff}.account-link{color:#333;font-weight:500;font-size:14px;text-decoration:none}.account-link:hover{color:#f85a40}.btn-book-tickets{background-color:#f85a40;color:white;border-radius:30px;padding:10px 25px;font-weight:600;font-size:14px;border:none;transition:background-color 0.2s}.btn-book-tickets:hover{background-color:#e64a2e;color:white}@media(max-width:991px){.nav-center .nav-link.active::after{display:none}.nav-center .nav-link.active{color:#f85a40;background:transparent}.d-flex.align-items-center.gap-3{margin-top:15px;padding-top:15px;border-top:1px solid #eee;justify-content:center}}.nav-logo{height:55px;width:auto;display:block;transition:transform 0.3s ease}@media(max-width:768px){.nav-logo{height:40px}}.custom-navbar{width:100% !important;left:0 !important;right:0 !important}@media(max-width:991px){.custom-navbar .container-fluid{padding-left:15px !important;padding-right:15px !important}.navbar-collapse{max-width:100%}.navbar-nav{width:100%;margin:0;padding:10px 0}}@media(max-width:576px){.custom-navbar .container-fluid{padding-left:10px !important;padding-right:10px !important}}.smaller-heading{font-size:1.25rem}.promo-badge-container{margin-bottom:20px}.promo-badge{display:inline-block;border:2px solid #fff;padding:10px 30px;border-radius:50px;font-size:1rem;font-weight:normal;font-style:normal;color:#fff;text-transform:none;margin:0;line-height:1.2}.promo-banner-fixed{background-color:#E9F2FF;color:#333;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;width:100%;top:0;left:0;z-index:1041;transition:transform 0.3s ease}.promo-banner-fixed.hidden{transform:translateY(-100%)}.promo-btn{background-color:#00A68F;color:white;text-decoration:none;padding:8px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:background-color 0.2s}.promo-btn:hover{background-color:#008f7a}.promo-banner-fixed.hidden{transform:translateY(-100%)}.nav-link.dropdown-toggle::after{vertical-align:middle;border-top:0.3em solid;border-right:0.3em solid transparent;border-left:0.3em solid transparent;margin-left:5px;color:#758599}.dropdown-item:hover{background-color:#fff1f0;color:#E74A43 !important}.dropdown-menu{border-radius:12px;padding:10px 0;margin-top:0}@media(max-width:991px){.dropdown-menu{background-color:#f8fafc;border:none;box-shadow:none !important;padding-left:20px}}@media(min-width:992px){.nav-item.dropdown:hover .dropdown-menu{display:block;margin-top:0;opacity:1;visibility:visible;animation:fadeIn 0.2s ease-in}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge-outline{border:1px solid #94a3b8;color:#64748b;border-radius:20px;padding:5px 15px;font-size:0.85rem;display:inline-block;margin-bottom:1rem}.stepper-container{max-width:900px}.main-heading{font-weight:700;font-size:48px;margin-bottom:0.5rem}.sub-heading{color:#758599;font-size:16px;font-weight:400;margin-bottom:3rem}.stepper-wrapper{display:flex;justify-content:space-between;position:relative;margin-bottom:20px}.stepper-wrapper::before{content:"";position:absolute;top:25px;left:5%;right:5%;height:2px;border-top:1px dashed #758599;z-index:0}.step-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;flex:1}.step-icon{width:36px;height:36px;border-radius:50%;background:white;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all 0.3s ease;color:#64748b}.step-item.completed .step-icon{background-color:#E74A43;border-color:#E74A43;width:36px;height:36px;color:white;box-shadow:0 0 0 4px rgba(239,68,68,0.2)}.step-label-top{text-transform:uppercase;font-size:12px;font-weight:500;color:#758599;margin-bottom:4px}.step-label-bottom{font-weight:600;font-size:16px;color:#021320}.vtl-support-banner{background-color:#021320;border-radius:12px;color:#fff;padding:50px 40px;margin:20px auto 50px auto;position:relative;overflow:hidden}.vtl-banner-content{z-index:2;position:relative}.vtl-support-text{max-width:60%}.vtl-banner-title{font-size:28px;font-weight:700;margin-bottom:12px}.vtl-banner-desc{font-size:14px;line-height:1.6;margin-bottom:25px;color:white}.vtl-contact-btn{background-color:#e65649;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:10px 30px;transition:background-color 0.2s}.vtl-contact-btn:hover{background-color:#d1493b}.vtl-banner-illustration{position:absolute;left:50px;bottom:0;z-index:1}.vtl-ill-placeholder{position:absolute;left:50px;bottom:0;width:330px;height:248px;background:url(https://batamferrytickets.com/illustration.png)}footer.vtl-footer{padding-top:50px;}.vtl-footer-logo-area{margin-bottom:30px}.vtl-footer-logo{max-width:150px;height:auto}.vtl-selector-label{font-size:12px;color:#7a7a7a;font-weight:600;margin-bottom:5px;display:block}.vtl-select-custom{border:1px solid #e0e0e0;border-radius:6px;padding:8px 15px;font-size:14px;color:#4a4a4a;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234a4a4a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")no-repeat right 12px center/10px 10px;margin-bottom:15px;cursor:pointer}.vtl-payment-icons img{height:18px;margin-right:15px;opacity:0.8}.vtl-footer-column h6{font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.vtl-footer-column ul{list-style:none;padding:0;margin:0}.vtl-footer-column ul li{margin-bottom:12px}.vtl-footer-column ul li a{text-decoration:none;color:#666;font-size:14px;transition:color 0.1s}.vtl-footer-column ul li a:hover{color:#e65649}.vtl-contact-list li{font-size:13px;line-height:1.5;display:flex;align-items:flex-start;margin-bottom:12px}.vtl-contact-icon{margin-right:18px;flex-shrink:0;display:flex;align-items:center;position:relative;top:-2px}.vtl-contact-icon svg,.vtl-contact-icon i{width:100%;height:auto;opacity:0.5}.vtl-address-text{color:#666;display:block}.vtl-separator{border-top:1px solid #f0f0f0;margin:40px 0}.vtl-newsletter-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.vtl-newsletter-text-block h3{font-size:26px;font-weight:700;margin-bottom:8px}.vtl-newsletter-form-block{text-align:right;max-width:450px}.vtl-newsletter-subtitle{font-size:13px;color:#7a7a7a;margin-bottom:10px}.vtl-newsletter-input-group{position:relative;display:flex}.vtl-newsletter-input{border:1px solid #e0e0e0;border-radius:20px;padding:10px 140px 10px 20px;font-size:14px;width:100%}.vtl-subscribe-btn{position:absolute;right:4px;top:4px;bottom:4px;background-color:#e65649;color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:600;padding:0 20px;transition:background-color 0.2s}.vtl-subscribe-btn:hover{background-color:#d1493b}.vtl-bottom-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7a7a7a;padding-bottom:30px}.vtl-social-links{display:flex;gap:15px}.vtl-social-link{text-decoration:none;color:#7a7a7a;font-size:18px;transition:color 0.1s}.vtl-social-link:hover{color:#e65649}@media(max-width:1200px){.vtl-support-banner,footer.vtl-footer{padding-left:30px;padding-right:30px;margin-left:30px;margin-right:30px}.vtl-newsletter-section{flex-direction:column}.vtl-newsletter-form-block{text-align:left;width:100%;margin-top:20px}.vtl-bottom-line{flex-direction:column;gap:15px;text-align:center}}@media(max-width:768px){.vtl-support-banner{text-align:center;padding-top:150px}.vtl-support-text{max-width:100%}.vtl-banner-illustration{left:50%;transform:translateX(-50%);top:10px}.vtl-support-banner,footer.vtl-footer{margin-left:10px;margin-right:10px}}.custom-breadcrumb{display:flex;flex-wrap:wrap;padding:0;list-style:none;font-size:16px}.custom-breadcrumb .breadcrumb-item{display:flex;align-items:center}.custom-breadcrumb .breadcrumb-item a{color:#7d8ea1;text-decoration:none;transition:color 0.2s}.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:12px;padding-left:12px;color:#758599;content:"/";font-weight:600}.custom-breadcrumb .breadcrumb-item.active{color:#E74A43;font-weight:600}.custom-breadcrumb .breadcrumb-item a:hover{color:#e6554d}.ticket-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.05);max-width:100%;margin:0 auto 30px auto;padding:30px;border:none}.header-section{display:flex;align-items:center;gap:15px;margin-bottom:25px}.ship-icon{color:#ef4444;font-size:2rem}.route-title{font-weight:700;font-size:20px;color:#0f172a;display:flex;align-items:center;gap:12px;justify-content:center}.exchange-icon{color:#64748b;font-size:1rem;border:1px solid #e2e8f0;border-radius:50%;padding:5px}.ferry-table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}.ferry-table th{background-color:#f8fafc;color:#1e293b;font-weight:600;padding:12px 20px;border-bottom:1px solid #f1f5f9}.ferry-table td{padding:15px 20px;color:#475569;font-size:0.95rem;border-bottom:1px solid #f1f5f9}.price-col{width:180px;text-align:center;border-left:1px solid #f1f5f9}.th-icon{font-size:0.85rem;margin-right:8px;color:#64748b}.fees-section{max-width:100%;margin:40px auto;color:#758599;line-height:1.6}.fees-section h2{color:#0f172a;font-weight:700;font-size:1.5rem;margin-bottom:20px}.fees-section h5{color:#0f172a;font-weight:700;font-size:1.1rem;margin-top:30px;margin-bottom:15px}.fees-list{padding-left:20px;margin-bottom:25px;color:#758599}.fees-list li{margin-bottom:8px}.bold-text{color:#475569;font-weight:600}.fee-row{display:flex;max-width:400px;margin-bottom:8px}.fee-label{flex:1;color:#758599}.fee-value{flex:1;font-weight:700;color:#1e293b}.effective-date{font-style:italic;font-size:0.85rem;margin-top:10px;color:black}.disclaimer-red{color:#E74A43;font-weight:500;margin-top:40px;margin-bottom:5px}.terms-link{color:#ef4444;text-decoration:underline;text-underline-offset:3px}@media(max-width:992px){.vtl-support-banner{padding:200px 24px 40px 24px;text-align:center}.vtl-support-text{max-width:100%;text-align:center}.vtl-banner-title{font-size:24px}.vtl-banner-desc{font-size:13px;line-height:1.5}.vtl-banner-illustration{left:50%;transform:translateX(-50%);top:20px;bottom:auto;width:280px;height:auto}.vtl-ill-placeholder{position:relative;left:0;bottom:auto;width:260px;height:180px;margin:0 auto;background-size:contain}.vtl-banner-content{text-align:center}.vtl-banner-content .text-end{text-align:center !important}.vtl-contact-btn{display:inline-block;margin-top:8px}}@media(max-width:576px){.vtl-support-banner{padding:180px 20px 35px 20px;margin-left:15px;margin-right:15px}.vtl-banner-title{font-size:22px;line-height:1.3}.vtl-banner-desc{font-size:12px;line-height:1.45;margin-bottom:20px}.vtl-banner-illustration{top:15px;width:220px}.vtl-ill-placeholder{width:200px;height:150px}.vtl-contact-btn{padding:8px 24px;font-size:13px}}:root{--primary-red:#ea4d46;--primary-dark:#2a3443;--text-on-dark:#fff;--card-bg:#fff;--border-color:#e2e8f0;--placeholder-color:#a0aec0;--card-shadow:0 4px 12px rgba(0,0,0,0.1)}.page-wrapper{padding:24px}#hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);border-radius:40px;object-fit:cover;z-index:1}.hero-content-wrapper{position:relative;z-index:3;padding-top:100px;padding-bottom:120px}.hero-text{max-width:600px;color:var(--text-on-dark)}.hero-title{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:24px}.hero-description{font-size:18px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.85);margin-bottom:40px}.contact-us-btn{background-color:var(--primary-red);color:#fff;padding:12px 28px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;border:2px solid var(--primary-red);transition:all 0.2s ease}.contact-us-btn:hover{background-color:transparent;color:var(--primary-red)}.form-card{background-color:var(--card-bg);border-radius:20px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,0.2);position:relative;right:0}.form-card h3{font-size:24px;font-weight:700;color:var(--primary-dark);margin-bottom:30px}.form-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:6px}.required-star{color:var(--primary-red);font-weight:bold}.form-control,.form-select{border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;font-size:12px;color:var(--primary-dark)}.form-control::placeholder,.form-select{color:var(--placeholder-color);opacity:1}.form-control:focus,.form-select:focus{border-color:#cbd5e1;box-shadow:0 0 0 3px rgba(66,153,225,0.15)}.message-area{height:120px;resize:none}.send-message-btn{background-color:var(--primary-red);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;width:fit-content;transition:background-color 0.2s}.send-message-btn:hover{background-color:#d6413a}.stats-section{position:relative;top:-100px;z-index:4;margin-bottom:-100px}.stat-card{background-color:var(--card-bg);border-radius:16px;padding:24px;text-align:center;box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.stat-icon{font-size:24px;color:var(--primary-dark);background-color:#edf2f7;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-value{font-size:36px;font-weight:700;color:var(--primary-dark);line-height:1.2}.stat-value-unit{color:var(--primary-red);font-weight:700}.stat-label{font-size:12px;font-weight:500;color:#718096;margin-top:4px}@media(max-width:1200px){.hero-title{font-size:48px}.form-card{padding:30px}}@media(max-width:992px){.hero-section{min-height:100vh}.hero-content-wrapper{padding-top:80px}.form-card{right:0;margin-top:50px}.stats-section{top:-60px;margin-bottom:-60px}}@media(max-width:768px){.hero-title{font-size:38px}.hero-content-wrapper{padding-bottom:80px}.stat-card{padding:16px}.stat-value{font-size:28px}}.experience-section{background-color:#fff}.btn-primary-red{background-color:#ea4d46;color:white;border:none;border-radius:8px;font-weight:600;transition:0.3s}.btn-primary-red:hover{background-color:#d13d37;color:white}.btn-outline-light-custom{background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600}.video-card{background:white;border-radius:15px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease}.video-card:hover{transform:translateY(-5px)}.video-thumbnail-wrapper{position:relative;overflow:hidden}.large-card .video-thumbnail-wrapper{height:350px}.small-card .video-thumbnail-wrapper{height:180px}.video-thumb{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}.play-button{width:60px;height:60px;background:#f00;border-radius:50%;position:relative;cursor:pointer}.play-button::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent white}.play-button.small{width:40px;height:40px}.play-button.small::after{border-width:6px 0 6px 11px}.video-header-info{position:absolute;top:15px;left:15px;display:flex;align-items:center;color:white;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.small-video-title{font-size:14px;color:#1a222d;line-height:1.4}.services-section{background-color:#fcfdfe}.service-card{background-color:white;border-radius:12px;border:1px solid #f1f5f9;overflow:hidden;height:100%;transition:all 0.3s ease;text-align:center;padding:12px;box-shadow:0 4px 6px rgba(0,0,0,0.02)}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.07)}.service-img-wrapper{width:100%;height:160px;border-radius:10px;overflow:hidden;margin-bottom:20px}.service-img-wrapper img{width:100%;height:100%;object-fit:cover}.service-content{padding:0 10px 15px}.service-title{font-weight:700;font-size:18px;color:#0d1b2a;margin-bottom:12px}.service-text{font-size:13px;color:#94a3b8;line-height:1.6;margin-bottom:0}@media(max-width:991px){.service-title{font-size:17px}}.routes-section{background-color:#fff}.route-card{border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;height:100%;transition:all 0.3s ease;text-align:center;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,0.03)}.route-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.08)}.route-img-wrapper{width:100%;height:200px;border-radius:15px;overflow:hidden;margin-bottom:20px}.route-img-wrapper img{width:100%;height:100%;object-fit:cover}.route-content{padding:0 15px 15px}.route-title{font-weight:700;font-size:18px;color:#0d1b2a;margin-bottom:12px}.route-text{font-size:13px;color:#94a3b8;line-height:1.6;margin-bottom:20px;min-height:65px}.btn-primary-red{background-color:#ea4d46;color:white;border:none;border-radius:12px;font-size:13px;font-weight:600}.btn-outline-route{background-color:transparent;color:#1a222d;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:600;transition:0.2s}.btn-outline-route:hover{background-color:#E74A43;color:white}.journey-card{position:relative;border-radius:20px;overflow:visible;height:320px;margin-bottom:80px}.journey-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.journey-overlay-box{position:absolute;bottom:-60px;left:10px;right:10px;background-color:#ea4d46;color:white;padding:20px;border-radius:15px;text-align:center;box-shadow:0 10px 25px rgba(234,77,70,0.3);transition:transform 0.3s ease}.journey-card:hover .journey-overlay-box{transform:translateY(-5px)}.journey-overlay-box h6{font-weight:700;font-size:17px;margin-bottom:8px}.journey-overlay-box p{font-size:12px;line-height:1.5;margin-bottom:0;opacity:0.9}@media(max-width:768px){.journey-card{margin-bottom:100px}}.feature-icon-box{background-color:#ea4d46;color:white;width:45px;height:45px;min-width:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.feature-item{transition:background-color 0.2s ease}.feature-item h6{color:#0d1b2a;font-size:16px}.image-frame-wrapper{padding:20px;perspective:1000px}.tilted-frame{position:relative;background:white;padding:15px;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:rotate(-2deg);transition:transform 0.5s ease}.tilted-frame:hover{transform:rotate(0)}.main-frame-img{width:100%;border-radius:5px;display:block}.mini-frame{position:absolute;bottom:20px;left:-30px;width:140px;background:white;padding:8px;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.15);border:4px solid #1a222d}.mini-frame img{width:100%;border-radius:4px}@media(max-width:991px){.image-frame-wrapper{max-width:500px;margin:0 auto}.mini-frame{width:100px;left:10px}}.cta-banner{background:linear-gradient(rgba(13,27,42,0.85),rgba(13,27,42,0.85)),url('assets/images/adventure.webp');background-size:cover;background-position:center;border-radius:30px;padding:100px 20px 160px;position:relative}.play-circle{width:60px;height:60px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#ea4d46;font-size:30px;cursor:pointer;transition:transform 0.3s ease}.play-circle:hover{transform:scale(1.1)}.feature-cards-row{margin-top:-100px;position:relative;z-index:5}.info-card{background:white;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);height:100%;border:1px solid #f1f5f9}.info-icon-box{width:60px;height:60px;background-color:#ea4d46;color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.info-card h5{color:#0d1b2a;font-size:18px}.info-card p{line-height:1.6}@media(max-width:768px){.feature-cards-row{margin-top:-60px}.cta-banner{padding:60px 20px 120px}}.trip-img-card{border-radius:25px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05)}.trip-img{width:100%;height:100%;object-fit:cover;min-height:300px}.trip-text-card{background-color:#f8fafc;padding:60px;border-radius:25px;border:1px solid #f1f5f9}@media(max-width:991px){.trip-text-card{padding:30px}}.image-frame-wrapper{padding:20px}.tilted-frame{background:white;padding:15px;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:rotate(-3deg);transition:transform 0.4s ease}.tilted-frame:hover{transform:rotate(0)}.main-frame-img{width:100%;border-radius:5px;display:block}.badge.border{border-color:#cbd5e1 !important;color:#64748b !important}.destination-card{background-color:white;border-radius:20px;border:1px solid #f1f5f9;padding:15px;height:100%;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.destination-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.07)}.dest-img-wrapper{width:100%;height:240px;border-radius:15px;overflow:hidden;margin-bottom:25px}.dest-img-wrapper img{width:100%;height:100%;object-fit:cover}.dest-content{padding:0 10px 10px}.dest-content h4{color:#0d1b2a;font-size:22px}.dest-content p{line-height:1.6}.btn-primary-red{background-color:#ea4d46;color:white;border:none;border-radius:12px;font-size:14px;font-weight:600;transition:0.3s}.btn-outline-route{background-color:transparent;color:#1a222d;border:1px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:600}.btn-outline-route:hover{background-color:#E74A43;color:white}.client-logo-card{background:white;border:1px solid #f1f5f9;border-radius:12px;padding:25px 15px;height:100px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.02)}.client-logo-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.05);transform:translateY(-3px)}.client-logo-card img{max-width:100%;max-height:70px;object-fit:contain}.client-logo-card:hover img{filter:grayscale(0);opacity:1}.video-card{background:white;border-radius:15px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 4px 15px rgba(0,0,0,0.03);height:100%;transition:transform 0.3s ease}.video-card:hover{transform:translateY(-5px)}.video-thumb-wrapper{position:relative;width:100%;height:320px;overflow:hidden}.small-thumb{height:200px}.video-thumb-wrapper img{width:100%;height:100%;object-fit:cover}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#f00;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 0 20px rgba(255,0,0,0.4)}.play-button-overlay.sm{width:40px;height:40px;font-size:20px}.video-label{position:absolute;top:15px;left:15px;color:white;font-size:13px;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}.video-label.sm{font-size:11px;top:10px;left:10px}.video-info h5{color:#0d1b2a;font-size:20px}.video-info p{color:#0d1b2a}.blog-card{background-color:white;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;height:100%;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.07)}.blog-img-wrapper{width:100%;height:220px;overflow:hidden}.blog-img-wrapper img{width:100%;height:100%;object-fit:cover}.blog-content{padding:25px}.blog-date{color:#ea4d46;font-size:13px;font-weight:500}.blog-content h4{color:#0d1b2a;font-size:20px;line-height:1.4}.blog-content p{line-height:1.6}.btn-primary-red{background-color:#ea4d46;color:white;border:none;border-radius:12px;font-size:14px;font-weight:600}.btn-outline-route{background-color:transparent;color:#1a222d;border:1px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:600}.contact-form-card{background-color:#f8fafc;padding:40px;border-radius:25px;border:1px solid #f1f5f9}.contact-icon{width:45px;height:45px;background-color:#ea4d46;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.form-control,.form-select,.input-group-text{border-radius:10px;padding:12px;border:1px solid #e2e8f0;font-size:14px}.form-control:focus,.form-select:focus{border-color:#ea4d46;box-shadow:0 0 0 0.2rem rgba(234,77,70,0.15)}.contact-methods h5,.follow-us h5{color:#0d1b2a}.custom-travel-dropdown{padding:20px;border-radius:20px;min-width:300px}.dropdown-flex-container{display:flex;gap:15px;justify-content:center}.custom-travel-dropdown .dropdown-item{width:200px;height:75px;border-radius:50px;display:flex;align-items:center;justify-content:center;color:white !important;font-size:12px;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,0.5);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform 0.2s ease;padding:0}.custom-travel-dropdown .dropdown-item:hover{transform:scale(1.03);background-color:transparent}.baggage-card{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('assets/images/baggage.jpg')}.visa-card{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('assets/images/visa.jpg')}.custom-travel-dropdown li{list-style:none}.teambuilding-card{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('assets/images/teambuilding.jpg')}.group-card{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('assets/images/group.jpg');background-size:cover !important;background-position:center !important;background-color:#555 !important;display:flex !important}.custom-travel-dropdown .dropdown-item{color:#fff !important;opacity:1 !important}.custom-navbar{background:linear-gradient(white);padding:12px 0;box-shadow:0 4px 20px 0 rgba(0,0,0,0.08);width:100% !important;left:0 !important;right:0 !important}.navbar-brand{font-size:22px;font-weight:700;color:#111}.navbar-brand .dot{color:#ff4d4f}.nav-logo{height:55px;width:auto;display:block;transition:transform 0.3s ease}@media(max-width:768px){.nav-logo{height:40px}}.nav-center{gap:20px}.nav-center .nav-link{font-size:14px;font-weight:600;color:#333;padding:6px 14px;border-radius:20px;transition:all 0.2s ease}.nav-center .nav-link.active{color:#E74A43 !important;font-weight:700 !important;background-color:transparent !important;border-bottom:1.5px solid #E74A43 !important;border-radius:0 !important;padding-bottom:4px !important}.nav-center .nav-link:hover{background-color:rgba(255,255,255,0.6)}.nav-link.dropdown-toggle::after{vertical-align:middle;border-top:0.3em solid;border-right:0.3em solid transparent;border-left:0.3em solid transparent;margin-left:5px;color:#758599}.dropdown-menu{border-radius:12px;padding:10px 0;margin-top:0;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.dropdown-item:hover{background-color:#fff1f0;color:#E74A43 !important}@media(min-width:992px){.nav-item.dropdown:hover .dropdown-menu{display:block;margin-top:0;opacity:1;visibility:visible;animation:fadeIn 0.2s ease-in}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991px){.dropdown-menu{background-color:#f8fafc;border:none;box-shadow:none !important;padding-left:20px}}.btn-book-tickets{background-color:#f85a40;color:white;border-radius:30px;padding:10px 25px;font-weight:600;font-size:14px;border:none;transition:background-color 0.2s;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-book-tickets:hover{background-color:#e64a2e;color:white}.btn-book-tickets img{margin-right:10px}.account-link{color:#333;font-weight:500;font-size:14px;text-decoration:none}.account-link:hover{color:#f85a40}.btn-lang{font-size:13px;border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:20px}.btn-login{font-size:13px;font-weight:600;background-color:#ff6a3d;color:#fff;padding:7px 16px;border-radius:20px;border:none}.btn-login:hover{background-color:#e85a2f;color:#fff}.custom-travel-dropdown{padding:20px;border-radius:20px;min-width:300px}.dropdown-flex-container{display:flex;gap:15px;justify-content:center}.custom-travel-dropdown .dropdown-item{width:200px;height:75px;border-radius:50px;display:flex;align-items:center;justify-content:center;color:white !important;font-size:16px;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,0.5);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform 0.2s ease;padding:0}.custom-travel-dropdown .dropdown-item:hover{transform:scale(1.03);background-color:transparent}.teambuilding-card{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/teambuilding.jpg');background-size:cover !important;background-position:center !important}.group-card{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/group.jpg');background-size:cover !important;background-position:center !important;background-color:#555 !important;display:flex !important}.custom-travel-dropdown .dropdown-item{color:#fff !important;opacity:1 !important}.custom-travel-dropdown li{list-style:none}@media(max-width:991px){.nav-center .nav-link.active::after{display:none}.nav-center .nav-link.active{color:#f85a40;background:transparent}.d-flex.align-items-center.gap-3{margin-top:15px;padding-top:15px;border-top:1px solid #eee;justify-content:center}.custom-navbar .container-fluid{padding-left:15px !important;padding-right:15px !important}.navbar-collapse{max-width:100%}.navbar-nav{width:100%;margin:0;padding:10px 0}}@media(max-width:576px){.custom-navbar .container-fluid{padding-left:10px !important;padding-right:10px !important}}.custom-navbar .container{max-width:1320px}.promo-banner-fixed{background-color:#E9F2FF;color:#333;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;width:100%;top:0;left:0;z-index:1041;transition:transform 0.3s ease}.promo-banner-fixed.hidden{transform:translateY(-100%)}.promo-btn{background-color:#00A68F;color:white;text-decoration:none;padding:8px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:background-color 0.2s}.promo-btn:hover{background-color:#008f7a}.promo-banner-fixed.hidden{transform:translateY(-100%)}.badge-trusted{background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);padding:5px 15px;border-radius:50px;font-size:0.85rem;display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}.booking-card{background:white;border-radius:25px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,0.1);position:absolute;bottom:-270px;left:50%;transform:translateX(-50%);width:90%;max-width:1100px;height:250px}.input-group-custom{border:1px solid #e0e0e0;border-radius:12px;padding:0 15px;display:flex;align-items:center;height:60px;background:white;position:relative;overflow:hidden;cursor:pointer}.input-group-custom:hover{border-color:#E74A43;transition:border-color 0.2s ease}.input-group-custom::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:20px;color:#888;pointer-events:none;display:none !important;content:none !important}.input-group-custom img{position:absolute;left:15px;z-index:1;height:27px;width:30px;pointer-events:none}.full-clickable-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none;background:transparent;border:none}.custom-separate{margin-left:45px;pointer-events:none;position:relative;z-index:1}.label-mini{font-size:0.7rem;color:#888;display:block;margin-bottom:-5px}.input-group-custom input{border:none;outline:none;width:100%;font-weight:500;margin-top:5px;cursor:pointer;pointer-events:none;background:transparent !important}.input-group-custom input::placeholder{color:#aaa;font-weight:normal}.counter-box{background:#f1f1f1;border-radius:8px;display:flex;align-items:center;padding:5px 0}.counter-btn{border:none;background:transparent;font-size:1.2rem;padding:0 10px;cursor:pointer}.counter-box .fw-bold{color:#eb5757;min-width:30px;text-align:center}.custom-radio input{accent-color:#E74A43;margin-right:8px;transform:scale(1.2)}.radio-label{font-size:14px;color:#333;font-weight:500}.custom-radio{display:flex;align-items:center;margin-bottom:0}.custom-radio input{margin-right:6px}.btn-search{background-color:#eb5757;color:white;border-radius:50px;padding:12px 40px;font-weight:600;border:none;position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px rgba(235,87,87,0.4)}.btn-search:hover{background-color:#d44d4d;color:white}.input-group-custom select.opacity-0{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:10}.input-group-custom.justify-content-between{justify-content:space-between}.input-group-custom.justify-content-between .d-flex{flex:1}.input-group-custom input[type="hidden"]{display:none}@media(max-width:991px){.booking-card{position:relative;bottom:0;left:0;transform:none;width:100%;margin-top:30px;height:auto;padding:20px}.booking-card .row>div{margin-bottom:10px}.btn-search{position:relative;bottom:-35px;left:50%;width:80%;justify-content:center}}@media(max-width:768px){.booking-card{position:relative;bottom:0;left:0;transform:none;width:92%;height:auto;margin:20px auto 40px auto;padding:25px 20px}.btn-search{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:85%;height:55px;justify-content:center;z-index:10}.input-group-custom input{background:transparent !important;border:none !important;outline:none !important;-webkit-appearance:none}.custom-separate{margin-left:45px;display:flex;flex-direction:column;justify-content:center}.booking-card .row>div{margin-bottom:12px}}@media(max-width:768px){.input-group-custom{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.input-group-custom .date-click-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:10;background:transparent}.input-group-custom input[type="text"]{pointer-events:none;cursor:pointer;position:relative;z-index:1}.input-group-custom img{pointer-events:none;z-index:2}.custom-separate{pointer-events:none;position:relative;z-index:1}}@supports(-webkit-touch-callout:none){.input-group-custom{cursor:pointer}.input-group-custom input[type="text"]{cursor:pointer;-webkit-user-select:none;user-select:none}.input-group-custom .date-click-wrapper{cursor:pointer}}.flatpickr-calendar{background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15);font-family:'Inter',sans-serif}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#E74A43;border-color:#E74A43}.flatpickr-day.today{border-color:#E74A43}.flatpickr-day.today:hover{background:#E74A43;border-color:#E74A43;color:white}@media(max-width:991px){.booking-card{position:relative;bottom:0;left:0;transform:none;width:100%;margin-top:30px;height:auto;padding:20px}.booking-card .row>div{margin-bottom:10px}.btn-search{position:relative;bottom:-35px;left:50%;width:80%;justify-content:center}.custom-separate{margin-left:35px;text-align:left}.input-group-custom img{width:24px;height:22px}}@media(max-width:768px){.booking-card{position:relative;bottom:0;left:0;transform:none;width:92%;height:auto;margin:20px auto 40px auto;padding:25px 20px}.btn-search{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:85%;height:55px;justify-content:center;z-index:10}.input-group-custom input{background:transparent !important;border:none !important;outline:none !important;-webkit-appearance:none}.custom-separate{margin-left:45px;display:flex;flex-direction:column;justify-content:center}.booking-card .row>div{margin-bottom:12px}.departure-sector-col,#return-sector-column,.journey-date-col,#return-date-column{width:100%}.counter-box{padding:5px 10px}.counter-btn{font-size:1.1rem;padding:0 8px}#view-book-trip .d-flex.gap-4{flex-wrap:wrap;gap:15px !important;justify-content:flex-start}.radio-label{font-size:13px;white-space:nowrap}.d-flex.gap-4 .text-decoration-none{font-size:0.8rem}}@media(max-width:768px){.input-group-custom{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.input-group-custom .date-click-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:10;background:transparent}.input-group-custom input[type="text"]{pointer-events:none;cursor:pointer;position:relative;z-index:1}.input-group-custom img{pointer-events:none;z-index:2}.custom-separate{pointer-events:none;position:relative;z-index:1}}@supports(-webkit-touch-callout:none){.input-group-custom{cursor:pointer}.input-group-custom input[type="text"]{cursor:pointer;-webkit-user-select:none;user-select:none}.input-group-custom .date-click-wrapper{cursor:pointer}}@media(max-width:480px){.booking-card{width:95%;padding:20px 15px;margin:15px auto 50px auto}.btn-search{width:90%;padding:12px 20px;font-size:14px}.btn-search i{font-size:14px}.label-mini{font-size:0.65rem}.custom-separate{margin-left:40px}.custom-separate .fw-bold{font-size:0.85rem}.counter-box span.fw-bold{font-size:0.9rem;min-width:25px}.counter-btn{font-size:1rem;padding:0 6px}.radio-label{font-size:12px}.custom-radio input{transform:scale(1);margin-right:5px}#child-container .btn-light{font-size:0.75rem;padding:5px 10px}}.offers-section{margin-top:0}* Update your mobile media query(around line 600-700 in the style section)*/ @media(max-width:768px){.offers-section{margin-top:30px !important}.booking-card{position:relative;bottom:0;left:0;transform:none;width:92%;height:auto;margin:20px auto 40px auto;padding:25px 20px}.btn-search{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:85%;height:55px;justify-content:center;z-index:10}.input-group-custom input{background:transparent !important;border:none !important;outline:none !important;-webkit-appearance:none}.custom-separate{margin-left:45px;display:flex;flex-direction:column;justify-content:center}.booking-card .row>div{margin-bottom:12px}.departure-sector-col,#return-sector-column,.journey-date-col,#return-date-column{width:100%}.counter-box{padding:5px 10px}.counter-btn{font-size:1.1rem;padding:0 8px}#view-book-trip .d-flex.gap-4{flex-wrap:wrap;gap:15px !important;justify-content:flex-start}.radio-label{font-size:13px;white-space:nowrap}.d-flex.gap-4 .text-decoration-none{font-size:0.8rem}.hero-section{min-height:auto;padding-bottom:20px}.hero-content{margin-bottom:0;padding-bottom:0}}@media(min-width:769px)and(max-width:991px){.offers-section{margin-top:100px !important}}@media(max-width:991px){.offers-section{margin-top:20px !important;padding-top:0 !important}.hero-section{padding-bottom:0 !important;margin-bottom:0 !important}.body-hero-section{padding-bottom:0 !important}.booking-card{margin-bottom:20px !important}}@media(min-width:768px)and(max-width:991px){.offers-section{margin-top:40px !important}}@media(max-width:480px){.offers-section{margin-top:10px !important}}@media(max-width:768px){.offers-grid{display:flex !important;flex-direction:column !important;gap:15px !important}.offer-card{width:100% !important;margin:0 !important}.offer-card:not(:last-child){margin-bottom:0 !important}}.hero-bg{filter:brightness(70%)}.offer-img{filter:brightness(70%)}.hero-video{filter:brightness(50%)}.vtl-newsletter-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.vtl-newsletter-text-block h3{font-size:26px;font-weight:700;margin-bottom:8px}.vtl-newsletter-form-block{text-align:right;max-width:450px}.vtl-newsletter-subtitle{font-size:13px;color:#7a7a7a;margin-bottom:10px}.vtl-newsletter-input-group{position:relative;display:flex}.vtl-newsletter-input{border:1px solid #e0e0e0;border-radius:20px;padding:10px 140px 10px 20px;font-size:14px;width:100%}.vtl-subscribe-btn{position:absolute;right:4px;top:4px;bottom:4px;background-color:#e65649;color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:600;padding:0 20px;transition:background-color 0.2s}.vtl-subscribe-btn:hover{background-color:#d1493b}.vtl-bottom-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7a7a7a;padding-bottom:30px}.vtl-social-links{display:flex;gap:15px}.vtl-social-link{text-decoration:none;color:#7a7a7a;font-size:18px;transition:color 0.1s}.vtl-social-link:hover{color:#e65649}@media(max-width:1200px){.vtl-support-banner,footer.vtl-footer{padding-left:30px;padding-right:30px;margin-left:30px;margin-right:30px}.vtl-newsletter-section{flex-direction:column}.vtl-newsletter-form-block{text-align:left;width:100%;margin-top:20px}.vtl-bottom-line{flex-direction:column;gap:15px;text-align:center}}@media(max-width:768px){.vtl-support-banner{text-align:center;padding-top:150px}.vtl-support-text{max-width:100%}.vtl-banner-illustration{left:50%;transform:translateX(-50%);top:10px}.vtl-support-banner,footer.vtl-footer{margin-left:10px;margin-right:10px}}.vtl-payment-icons img{height:18px;margin-right:15px;opacity:0.8}.hero-bg-book{position:absolute;top:0;left:20px;right:20px;height:300px;overflow:hidden;z-index:-1;border-radius:40px}.hero-title-book{font-size:32px;font-weight:700;line-height:1.1;margin-bottom:30px;white-space:nowrap}.body-hero-section-book{padding-top:25px}.booking-card-book{background:white;border-radius:25px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,0.1);position:absolute;bottom:-240px;left:50%;transform:translateX(-50%);width:90%;max-width:1100px;height:250px}



/* ---------- Offers grid ---------- */

.offers-grid-v2 {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;

}

 

.offer-card-v2 {

  position: relative;

  display: block;

  border-radius: 16px;

  overflow: hidden;

  min-height: 260px;

  text-decoration: none;

  transition: transform .25s ease, box-shadow .25s ease;

}

.offer-card-v2:hover {

  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, .15);

}

 

/* Image-background cards (1 & 3) */

.offer-card-image .offer-bg {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.offer-card-image .offer-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.65) 100%);

}

.offer-card-image .offer-body {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 20px;

}

.offer-card-image h3 {

  color: #fff;

  font-size: 1.15rem;

  font-weight: 700;

  margin-bottom: 8px;

  line-height: 1.3;

}

.offer-card-image p {

  color: rgba(255, 255, 255, .92);

  font-size: .85rem;

  line-height: 1.45;

  margin: 0;

}

 

/* Card 1: red highlight behind the title */

.offer-title-highlight {

  display: inline;

  color: #fff;

  padding: 3px 8px;

  box-decoration-break: clone;

  -webkit-box-decoration-break: clone;

  line-height: 1.6 !important;

}

.offer-card-image .offer-body .offer-title-highlight + p {

  margin-top: 10px;

}

 

/* Card 2: solid red */

.offer-card-red {

  background: #E74A43;

}

.offer-body-red {

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

  padding: 28px 24px;

}

.offer-body-red .offer-logo {

  width: 110px;

  height: auto;

  margin-bottom: 22px;

}

.offer-body-red h3 {

  color: #fff;

  font-size: 1.35rem;

  font-weight: 700;

  line-height: 1.3;

  margin-bottom: 12px;

}

.offer-body-red p {

  color: rgba(255, 255, 255, .92);

  font-size: .9rem;

  line-height: 1.5;

  margin: 0;

}

 

/* ---------- Transport banner ---------- */

.transport-banner {

  display: flex;

  align-items: center;

  gap: 24px;

  background: #E74A43;

  border-radius: 18px;

  padding: 24px 32px;

  margin-top: 28px;

}

.transport-banner-boat img {

  width: 130px;

  height: auto;

  display: block;

}

.transport-banner-content {

  flex: 1;

  text-align: center;

}

.transport-banner-content h3 {

  color: #fff;

  font-size: 1.5rem;

  font-weight: 700;

  margin-bottom: 6px;

}

.transport-banner-content p {

  color: rgba(255, 255, 255, .9);

  font-size: .85rem;

  margin: 0;

}

.transport-banner-btn {

  background: #fff;

  color: #E74A43;

  font-weight: 600;

  font-size: .9rem;

  padding: 10px 26px;

  border-radius: 50px;

  text-decoration: none;

  white-space: nowrap;

  transition: background .2s ease, transform .2s ease;

}

.transport-banner-btn:hover {

  background: #ffe9e7;

  color: #E74A43;

  transform: scale(1.04);

}

 

/* ---------- Responsive ---------- */

@media (max-width: 991px) {

  .offers-grid-v2 {

    grid-template-columns: 1fr;

  }

  .offer-card-v2 {

    min-height: 220px;

  }

  .transport-banner {

    flex-direction: column;

    text-align: center;

    padding: 24px 20px;

  }

  .transport-banner-boat img {

    width: 100px;

  }

}



/* ==========================================================================

   START: Resorts Carousel Section Styles

   ========================================================================== */



.resorts-section-header {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 30px;

  margin-bottom: 35px;

  padding-top: 20px;

}



.resorts-subtitle {

  font-size: 18px;

  line-height: 1.5;

  color: #000000;

  max-width: 450px;

  margin: 0;

}



.resorts-btn-all {

  display: inline-block;

  background-color: var(--primary--color);

  color: #FFFFFF;

  text-decoration: none;



  font-size: 13px;

  font-weight: 700;

  letter-spacing: 0.5px;

  padding: 14px 28px;

  border-radius: 25px;

  transition: opacity 0.2s ease, transform 0.2s ease;

  white-space: nowrap;

}



.resorts-btn-all:hover {

  opacity: 0.9;

}



/* Swiper Container Layout Wrapper */

.resorts-carousel-wrapper {

  position: relative;

  width: 100%;

}



/* Base Swiper Overrides to fit layout margins */

.resorts-carousel-wrapper .swiper {

  width: 100%;

  height: auto;

}



/* Custom Navigation Buttons Positioning */

.swiper-button-prev-custom,

.swiper-button-next-custom {

  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  background-color: var(--primary--color);

  color: #FFFFFF;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  z-index: 10;

  transition: opacity 0.2s ease, background-color 0.2s ease;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

}



.swiper-button-prev-custom {

  left: -20px;

}



.swiper-button-next-custom {

  right: -20px;

}



.swiper-button-prev-custom:hover,

.swiper-button-next-custom:hover {

  background-color: #278cc3;

  /* Subtle dark tint of primary color */

}



/* Card Individual Styles */

.resort-card {

  width: 100%;

  display: flex;

  flex-direction: column;

}



.resort-img-wrapper {

  width: 100%;

  aspect-ratio: 1600 / 900;

  /* Matches the square-ish design ratio of the image */

  border-radius: 12px;

  overflow: hidden;

  margin-bottom: 16px;

}



.resort-img-wrapper img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.resort-title {

  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  font-size: 15px;

  font-weight: 700;

  color: var(--secondary--color);

  margin: 0;

  line-height: 1.4;

}



/* ==========================================================================

   Responsive Breakpoints for the Grid/Swiper Setup

   ========================================================================== */



@media (max-width: 992px) {

  .resorts-section-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

  }



  .swiper-button-prev-custom {

    left: -10px;

  }



  .swiper-button-next-custom {

    right: -10px;

  }

}



@media (max-width: 576px) {

  .resorts-subtitle {

    font-size: 16px;

  }



  .swiper-button-prev-custom,

  .swiper-button-next-custom {

    display: none;

    /* Hide outer side navigation arrows on very small mobile screens */

  }

}



/* ==========================================================================

   END: Resorts Carousel Section Styles

   ========================================================================== */



   /* ========== Index.php Package card ========== */

/* ===== Bintan Deals Grid (matches reference layout) ===== */

.bgd-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;

  margin-top: 24px;

}

 

.bgd-card {

  background: #fff;

  border: 1px solid #ececec;

  border-radius: 14px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  transition: box-shadow .25s ease, transform .25s ease;

}

.bgd-card:hover {

  box-shadow: 0 10px 28px rgba(0,0,0,.10);

  transform: translateY(-3px);

}

 

.bgd-card-img {

  display: block;

  padding: 10px 10px 0;

}

.bgd-card-img img {

  width: 100%;

  height: 160px;

  object-fit: cover;

  border-radius: 10px;

  display: block;

}

 

.bgd-card-body {

  padding: 14px 14px 16px;

  display: flex;

  flex-direction: column;

  flex: 1;

}

 

.bgd-card-title {

  font-size: 15px;

  font-weight: 700;

  line-height: 1.35;

  margin: 0 0 6px;

  min-height: 40px; /* keeps footers aligned across rows */

}

.bgd-card-title a {

  color: #1a1a1a;

  text-decoration: none;

}

.bgd-card-title a:hover { color: #eb5757; }

 

.bgd-card-location {

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 12px;

  color: #9a9a9a;

  margin: 0 0 14px;

}

.bgd-card-location svg {

  width: 13px;

  height: 13px;

  flex-shrink: 0;

}

 

.bgd-card-footer {

  margin-top: auto;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 10px;

}

 

.bgd-card-price { display: flex; flex-direction: column; }

.bgd-card-price .bgd-price-label {

  font-size: 11px;

  color: #9a9a9a;

  margin-bottom: 2px;

}

.bgd-card-price .bgd-price-value {

  font-size: 19px;

  font-weight: 800;

  color: #eb5757;

  line-height: 1;

}

 

.bgd-card-btn {

  background: #fdeaea;

  color: #eb5757;

  font-size: 12px;

  font-weight: 600;

  padding: 8px 14px;

  border-radius: 999px;

  text-decoration: none;

  white-space: nowrap;

  transition: background .2s ease, color .2s ease;

}

.bgd-card-btn:hover {

  background: #eb5757;

  color: #fff;

}

 

/* Show More */

.bgd-show-more-wrap {

  display: flex;

  justify-content: center;

  margin-top: 28px;

}

.bgd-show-more {

  background: #fff;

  border: 1px solid #dcdcdc;

  border-radius: 999px;

  padding: 11px 34px;

  font-size: 14px;

  font-weight: 600;

  color: #1a1a1a;

  cursor: pointer;

  transition: background .2s ease, border-color .2s ease;

}

.bgd-show-more:hover {

  background: #f6f6f6;

  border-color: #bdbdbd;

}

 

/* Hidden cards revealed by Show More */

.bgd-card.bgd-hidden { display: none; }

 

/* Responsive */

@media (max-width: 1024px) {

  .bgd-grid { grid-template-columns: repeat(3, 1fr); }

}

@media (max-width: 768px) {

  .bgd-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }

  .bgd-card-img img { height: 130px; }

  .bgd-card-btn { padding: 7px 11px; font-size: 11px; }

}

@media (max-width: 480px) {

  .bgd-grid { grid-template-columns: 1fr; }

  .bgd-card-img img { height: 180px; }

}



/* ========== Index.php Package card end ========== */



/* ========== Packages.php Package card end ========== */

.deal-card-v2 {

  background: #fff;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: 0 2px 12px rgba(20, 45, 77, 0.08);

  height: 100%;

  display: flex;

  flex-direction: column;

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}

 

.deal-card-v2:hover {

  transform: translateY(-4px);

  box-shadow: 0 10px 28px rgba(20, 45, 77, 0.14);

}

 

.deal-card-v2-img {

  display: block;

  aspect-ratio: 16 / 9;

  overflow: hidden;

}

 

.deal-card-v2-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.4s ease;

}

 

.deal-card-v2:hover .deal-card-v2-img img {

  transform: scale(1.05);

}

 

.deal-card-v2-body {

  padding: 18px 20px 20px;

  display: flex;

  flex-direction: column;

  flex: 1;

}

 

.deal-card-v2-title {

  font-size: 1.15rem;

  font-weight: 700;

  line-height: 1.4;

  margin: 0 0 8px;

  color: #1a2b3c;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

 

.deal-card-v2-title a {

  color: inherit;

  text-decoration: none;

}

 

.deal-card-v2-title a:hover {

  color: #359DD7;

}

 

.deal-card-v2-date {

  display: flex;

  align-items: center;

  gap: 6px;

  font-size: 0.85rem;

  color: #eb5757;

  font-weight: 500;

  margin-bottom: 10px;

}

 

.deal-card-v2-desc {

  font-size: 0.9rem;

  color: #7a8a99;

  line-height: 1.55;

  margin: 0 0 16px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

 

.deal-card-v2-footer {

  margin-top: auto;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 10px;

}

 

.deal-card-v2-price {

  display: flex;

  flex-direction: column;

  line-height: 1.1;

}

 

.deal-card-v2-price .price-label {

  font-size: 0.75rem;

  color: #7a8a99;

  margin-bottom: 2px;

}

 

.deal-card-v2-price .price-value {

  font-size: 1.4rem;

  font-weight: 800;

  color: #eb5757;

}

 

.deal-card-v2-btn {

  background: #fdeaea;

  color: #eb5757;

  font-size: 0.84rem;

  font-weight: 600;

  padding: 9px 18px;

  border-radius: 999px;

  text-decoration: none;

  white-space: nowrap;

  transition: background 0.2s ease, color 0.2s ease;

}

 

.deal-card-v2-btn:hover {

  background: #eb5757;

  color: #fff;

}

 

/* Mobile tweaks */

@media (max-width: 576px) {

  .deal-card-v2-body { padding: 15px 15px 17px; }

  .deal-card-v2-title { font-size: 1.05rem; }

  .deal-card-v2-price .price-value { font-size: 1.25rem; }

  .deal-card-v2-btn { padding: 8px 14px; font-size: 0.8rem; }

}



/* ========== Packages.php Package card end ========== */



/* ========== Details-Packages.php ========== */

/* 3-column layout for package detail blocks */

.promo-detail-columns {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 28px;

    align-items: start;

    margin-top: 10px;

}



.promo-detail-columns .promo-detail-section-block {

    margin: 0;                      /* override any stacked spacing */

    background: #fafafa;

    border: 1px solid #efefef;

    border-radius: 12px;

    padding: 20px;

    height: 100%;

}



.promo-detail-columns .promo-block-heading {

    margin-top: 0;

}



/* Tablet: 2 columns, pricing block spans full width below */

@media (max-width: 991px) {

    .promo-detail-columns {

        grid-template-columns: repeat(2, 1fr);

        gap: 16px;

    }

    .promo-detail-columns .promo-detail-section-block:last-child {

        grid-column: 1 / -1;

    }

}



/* Mobile: stack back to single column */

@media (max-width: 600px) {

    .promo-detail-columns {

        grid-template-columns: 1fr;

    }

}



/* --- TABLET: 16:9 keeps it wide, just shorter --- */

@media (max-width: 1024px) {

    .promo-banner-card {

        aspect-ratio: 16 / 9;

        min-height: 300px;

        padding: 30px 35px;

        border-radius: 12px;

    }

}



/* --- SMALL TABLET / LARGE PHONE: still 16:9, comfy height --- */

@media (max-width: 768px) {

    .promo-banner-card {

        aspect-ratio: 16 / 9;

        min-height: 240px;

        padding: 24px 28px;

        border-radius: 10px;

        background-size: cover;

        background-position: center center;

    }

}



/* --- MOBILE PHONE: keep the SAME ratio, don't switch to 4:3 --- */

@media (max-width: 576px) {

    .promo-banner-card {

        aspect-ratio: 1670 / 940;   /* was 4/3 — this caused the cropping */

        min-height: unset;          /* min-height: 200px was also stretching it */

        padding: 20px;

        border-radius: 8px;

        background-size: cover;     /* cover is now safe since ratios match */

        background-position: center;

        background-color: transparent;

    }

}



/* --- VERY SMALL PHONES --- */

@media (max-width: 400px) {

    .promo-banner-card {

        aspect-ratio: 1670 / 940;   /* was 4/3 */

        min-height: unset;

        padding: 16px;

        border-radius: 6px;

    }

}

/* ========== Details-Packages.php End========== */



/* ─── SEAT AVAILABILITY BADGE ─── */

.seat-avail-badge {

  position: relative;

  background: var(--brand2);

  color: #fff;

  font-size: 12px;

  font-weight: 600;

  padding: 6px 14px;

  border-radius: 8px;

  margin-bottom: 12px;

  white-space: nowrap;

}

.seat-avail-badge::after {

  content: '';

  position: absolute;

  bottom: -6px; left: 50%;

  transform: translateX(-50%);

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 6px solid var(--brand2);

}

.seat-avail-badge.low { background: #E67E22; }

.seat-avail-badge.low::after { border-top-color: #E67E22; }

.seat-info-icon { font-size: 13px; color: var(--muted); margin-left: 6px; cursor: help; }

/* ─── SEAT AVAILABILITY BADGE ─── */



/* ─── details-packages icons section ─── */

.promo-highlights-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 28px 40px;

    margin-top: 32px;

    padding-top: 32px;

    border-top: 1px solid #eef0f3;

}



.promo-highlight-item {

    display: flex;

    align-items: flex-start;

    gap: 16px;

}



.promo-highlight-icon {

    width: 56px;

    height: 56px;

    min-width: 56px;

    border-radius: 50%;

    background: #f5f6f8;

    display: flex;

    align-items: center;

    justify-content: center;

}



.promo-highlight-icon i {

    color: #eb5757;   /* your brand red from the screenshot */

    font-size: 20px;

}



.promo-highlight-text h4 {

    font-size: 16px;

    font-weight: 700;

    color: #021320;

    margin: 0 0 4px;

}



.promo-highlight-text p {

    font-size: 14px;

    color: #758599;

    line-height: 1.5;

    margin: 0;

}



@media (max-width: 767px) {

    .promo-highlights-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

}



/* ── Three-card info row ── */

.promo-detail-columns {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    margin-top: 40px;

}



.promo-info-card {

    background: #fff;

    border: 1px solid #e8ebef;

    border-radius: 16px;

    padding: 28px;

}



/* Card header: circular icon + title */

.promo-card-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

}



.promo-card-icon {

    width: 50px;

    height: 50px;

    min-width: 50px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.promo-card-icon i { color: #fff; font-size: 20px; }

.promo-card-icon.icon-blue { background: #3b82f6; }

.promo-card-icon.icon-red  { background: #ef4444; }



.promo-card-title {

    font-size: 20px;

    font-weight: 700;

    color: #021320;

    margin: 0;

}



/* Bullet lists with circular check / x icons */

.promo-check-list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.promo-check-list li {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    font-size: 15px;

    color: #3d4a5c;

    line-height: 1.45;

    margin-bottom: 14px;

}



.promo-check-list li:last-child { margin-bottom: 0; }



.check-bullet {

    width: 18px;

    height: 18px;

    min-width: 18px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 2px;

}



.check-bullet i { font-size: 10px; color: #fff; }

.check-bullet.check-blue { background: #3b82f6; }

.check-bullet.check-red  { background: #ef4444; }



/* Pricing inner box */

.promo-price-box {

    background: #f7f8fa;

    border: 1px solid #eef0f3;

    border-radius: 10px;

    padding: 18px 20px;

    margin-bottom: 20px;

}



.promo-price-label {

    display: block;

    font-size: 13px;

    color: #758599;

    margin-bottom: 4px;

}



.promo-price-value { color: #eb5757; }



.price-currency {

    font-size: 22px;

    font-weight: 600;

    margin-right: 4px;

}



.price-amount {

    font-size: 38px;

    font-weight: 800;

    letter-spacing: -0.5px;

}



.price-unit {

    font-size: 18px;

    font-weight: 600;

}



/* Book now label + phone */

.promo-book-label {

    font-size: 13px;

    font-weight: 600;

    color: #021320;

    margin: 0 0 8px;

}



.promo-phone-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-size: 17px;

    font-weight: 700;

    color: #eb5757;

    text-decoration: none;

}



.promo-phone-link:hover { color: #d63e37; }

.promo-phone-link i { font-size: 15px; }



/* Responsive */

@media (max-width: 991px) {

    .promo-detail-columns { grid-template-columns: 1fr; gap: 18px; }

}

/* ─── details-packages icons section end ─── */



/* ==========================================================================

   START: Promotion Details Layout Styles

   ========================================================================== */



.promo-detail-container {

  display: grid;

  grid-template-columns: 1fr 320px;

  gap: 60px;



  width: 100%;

  align-items: flex-start;

}



/* Left Main Content Layout */

.promo-detail-main {

  width: 100%;

}



.promo-detail-title {

  font-size: 38px;

  font-weight: 700;

  line-height: 1.25;

  color: var(--secondary--color);

  margin: 0 0 30px 0;

  letter-spacing: -0.5px;

}



.promo-detail-body {

  margin-bottom: 35px;

}



.promo-detail-body p {

  font-size: 15px;

  line-height: 1.6;

  color: var(--text-secondary);

  margin: 0 0 20px 0;

}



.promo-detail-body p:last-child {

  margin-bottom: 0;

}



/* Block Inner Lists Layout */

.promo-detail-section-block {

  margin-bottom: 35px;

}



.promo-detail-section-block:last-child {

  margin-bottom: 0;

}



.promo-block-heading {

  font-size: 18px;

  font-weight: 700;

  color: var(--secondary--color);

  margin: 0 0 20px 0;

}



.promo-bullets {

  list-style: none;

  padding: 0;

  margin: 0;

}



.promo-bullets li {

  position: relative;

  font-size: 15px;

  line-height: 1.6;

  color: var(--text-secondary);

  padding-left: 20px;

  margin-bottom: 10px;

}



/* Replicates the exact custom bullet marks from the design image */

.promo-bullets li::before {

  content: "•";

  position: absolute;

  left: 0;

  top: 0;

  color: var(--text-secondary);

  font-size: 16px;

}



.promo-bullets li:last-child {

  margin-bottom: 0;

}



.promo-inline-link {

  color: var(--text-secondary);

  text-decoration: underline;

  transition: color 0.2s ease;

}



.promo-inline-link:hover {

  color: var(--primary--color);

}



/* Right Sidebar Validity Sticky Box Setup */

.promo-detail-sidebar {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}



.validity-heading {

  font-size: 22px;

  font-weight: 600;

  color: var(--primary--color);

  margin: 0 0 20px 0;

}



.validity-badge-row {

  display: flex;

  width: 100%;

  gap: 12px;

  margin-bottom: 25px;

}



/* Date Slate Background Styling Blocks */

.validity-box {

  flex: 1;

  background-color: #748494;

  /* Slate backdrop tone matching the image */

  border-radius: 8px;

  padding: 12px 14px;

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.validity-label {

  font-size: 11px;

  color: rgba(255, 255, 255, 0.7);

  font-weight: 400;

}



.validity-date {

  font-size: 14px;

  color: #FFFFFF;

  font-weight: 500;

  white-space: nowrap;

}



/* Primary Booking Interactive Element Button */

.promo-book-now-btn {

  display: inline-block;

  background-color: var(--primary--color);

  color: #FFFFFF;

  text-decoration: none;

  font-size: 15px;

  font-weight: 600;

  padding: 12px 40px;

  border-radius: 25px;

  transition: opacity 0.2s ease, transform 0.2s ease;

}



.promo-book-now-btn:hover {

  opacity: 0.95;

  transform: translateY(-1px);

}



/* ==========================================================================

   Responsive Adaptations

   ========================================================================== */



/* Shifting Viewports down to Middle Sized Screens & Tablets */

@media (max-width: 992px) {

  .promo-detail-container {

    grid-template-columns: 1fr;

    gap: 40px;

    padding: 35px 0;

  }



  .promo-detail-sidebar {

    grid-row: 2;

    /* Ensures content flows logically if needed, widget positions stacked underneath layout */

    max-width: 360px;

  }



  .promo-detail-title {

    font-size: 30px;

    margin-bottom: 20px;

  }

}



/* Small Screen Handheld Smartphones */

@media (max-width: 576px) {

  .promo-detail-title {

    font-size: 24px;

  }



  .validity-badge-row {

    flex-direction: row;

    gap: 10px;

  }



  .promo-book-now-btn {

    width: 100%;

    text-align: center;

    box-sizing: border-box;

  }

}



/* ==========================================================================

   END: Promotion Details Layout Styles

   ========================================================================== */





/* ==========================================================================

   START: Promo Hero & Banner Layout Styles

   ========================================================================== */



.promo-hero-wrapper {

  padding: 30px 0;

  width: 100%;

}



/* Breadcrumbs Styling Path Elements */

.promo-breadcrumbs {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 24px;

}



.promo-breadcrumbs .crumb-link {

  font-size: 14px;

  font-weight: 500;

  text-decoration: none;

  color: var(--text-muted);

}



.promo-breadcrumbs .crumb-link.active {

  color: var(--primary--color);

  pointer-events: none;

}



.promo-breadcrumbs .crumb-separator {

  font-size: 14px;

  color: var(--text-muted);

}



/* Main Background Billboard Image Card */

.promo-banner-card {

  position: relative;

  width: 100%;

  aspect-ratio: 1600 / 900;   /* match your banner image's real dimensions */

  /* Perfectly retains the widescreen panoramic viewport slice */

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  border-radius: 12px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  /* Pushes content groups tightly into Top, Mid, Bottom spaces */

  padding: 35px 45px;

  box-sizing: border-box;

}



/* Ambient vignette backdrop to keep text content highly readable */

.banner-overlay-gradient {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.75) 100%);

  z-index: 1;

}



/* Isolation layers to keep content above the vignette overlay */

.banner-top-logos,

.banner-middle-content,

.banner-bottom-row {

  position: relative;

  z-index: 2;

  color: #FFFFFF;

}



/* Top Branding Logotype Header Positions */

.banner-top-logos {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}



.brand-logo-left {

  display: flex;

  flex-direction: column;

  line-height: 1.1;

}



.brand-logo-left .four-points-text {

  font-size: 16px;

  font-weight: 800;

  letter-spacing: 1px;

}



.brand-logo-left .sheraton-text {

  font-size: 10px;

  font-weight: 400;

  letter-spacing: 2px;

  color: rgba(255, 255, 255, 0.8);

}



.brand-logo-left .location-text {

  font-size: 9px;

  font-weight: 500;

  margin-top: 4px;

  color: rgba(255, 255, 255, 0.7);

}



.brand-logo-right .lagoi-text {

  font-size: 22px;

  font-weight: 700;

  letter-spacing: 0.5px;

  font-style: italic;

}



/* Center Main Structural Layout Track Grid */

.banner-middle-content {

  display: grid;

  grid-template-columns: 1.2fr 1fr;

  gap: 40px;

  align-items: center;

  margin-top: auto;

  margin-bottom: auto;

}



/* Heading Display Custom Font Scaling Settings */

.hero-main-title {

  font-family: 'Impact', 'Arial Black', sans-serif;

  /* Replicates the impactful stylistic bold font heading style */

  font-size: 52px;

  font-weight: 900;

  color: #E2EC52;

  /* Vivid lime/yellow tone matching the image */

  margin: 0 0 16px 0;

  letter-spacing: 0.5px;

  text-transform: uppercase;

}



.hero-meta-row {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 15px;

  font-weight: 500;

  margin-bottom: 12px;

  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

}



.hero-meta-row:last-child {

  margin-bottom: 0;

}



.hero-meta-row svg {

  flex-shrink: 0;

}



/* Right Side Matrix Box Content Elements */

.hero-pricing-right {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding-left: 20px;

}



.price-main-block {

  display: flex;

  align-items: flex-start;

  gap: 8px;

  margin-bottom: 10px;

}



.price-amount {

  font-size: 42px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.5px;

}



.price-unit {

  font-size: 12px;

  line-height: 1.1;

  font-style: italic;

  font-weight: 400;

  color: #eb5757;

  margin-top: 4px;

}



.price-subtext {

  font-size: 15px;

  font-weight: 500;

  margin: 0 0 10px 0;

  color: rgba(255, 255, 255, 0.9);

}



.price-inclusion {

  font-size: 13px;

  line-height: 1.4;

  font-weight: 400;

  margin: 0;

  color: rgba(255, 255, 255, 0.75);

  max-width: 280px;

}



/* Bottom Anchor Data Strip Layout Row */

.banner-bottom-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  margin-top: auto;

}



.booking-quick-info {

  display: flex;

  flex-direction: column;

}



.book-now-label {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.2px;

}



.book-now-phone {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.85);

  text-decoration: none;

  font-weight: 500;

  margin-top: 2px;

}



.corporate-badge-right .marriott-bonvoy-text {

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1.5px;

}



/* ==========================================================================

   Responsive Adaptations

   ========================================================================== */



/* Layout adaptation for notebooks and tablets */

@media (max-width: 1024px) {





  .hero-main-title {

    font-size: 42px;

  }



  .price-amount {

    font-size: 36px;

  }

}



/* Vertical grid adaptation for smart mobile screens */

@media (max-width: 768px) {





  .banner-middle-content {

    grid-template-columns: 1fr;

    gap: 30px;

  }



  .hero-pricing-right {

    padding-left: 0;

    border-left: none;

  }



  .hero-main-title {

    font-size: 34px;

  }



  .banner-bottom-row {

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

  }

}



/* ==========================================================================

   END: Promo Hero & Banner Layout Styles

   ========================================================================== */





/* ==========================================================================

   START: More Deals Carousel Section Layout Additions

   ========================================================================== */



.more-deals-section {

  /* padding: 60px 0; */

  width: 100%;

}



/* Centered Header Title Layout */

.more-deals-main-title {

  text-align: center;

  font-size: 38px;

  font-weight: 700;

  color: var(--secondary--color);

  margin: 0 0 40px 0;

  letter-spacing: -0.5px;

}



/* Carousel Framework Wrapper Layout */

.more-deals-carousel-wrapper {

  position: relative;

  width: 100%;

}



.more-deals-carousel-wrapper .swiper {

  width: 100%;

  height: auto;

  /* Adds padding bottom to prevent slider shadow cutoff */

  padding-bottom: 10px;

}



/* Precise Swiper Navigation Positioning Overlay 

   Uses your specified primary blue token (--primary--color)

*/

.swiper-button-prev-deals,

.swiper-button-next-deals {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  background-color: var(--primary--color);

  color: #FFFFFF;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  z-index: 15;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);

  transition: opacity 0.2s ease, background-color 0.2s ease;

}



/* Offset positioning outside the track bounds matching screenshot margins */

.swiper-button-prev-deals {

  left: -20px;

}



.swiper-button-next-deals {

  right: -20px;

}



.swiper-button-prev-deals:hover,

.swiper-button-next-deals:hover {

  opacity: 0.95;

}



/* Handle disabled navigation styling cleanly */

.swiper-button-prev-deals.swiper-button-disabled,

.swiper-button-next-deals.swiper-button-disabled {

  opacity: 0.4;

  cursor: not-allowed;

}



/* Fix title alignment rules inside the slide wrapper context */

.more-deals-carousel-wrapper .deal-card-title {

  font-size: 20px;

  line-height: 1.4;

  margin: 0;

}



/* ==========================================================================

   Responsive Display Adaptations

   ========================================================================== */



@media (max-width: 992px) {

  .more-deals-main-title {

    font-size: 30px;

    margin-bottom: 30px;

  }



  .swiper-button-prev-deals {

    left: -10px;

  }



  .swiper-button-next-deals {

    right: -10px;

  }

}



@media (max-width: 576px) {

  .more-deals-main-title {

    font-size: 24px;

  }



  /* Hide the overlay navigation circles on touch-enabled mobile phones */

  .swiper-button-prev-deals,

  .swiper-button-next-deals {

    display: none;

  }

}



/* ==========================================================================

   END: More Deals Carousel Section Layout Additions

   ========================================================================== */



   /* ==========================================================================

   START: Best Deals Layout Styles

   ========================================================================== */



.deals-section {

  padding: 40px 0 80px 0;

  width: 100%;

}



/* Breadcrumbs Formatting Setup */

.deals-breadcrumbs {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 24px;

}



.crumb-link {

  font-size: 14px;

  font-weight: 500;

  text-decoration: none;

  color: var(--text-muted);

  transition: color 0.2s ease;

}



.crumb-link:hover {

  color: var(--primary--color);

}



.crumb-link.active {

  color: var(--primary--color);

  pointer-events: none;

}



.crumb-separator {

  font-size: 14px;

  color: var(--text-muted);

}



/* Header Context Content Blocks */

.deals-header {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-bottom: 40px;

}



/* Top Pill Badge Markup Element */

.deals-badge {

  display: inline-block;

  border: 1px solid var(--text-muted);

  color: var(--text-muted);

  font-size: 13px;

  font-weight: 500;

  padding: 6px 20px;

  border-radius: 20px;

  margin-bottom: 20px;

}



.deals-main-title {

  font-family: 'Playfair Display', Georgia, serif;

  font-size: 48px;

  line-height: 1.05;

  font-weight: 700;

  letter-spacing: -0.02em;

  color: #07192B;

  margin-bottom: 16px;

  max-width: 100%;

}



.deals-subtitle {

  font-family: 'Inter', sans-serif;

  font-size: 17px;

  line-height: 1.65;

  font-weight: 500;

  color: #687A90;

  max-width: 100%;

}



/* Grid Framework Setup Spanned 100% */

.deals-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

  width: 100%;

}



/* Detailed Presentation Cards Layout */

.deal-card {

  background-color: #FFFFFF;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);

  display: flex;

  flex-direction: column;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.deal-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);

}



.deal-img-wrapper {

  width: 100%;

  aspect-ratio: 1600 / 900;

  /* Retains clean widescreen format aspect ratios */

  overflow: hidden;

}



.deal-img-wrapper img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.deal-card-content {

  padding: 24px;

  display: flex;

  flex-direction: column;

  flex-grow: 1;

}



/* Date Marker Configurations */

.deal-date-tag {

  display: flex;

  align-items: center;

  gap: 6px;

  color: var(--primary--color);

  font-size: 13px;

  font-weight: 500;

  margin-bottom: 14px;

}



.deal-date-tag svg {

  stroke: var(--primary--color);

}



.deal-card-title {

  font-size: 22px;

  font-weight: 700;

  color: var(--secondary--color);

  line-height: 1.35;

  margin: 0 0 12px 0;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.deal-card-description {

  font-size: 14px;

  line-height: 1.6;

  color: var(--text-secondary);

  margin: 0 0 24px 0;

  flex-grow: 1;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  /* Truncates long lines neatly to exactly 2 lines as specified */

  -webkit-box-orient: vertical;

  overflow: hidden;

}



/* Read More Button Interactive Default States */

.deal-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  align-self: flex-start;

  font-size: 13px;

  font-weight: 600;

  text-decoration: none;

  padding: 10px 22px;

  border-radius: 20px;



  background-color: transparent;

  color: var(--secondary--color);

  border: 1px solid var(--secondary--color);



  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;

}



.deal-btn svg {

  stroke: var(--secondary--color);

  transition: transform 0.2s ease, stroke 0.25s ease;

}



/* Read More Interactive Hover Transformations */

.deal-btn:hover {

  background-color: var(--primary--color);

  border-color: var(--primary--color);

  color: #FFFFFF;

}



.deal-btn:hover svg {

  stroke: #FFFFFF;

  transform: translate(2px, -2px);

}



/* ==========================================================================

   Responsive Adaptations

   ========================================================================== */



/* Medium Desktops and Large Tablets */

@media (max-width: 992px) {

  .deals-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 24px;

  }



  .deals-main-title {

    font-size: 36px;

  }

}



/* Handheld Smartphones Screen Portraits */

@media (max-width: 768px) {

  .deals-grid {

    grid-template-columns: 1fr;

    gap: 24px;

  }



  .deals-main-title {

    font-size: 30px;

  }



  .deal-card-title {

    font-size: 20px;

  }

}



/* ==========================================================================

   END: Best Deals Layout Styles

   ========================================================================== */



/* Flip card container — inherits the grid cell from .offers-grid-v2 */

.offer-flip {

  perspective: 1200px;

  cursor: pointer;

  min-height: 260px;              /* match your current card height; adjust if needed */

  -webkit-tap-highlight-color: transparent;

}

 

.offer-flip-inner {

  position: relative;

  width: 100%;

  height: 100%;

  min-height: inherit;

  transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);

  transform-style: preserve-3d;

  -webkit-transform-style: preserve-3d;

}

 

.offer-flip.flipped .offer-flip-inner {

  transform: rotateY(180deg);

}

 

/* Both faces fill the card and hide their reverse side */

.offer-flip-front,

.offer-flip-back {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  overflow: hidden;

}

 

.offer-flip-back {

  transform: rotateY(180deg);

  display: flex;

  align-items: center;

}

 

/* CTA button on the red back face */

.offer-flip-cta {

  display: inline-block;

  margin-top: 14px;

  padding: 10px 24px;

  background: #fff;

  color: #E74A43;

  font-weight: 700;

  font-size: 0.9rem;

  border-radius: 50px;

  text-decoration: none;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}

 

.offer-flip-cta:hover {

  color: #E74A43;

  transform: translateY(-2px);

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);

}

 

/* Small flip hint icon on the front (bottom-right) */

.offer-flip-hint {

  position: absolute;

  right: 14px;

  bottom: 14px;

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.25);

  backdrop-filter: blur(4px);

  border-radius: 50%;

  color: #fff;

  font-size: 0.8rem;

  z-index: 2;

}

 

/* Respect users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {

  .offer-flip-inner { transition: none; }

}



/* Lock face transforms so theme hover effects can't animate them */

.offer-flip .offer-flip-front,

.offer-flip .offer-flip-front:hover {

  transform: none !important;

  transition: none !important;

}



.offer-flip .offer-flip-back,

.offer-flip .offer-flip-back:hover {

  transform: rotateY(180deg) !important;

  transition: none !important;

}



/* Stop background image zoom-on-hover inside the flip cards */

.offer-flip .offer-card-v2:hover .offer-bg,

.offer-flip .offer-card-v2 .offer-bg {

  transform: none !important;

  transition: none !important;

}



@media (hover: hover) and (pointer: fine) {

    /* not hovered = always front side, regardless of any JS class */

    .offer-flip .offer-flip-inner {

      transform: rotateY(0deg) !important;

      transition: transform .6s cubic-bezier(.2,.7,.3,1);

    }

    /* hovered = red side */

    .offer-flip:hover .offer-flip-inner {

      transform: rotateY(180deg) !important;

    }

    /* keeps the Book Now button on the red side clickable */

    .offer-flip:hover .offer-flip-front { pointer-events: none; }

    /* tap hint isn't needed on desktop */

    .offer-flip .offer-flip-hint { display: none; }

  }



  /* base 3D setup — harmless if already in style.min.css */

  .offer-flip { perspective: 1200px; }

  .offer-flip-inner { position: relative; transform-style: preserve-3d; height: 100%; }

  .offer-flip-front, .offer-flip-back {

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

  }

  .offer-flip-back { transform: rotateY(180deg); }

/* Flip card container — inherits the grid cell from .offers-grid-v2 end*/



/* Tap-to-flip (mobile + click) */

.offer-flip.is-flipped .offer-flip-inner {

  transform: rotateY(180deg);

}



/* On touch devices, only flip via tap — not hover */

@media (hover: none) {

  .offer-flip:hover .offer-flip-inner {

    transform: none;

  }

  .offer-flip.is-flipped .offer-flip-inner {

    transform: rotateY(180deg);

  }

}



.tour-itinerary-wrap { margin-top: 40px; }

.tour-itinerary-head { margin-bottom: 20px; }

.tour-itinerary-title { font-size: 26px; font-weight: 700; color: #2a3443; margin: 0 0 6px; }

.tour-itinerary-sub { font-size: 15px; color: #718096; margin: 0; }



.tour-ferry-box { background: #fff5f5; border: 1px solid #f7c6c4; border-radius: 14px; padding: 18px 20px; margin-bottom: 28px; }

.tour-ferry-head { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #2a3443; font-size: 15px; margin-bottom: 12px; }

.tour-ferry-head i { color: #ea4d46; }

.tour-ferry-rows { display: flex; flex-wrap: wrap; gap: 12px; }

.tour-ferry-row { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #f0d3d1; border-radius: 10px; padding: 10px 14px; flex: 1 1 260px; }

.tour-ferry-time { font-weight: 700; color: #ea4d46; font-size: 16px; background: #fff0ef; border-radius: 6px; padding: 4px 10px; white-space: nowrap; }

.tour-ferry-route { color: #4a5568; font-size: 14px; font-weight: 600; }

.tour-ferry-note { margin: 12px 0 0; font-size: 13px; color: #718096; }

.tour-ferry-note i { color: #ea4d46; margin-right: 4px; }



.tour-itinerary-list { list-style: none; margin: 0; padding: 0; }

.tour-itinerary-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px dashed #e2e8f0; }

.tour-itinerary-item:last-child { border-bottom: none; }

.tour-step-num { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: #ea4d46; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }

.tour-step-body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.tour-step-text { color: #2a3443; font-size: 15px; line-height: 1.5; }

.tour-step-tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #ea4d46; background: #fff0ef; border: 1px solid #f7c6c4; padding: 2px 8px; border-radius: 20px; white-space: nowrap; }



@media (max-width: 576px) { .tour-itinerary-title { font-size: 22px; } .tour-ferry-row { flex: 1 1 100%; } }



.psc-section { padding:60px 0; }

.psc-head { margin-bottom:30px; }

.psc-head h2 { font-size:28px; font-weight:700; color:#0c1e35; margin:0 0 6px; }

.psc-head p { font-size:15px; color:#64748b; margin:0; }



/* Each category row = hero + carousel */

.psc-row { display:flex; gap:20px; align-items:stretch; margin-bottom:48px; }

.psc-row:last-child { margin-bottom:0; }



/* Left hero card */

.psc-hero { position:relative; flex:0 0 300px; max-width:300px; border-radius:16px; overflow:hidden; min-height:230px; text-decoration:none; background-size:cover; background-position:center; }

.psc-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.15) 30%, rgba(0,0,0,.8) 100%); transition:background .3s; }

.psc-hero:hover::after { background:linear-gradient(180deg, rgba(0,0,0,.25) 30%, rgba(0,0,0,.85) 100%); }

.psc-hero-body { position:absolute; left:0; right:0; bottom:0; padding:24px; z-index:2; }

.psc-hero-body h3 { color:#fff; font-size:26px; font-weight:700; margin:0 0 14px; line-height:1.2; }

.psc-explore { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.15); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.55); color:#fff; padding:10px 22px; border-radius:30px; font-weight:600; font-size:14px; transition:.2s; }

.psc-hero:hover .psc-explore { background:#fff; color:#0c1e35; }



/* Right carousel */

.psc-carousel { flex:1 1 auto; min-width:0; position:relative; }

.packagesShowcaseSwiper { overflow:hidden; height:100%; }

.packagesShowcaseSwiper .swiper-wrapper { height:auto; }

.packagesShowcaseSwiper .swiper-slide { height:auto; }



.psc-card { position:relative; background:#fff; border:1px solid #eceff3; border-radius:14px; overflow:hidden; height:100%; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s; }

.psc-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.10); transform:translateY(-2px); }

.psc-card-img { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#eef1f5; }

.psc-card-img img { width:100%; height:100%; object-fit:contain; transition:transform .4s ease; }

.psc-card:hover .psc-card-img img { transform:scale(1.04); }

.psc-badge { position:absolute; left:12px; bottom:12px; background:rgba(15,23,42,.72); color:#fff; font-size:12px; font-weight:600; padding:5px 12px; border-radius:20px; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); z-index:2; }



.psc-fav { position:absolute; top:12px; right:12px; z-index:3; width:34px; height:34px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.15); color:#64748b; font-size:15px; transition:.2s; }

.psc-fav:hover { transform:scale(1.08); }

.psc-fav.is-active { color:#E74A43; }



.psc-card-body { padding:14px; display:flex; flex-direction:column; gap:6px; flex:1; }

.psc-card-title { font-size:15px; font-weight:700; color:#0c1e35; line-height:1.3; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.psc-card-title a { color:inherit; text-decoration:none; }

.psc-card-title a:hover { color:#E74A43; }

.psc-sub { font-size:13px; color:#64748b; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.psc-price { font-size:14px; color:#0c1e35; display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:4px; }

.psc-price b { color:#E74A43; font-weight:700; }

.psc-loc { font-size:12.5px; color:#94a3b8; display:flex; align-items:center; gap:6px; }



.psc-nav { position:absolute; top:38%; z-index:10; width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid #eceff3; box-shadow:0 4px 14px rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center; cursor:pointer; color:#0c1e35; transition:.2s; }

.psc-nav:hover { background:#E74A43; color:#fff; border-color:#E74A43; }

.psc-prev { left:-16px; }

.psc-next { right:-16px; }

.psc-nav.swiper-button-disabled, .psc-nav.swiper-button-lock { opacity:0; pointer-events:none; }



/* Tablet */

@media (max-width:991px){

  .psc-section { padding:44px 0; }

  .psc-row { flex-direction:column; gap:16px; margin-bottom:36px; }

  .psc-hero { flex:none; max-width:none; width:100%; min-height:170px; }

  .psc-nav { display:none; }

}



/* Desktop-only: hide entire showcase on phones */

@media (max-width:767px){

  .psc-section { display:none !important; }

}



@media (max-width:991px){

  .psc-section { display:none !important; }

}



/* Hidden on desktop */

.mobile-only-deals {

    display: none;

}



/* Visible only on mobile */

@media (max-width: 767px) {

    .mobile-only-deals {

        display: block;

    }

}



@media (max-width: 576px) {

    .mobile-only-deals {

        display: block;

    }

}



  .hero-spacer { height: 250px; }



  /* Mobile */

  @media (max-width: 768px) {

    .hero-spacer { height: 1px; }

  }



  .elfsight-banner-wrap {

  padding-left: 16px;

  padding-right: 16px;

}



@media (min-width: 768px) {

  .elfsight-banner-wrap {

    padding-left: 0;

    padding-right: 0;

  }

}