
        .contact-bg {
            /* Changed to a clean, very subtle off-white to make the card pop */
            background-color: #f8fafc; 
            min-height: 100vh;
            font-family: 'Inter', sans-serif;
            display: flex;
            align-items: center;
            color: #1e293b;
        }

        .contact-wrapper {
            background-color: #ffffff;
            border-radius: 1.5rem;
            overflow: hidden; /* Keeps the gradient inside the rounded corners */
            box-shadow: 0 20px 40px rgba(0,0,0,0.08);
        }

        .info-panel {
            /* Your gradient applied here */
            background: linear-gradient(180deg, #0f172a, #1f2a5a);
            color: #ffffff;
            padding: 3rem !important;
            /* height: 100%; */
        }

        .form-panel {
            padding: 3rem !important;
        }

        .form-control {
            background-color: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 0.75rem;
            padding: 0.75rem 1rem;
            color: #1e293b;
        }

        .form-control:focus {
            background-color: #ffffff;
            border-color: #6366f1;
            box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.15);
        }

        .contactBtn {
            background:linear-gradient(180deg, #0f172a, #1f2a5a); /* Matched to your gradient's top color */
            color: #fff;
            border: none;
            padding: 0.8rem;
            font-weight: 600;
            border-radius: 0.75rem;
            transition: all 0.3s ease;
        }

        .contactBtn:hover {
            background-color: #1f2a5a; /* Matched to your gradient's bottom color */
            transform: translateY(-2px);
            box-shadow: 0 10px 15px rgba(31, 42, 90, 0.2);
        }

        .contact-icon {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            margin-right: 1rem;
        }
   
