<style>
        .contact_form .mb-4 {
            margin-bottom: 15px !important;
        }

        .contact_form .mb-3 {
            margin-bottom: 12px !important;
        }

        .popup-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.6);
            z-index: 9999;
        }

        .popup-box {
            background: #fff;
            width: 100%;
            max-width: 900px;
            /* increased */
            padding: 30px 35px;
            border-radius: 8px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }


        .popup-close {
            position: absolute;
            right: 15px;
            top: 10px;
            font-size: 22px;
            cursor: pointer;
        }

        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }

        input,
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
        }

        button {
            padding: 10px 20px;
            background: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
        }

        button:hover {
            background: #0056b3;
        }

        .popup-box {
            max-height: 90vh;
            overflow-y: auto;
        }

        .popup-box .container {
            padding-left: 0;
            padding-right: 0;
        }
    </style>