/* ===== CONTACT PAGE STYLES ===== */
        :root {
            --brand-orange: #fcbf14  ;
            --brand-dark:   #024b99;
            --brand-light:  #fff4e6;
            --text-body:    #444;
            --text-muted:   #777;
            --border:       #f0ece5;
            --shadow:       0 4px 32px rgba(0,0,0,0.08);
        }

        /* ── PAGE WRAPPER ── */
        .trv-contact-wrap {
            padding: 50px 0 50px;
            background: #fdfaf7;
        }

        /* ── SECTION TITLE (reuses site pattern) ── */
        .trv-contact-head {
            text-align: center;
            margin-bottom: 60px;
        }
        .trv-contact-head .sub-tag {
            display: inline-block;
            background: var(--brand-light);
            color: var(--brand-orange);
            font-size: 13px;
            font-weight: 700;
            padding: 6px 18px;
            border-radius: 50px;
            letter-spacing: .5px;
            margin-bottom: 14px;
        }
        .trv-contact-head h2 {
            font-size: 38px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 12px;
            line-height: 1.25;
        }
        .trv-contact-head h2 span { color: var(--brand-orange); }
        .trv-contact-head p {
            font-size: 16px;
            color: var(--text-muted);
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.75;
        }

        /* ── INFO CARDS ROW ── */
        .trv-contact-info-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 60px;
        }

        .trv-info-card {
            background: #fff;
            border-radius: 18px;
            padding: 32px 22px 26px;
            box-shadow: var(--shadow);
            text-align: center;
            border: 2px solid transparent;
            transition: all .35s ease;
            position: relative;
            overflow: hidden;
        }
        .trv-info-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            background: var(--brand-orange);
            border-radius: 18px 18px 0 0;
        }
        .trv-info-card:hover {
            transform: translateY(-8px);
            border-color: var(--brand-orange);
            box-shadow: 0 16px 48px rgba(0,0,0,0.12);
        }

        .trv-info-card .ic-icon {
            width: 64px; height: 64px;
            border-radius: 50%;
            background:  #fff4e6;
            color:var(--brand-orange);
            font-size: 26px;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 16px;
        }
        .trv-info-card h5 {
            font-size: 15px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 8px;
        }
        .trv-info-card p, .trv-info-card a {
            font-size: 14px;
color:var(--brand-orange);
            line-height: 1.6;
            margin: 0;
            text-decoration: none;
            display: block;
        }
        .add-link{color:var(--brand-orange);}

        .trv-info-card a:hover { color: var(--brand-orange); }

        /* card colour themes */
        .ic-phone  { --c:#f7931e; --cb:#fff4e6; }
        .ic-email  { --c:#3ecf8e; --cb:#e8faf3; }
        .ic-loc    { --c:#4e85f4; --cb:#e8efff; }
        .ic-hours  { --c:#e85c3a; --cb:#fdeee8; }

        /* ── MAIN LAYOUT: form left, map+services right ── */
        .trv-contact-main-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            align-items: start;
        }

        /* ── FORM CARD ── */
        .trv-form-card {
            background: #fff;
            border-radius: 22px;
            padding: 44px 40px;
            box-shadow: var(--shadow);
        }
        .trv-form-card .fc-title {
            font-size: 24px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 6px;
        }
        .trv-form-card .fc-title span { color: var(--brand-orange); }
        .trv-form-card .fc-sub {
            font-size: 14px;
            color: var(--text-muted);
            margin-bottom: 32px;
            line-height: 1.6;
        }

        .trv-field-group {
            margin-bottom: 20px;
        }
        .trv-field-group label {
            display: block;
            font-size: 13px;
            font-weight: 700;
            color: var(--brand-dark);
            margin-bottom: 7px;
        }
        .trv-field-group label span { color: var(--brand-orange); }

      /* ===== FINAL FIX ALL INPUTS SAME ===== */

.trv-field-group input,
.trv-field-group select,
.trv-field-group textarea {
    width: 100%;
    height: 52px !important;
    padding: 12px 16px !important;
    border: 2px solid #e8e2d9 !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    background: #f5f1eb !important;
    outline: none;
    box-sizing: border-box;
}

/* textarea fix */
.trv-field-group textarea {
    height: auto !important;
    min-height: 120px !important;
}

/* ===== REMOVE DEFAULT SELECT ICON ===== */
.trv-field-group select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
}

/* ===== CUSTOM ARROW (SINGLE ONLY) ===== */
.trv-field-group select {
    background: #f5f1eb url("data:image/svg+xml,%3Csvg fill='%23f7931e' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    background-size: 18px !important;
    padding-right: 40px !important;
}

/* ===== DATE ICON FIX ===== */
.trv-field-group input[type="date"] {
    position: relative;
    padding-right: 40px !important;
}

/* remove ugly default icon style */
.trv-field-group input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.6;
    cursor: pointer;
}

/* ===== FOCUS SAME STYLE ===== */
.trv-field-group input:focus,
.trv-field-group select:focus,
.trv-field-group textarea:focus {
    border-color: #f7931e !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(247,147,30,0.15) !important;
}

        .trv-field-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .trv-submit-btn {
            width: 100%;
            background: var(--brand-orange);
            color: #fff;
            border: none;
            padding: 15px 32px;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            transition: all .3s;
            margin-top: 6px;
        }
        .trv-submit-btn:hover {
            background: #e8ad09;
            transform: translateY(-2px);
            box-shadow: 0 8px 28px rgba(247,147,30,.4);
        }

        .trv-form-note {
            text-align: center;
            font-size: 12.5px;
            color: var(--text-muted);
            margin-top: 14px;
            display: flex; align-items: center; justify-content: center; gap: 6px;
        }
        .trv-form-note i { color: var(--brand-orange); }

        /* ── RIGHT COLUMN ── */
        .trv-contact-right { display: flex; flex-direction: column; gap: 11px; }

        /* MAP EMBED */
        .trv-map-card {
            background: #fff;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: var(--shadow);
        }
        .trv-map-card iframe {
            width: 100%;
            height: 280px;
            border: none;
            display: block;
        }
        .trv-map-card .map-footer {
            padding: 16px 20px;
            display: flex; align-items: center; gap: 10px;
        }
        .trv-map-card .map-footer i {
            font-size: 20px;
            color: var(--brand-orange);
        }
        .trv-map-card .map-footer div strong {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: var(--brand-dark);
        }
        .trv-map-card .map-footer div span {
            font-size: 13px;
            color: var(--text-muted);
        }

        /* SERVICES WE HELP */
        .trv-services-help {
            background: #fff;
            border-radius: 22px;
            padding: 30px 28px;
            box-shadow: var(--shadow);
        }
        .trv-services-help h5 {
            font-size: 17px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 18px;
            display: flex; align-items: center; gap: 8px;
        }
        .trv-services-help .svc-chip-list {
            display: flex; flex-wrap: wrap; gap: 10px;
        }
        .trv-services-help .svc-chip {
            display: inline-flex; align-items: center; gap: 6px;
            background: var(--brand-light);
            color: var(--brand-dark);
            font-size: 13px;
            font-weight: 600;
            padding: 8px 14px;
            border-radius: 50px;
            border: 1px solid #ffd9a0;
            transition: all .2s;
            cursor: default;
        }
        .trv-services-help .svc-chip:hover {
            background: var(--brand-orange);
            color: #fff;
            border-color: var(--brand-orange);
            transform: translateY(-2px);
        }
        .trv-services-help .svc-chip i { font-size: 14px; color: var(--brand-orange); }
        .trv-services-help .svc-chip:hover i { color: #fff; }

        /* WHY CONTACT */
        .trv-why-contact {
            background: var(--brand-dark);
            border-radius: 22px;
            padding: 30px 28px;
        }
        .trv-why-contact h5 {
            color: #fff;
            font-size: 17px;
            font-weight: 800;
            margin-bottom: 18px;
            display: flex; align-items: center; gap: 8px;
        }
        .trv-why-contact ul {
            list-style: none; padding: 0; margin: 0;
        }
        .trv-why-contact ul li {
            color: rgba(255,255,255,.82);
            font-size: 14px;
            padding: 9px 0;
            border-bottom: 1px solid rgba(255,255,255,.08);
            display: flex; align-items: center; gap: 10px;
        }
        .trv-why-contact ul li:last-child { border-bottom: none; }
        .trv-why-contact ul li i { color: var(--brand-orange); font-size: 16px; flex-shrink: 0; }

        /* ── CTA STRIP ── */
        .trv-contact-cta {
            margin-top: 70px;
            background: linear-gradient(135deg, #e8ad09 0%, #fcbf14 100%);
            border-radius: 24px;
            padding: 60px 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .trv-contact-cta::before {
            content: '✈';
            position: absolute;
            font-size: 220px;
            opacity: .06;
            top: -40px; right: 2%;
            color: #fff;
            line-height: 1;
        }
        .trv-contact-cta::after {
            content: '🌴';
            position: absolute;
            font-size: 160px;
            opacity: .07;
            bottom: -30px; left: 2%;
            line-height: 1;
        }
        .trv-contact-cta h2 {
            font-size: 34px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 12px;
        }
        .trv-contact-cta p {
            font-size: 16px;
            color: rgba(26,26,46,.72);
            max-width: 520px;
            margin: 0 auto 36px;
            line-height: 1.75;
        }
        .trv-cta-btn-row {
            display: flex; justify-content: center; flex-wrap: wrap; gap: 14px;
        }
        .trv-cta-btn {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 14px 32px;
            border-radius: 50px;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            transition: all .3s;
        }
        .trv-cta-btn.dark {
            background: var(--brand-dark);
            color: var(--brand-orange);
        }
        .trv-cta-btn.dark:hover {
            background: #0f3460;
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(26,26,46,.3);
        }
        .trv-cta-btn.white {
            background: #fff;
            color: var(--brand-dark);
        }
        .trv-cta-btn.white:hover {
            background: var(--brand-dark);
            color: var(--brand-orange);
            transform: translateY(-2px);
        }
        .trv-cta-btn.green {
            background: #25d366;
            color: #fff;
        }
        .trv-cta-btn.green:hover {
            background: #1da855;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(37,211,102,.35);
        }
        .trv-contact-cta .cta-tagline {
            margin-top: 24px;
            font-size: 14px;
            color: rgba(26,26,46,.6);
            font-style: italic;
        }
        /* ── SUCCESS MESSAGE ── */
        .trv-form-success {
            display: none;
            background: #e8faf3;
            border: 2px solid #3ecf8e;
            border-radius: 14px;
            padding: 20px 24px;
            margin-bottom: 24px;
            font-size: 15px;
            font-weight: 600;
            color: #1a6640;
            align-items: center;
            gap: 12px;
        }
        .trv-form-success i { font-size: 22px; color: #3ecf8e; }

        /* ── RESPONSIVE ── */
        @media (max-width: 1199px) {
            .trv-contact-info-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 991px) {
            .trv-contact-main-row { grid-template-columns: 1fr; }
            .trv-contact-head h2 { font-size: 28px; }
        }
        @media (max-width: 575px) {
            .trv-contact-info-grid { grid-template-columns: 1fr; gap: 14px; }
            .trv-form-card { padding: 28px 20px; }
            .trv-field-row { grid-template-columns: 1fr; }
            .trv-contact-cta { padding: 40px 20px; }
            .trv-contact-cta h2 { font-size: 24px; }
            .trv-info-card { padding: 24px 14px 20px; }
        }