@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--navy:#102d62;--blue:#0879bd;--sky:#e9f6ff;--orange:#ef5a24;--ink:#192944;--muted:#64748b;--line:#dbe5ef;--paper:#fff;--soft:#f5f8fc;--shadow:0 18px 50px rgba(16,45,98,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1140px}.top-wave{height:10px;background:var(--blue);position:relative;overflow:hidden}.top-wave:after{content:"";position:absolute;left:-2%;right:-2%;top:0;height:18px;background:#58b8eb;border-radius:0 0 50% 50%;opacity:.55}
.site-header{background:rgba(255,255,255,.97);position:relative;z-index:100;border-bottom:1px solid #edf1f6}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;min-width:210px;color:var(--navy)}.brand-mark{font-size:39px;color:var(--orange);line-height:1}.brand-name{font-size:31px;font-weight:700;letter-spacing:-1.7px;line-height:.88}.brand-name small{display:block;text-align:right;font-size:12px;letter-spacing:4px;margin-top:7px}.main-nav{display:flex;align-items:center;gap:5px}.main-nav>a,.nav-dropdown-toggle{padding:11px 13px;border-radius:9px;font-size:13px;font-weight:700;color:var(--navy);border:0;background:transparent;white-space:nowrap}.main-nav>a:hover,.main-nav>a.active,.nav-dropdown-toggle:hover{background:var(--navy);color:#fff}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer}.nav-dropdown-toggle span{margin-left:4px}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:225px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--shadow);z-index:110}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;font-size:14px}.nav-dropdown-menu a:hover{background:var(--sky);color:var(--blue)}.mobile-toggle{display:none;border:1px solid var(--line);padding:9px;border-radius:9px;background:white}.mobile-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px 0}
.hero-carousel{background:radial-gradient(ellipse at 15% 40%,#e5f6ff 0,#fff 58%);position:relative;overflow:hidden}.hero-track{position:relative;max-width:1440px;margin:auto;min-height:390px}.hero-slide{display:none;grid-template-columns:1.04fr .96fr;align-items:center;gap:48px;min-height:390px;padding:28px max(28px,calc((100vw - 1080px)/2));padding-right:max(28px,calc((100vw - 1080px)/2));animation:fadeSlide .45s ease}.hero-slide.active{display:grid}.hero-image{height:auto;min-width:0;overflow:hidden;border-radius:18px;background:#eef5fb;box-shadow:var(--shadow)}.hero-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.hero-copy{max-width:490px;padding:8px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);display:inline-block;margin-bottom:10px}.hero-copy h1,.welcome-section h2,.travel-banner h2{font-size:clamp(32px,4vw,51px);font-weight:700;line-height:1.06;letter-spacing:-1.8px;color:var(--navy);margin:0 0 16px}.hero-copy h1 em,.welcome-section h2 em,.travel-banner h2 em,.detail-copy h2 em{font-family:'Playfair Display',Georgia,serif;color:var(--orange);font-weight:700}.hero-copy p{font-size:15px;line-height:1.75;color:#58677c;max-width:450px;margin:0 0 22px}.btn-mithra{display:inline-flex;align-items:center;gap:18px;background:var(--navy);color:#fff;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:700;border:1px solid var(--navy);box-shadow:0 6px 16px rgba(16,45,98,.14)}.btn-mithra:hover{background:var(--orange);border-color:var(--orange);color:#fff}.hero-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:2}.hero-prev,.hero-next{width:34px;height:34px;border:0;border-radius:50%;background:#dfe8f1;color:var(--navy);font-size:26px;line-height:1;display:grid;place-items:center}.hero-prev:hover,.hero-next:hover{background:var(--blue);color:white}.hero-dots{display:flex;gap:6px}.hero-dots button{width:7px;height:7px;border:0;border-radius:50%;background:#b7c7d8;padding:0}.hero-dots button.active{background:var(--orange);width:20px;border-radius:5px}@keyframes fadeSlide{from{opacity:.4}to{opacity:1}}
.service-strip{background:var(--blue);color:white;position:relative}.service-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:#0b5b94;clip-path:polygon(0 0,100% 0,100% 35%,80% 100%,56% 30%,30% 100%,0 50%)}.service-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:24px}.service-strip-grid>a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 15px 12px;border-right:1px solid rgba(255,255,255,.22)}.service-strip-grid>a:last-child{border-right:0}.service-icon{font-size:30px;height:43px;color:#fff}.service-strip strong{font-size:14px}.service-strip small{font-size:11px;opacity:.85;line-height:1.4;margin-top:5px;max-width:180px}.service-strip-grid>a:hover{background:rgba(255,255,255,.09)}
.announcement{background:#0c5b91;color:white}.announcement .container{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px;font-size:12px}.announcement strong{letter-spacing:1.3px}.announcement span{color:#d4e9f8;flex:1}.announcement a{font-weight:700;color:white}
.section-pad{padding:70px 0}.welcome-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.welcome-section h2{font-size:clamp(30px,3.5vw,43px)}.welcome-section p{color:var(--muted);max-width:560px}.text-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:8px}.text-link:hover{color:var(--orange)}.welcome-card{background:#f5f9fd;border:1px solid #e4edf5;border-radius:16px;padding:12px 26px}.welcome-card-item{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #dce7f0}.welcome-card-item:last-child{border:0}.welcome-card-item>span,.trip-number{font-size:13px;color:var(--orange);font-weight:700;letter-spacing:1px}.welcome-card h3{font-size:17px;color:var(--navy);margin:0 0 4px}.welcome-card p{font-size:13px;margin:0}
.product-preview{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.content-intro h2{font-size:clamp(27px,3vw,36px);color:var(--navy);line-height:1.2;margin:0}.product-card{display:grid;grid-template-columns:42% 58%;background:white;border:1px solid #e6edf4;border-radius:16px;overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}.product-card:hover,.catalog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card img{height:100%;min-height:250px;width:100%;object-fit:cover}.product-card>div{padding:25px;align-self:center}.product-card span,.catalog-card span{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--blue)}.product-card h3,.catalog-card h3{font-size:21px;color:var(--navy);margin:8px 0}.product-card p,.catalog-card p{font-size:13px;color:var(--muted)}.product-card b,.catalog-card b{font-size:12px;color:var(--orange)}
.travel-banner{background:var(--navy);color:white;overflow:hidden}.travel-banner-inner{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:45px;min-height:340px;padding-top:42px;padding-bottom:42px}.travel-banner h2{color:white}.travel-banner p{color:#d4e3f5}.travel-banner .eyebrow{color:#7fd0ff}.travel-banner img{width:100%;height:260px;object-fit:cover;border-radius:15px;border:5px solid rgba(255,255,255,.14)}.btn-light-mithra{background:white;color:var(--navy);padding:12px 18px;border-radius:8px;font-weight:700;font-size:13px}.btn-light-mithra:hover{background:var(--orange);color:white}
.site-footer{background:#f0f4f8;border-top:1px solid #e0e8f0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-top:42px;padding-bottom:35px}.footer-brand{font-size:26px;font-weight:700;color:var(--navy)}.footer-brand span{display:block;font-size:10px;letter-spacing:3px;color:var(--blue)}.footer-grid p{font-size:12px;color:var(--muted);max-width:230px}.footer-grid h3{font-size:13px;color:var(--navy);margin:8px 0 13px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:12px;color:#5d6b7f;margin:7px 0}.footer-grid a:hover{color:var(--orange)}.footer-bottom{background:#102d62;color:#c7d8eb;font-size:11px;padding:14px 0}
.page-banner{background:linear-gradient(120deg,#edf8ff,#f9fbfe);padding:35px 0 32px;border-bottom:1px solid #e4edf4}.breadcrumbs{display:flex;gap:10px;font-size:11px;color:#8190a4;margin-bottom:12px}.breadcrumbs a{color:var(--blue)}.page-banner h1{font-size:clamp(29px,4vw,43px);color:var(--navy);font-weight:700;line-height:1.15;margin:0 0 8px;letter-spacing:-1px}.page-banner p{margin:0;color:#68788e;font-size:14px}.content-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:38px;padding-top:42px;padding-bottom:70px;align-items:start}.side-menu{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden;position:sticky;top:20px}.side-menu h2{font-size:15px;background:var(--navy);color:white;padding:16px 18px;margin:0}.side-links{padding:7px}.side-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:7px;color:#526278;font-size:13px;border-bottom:1px solid #f0f3f7}.side-links a:last-child{border-bottom:0}.side-links a span{font-size:19px;color:#9aabba}.side-links a:hover,.side-links a.active{background:#eaf6ff;color:var(--blue);font-weight:700}.sidebar-note{margin:8px;padding:15px;background:#f4f8fc;border-radius:9px}.sidebar-note strong{font-size:13px;color:var(--navy)}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0}.sidebar-note a{font-size:12px;color:var(--orange);font-weight:700}.page-content{min-width:0}.content-intro{margin-bottom:25px}.content-intro h2{margin:0 0 12px}.content-intro p,.page-content>p{font-size:14px;color:var(--muted);line-height:1.8}.catalog-card{display:block;height:100%;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white;transition:.2s}.catalog-card img{width:100%;height:240px;object-fit:cover}.catalog-card>div{padding:19px}.catalog-card h3{font-size:18px}.notice-box{margin-top:28px;background:#f2f8fd;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;padding:20px}.notice-box strong{color:var(--navy)}.notice-box p{font-size:13px;color:var(--muted);margin:6px 0 15px}.product-detail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:30px;align-items:center}.detail-image{border-radius:15px;overflow:hidden;background:#f5f8fb}.detail-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.detail-copy h2{font-size:clamp(27px,3vw,37px);color:var(--navy);line-height:1.15;margin:0 0 14px}.detail-copy p{font-size:14px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:18px 0 23px}.check-list li{font-size:13px;margin:9px 0;color:#4c5b70}.check-list li:before{content:"✓";color:var(--orange);font-weight:700;margin-right:10px}.travel-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.travel-feature img{width:100%;height:260px;object-fit:cover;border-radius:14px}.travel-feature h2,.trip-detail h2{font-size:28px;color:var(--navy);line-height:1.2}.travel-feature p,.trip-detail p{font-size:14px;color:var(--muted)}.subheading{font-size:22px;color:var(--navy);margin:34px 0 15px}.trip-list{border-top:1px solid var(--line)}.trip-list>a{display:flex;align-items:center;gap:17px;padding:18px 5px;border-bottom:1px solid var(--line)}.trip-list>a>div{flex:1}.trip-list h3{font-size:16px;color:var(--navy);margin:0 0 3px}.trip-list p{font-size:12px;color:var(--muted);margin:0}.trip-list b{color:var(--orange)}.small-note,.form-help{font-size:11px;color:#7a899d;margin-top:13px}.trip-detail{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.trip-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.trip-facts>div{background:#f4f8fc;border-radius:8px;padding:13px}.trip-facts strong,.trip-facts span{display:block;font-size:11px}.trip-facts strong{color:var(--blue);margin-bottom:4px}.trip-facts span{color:#58677c}.trading-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trading-cards a{border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:17px}.trading-cards img{width:100%;height:220px;object-fit:cover}.trading-cards span,.trading-cards b{display:block;margin:12px 15px 0}.trading-cards span{font-weight:700;color:var(--navy)}.trading-cards b{font-size:12px;color:var(--orange)}.about-service{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.about-service>span{font-size:20px;color:var(--orange);font-weight:700}.about-service h3{font-size:18px;color:var(--navy);margin:0 0 7px}.about-service p{font-size:13px;color:var(--muted);margin:0 0 7px}.about-service a{font-size:12px;color:var(--blue);font-weight:700}
.contact-form{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(16,45,98,.04)}.form-label{font-size:12px;font-weight:700;color:var(--navy)}.form-control,.form-select{border-color:#d7e1ec;border-radius:8px;padding:11px 12px;font-size:13px}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(8,121,189,.12)}.form-status{font-size:13px;color:var(--blue);margin-top:10px}
@media(max-width:991.98px){.header-inner{min-height:78px}.brand{min-width:auto}.brand-name{font-size:27px}.mobile-toggle{display:block;z-index:122}.main-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;padding:12px max(20px,calc((100vw - 720px)/2));background:white;border-bottom:1px solid var(--line);box-shadow:0 15px 24px rgba(16,45,98,.1);align-items:stretch;flex-direction:column;gap:3px;z-index:120}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-toggle{width:100%;text-align:left;display:block;padding:12px}.nav-dropdown-menu{position:static;box-shadow:none;border:0;background:#f7faff;margin:4px 0 8px;padding:5px 12px}.hero-track{min-height:350px}.hero-slide{min-height:350px;gap:28px;padding:24px 32px}.hero-image{height:290px}.hero-copy h1{font-size:clamp(29px,4.3vw,42px)}.hero-copy p{font-size:13px}.content-layout{grid-template-columns:220px minmax(0,1fr);gap:25px}.product-detail{gap:22px}.footer-grid{gap:22px}}
@media(max-width:767.98px){.header-inner{min-height:72px}.brand-mark{font-size:31px}.brand-name{font-size:24px}.brand-name small{font-size:9px;letter-spacing:3px;margin-top:5px}.hero-track{min-height:0}.hero-slide,.hero-slide.active{grid-template-columns:1fr;gap:0;min-height:0;padding:14px 16px 66px}.hero-image{height:auto;aspect-ratio:auto;border-radius:12px 12px 0 0;box-shadow:none}.hero-image img{width:100%;height:auto;object-fit:contain}.hero-copy{max-width:none;padding:18px 17px 20px;background:#fff;border:1px solid #e5edf5;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 10px 22px rgba(16,45,98,.06)}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.hero-copy h1{font-size:clamp(26px,7.2vw,34px);letter-spacing:-.8px;margin-bottom:9px}.hero-copy p{font-size:12px;line-height:1.55;margin-bottom:13px}.hero-copy .btn{font-size:11px;padding:10px 13px}.hero-controls{bottom:17px}.hero-prev,.hero-next{width:29px;height:29px;font-size:23px}.service-strip-grid{grid-template-columns:repeat(2,1fr);padding-top:22px;padding-bottom:10px}.service-strip-grid>a{padding:13px 8px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.service-strip-grid>a:nth-child(2){border-right:0}.service-strip-grid>a:nth-child(n+3){border-bottom:0}.service-icon{font-size:26px;height:35px}.service-strip strong{font-size:12px}.service-strip small{font-size:10px}.announcement .container{gap:7px;flex-wrap:wrap;font-size:10px}.announcement span{flex-basis:100%;order:3}.announcement a{margin-left:auto}.section-pad{padding:44px 0}.welcome-grid{grid-template-columns:1fr;gap:25px}.welcome-card{padding:8px 18px}.section-heading{align-items:start;gap:12px;flex-direction:column}.section-heading h2{font-size:28px}.product-card{grid-template-columns:1fr}.product-card img{height:auto;aspect-ratio:1.3/1;min-height:0}.product-card>div{padding:20px}.travel-banner-inner{grid-template-columns:1fr;gap:22px;padding-top:38px;padding-bottom:38px}.travel-banner img{height:auto;aspect-ratio:1.2/1}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px;padding-top:30px}.footer-grid>div:first-child{grid-column:1/-1}.page-banner{padding:25px 0}.page-banner p{font-size:12px}.content-layout{display:flex;flex-direction:column;padding-top:22px;padding-bottom:45px;gap:22px}.side-menu{position:static;width:100%}.side-menu h2{padding:13px 15px}.side-links{display:grid;grid-template-columns:1fr 1fr;gap:2px}.side-links a{font-size:11px;padding:9px 8px;border:0;background:#f8fafc}.sidebar-note{display:none}.page-content{width:100%}.catalog-card img{height:auto;aspect-ratio:1.1/1}.product-detail{grid-template-columns:1fr;gap:20px}.detail-image img{aspect-ratio:1.15/1}.detail-copy h2{font-size:29px}.travel-feature{grid-template-columns:1fr;gap:18px}.travel-feature img{height:auto;aspect-ratio:1.2/1}.travel-feature h2,.trip-detail h2{font-size:25px}.trading-cards{gap:12px}.trading-cards img{height:auto;aspect-ratio:1/1}.trading-cards span{font-size:12px;margin:10px 10px 0}.trading-cards b{margin:8px 10px 0}.trip-facts{grid-template-columns:1fr}.trip-detail{padding:20px}.contact-form{padding:18px}.btn-mithra{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Official Mithra Group logo */
.brand-logo{width:170px;height:auto;max-height:78px;object-fit:contain}
.footer-logo{width:160px;height:auto;max-height:92px;object-fit:contain}
.footer-brand{display:inline-flex;align-items:center}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:1050;background:#168b4b;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.whatsapp-float:hover{background:#106f3b;color:#fff}
@media(max-width:767.98px){.brand{min-width:0}.brand-logo{width:138px;max-height:68px}.footer-logo{width:145px}.whatsapp-float{right:12px;bottom:12px;padding:10px 14px;font-size:13px}}


/* Sticky contact bar + navigation, shared by every page */
.site-header{position:sticky;top:0;z-index:1050;background:#fff;box-shadow:0 5px 18px rgba(16,45,98,.08)}
.contact-topbar{background:var(--navy);color:#fff;font-size:12px;line-height:1.35}
.contact-topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.4vw,30px);padding-top:6px;padding-bottom:6px}
.top-contact{display:inline-flex;align-items:center;gap:7px;color:#fff;white-space:nowrap}
.top-contact i{color:#ff8a55;font-size:13px}
.top-contact:hover{color:#fff;text-decoration:underline}
.header-inner{min-height:78px}
.brand-logo{width:190px;height:auto;max-height:68px;object-fit:contain}
@media(max-width:991.98px){.contact-topbar-inner{justify-content:space-between;gap:8px}.header-inner{min-height:72px}.brand{min-width:0}.brand-logo{width:160px;max-height:58px}.site-header .main-nav{top:100%}}
@media(max-width:575.98px){.contact-topbar{font-size:11px}.contact-topbar-inner{flex-wrap:wrap;justify-content:flex-start;column-gap:15px;row-gap:5px;padding-top:7px;padding-bottom:7px}.top-contact{white-space:normal}.top-contact span{overflow-wrap:anywhere}.top-address{display:inline-flex}.brand-logo{width:135px;max-height:48px}.header-inner{min-height:64px;gap:10px}}

/* WhatsApp enquiry buttons - product detail pages */
.product-detail a.btn-mithra[href*="wa.me"],
.page-content a.btn-mithra[href*="wa.me"] {
    background: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.20);
}

.product-detail a.btn-mithra[href*="wa.me"]:hover,
.page-content a.btn-mithra[href*="wa.me"]:hover {
    background: #128C7E !important;
    border-color: #128C7E !important;
    color: #ffffff !important;
}

/* Floating WhatsApp contact button */
.whatsapp-float {
    background: #25D366;
    color: #ffffff;
    border: 1px solid #25D366;
}

.whatsapp-float:hover {
    background: #128C7E;
    border-color: #128C7E;
    color: #ffffff;
}


/* WhatsApp Plan a Trip button */
.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    background: #25D366;
    color: #ffffff !important;
    border: 1px solid #25D366;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.20);
    transition: background-color .2s ease, border-color .2s ease;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background: #128C7E;
    border-color: #128C7E;
    color: #ffffff !important;
}

/* =====================================
   CONTACT PAGE - CONTACT DETAILS
   ===================================== */

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.contact-info-card {
    min-width: 0;
    padding: 25px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.contact-info-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow);
}

.contact-info-card h3 {
    margin: 15px 0 8px;
    color: var(--navy);
    font-size: 17px;
    font-weight: 700;
}

.contact-info-card p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.contact-info-card a {
    color: var(--navy);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.contact-info-card a:hover {
    color: var(--blue);
    text-decoration: underline;
}

.contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--sky);
    color: var(--blue);
    font-size: 18px;
}

/* Need assistance: two columns on desktop */
.contact-whatsapp-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
    padding: 24px;
}

.assistance-content {
    min-width: 0;
}

.assistance-content strong {
    display: block;
    margin-bottom: 7px;
    color: var(--navy);
    font-size: 18px;
    font-weight: 700;
}

.assistance-content p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
}

.assistance-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
}

.assistance-action > p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
}

/* WhatsApp button */
.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 21px;
    border: 1px solid #25D366;
    border-radius: 8px;
    background: #25D366;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(37, 211, 102, .20);
    transition: background-color .2s ease, border-color .2s ease,
                box-shadow .2s ease, transform .2s ease;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background: #128C7E;
    border-color: #128C7E;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(18, 140, 126, .20);
    transform: translateY(-1px);
}

/* Contact page responsive layout */
@media (max-width: 767.98px) {
    .contact-info-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 22px 0;
    }

    .contact-info-card {
        padding: 20px;
    }

    .contact-whatsapp-box {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 20px;
    }

    .assistance-action {
        justify-content: flex-start;
    }

    .btn-whatsapp {
        white-space: normal;
    }
}