/* =============================================================
       CONTACT PAGE — NAUKRI STYLE
       ============================================================= */
    *{box-sizing:border-box;}

    /* ===== PAGE HERO ===== */
    .cu-hero{
        background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);
        padding:60px 16px 70px;
        position:relative;
        overflow:hidden;
        text-align:center;
    }
    .cu-hero::before{
        content:'';
        position:absolute;inset:0;
        background:
            radial-gradient(circle at 20% 30%, rgba(26,115,232,.22) 0%, transparent 45%),
            radial-gradient(circle at 80% 70%, rgba(52,168,83,.16) 0%, transparent 45%);
        pointer-events:none;
    }
    .cu-hero-inner{
        max-width:900px;
        margin:0 auto;
        position:relative;z-index:2;
    }
    .cu-hero .eyebrow{
        display:inline-block;
        background:rgba(255,255,255,.1);
        backdrop-filter:blur(10px);
        color:#fff;
        font-size:12px;
        font-weight:700;
        letter-spacing:1.5px;
        text-transform:uppercase;
        padding:7px 18px;
        border-radius:30px;
        border:1px solid rgba(255,255,255,.15);
        margin-bottom:18px;
    }
    .cu-hero h1{
        color:#fff;
        font-size:42px;
        font-weight:800;
        margin:0 0 14px;
        line-height:1.15;
        letter-spacing:-.5px;
    }
    .cu-hero h1 span{
        background:linear-gradient(135deg,#34a853 0%,#5cd668 100%);
        -webkit-background-clip:text;background-clip:text;
        -webkit-text-fill-color:transparent;
    }
    .cu-hero p{
        color:rgba(255,255,255,.8);
        font-size:16px;
        margin:0 auto;
        max-width:640px;
        line-height:1.6;
    }
    .cu-breadcrumb{
        margin-top:20px;
        font-size:13.5px;
        color:rgba(255,255,255,.65);
    }
    .cu-breadcrumb a{color:#5cd668;font-weight:600;}
    .cu-breadcrumb i{margin:0 8px;font-size:10px;color:rgba(255,255,255,.45);}

    /* ===== INFO CARDS ===== */
    .cu-info-section{
        padding:64px 16px 32px;
        margin-top:-40px;
        position:relative;
        z-index:5;
    }
    .cu-info-container{
        max-width:1180px;
        margin:0 auto;
    }
    .cu-info-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }
    .cu-info-card{
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:16px;
        padding:32px 26px;
        text-align:center;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        transition:all .3s;
        position:relative;
        overflow:hidden;
    }
    .cu-info-card::before{
        content:'';
        position:absolute;
        top:0;left:0;right:0;
        height:4px;
        background:linear-gradient(90deg,#1a73e8,#34a853);
        transform:scaleX(0);
        transform-origin:left;
        transition:transform .3s;
    }
    .cu-info-card:hover{
        transform:translateY(-6px);
        box-shadow:0 18px 40px rgba(0,0,0,.12);
        border-color:#c5d8fc;
    }
    .cu-info-card:hover::before{transform:scaleX(1);}
    .cu-info-icon{
        width:68px;height:68px;
        margin:0 auto 18px;
        background:linear-gradient(135deg,#e8f0fe,#d2e3fc);
        color:#1a73e8;
        border-radius:18px;
        display:flex;align-items:center;justify-content:center;
        font-size:26px;
        transition:all .3s;
    }
    .cu-info-card:hover .cu-info-icon{
        background:linear-gradient(135deg,#1a73e8,#0052cc);
        color:#fff;
        transform:rotate(-6deg) scale(1.05);
    }
    .cu-info-card h4{
        font-size:18px;
        font-weight:700;
        color:#1a1a2e;
        margin:0 0 12px;
    }
    .cu-info-card p,
    .cu-info-card a{
        font-size:14px;
        color:#4b5563;
        line-height:1.65;
        margin:0 0 6px;
        word-break:break-word;
    }
    .cu-info-card a{
        color:#1a73e8;
        font-weight:600;
        transition:color .2s;
    }
    .cu-info-card a:hover{color:#0d47a1;}
    .cu-info-card .small-lbl{
        font-size:11.5px;
        text-transform:uppercase;
        letter-spacing:.5px;
        color:#9ca3af;
        font-weight:600;
        margin-bottom:2px;
    }

    /* ===== CONTACT FORM + MAP ===== */
    .cu-form-section{
        padding:64px 16px 80px;
        background:linear-gradient(180deg,#fff 0%,#f9fafb 100%);
    }
    .cu-form-container{
        max-width:1180px;
        margin:0 auto;
    }
    .cu-form-grid{
        display:grid;
        grid-template-columns:1.2fr 1fr;
        gap:32px;
        align-items:stretch;
    }

    /* form card */
    .cu-form-card{
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:20px;
        padding:40px;
        box-shadow:0 4px 20px rgba(0,0,0,.05);
    }
    .cu-form-head{
        margin-bottom:28px;
    }
    .cu-form-head .badge{
        display:inline-block;
        background:#e8f0fe;
        color:#1a73e8;
        font-size:11.5px;
        font-weight:700;
        letter-spacing:1px;
        text-transform:uppercase;
        padding:6px 14px;
        border-radius:20px;
        margin-bottom:12px;
    }
    .cu-form-head h2{
        font-size:28px;
        font-weight:800;
        color:#1a1a2e;
        margin:0 0 8px;
        letter-spacing:-.3px;
    }
    .cu-form-head p{
        font-size:14.5px;
        color:#6b7280;
        margin:0;
        line-height:1.6;
    }
    .cu-form-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:16px;
        margin-bottom:16px;
    }
    .cu-input-group{
        display:flex;
        flex-direction:column;
    }
    .cu-input-group.full{grid-column:1/-1;}
    .cu-input-group label{
        font-size:13px;
        font-weight:600;
        color:#374151;
        margin-bottom:6px;
    }
    .cu-input-group label .req{color:#ef4444;}
    .cu-input-group input,
    .cu-input-group textarea{
        width:100%;
        padding:13px 16px;
        border:1.5px solid #e5e7eb;
        border-radius:10px;
        font-size:14px;
        font-family:inherit;
        color:#1a1a2e;
        background:#fff;
        outline:none;
        transition:all .2s;
    }
    .cu-input-group textarea{
        resize:vertical;
        min-height:120px;
        line-height:1.55;
    }
    .cu-input-group input::placeholder,
    .cu-input-group textarea::placeholder{color:#9ca3af;}
    .cu-input-group input:focus,
    .cu-input-group textarea:focus{
        border-color:#1a73e8;
        box-shadow:0 0 0 3px rgba(26,115,232,.1);
    }

    .cu-submit{
        margin-top:10px;
        display:inline-flex;
        align-items:center;
        gap:10px;
        padding:14px 32px;
        background:linear-gradient(135deg,#1a73e8,#0052cc);
        color:#fff;
        border:none;
        border-radius:10px;
        font-size:15px;
        font-weight:700;
        cursor:pointer;
        font-family:inherit;
        transition:all .2s;
        box-shadow:0 4px 14px rgba(26,115,232,.3);
    }
    .cu-submit:hover{
        transform:translateY(-2px);
        box-shadow:0 10px 26px rgba(26,115,232,.4);
    }

    .cu-response{
        margin-bottom:14px;
        font-size:14px;
    }

    /* side info / map column */
    .cu-side{
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    .cu-side-card{
        background:linear-gradient(135deg,#1a73e8 0%,#0052cc 100%);
        border-radius:20px;
        padding:32px 28px;
        color:#fff;
        position:relative;
        overflow:hidden;
    }
    .cu-side-card::before{
        content:'';
        position:absolute;
        inset:0;
        background:
            radial-gradient(circle at 0% 0%, rgba(255,255,255,.15) 0%, transparent 50%),
            radial-gradient(circle at 100% 100%, rgba(52,168,83,.2) 0%, transparent 50%);
        pointer-events:none;
    }
    .cu-side-card > *{position:relative;z-index:2;}
    .cu-side-card h3{
        font-size:22px;
        font-weight:800;
        margin:0 0 8px;
    }
    .cu-side-card p{
        font-size:14px;
        color:rgba(255,255,255,.85);
        line-height:1.6;
        margin:0 0 22px;
    }
    .cu-side-list{
        display:flex;flex-direction:column;gap:14px;
    }
    .cu-side-item{
        display:flex;
        gap:12px;
        align-items:flex-start;
        font-size:13.5px;
        color:rgba(255,255,255,.95);
        line-height:1.5;
    }
    .cu-side-item i{
        width:34px;height:34px;
        background:rgba(255,255,255,.15);
        border:1px solid rgba(255,255,255,.2);
        border-radius:50%;
        display:flex;align-items:center;justify-content:center;
        font-size:13px;
        color:#fff;
        flex-shrink:0;
    }
    .cu-side-item a{color:#fff;font-weight:600;}
    .cu-side-item a:hover{color:#5cd668;}
    .cu-side-item .lbl{
        font-size:11px;
        color:rgba(255,255,255,.65);
        text-transform:uppercase;
        letter-spacing:.5px;
        font-weight:600;
        margin-bottom:2px;
    }

    .cu-side-social{
        margin-top:24px;
        padding-top:20px;
        border-top:1px solid rgba(255,255,255,.15);
        display:flex;
        align-items:center;
        gap:10px;
    }
    .cu-side-social .lbl{
        font-size:12px;
        color:rgba(255,255,255,.7);
        font-weight:600;
        margin-right:6px;
    }
    .cu-side-social a{
        width:36px;height:36px;
        background:rgba(255,255,255,.12);
        border:1px solid rgba(255,255,255,.18);
        border-radius:50%;
        display:flex;align-items:center;justify-content:center;
        color:#fff;
        font-size:13px;
        transition:all .25s;
    }
    .cu-side-social a:hover{
        background:#fff;
        color:#1a73e8;
        transform:translateY(-2px);
    }

    .cu-hours-card{
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:20px;
        padding:26px 28px;
        box-shadow:0 4px 16px rgba(0,0,0,.04);
    }
    .cu-hours-head{
        display:flex;align-items:center;gap:12px;
        margin-bottom:16px;
        padding-bottom:14px;
        border-bottom:1px solid #f3f4f6;
    }
    .cu-hours-head .ic{
        width:42px;height:42px;
        background:linear-gradient(135deg,#e6f4ea,#c8e6c9);
        color:#1e7e34;
        border-radius:12px;
        display:flex;align-items:center;justify-content:center;
        font-size:17px;
    }
    .cu-hours-head h4{
        font-size:16px;
        font-weight:700;
        color:#1a1a2e;
        margin:0;
    }
    .cu-hours-head p{
        font-size:12.5px;color:#6b7280;margin:0;
    }
    .cu-hours-list{
        list-style:none;
        margin:0;padding:0;
    }
    .cu-hours-list li{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:8px 0;
        font-size:13.5px;
        color:#4b5563;
        border-bottom:1px dashed #f3f4f6;
    }
    .cu-hours-list li:last-child{border-bottom:none;}
    .cu-hours-list li strong{
        color:#1a1a2e;
        font-weight:600;
    }
    .cu-hours-list li.closed strong{color:#ef4444;}

    /* ===== MAP ===== */
    .cu-map-section{
        padding:0 0 0;
    }
    .cu-map-wrap{
        position:relative;
        height:460px;
        overflow:hidden;
    }
    .cu-map-wrap iframe{
        width:100%;
        height:100%;
        border:0;
        display:block;
        filter:grayscale(15%) contrast(1.05);
    }
    .cu-map-overlay{
        position:absolute;
        top:24px;left:24px;
        background:#fff;
        padding:18px 22px;
        border-radius:14px;
        box-shadow:0 10px 30px rgba(0,0,0,.15);
        max-width:300px;
        z-index:3;
    }
    .cu-map-overlay h4{
        font-size:15px;
        font-weight:700;
        color:#1a1a2e;
        margin:0 0 6px;
        display:flex;align-items:center;gap:8px;
    }
    .cu-map-overlay h4 i{color:#1a73e8;}
    .cu-map-overlay p{
        font-size:13px;
        color:#6b7280;
        line-height:1.55;
        margin:0 0 10px;
    }
    .cu-map-overlay a{
        display:inline-flex;
        align-items:center;
        gap:5px;
        font-size:12.5px;
        color:#1a73e8;
        font-weight:600;
    }

    /* ===== RESPONSIVE ===== */
    @media(max-width:991px){
        .cu-form-grid{grid-template-columns:1fr;}
        .cu-info-grid{grid-template-columns:1fr;gap:16px;}
        .cu-hero h1{font-size:32px;}
    }
    @media(max-width:768px){
        .cu-hero{padding:44px 14px 56px;}
        .cu-hero h1{font-size:26px;}
        .cu-hero p{font-size:14.5px;}
        .cu-info-section{padding:40px 14px 16px;margin-top:-32px;}
        .cu-info-card{padding:26px 20px;}
        .cu-form-section{padding:40px 14px 56px;}
        .cu-form-card{padding:28px 22px;border-radius:16px;}
        .cu-form-head h2{font-size:22px;}
        .cu-form-row{grid-template-columns:1fr;gap:14px;}
        .cu-side-card,.cu-hours-card{padding:24px 20px;border-radius:16px;}
        .cu-map-wrap{height:360px;}
        .cu-map-overlay{
            top:14px;left:14px;right:14px;
            max-width:none;padding:14px 16px;
        }
        .cu-submit{width:100%;justify-content:center;}
    }
    @media(max-width:480px){
        .cu-hero h1{font-size:22px;}
        .cu-info-card h4{font-size:16px;}
        .cu-info-icon{width:60px;height:60px;font-size:22px;}
    }