/* =========================
   Zooma Request Form
========================= */


.zooma-request-form {

    width:100%;
    max-width:600px;
    margin:0 auto;

    padding:25px;

    background:#ffffff;

    border-radius:22px;

    border:1px solid #dbeafe;

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

    direction:rtl;

}



/* Inputs */

.zooma-request-form input,
.zooma-request-form select,
.zooma-request-form textarea {


    width:100%;

    padding:13px 16px;

    margin-bottom:14px;


    background:#f8fafc;

    color:#062a5c;


    border:1px solid #dbeafe;

    border-radius:12px;


    font-size:15px;

    line-height:1.8;


    min-height:52px;


    transition:.3s;


}



.zooma-request-form input::placeholder,
.zooma-request-form textarea::placeholder {

    color:#64748b;

}



.zooma-request-form input:focus,
.zooma-request-form select:focus,
.zooma-request-form textarea:focus {


    outline:none;

    border-color:#0099ff;

    box-shadow:0 0 12px rgba(0,153,255,.18);


}



/* Select */

.zooma-request-form select {

    cursor:pointer;

    appearance:auto;

}



/* Button */


.zooma-request-form button {


    width:100%;

    padding:15px;


    border:none;

    border-radius:14px;


    background:linear-gradient(
        135deg,
        #0099ff,
        #0066cc
    );


    color:#ffffff;


    font-size:17px;

    font-weight:bold;


    cursor:pointer;


    transition:.3s;


}



.zooma-request-form button:hover {


    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,153,255,.35);


}



/* Success */


.zooma-success {


    max-width:600px;

    margin:20px auto;

    padding:20px;


    background:#eff6ff;

    border:1px solid #93c5fd;

    color:#062a5c;


    border-radius:18px;

    text-align:center;

}



/* Font */

.zooma-request-form,
.zooma-request-form input,
.zooma-request-form select,
.zooma-request-form textarea,
.zooma-request-form button {


    font-family:"Morabba",sans-serif;

}



/* =========================
        Popup
========================= */


.zooma-popup {


    display:none;


    position:fixed;


    inset:0;


    background:rgba(6,42,92,.75);


    z-index:999999;


    align-items:center;

    justify-content:center;


    padding:15px;


}



.zooma-popup.active {


    display:flex;


}



.zooma-popup-box {


    width:100%;

    max-width:600px;


    background:#ffffff;


    border-radius:25px;


    padding:25px;


    position:relative;


    border:2px solid #0099ff;


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


    animation:zoomaPopup .3s ease;


}



/* Popup title */


.zooma-popup-box h3 {


    color:#062a5c;


    text-align:center;


    font-size:24px;


    margin:0 0 20px;


}



/* Close */


.zooma-close {


    position:absolute;


    top:12px;

    left:18px;


    font-size:32px;


    color:#062a5c;


    cursor:pointer;


}



/* Animation */


@keyframes zoomaPopup {


    from {

        transform:translateY(25px);

        opacity:0;

    }


    to {

        transform:translateY(0);

        opacity:1;

    }


}



/* Prevent horizontal scroll */


html,
body {

    overflow-x:hidden;

}



/* Mobile */

@media(max-width:600px){


    .zooma-popup-box {


        padding:18px;

        border-radius:20px;


    }


    .zooma-request-form {


        padding:5px;

    }



    .zooma-popup-box h3 {


        font-size:20px;

    }



    .zooma-request-form input,
    .zooma-request-form select,
    .zooma-request-form textarea {


        min-height:48px;

        padding:11px 14px;

        margin-bottom:10px;


    }


    .zooma-request-form textarea {


        height:90px;

    }



}

/* کوچک‌تر کردن Popup دسکتاپ */

.zooma-popup-box{

    max-width:520px !important;

    padding:20px !important;

    border-radius:20px;

}


/* محدود کردن ارتفاع بدون اسکرول آزاردهنده */

.zooma-popup{

    padding:20px;

}


/* عنوان */

.zooma-popup-box h3{

    font-size:22px !important;

    margin-bottom:15px !important;

}


/* ضربدر */

.zooma-close{

    top:10px !important;

    left:12px !important;

    width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#062a5c;

    color:#fff !important;

    border-radius:50%;

    font-size:25px !important;

    line-height:1;

    z-index:10;

}


/* کمی جمع تر شدن فیلدها */

.zooma-request-form input,
.zooma-request-form select,
.zooma-request-form textarea{

    padding:11px 14px !important;

    min-height:45px !important;

    margin-bottom:10px !important;

}


/* موبایل */

@media(max-width:600px){

    .zooma-popup-box{

        max-width:95% !important;

        padding:15px !important;

    }


    .zooma-close{

        top:8px !important;

        left:8px !important;

    }

}

/* فرم دو ستونه در دسکتاپ */

@media(min-width:768px){

    .zooma-request-form{

        max-width:750px !important;

    }


    .zooma-request-form input,
    .zooma-request-form select{

        width:48%;
        display:inline-block;

    }


    .zooma-request-form textarea{

        width:100% !important;

    }


}


.zooma-row{
    display:flex;
    gap:15px;
}


.zooma-row > *{
    width:50% !important;
}


@media(max-width:768px){

    .zooma-row{
        display:block;
    }


    .zooma-row > *{
        width:100% !important;
    }

}


.zooma-row{
    display:flex !important;
    flex-direction:row !important;
    gap:20px !important;
    width:100% !important;
}


.zooma-row input,
.zooma-row select{

    width:50% !important;

}



@media(max-width:768px){

    .zooma-row{

        display:block !important;

    }


    .zooma-row input,
    .zooma-row select{

        width:100% !important;

    }

}