.container-vallesul-form .row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container-vallesul-form .row.col-align-left {
    flex-direction: row;
}

.container-vallesul-form .row.col-align-right {
    flex-direction: row-reverse;
}

.container-vallesul-form .col-media {
    width: 592px;
    position: relative;
    background-image: url('../images/widget-vallesul-content-bg-col-media.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    padding: 48px 0;
}

.container-vallesul-form .col-media .images {
    margin: 0 auto;
    text-align: center;
}

.container-vallesul-form .col-content {
    width: 488px;
}

.container-vallesul-form .col-content .title h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38.4px;
    margin: 0 0 16px;
}

.container-vallesul-form .col-content .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 24px;
}

.container-vallesul-form .col-content .description h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 38.4px;
    margin: 0 0 16px;
}


.container-vallesul-form .col-content .description p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .container-vallesul-form .row {
        gap: 32px;
    }

    .container-vallesul-form .col-media,
    .container-vallesul-form .col-content {
        width: calc(50% - 16px);
    }

    .container-vallesul-form .col-media svg {
        width: calc(100% - 100px);
        height: auto;
    }
}

@media(max-width: 767px) {
    .container-vallesul-form .row {
        flex-direction: column-reverse;
    }

    .container-vallesul-form .row.col-align-left {
        flex-direction: column;
    }

    .container-vallesul-form .row.col-align-right {
        flex-direction: column;
    }

    .container-vallesul-form .col-media,
    .container-vallesul-form .col-content,
    .container-vallesul-form .col-content.col-width-default, 
    .container-vallesul-form .col-content.col-width-medium,
    .container-vallesul-form .col-content.col-width-large {
        width: 100%;
    }

    .container-vallesul-form .col-media {
        padding: 28px 0;
    }

    .container-vallesul-form .col-content .title h2,
    .container-vallesul-form .col-content .description h2 {
        font-size: 24px;
        line-height: 100%;
    }
}










.container-vallesul-form .row-primary {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.container-vallesul-form .row-primary .col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container-vallesul-form .mt-24 {
    margin-top: 24px;
}

.container-vallesul-form .row-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

.container-vallesul-form .row-field-12 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    gap: 16px;
}

.container-vallesul-form .col-form .col-field {
    width: 100%;
}

.container-vallesul-form input[type="text"], 
.container-vallesul-form input[type="tel"], 
.container-vallesul-form input[type="email"] {
    border-top: 1.5px solid transparent;
    border-left: 1.5px solid transparent;
    border-right: 1.5px solid transparent;
    border-bottom: 1.5px solid var(--Gray, #CCC);
    box-shadow: 0 1px 2px 0 rgba(25, 25, 28, 0.04);
    padding: 16px;
    height: 56px;
    width: 100%;
    border-radius: 6px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    background-color: #ffffff;
}

.container-vallesul-form textarea {
    border-top: 1.5px solid transparent;
    border-left: 1.5px solid transparent;
    border-right: 1.5px solid transparent;
    border-bottom: 1.5px solid var(--Gray, #CCC);
    box-shadow: 0 1px 2px 0 rgba(25, 25, 28, 0.04);
    padding: 16px;
    width: 100%;
    border-radius: 6px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    background-color: #ffffff;
}

.container-vallesul-form .small {
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #fff;
}

.container-vallesul-form .field-checkbox {
    display: flex;
    gap: 8px;
}

.container-vallesul-form .field-checkbox p {
    margin: 0;
    line-height: normal;
}

.container-vallesul-form .field-checkbox .label-lgpd-checkbox {
    color: #ffffff;
}

.container-vallesul-form .field-checkbox a {
    text-decoration: underline;
    color: #ffffff;
}

.container-vallesul-form .field-button {
    margin-top: 32px;
}

.container-vallesul-form button {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(25, 25, 28, 0.04);
    background-color: var(--Yellow, #FFF100);
    color: var(--Dark-Brown, #231F20);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */    
    border: 1px solid var(--Yellow, #FFF100);
    font-weight: 500;
    opacity: 1;
    width: 100%;
    cursor: pointer;
    min-height: 48px;
}

.container-vallesul-form button:hover {
    opacity: .7;
}

.container-vallesul-form button:active {
    opacity: .9;
}

.container-vallesul-form button:disabled {
    opacity: .8;
    cursor: not-allowed;
}

.container-vallesul-form .field-required-message {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: var(--font-sizes-text-md, 14px);
    line-height: 150%;
    color: rgba(255, 56, 92, 1);
    margin-top: 8px;
}

.container-vallesul-form .field-required-message svg {
    display: block;
}

.container-vallesul-form .row-field-checkbox {
    display: flex;
    flex-direction: row;    
    gap: 10px;
    margin-bottom: 12px;
}

.container-vallesul-form .row-field-checkbox .field-checkbox label {
    display: flex;
    color: #ffffff;
    line-height: 130%;
    font-weight: 500;
}

.container-vallesul-form input[type="checkbox"] {
    appearance: none; /* Hide default checkbox */
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    background-color: transparent; /* Unchecked background color */
    border-radius: 3px;
    cursor: pointer;
    display: inline-block; /* Essential for styling */
    position: relative; /* For positioning the checkmark */
    margin: 0 8px 0 0;
}

.container-vallesul-form input[type="checkbox"]:checked {
    background-color: #000; /* Checked background color */
    border-color: #009DE1;
}

/* Styling the checkmark */
.container-vallesul-form input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #009DE1;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.container-vallesul-form .label-consent-checkbox {
    color: #ffffff;
    line-height: 130%;
    font-weight: 500;
}

.container-vallesul-form .row-message-form .message {
    padding: 16px;
    border-radius: 6px;
    min-height: 48px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    margin: 1em auto;
    color: var(--Dark-Brown, #231F20);
    font-size: 12px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.container-vallesul-form .row-message-form .message.sucess {
    border: 0.5px solid rgba(8, 212, 139, 0.08);
    background: linear-gradient(0deg, var(--feedback-sucess-lighter, #E6FBF3) 0%, var(--feedback-sucess-lighter, #E6FBF3) 100%), var(--background-white, #FFF);
    box-shadow: 0 1px 2px 0 rgba(25, 25, 28, 0.04);
}

.container-vallesul-form .row-message-form .message.invalid {
    border: 0.5px solid var(--warning-border-border-subtle_enabled, #FFEFBC);
    background: var(--warning-background-bg-subtle_01, #FFFEFA);
    box-shadow: 0 1px 2px 0 var(--overlays-overlay-black-1, rgba(13, 13, 13, 0.04));
}

.container-vallesul-form .row-message-form .message.error {
    border: 0.5px solid var(--error-border-border-subtle_enabled, #F5AEB3);
    background: var(--error-background-bg-subtle_01, #FEF3F4);
    box-shadow: 0 1px 2px 0 var(--overlays-overlay-black-1, rgba(13, 13, 13, 0.04));
}

.container-vallesul-form .row-message-form svg {
    display: block;
}

@media(max-width: 1215px) {
    .container-vallesul-form .col-form input[type="text"],
    .container-vallesul-form .col-form input[type="email"],
    .container-vallesul-form .col-form input[type="tel"] {
        font-size: 14px;
    }

    .container-vallesul-form .col-form textarea {
        font-size: 14px;
    }

    .container-vallesul-form .field-checkbox .label-lgpd-checkbox,
    .container-vallesul-form .field-checkbox .label-lgpd-checkbox p {
        font-size: 14px;
    }

    .container-vallesul-form .field-buttons {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        margin-top: 16px;
        gap: 24px;
    }

    .container-vallesul-form .button-submit button {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .container-vallesul-form .row-primary {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .container-vallesul-form .row-primary .col {
        width: 100%;
    }
}