a{
            text-decoration:none;
        }

        /* =========================
           HERO SECTION
        ========================== */

        .contact-hero{
            min-height:75vh;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            overflow:hidden;
            color:#fff;

            background:
            linear-gradient(rgba(4,10,25,0.82), rgba(4,10,25,0.92)),
            url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=1600&auto=format&fit=crop')
            center/cover no-repeat;
        }

        .contact-hero::before{
            content:'';
            position:absolute;
            width:600px;
            height:600px;
            background:rgba(13,110,253,0.15);
            border-radius:50%;
            top:-200px;
            left:-150px;
            filter:blur(80px);
            animation:float 8s infinite ease-in-out;
        }

        .contact-hero::after{
            content:'';
            position:absolute;
            width:450px;
            height:450px;
            background:rgba(102,16,242,0.18);
            border-radius:50%;
            bottom:-150px;
            right:-100px;
            filter:blur(80px);
            animation:float 10s infinite ease-in-out;
        }

        @keyframes float{
            0%{
                transform:translateY(0px);
            }
            50%{
                transform:translateY(25px);
            }
            100%{
                transform:translateY(0px);
            }
        }

        .hero-content{
            position:relative;
            z-index:2;
        }

        .hero-content h1{
            font-size:4.2rem;
            font-weight:800;
            line-height:1.2;
        }

        .hero-content p{
            max-width:800px;
            margin:auto;
            margin-top:25px;
            color:#d6ddeb;
            line-height:1.9;
            font-size:1.08rem;
        }

        .highlight{
            color:#5fa8ff;
        }

        /* =========================
           CONTACT SECTION
        ========================== */

        .contact-section{
            padding:120px 0;
            background:var(--light);
            position:relative;
        }

        .section-title{
            text-align:center;
            margin-bottom:70px;
        }

        .section-title h2{
            font-size:2.8rem;
            font-weight:800;
            margin-bottom:18px;
        }

        .section-title p{
            max-width:700px;
            margin:auto;
            color:var(--text);
            line-height:1.8;
        }

        .contact-box{
            background:#fff;
            border-radius:35px;
            overflow:hidden;
            box-shadow:0 20px 50px rgba(0,0,0,0.08);
        }

        .contact-info{
            background:
            linear-gradient(135deg, #0d6efd, #6610f2);

            color:#fff;
            padding:60px 45px;
            height:100%;
            position:relative;
            overflow:hidden;
        }

        .contact-info::before{
            content:'';
            position:absolute;
            width:300px;
            height:300px;
            background:rgba(255,255,255,0.08);
            border-radius:50%;
            top:-120px;
            right:-100px;
        }

        .contact-info h3{
            font-size:2rem;
            font-weight:700;
            margin-bottom:25px;
            position:relative;
            z-index:2;
        }

        .contact-info p{
            line-height:1.9;
            color:#dce6ff;
            position:relative;
            z-index:2;
        }

        .info-item{
            display:flex;
            margin-top:35px;
            position:relative;
            z-index:2;
        }

        .info-icon{
            min-width:60px;
            height:60px;
            border-radius:18px;
            background:rgba(255,255,255,0.15);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
            margin-right:18px;
        }

        .info-item h5{
            font-weight:600;
            margin-bottom:6px;
        }

        .info-item span{
            color:#dce6ff;
            line-height:1.7;
        }

        /* =========================
           FORM
        ========================== */

        .contact-form{
            padding:60px 50px;
        }

        .contact-form h3{
            font-size:2rem;
            font-weight:700;
            margin-bottom:20px;
        }

        .contact-form p{
            color:var(--text);
            margin-bottom:35px;
            line-height:1.8;
        }

        .form-control{
            height:58px;
            border-radius:16px;
            border:1px solid #d9e0ea;
            padding-left:20px;
            margin-bottom:25px;
            transition:0.3s;
            box-shadow:none !important;
        }

        textarea.form-control{
            height:160px;
            padding-top:18px;
            resize:none;
        }

        .form-control:focus{
            border-color:#0d6efd;
            box-shadow:0 0 0 4px rgba(13,110,253,0.12) !important;
        }

        .submit-btn{
            background:linear-gradient(135deg, #0d6efd, #6610f2);
            border:none;
            color:#fff;
            padding:16px 38px;
            border-radius:50px;
            font-weight:600;
            transition:0.4s;
        }

        .submit-btn:hover{
            transform:translateY(-5px);
        }

        /* =========================
           EMOTIONAL SECTION
        ========================== */

        .emotion-section{
            padding:110px 0;
            text-align:center;
            background:#fff;
        }

        .emotion-section h2{
            font-size:3rem;
            font-weight:800;
            line-height:1.3;
        }

        .emotion-section p{
            max-width:850px;
            margin:auto;
            margin-top:25px;
            color:var(--text);
            line-height:2;
        }

        .emotion-card{
            background:#fff;
            border-radius:28px;
            padding:40px 30px;
            height:100%;
            transition:0.5s;
            box-shadow:0 10px 35px rgba(0,0,0,0.06);
            border:1px solid rgba(0,0,0,0.04);
        }

        .emotion-card:hover{
            transform:translateY(-12px);
            box-shadow:0 20px 45px rgba(0,0,0,0.12);
        }

        .emotion-icon{
            width:85px;
            height:85px;
            margin:auto;
            margin-bottom:25px;
            border-radius:24px;
            background:linear-gradient(135deg, #0d6efd, #6610f2);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:35px;
        }

        .emotion-card h4{
            font-weight:700;
            margin-bottom:15px;
        }

        .emotion-card p{
            color:var(--text);
            line-height:1.9;
        }

        /* =========================
           MAP SECTION
        ========================== */

        .map-section{
            padding-bottom:100px;
            background:#fff;
        }

        .map-box{
            border-radius:30px;
            overflow:hidden;
            box-shadow:0 10px 35px rgba(0,0,0,0.08);
        }

        .map-box iframe{
            width:100%;
            height:500px;
            border:0;
        }

        /* =========================
           RESPONSIVE
        ========================== */

        @media(max-width:991px){

            .hero-content h1{
                font-size:3rem;
            }

            .section-title h2,
            .emotion-section h2{
                font-size:2.2rem;
            }

            .contact-info{
                padding:50px 35px;
            }

            .contact-form{
                padding:50px 35px;
            }
        }

        @media(max-width:768px){

            .contact-hero{
                min-height:70vh;
                padding:120px 0;
            }

            .hero-content h1{
                font-size:2.2rem;
            }

            .hero-content p{
                font-size:1rem;
            }

            .section-title h2,
            .emotion-section h2{
                font-size:1.9rem;
            }

            .contact-form,
            .contact-info{
                padding:40px 25px;
            }

            .map-box iframe{
                height:350px;
            }
        }