/*
Theme Name: ITFE Travel Modern
Author: IT TechnoZone
Description: Modern travel agency theme for Flights, Visitor Visa and Tour Packages.
Version: 1.0.0
Text Domain: itfe-travel-modern
*/
:root{--p:#0b63ce;--d:#0a1735;--a:#ff7a18;--bg:#f5f8fc;--mut:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#263248;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid #e8edf4}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900;color:var(--d)}.logo span{color:var(--p)}.main-nav{display:flex;gap:25px;font-weight:700;font-size:14px}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{background:linear-gradient(120deg,#071a3d,#0b63ce);color:#fff;padding:75px 0 100px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;max-width:800px;margin:10px 0}.hero p{max-width:680px;font-size:18px;color:#dbe8ff}.search-box{background:#fff;color:#263248;border-radius:22px;padding:8px;box-shadow:0 20px 60px #0004;margin-top:35px}.search-tabs{display:flex;gap:5px;border-bottom:1px solid #e7ebf2;padding:5px}.search-tab{border:0;background:#f1f4f8;padding:13px 22px;border-radius:11px;font-weight:800;cursor:pointer}.search-tab.active{background:var(--p);color:#fff}.search-panel{padding:20px}.search-panel[hidden]{display:none}.section{padding:75px 0}.section.alt{background:var(--bg)}.title{text-align:center;margin-bottom:38px}.title h2{font-size:36px;color:var(--d);margin:0}.cards,.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e5ebf3;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #0b17350d}.card-body{padding:22px}.card h3{color:var(--d)}.card-img{height:210px;background:#e2ebf7;display:flex;align-items:center;justify-content:center}.card-img img{width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;border:0;border-radius:10px;padding:12px 18px;background:var(--p);color:#fff;font-weight:800;cursor:pointer}.btn.whatsapp{background:#159447}.price{font-size:21px;font-weight:900;color:var(--p)}.meta{font-size:13px;color:var(--mut)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid textarea{width:100%;padding:12px;border:1px solid #d5dce7;border-radius:9px}.form-grid textarea{grid-column:1/-1;min-height:110px}.single-wrap{padding:65px 0}.single-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:35px}.content-box{background:#fff;border:1px solid #e5ebf3;border-radius:18px;padding:28px}.inquiry-box{position:sticky;top:100px}.site-footer{background:#08152f;color:#cbd6e8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.site-footer h3{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:18px}@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.cards,.tour-grid{grid-template-columns:1fr 1fr}.single-grid,.footer-grid{grid-template-columns:1fr}.inquiry-box{position:static}}@media(max-width:600px){.cards,.tour-grid,.form-grid{grid-template-columns:1fr}.hero{padding:55px 0 75px}.search-tabs{overflow:auto}.search-tab{white-space:nowrap}}

/* =========================
   HEADER
========================= */

.site-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    z-index: 999;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

/* LOGO */

.site-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.site-logo a {
    display: flex;
    align-items: center;
}

.site-logo img,
.site-logo .custom-logo {
    max-width: 190px;
    max-height: 65px;
    width: auto;
    height: auto;
    display: block;
}


/* NAVIGATION */

.main-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
}

.main-menu {
    display: flex;
    align-items: center;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu li {
    margin: 0;
    padding: 0;
}

.main-menu a {
    color: #172033;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s ease;
}

.main-menu a:hover {
    color: #0879e8;
}


/* CONTACT */

.header-contact {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-call,
.header-whatsapp {
    display: flex;
    align-items: center;
    gap: 8px;

    text-decoration: none;
    border-radius: 8px;
    padding: 8px 12px;

    transition: 0.3s ease;
}

.header-call {
    color: #172033;
}

.header-call:hover {
    background: #f3f7fc;
}

.header-whatsapp {
    color: #ffffff;
    background: #19b85a;
}

.header-whatsapp:hover {
    background: #119b4a;
    transform: translateY(-1px);
}

.contact-icon,
.whatsapp-icon {
    font-size: 20px;
}

.header-contact small {
    display: block;
    font-size: 10px;
    line-height: 14px;
    opacity: 0.75;
}

.header-contact strong {
    display: block;
    font-size: 13px;
    line-height: 17px;
}


/* MOBILE BUTTON */

.mobile-menu-toggle {
    display: none;
    border: 0;
    background: transparent;
    font-size: 28px;
    cursor: pointer;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 991px) {

    .header-container {
        padding: 10px 15px;
    }

    .site-logo img,
    .site-logo .custom-logo {
        max-width: 150px;
        max-height: 55px;
    }

    .main-navigation {
        display: none;
    }

    .header-call {
        display: none;
    }

    .header-whatsapp {
        padding: 8px 10px;
    }

    .header-whatsapp small {
        display: none;
    }

    .header-whatsapp strong {
        font-size: 12px;
    }

    .mobile-menu-toggle {
        display: block;
    }
}


@media (max-width: 480px) {

    .site-logo img,
    .site-logo .custom-logo {
        max-width: 125px;
    }

    .header-whatsapp {
        padding: 7px 9px;
    }

}