/* ==========================
        ARCCS POPUP STYLES
        ========================== */

        .arccs-popup-trigger-btn{
            display:inline-block;
            padding:14px 28px;
            background:#0d6efd;
            color:#fff;
            text-decoration:none;
            border-radius:8px;
            font-weight:600;
        }

        .arccs-popup-overlay{
            position:fixed;
            inset:0;
            background:rgba(0,0,0,0.75);
            backdrop-filter:blur(6px);

            display:flex;
            justify-content:center;
            align-items:center;

            opacity:0;
            visibility:hidden;

            transition:.3s ease;
            z-index:999999;
        }

        .arccs-popup-overlay.arccs-popup-active{
            opacity:1;
            visibility:visible;
        }

        .arccs-popup-box{
            width:95%;
            max-width:850px;

            background:#ffffff;
            border-radius:18px;

            padding:35px;

            position:relative;

            box-shadow:
            0 20px 60px rgba(0,0,0,.25);

            animation:arccsPopupScale .3s ease;
        }

        .arccs-form-grid{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            column-gap:20px;
            row-gap:18px;
            width:100%;
        }

        .arccs-form-full{
            grid-column:1 / -1;
        }

        @keyframes arccsPopupScale{

            from{
                opacity:0;
                transform:scale(.85);
            }

            to{
                opacity:1;
                transform:scale(1);
            }
        }

        .arccs-popup-close{
            position:absolute;
            top:12px;
            right:18px;

            font-size:30px;
            line-height:1;

            cursor:pointer;

            color:#777;
        }

        .arccs-popup-close:hover{
            color:#000;
        }

        .arccs-popup-box h2{
            margin-bottom:10px;
            color:#111827;
        }

        .arccs-popup-box p{
            margin-bottom:25px;
            color:#6b7280;
        }

        .arccs-popup-form input,
        .arccs-popup-form textarea{

            padding:14px 16px;

            border:1px solid #dcdcdc;
            border-radius:8px;

            font-size:15px;
            outline:none;

            transition:.3s ease;
        }

        .arccs-popup-form textarea{
            resize:none;
            height:120px;
        }

        .arccs-popup-form input:focus,
        .arccs-popup-form textarea:focus{

            border-color:#183b7a;

            box-shadow:
            0 0 0 4px rgba(24,59,122,.10);
        }

        .arccs-popup-form select{
            width:100%;
            padding:14px 16px;
            border:1px solid #dcdcdc;
            border-radius:8px;
            outline:none;
            font-size:15px;
            background:#fff;
        }

        .arccs-popup-form button:hover{
            background:#0056d6;
        }

        .arccs-submit-btn{

            width:100%;

            border:none;

            padding:15px;

            background:#C78401;

            color:#fff;

            border-radius:8px;

            cursor:pointer;

            font-size:16px;

            font-weight:600;

            transition:.3s ease;
        }

        .arccs-submit-btn:hover{

            background:#183b7a;

        }

        @media(max-width:576px){

            .arccs-popup-box{
                padding:25px;
            }

            .arccs-popup-box h2{
                font-size:20px;
            }
        }

        @media (max-width: 768px){

            .arccs-popup-box{
                width:70%;
                max-width:95%;
                padding:25px;
            }

            .arccs-form-grid{
                grid-template-columns:1fr;
                gap:15px;
            }

            .arccs-form-full{
                grid-column:auto;
            }

            .arccs-popup-box h2{
                font-size:20px;
                margin-bottom: 0px;
            }

            .arccs-popup-box p{
                font-size:14px;
            }

            .arccs-popup-form input,
            .arccs-popup-form textarea{
                padding: 9px 15px;
            }

            .arccs-popup-box p {
                margin-bottom: 8px;
            }
            .arccs-popup-form textarea{
                height: 60px;
            }
            .arccs-submit-btn{
                font-size: 12px;
                padding: 10px;
            }
        }