/* =========================
   RDV PANEL
========================= */

.rdv-panel-content{

    max-width:640px;
    backdrop-filter:blur(14px);

}

.panel-content h2{

    margin-bottom:2.5rem;

}

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

.rdv-form{

    display:flex;

    flex-direction:column;

    gap:1.35rem;

}

.field{

    display:flex;

    flex-direction:column;

    gap:1rem;

}

.field label{

    letter-spacing:4px;

    font-size:.72rem;

    color:
    rgba(255,255,255,.75);

}

.rdv-form input,
.rdv-form select,
.rdv-form textarea{

    width:100%;

    background:
    rgba(255,255,255,.02);

    border:
    1px solid rgba(255,255,255,.18);

    color:white;

    padding:.95rem 1rem;

    font-size:.95rem;

    letter-spacing:2px;

    outline:none;

    transition:.35s ease;

}

.rdv-form textarea{

    min-height:140px;

    resize:none;

}

.rdv-form input:focus,
.rdv-form select:focus,
.rdv-form textarea:focus{

    border-color:#0099ff;

    box-shadow:
    0 25px 80px rgba(0,0,0,.65),
    0 0 30px rgba(0,120,255,.08);

}

/* =========================
   CHECKBOX
========================= */

select{

    min-height:58px;

}

.checkbox-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:1rem;

}

.checkbox-grid label{

    display:flex;

    align-items:center;

    gap:1rem;

    letter-spacing:3px;

}

.checkbox-grid input{

    width:22px;
    height:22px;

}

/* =========================
   BUTTONS
========================= */

.send-btn,
.reset-btn{

    width:100%;

    padding:1rem;

    border:none;

    cursor:pointer;

    letter-spacing:5px;

    transition:.35s ease;

}

.send-btn{

    background:#f2f2f2;

    color:black;

}

.send-btn:hover{

    background:#0099ff;

    color:white;

}

.reset-btn{

    background:
    transparent;

    border:
    1px solid rgba(255,255,255,.18);

    color:white;

}

.reset-btn:hover{

    background:
    rgba(255,255,255,.05);

}