/*form*/
.form.row{
    background-color: var(--color-neutral-gray);
    padding: 40px;
    margin: 40px 80px;
    border-radius: 30px;                   
    align-items: start;   
}
.form .left_seciton_description{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.left_seciton_description .form_name{
    font: var(--type-h2-sm);
}
.left_seciton_description .form_description{
    font: var(--type-p);
}
.right_section_form {
    padding: 0;
}
.right_section_form .row{
    margin: 0;
}
.right_section_form .row:last-child .col{
    margin-bottom: 0 !important;
}
.right_section_form .row .input-field{
  
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after{
    border: 1.5px solid var(--color-primary-justblue);
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after{
    border-right: 2px solid var(--color-primary-justblue) !important;
    border-bottom: 2px solid var(--color-primary-justblue) !important;
}
.form_field {
    display: flex;
    flex-direction: column;
}
.form .right_section_form .row .col{
    padding: 0;
    margin-top: 0;
    margin-bottom: 25px;
}
.right_section_form input[type="text"],
.right_section_form input[type="email"],
.right_section_form textarea {
    width: 100%;
    padding: 18px 30px !important;
    border: 1.5px solid var(--color-primary-justblue) !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    font-family: var(--font-nexa-text) !important;
    font-weight: var(--font-text-regular) !important;
    font-size: var(--font-base) !important;
    color: var(--color-primary-black) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
}

.right_section_form textarea {
    border-radius: 25px !important;
    min-height: 120px !important;
    resize: vertical;
    padding: 18px 24px !important;
}

.right_section_form input[type="text"]:focus,
.right_section_form input[type="email"]:focus,
.right_section_form textarea:focus {
    border-color: var(--color-secondary-saffron-orange) !important;
    box-shadow: none !important;
}

.right_section_form input::placeholder,
.right_section_form textarea::placeholder {
    color: var(--color-primary-black) !important;
    opacity: 0.7 !important;
}

/* Checkbox Field */
.checkbox_field {
    display: flex;
    align-items: center;
    gap: 12px;
}

.checkbox_field input[type="checkbox"] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1.5px solid var(--color-primary-black);
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.checkbox_field input[type="checkbox"]:checked {
    background-color: var(--color-primary-justblue);
    border-color: var(--color-primary-justblue);
}

.checkbox_field input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-primary-white);
    font-size: 16px;
    font-weight: bold;
}

.checkbox_field label {
    font: var(--type-p);
    margin: 0;
    cursor: pointer;
}

/* Submit Button */
.submit_btn_wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
}

.submit_btn {
    padding: 15px 30px;
    background-color: var(--color-primary-justblue);
    color: var(--color-primary-white);
    font: var(--type-label-title);
    border: 2px solid var(--color-primary-justblue);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit_btn:hover {
    background-color: transparent;
    color: var(--color-primary-justblue);
}

.right_section_form .select_field{
  position: relative; 
}
.right_section_form .select_field select.browser-default{
    width: 100%;
    padding: 18px 30px !important;
    border: 1.5px solid var(--color-primary-justblue);
    border-radius: 50px !important;
    background-color: transparent !important;
    font: var(--type-p-sm);
    color: var(--color-primary-black) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
    outline: none;
    cursor: pointer;
    appearance: none;
}
.right_section_form .select_field select.browser-default:hover, .right_section_form .select_field select.browser-default:focus{
    border-color: var(--color-secondary-saffron-orange);
}
.right_section_form .select_field::after{
  content: "expand_more";
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-primary-black);
}




@media screen and (max-width: 768px){
    .form.row{
        margin: 40px 25px;
    }
    .form .right_section_form .row .col{
        margin-bottom: 15px;
    }
    .left_seciton_description{
        margin-bottom: 25px;
    }
}