/* ============ Contact Page CSS (Optimized - Same Design) ============ */

        .page-banner{
            min-height:66vh;
            position:relative;
            display:flex;
            align-items:center;
            background:url('../img/conatct-us.png') center/cover no-repeat;
        }

        .page-banner-overlay{
            position:absolute;
            inset:0;
            background:linear-gradient(158deg, #dfb32d, rgba(43, 28, 22, .5), rgba(43, 28, 22, .25))
        }

        .page-banner-content{
            position:relative;
            z-index:2;
            color:#fff;
            padding-top:90px;
        }

        .page-subtitle{
            color:#f2c87d;
            letter-spacing:4px;
            text-transform:uppercase;
            font-size:14px;
            font-weight:600;
        }

        .page-banner-content h1{
            font-size:60px;
            color: white;
            margin:15px 0;
        }

        .page-banner-content p span{
            color:#f2c87d;
        }

        /* Contact Section */
        .contact-page{
            font-family:'Poppins', sans-serif;
            background:linear-gradient(135deg,#fff8ee,#f3e7d5);
            padding:90px 0;
            position:relative;
            overflow:hidden;
        }

        .contact-section{
            padding:90px 0;
        }

        .contact-card,
        .contact-form-box,
        .contact-map{
            animation:fadeUp .9s ease both;
        }

        @keyframes fadeUp{
            from{opacity:0; transform:translateY(40px);}
            to{opacity:1; transform:translateY(0);}
        }

        .section-subtitle{
            color:#c89b52;
            letter-spacing:4px;
            text-transform:uppercase;
            font-size:14px;
            font-weight:700;
        }

        .section-heading h2{
            font-size:42px;
            color:#4b3128;
            font-weight:700;
        }

        .section-heading p{
            color:#6f5b51;
        }

        .contact-card{
            background:linear-gradient(145deg,#ffffff,#fff3df);
            border-radius:24px;
            padding:35px 25px;
            text-align:center;
            height:100%;
            box-shadow:0 20px 50px rgba(75,49,40,.08);
            transition:.4s;
        }

        .contact-card:hover{
            transform:translateY(-10px);
            box-shadow:0 30px 70px rgba(75,49,40,.18);
        }

        .contact-card i{
            height:70px;
            width:70px;
            line-height:70px;
            border-radius:50%;
            background:#4b3128;
            color:#f2c87d;
            font-size:28px;
            margin-bottom:18px;
        }

        .contact-card h5{
            color:#4b3128;
            font-size:22px;
            font-weight:700;
        }

        .contact-card p{
            color:#6f5b51;
        }

        .contact-form-box{
            background:#ffffff;
            border-radius:28px;
            padding:45px;
            box-shadow:0 25px 70px rgba(75,49,40,.12);
            height:100%;
        }

        .contact-form-box h4{
            color:#4b3128;
            font-size:30px;
            font-weight:700;
            margin-bottom:25px;
        }

        .contact-form-box label{
            font-weight:600;
            color:#4b3128;
            margin-bottom:8px;
        }

        .contact-form-box .form-control{
            height:54px;
            border-radius:14px;
            border:1px solid #ead7bd;
            transition:.3s;
        }

        .contact-form-box .form-control:focus{
            border-color:#c89b52;
            box-shadow:0 0 0 4px rgba(200,155,82,.18);
        }

        .contact-form-box textarea.form-control{
            height:140px;
            resize:none;
        }

        .contact-submit-btn{
            width:100%;
            border:0;
            background:linear-gradient(90deg,#4b3128,#c89b52);
            color:#fff;
            padding:16px;
            border-radius:50px;
            font-weight:700;
            transition:.4s;
        }

        .contact-submit-btn:hover{
            transform:translateY(-3px);
            box-shadow:0 15px 35px rgba(200,155,82,.35);
        }

        .contact-map{
            border-radius:28px;
            overflow:hidden;
            height:100%;
            min-height:520px;
            box-shadow:0 25px 70px rgba(75,49,40,.12);
        }

        .contact-map iframe{
            width:100%;
            height:100%;
            min-height:520px;
            border:0;
        }

        /* Form & Map */
        .contact-form-box{
            background:#fff;
            border-radius:24px;
            padding:45px;
            box-shadow:0 20px 55px rgba(0,0,0,.06);
            height:100%;
        }

        .contact-form-box h4{
            color:#4b3128;
            font-size:30px;
            margin-bottom:25px;
        }

        .contact-form-box .form-group{
            margin-bottom:20px;
        }

        .contact-form-box label{
            font-weight:600;
            color:#4b3128;
            margin-bottom:8px;
            display:block;
        }

        .contact-form-box .form-control{
            height:52px;
            border-radius:12px;
            border:1px solid #eadfce;
        }

        .contact-form-box textarea.form-control{
            height:140px;
            resize:none;
        }

        .contact-submit-btn{
            width:100%;
            border:0;
            background:#c89b52;
            color:#fff;
            padding:15px;
            border-radius:50px;
            font-weight:600;
            transition:.3s;
        }

        .contact-submit-btn:hover{
            background:#4b3128;
        }

        .contact-map{
            border-radius:24px;
            overflow:hidden;
            height:100%;
            min-height:400px;
            box-shadow:0 20px 55px rgba(0,0,0,.06);
        }

        .contact-map iframe{
            width:100%;
            height:100%;
            min-height:400px;
            border:0;
            display:block;
        }

        @media(max-width:991px){
            .page-banner-content h1{
                font-size:42px;
            }
            .section-heading h2{
                font-size:32px;
            }
            .contact-section{
                padding:60px 0;
            }
            .contact-form-box{
                padding:30px;
            }
            .contact-map{
                min-height:320px;
            }
            .contact-map iframe{
                min-height:320px;
            }
            .section-heading h2{
                font-size:32px;
            }
        }

        @media(max-width:575px){
            .page-banner-content h1{
                font-size:32px;
            }
        }