.elementor-3305 .elementor-element.elementor-element-87b719d{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-87b719d:not(.elementor-motion-effects-element-type-background), .elementor-3305 .elementor-element.elementor-element-87b719d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aoloutsourcing.com/wp-content/uploads/2026/08/contact-aol-e1786481469531.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-3305 .elementor-element.elementor-element-f2efd9b{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-3305 .elementor-element.elementor-element-994a627 .elementor-heading-title{font-family:var( --e-global-typography-4e5ec4b-font-family ), Sans-serif;font-size:var( --e-global-typography-4e5ec4b-font-size );font-weight:var( --e-global-typography-4e5ec4b-font-weight );text-transform:var( --e-global-typography-4e5ec4b-text-transform );line-height:var( --e-global-typography-4e5ec4b-line-height );color:var( --e-global-color-primary );}.elementor-3305 .elementor-element.elementor-element-88d2d75 .elementor-heading-title{font-family:var( --e-global-typography-2ed833c-font-family ), Sans-serif;font-size:var( --e-global-typography-2ed833c-font-size );font-weight:var( --e-global-typography-2ed833c-font-weight );line-height:var( --e-global-typography-2ed833c-line-height );}.elementor-3305 .elementor-element.elementor-element-a72b021{font-family:var( --e-global-typography-fc390fb-font-family ), Sans-serif;font-size:var( --e-global-typography-fc390fb-font-size );font-weight:var( --e-global-typography-fc390fb-font-weight );line-height:var( --e-global-typography-fc390fb-line-height );color:var( --e-global-color-accent );}.elementor-3305 .elementor-element.elementor-element-c75c7d1{--display:flex;}.elementor-3305 .elementor-element.elementor-element-0010826{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-0010826:not(.elementor-motion-effects-element-type-background), .elementor-3305 .elementor-element.elementor-element-0010826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6c7ea5f2 );}.elementor-3305 .elementor-element.elementor-element-775cd09{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-3305 .elementor-element.elementor-element-27b19aa .elementor-heading-title{font-family:var( --e-global-typography-305c812-font-family ), Sans-serif;font-size:var( --e-global-typography-305c812-font-size );font-weight:var( --e-global-typography-305c812-font-weight );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-60797e0{--display:flex;}.elementor-3305 .elementor-element.elementor-element-6a86d20 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-3305 .elementor-element.elementor-element-1cc54f5 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-3305 .elementor-element.elementor-element-5034323 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-3305 .elementor-element.elementor-element-b21379e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-3305 .elementor-element.elementor-element-27e5836{--display:flex;}.elementor-3305 .elementor-element.elementor-element-63c21d9{text-align:start;}.elementor-3305 .elementor-element.elementor-element-63c21d9 .elementor-heading-title{font-family:var( --e-global-typography-305c812-font-family ), Sans-serif;font-size:var( --e-global-typography-305c812-font-size );font-weight:var( --e-global-typography-305c812-font-weight );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-d3e97fc{font-family:var( --e-global-typography-fd21281-font-family ), Sans-serif;font-size:var( --e-global-typography-fd21281-font-size );font-weight:var( --e-global-typography-fd21281-font-weight );line-height:var( --e-global-typography-fd21281-line-height );}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3305 .elementor-element.elementor-element-325d001 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3305 .elementor-element.elementor-element-325d001 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3305 .elementor-element.elementor-element-325d001 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-type-html{padding-bottom:0px;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3305 .elementor-element.elementor-element-325d001{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1366px){.elementor-3305 .elementor-element.elementor-element-87b719d{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-994a627 .elementor-heading-title{font-size:var( --e-global-typography-4e5ec4b-font-size );line-height:var( --e-global-typography-4e5ec4b-line-height );}.elementor-3305 .elementor-element.elementor-element-88d2d75 .elementor-heading-title{font-size:var( --e-global-typography-2ed833c-font-size );line-height:var( --e-global-typography-2ed833c-line-height );}.elementor-3305 .elementor-element.elementor-element-a72b021{font-size:var( --e-global-typography-fc390fb-font-size );line-height:var( --e-global-typography-fc390fb-line-height );}.elementor-3305 .elementor-element.elementor-element-0010826{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-27b19aa .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-63c21d9 .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-d3e97fc{font-size:var( --e-global-typography-fd21281-font-size );line-height:var( --e-global-typography-fd21281-line-height );}}@media(max-width:1024px){.elementor-3305 .elementor-element.elementor-element-87b719d{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-994a627 .elementor-heading-title{font-size:var( --e-global-typography-4e5ec4b-font-size );line-height:var( --e-global-typography-4e5ec4b-line-height );}.elementor-3305 .elementor-element.elementor-element-88d2d75 .elementor-heading-title{font-size:var( --e-global-typography-2ed833c-font-size );line-height:var( --e-global-typography-2ed833c-line-height );}.elementor-3305 .elementor-element.elementor-element-a72b021{font-size:var( --e-global-typography-fc390fb-font-size );line-height:var( --e-global-typography-fc390fb-line-height );}.elementor-3305 .elementor-element.elementor-element-0010826{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-27b19aa .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-63c21d9 .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-d3e97fc{font-size:var( --e-global-typography-fd21281-font-size );line-height:var( --e-global-typography-fd21281-line-height );}}@media(max-width:767px){.elementor-3305 .elementor-element.elementor-element-f2efd9b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3305 .elementor-element.elementor-element-994a627 .elementor-heading-title{font-size:var( --e-global-typography-4e5ec4b-font-size );line-height:var( --e-global-typography-4e5ec4b-line-height );}.elementor-3305 .elementor-element.elementor-element-88d2d75 .elementor-heading-title{font-size:var( --e-global-typography-2ed833c-font-size );line-height:var( --e-global-typography-2ed833c-line-height );}.elementor-3305 .elementor-element.elementor-element-a72b021{font-size:var( --e-global-typography-fc390fb-font-size );line-height:var( --e-global-typography-fc390fb-line-height );}.elementor-3305 .elementor-element.elementor-element-775cd09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3305 .elementor-element.elementor-element-27b19aa .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-63c21d9 .elementor-heading-title{font-size:var( --e-global-typography-305c812-font-size );line-height:var( --e-global-typography-305c812-line-height );}.elementor-3305 .elementor-element.elementor-element-d3e97fc{font-size:var( --e-global-typography-fd21281-font-size );line-height:var( --e-global-typography-fd21281-line-height );}}@media(min-width:768px){.elementor-3305 .elementor-element.elementor-element-87b719d{--content-width:1320px;}.elementor-3305 .elementor-element.elementor-element-0010826{--content-width:1320px;}.elementor-3305 .elementor-element.elementor-element-775cd09{--width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3305 .elementor-element.elementor-element-c75c7d1{--width:70%;}.elementor-3305 .elementor-element.elementor-element-775cd09{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3305 .elementor-element.elementor-element-775cd09{--width:80%;}}/* Start custom CSS for form, class: .elementor-element-325d001 *//* =========================================================
   AOL OUTSOURCING
   PREMIUM ELEMENTOR CONTACT FORM
   Widget CSS Class: aol-contact-form
========================================================= */

.aol-contact-form {
    --aol-primary: #036DA2;
    --aol-primary-dark: #045D89;
    --aol-secondary: #69C7E3;

    --aol-heading: #17313F;
    --aol-text: #536A76;
    --aol-muted: #8297A2;

    --aol-white: #FFFFFF;
    --aol-light: #F8FCFE;
    --aol-soft: #EDF8FC;
    --aol-border: #DCEAF0;

    width: 100%;
}


/* =========================================================
   FORM CARD
========================================================= */

.aol-contact-form .elementor-form {
    width: 100%;

    padding: 30px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FCFEFF 100%
        );

    border: 1px solid rgba(3, 109, 162, 0.10);

    border-radius: 20px;

    box-shadow:
        0 18px 50px rgba(17, 63, 83, 0.07),
        0 3px 10px rgba(17, 63, 83, 0.025);
}


/* =========================================================
   FIELD GROUP
========================================================= */

.aol-contact-form .elementor-field-group {
    margin-bottom: 18px;
}


/* =========================================================
   LABELS
========================================================= */

.aol-contact-form .elementor-field-label {
    margin-bottom: 8px;

    font-family: "Manrope", sans-serif;

    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.45;

    color: var(--aol-heading);
}


/* Required mark */

.aol-contact-form
.elementor-mark-required
.elementor-field-label::after {
    color: var(--aol-primary);
}


/* =========================================================
   TEXT INPUTS / EMAIL / PHONE
========================================================= */

.aol-contact-form
input.elementor-field:not([type="checkbox"]):not([type="radio"]),

.aol-contact-form
textarea.elementor-field {
    width: 100%;

    font-family: "Inter", sans-serif;

    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.5;

    color: var(--aol-heading);

    background: #FFFFFF;

    border: 1px solid var(--aol-border);

    border-radius: 11px;

    padding: 14px 16px;

    box-shadow:
        inset 0 1px 1px rgba(17, 63, 83, 0.015);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


.aol-contact-form
input.elementor-field:not([type="checkbox"]):not([type="radio"]) {
    min-height: 54px;
}


.aol-contact-form
textarea.elementor-field {
    min-height: 145px;

    resize: vertical;
}


/* Placeholder */

.aol-contact-form
.elementor-field::placeholder {
    color: #90A3AD;

    opacity: 1;
}


/* Hover */

.aol-contact-form
input.elementor-field:not([type="checkbox"]):not([type="radio"]):hover,

.aol-contact-form
textarea.elementor-field:hover {
    border-color:
        rgba(3, 109, 162, 0.30);
}


/* Focus */

.aol-contact-form
input.elementor-field:not([type="checkbox"]):not([type="radio"]):focus,

.aol-contact-form
textarea.elementor-field:focus {
    outline: none;

    border-color:
        var(--aol-primary);

    background:
        #FFFFFF;

    box-shadow:
        0 0 0 3px rgba(3, 109, 162, 0.07),
        0 5px 16px rgba(17, 63, 83, 0.035);
}


/* =========================================================
   PREMIUM SELECT / DROPDOWN
========================================================= */

.aol-contact-form
.elementor-select-wrapper {
    position: relative;

    width: 100%;
}


/* =========================================================
   REMOVE ALL DEFAULT / ELEMENTOR ARROWS
========================================================= */

/* Elementor older arrow */

.aol-contact-form
.elementor-select-wrapper::before {
    content: none !important;

    display: none !important;
}


/* Elementor newer caret wrapper */

.aol-contact-form
.elementor-select-wrapper
.select-caret-down-wrapper {
    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* Additional Elementor caret fallbacks */

.aol-contact-form
.elementor-select-wrapper
.elementor-select-caret-down-wrapper,

.aol-contact-form
.elementor-select-wrapper
.elementor-field-caret,

.aol-contact-form
.elementor-select-wrapper
.elementor-select-arrow {
    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;
}


/* Remove native browser arrow */

.aol-contact-form
select.elementor-field {
    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    background-image: none !important;
}


/* Internet Explorer fallback */

.aol-contact-form
select.elementor-field::-ms-expand {
    display: none;
}


/* =========================================================
   OUR SINGLE CUSTOM ARROW
========================================================= */

.aol-contact-form
.elementor-select-wrapper::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 18px;

    width: 8px;
    height: 8px;

    border-right:
        2px solid var(--aol-primary);

    border-bottom:
        2px solid var(--aol-primary);

    transform:
        translateY(-68%)
        rotate(45deg);

    transform-origin: center;

    pointer-events: none;

    z-index: 5;

    transition:
        border-color .25s ease,
        transform .25s ease;
}


/* =========================================================
   SELECT FIELD
========================================================= */

.aol-contact-form
select.elementor-field {
    position: relative;

    z-index: 1;

    width: 100%;

    min-height: 54px;

    cursor: pointer;

    padding:
        14px
        48px
        14px
        16px !important;

    font-family: "Inter", sans-serif;

    font-size: 14.5px;

    font-weight: 500;

    line-height: 1.5;

    color: var(--aol-heading);

    background-color:
        #FFFFFF !important;

    background-image:
        none !important;

    border:
        1px solid var(--aol-border) !important;

    border-radius:
        11px !important;

    box-shadow:
        inset 0 1px 1px
        rgba(17, 63, 83, 0.015);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


.aol-contact-form
select.elementor-field:hover {
    border-color:
        rgba(3, 109, 162, 0.32) !important;

    background-color:
        #FCFEFF !important;
}


.aol-contact-form
select.elementor-field:focus {
    outline: none;

    border-color:
        var(--aol-primary) !important;

    background-color:
        #FFFFFF !important;

    box-shadow:
        0 0 0 3px rgba(3, 109, 162, 0.07),
        0 5px 16px rgba(17, 63, 83, 0.035);
}


/* Arrow slightly darker when select hovered */

.aol-contact-form
.elementor-select-wrapper:hover::after {
    border-color:
        var(--aol-primary-dark);
}


/* =========================================================
   SERVICE CHECKBOX GRID
========================================================= */

.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-subgroup {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        9px
        10px;

    width: 100%;
}


/* Individual checkbox card */

.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-option {
    position: relative;

    display: flex !important;

    align-items: center;

    width: 100%;

    min-height: 46px;

    margin: 0 !important;

    padding:
        9px
        12px;

    background:
        rgba(248, 252, 254, 0.80);

    border:
        1px solid
        rgba(3, 109, 162, 0.10);

    border-radius:
        10px;

    cursor: pointer;

    transition:
        background-color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}


.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-option:hover {
    background:
        var(--aol-soft);

    border-color:
        rgba(3, 109, 162, 0.20);

    transform:
        translateY(-1px);

    box-shadow:
        0 5px 12px
        rgba(17, 63, 83, 0.04);
}


/* =========================================================
   CUSTOM CHECKBOX
========================================================= */

.aol-contact-form
input[type="checkbox"] {
    -webkit-appearance: none !important;

    appearance: none !important;

    position: relative;

    flex:
        0
        0
        20px;

    width:
        20px !important;

    height:
        20px !important;

    min-width:
        20px;

    margin:
        0
        9px
        0
        0 !important;

    padding:
        0 !important;

    cursor:
        pointer;

    background-color:
        #FFFFFF;

    background-position:
        center;

    background-repeat:
        no-repeat;

    background-size:
        11px
        9px;

    border:
        1.5px solid
        #B9CBD4 !important;

    border-radius:
        5px !important;

    box-shadow:
        0 1px 2px
        rgba(17, 63, 83, 0.03);

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .15s ease;
}


.aol-contact-form
input[type="checkbox"]:hover {
    border-color:
        var(--aol-primary) !important;
}


/* Checked */

.aol-contact-form
input[type="checkbox"]:checked {
    background-color:
        var(--aol-primary) !important;

    border-color:
        var(--aol-primary) !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5L4.2 8L11 1' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    box-shadow:
        0 3px 8px
        rgba(3, 109, 162, 0.18);
}


/* Selected checkbox card */

.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-option:has(
    input[type="checkbox"]:checked
) {
    background:
        linear-gradient(
            135deg,
            rgba(237, 248, 252, 0.95),
            rgba(248, 252, 254, 0.96)
        );

    border-color:
        rgba(3, 109, 162, 0.23);

    box-shadow:
        inset 0 0 0 1px
        rgba(3, 109, 162, 0.02);
}


/* Checkbox label */

.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-option
label {
    margin:
        0;

    cursor:
        pointer;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        13.5px;

    font-weight:
        500;

    line-height:
        1.4;

    color:
        var(--aol-text);

    transition:
        color .2s ease;
}


.aol-contact-form
.elementor-field-type-checkbox
.elementor-field-option:has(
    input:checked
)
label {
    color:
        var(--aol-heading);
}


/* =========================================================
   RADIO BUTTON
========================================================= */

.aol-contact-form
input[type="radio"] {
    -webkit-appearance:
        none;

    appearance:
        none;

    width:
        20px;

    height:
        20px;

    min-width:
        20px;

    margin-right:
        8px;

    background:
        #FFFFFF;

    border:
        1.5px solid
        #B9CBD4;

    border-radius:
        50%;

    cursor:
        pointer;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.aol-contact-form
input[type="radio"]:checked {
    border:
        5px solid
        var(--aol-primary);

    box-shadow:
        0 2px 7px
        rgba(3, 109, 162, 0.12);
}


/* =========================================================
   ACCEPTANCE FIELD
========================================================= */

.aol-contact-form
.elementor-field-type-acceptance {
    margin-top:
        2px;

    margin-bottom:
        18px;
}


.aol-contact-form
.elementor-field-type-acceptance
.elementor-field-subgroup {
    width:
        100%;
}


/* Acceptance panel */

.aol-contact-form
.elementor-field-type-acceptance
.elementor-field-option {
    display:
        flex !important;

    align-items:
        flex-start;

    width:
        100%;

    margin:
        0 !important;

    padding:
        14px
        15px;

    background:
        linear-gradient(
            135deg,
            #F8FCFE 0%,
            #F2FAFD 100%
        );

    border:
        1px solid
        rgba(3, 109, 162, 0.10);

    border-radius:
        11px;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}


.aol-contact-form
.elementor-field-type-acceptance
.elementor-field-option:hover {
    border-color:
        rgba(3, 109, 162, 0.19);

    box-shadow:
        0 5px 14px
        rgba(17, 63, 83, 0.035);
}


/* Acceptance checkbox */

.aol-contact-form
.elementor-field-type-acceptance
input[type="checkbox"] {
    flex:
        0
        0
        20px;

    margin:
        1px
        10px
        0
        0 !important;
}


/* Acceptance text */

.aol-contact-form
.elementor-field-type-acceptance
.elementor-field-option
label {
    margin:
        0 !important;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.55;

    color:
        var(--aol-text);

    cursor:
        pointer;
}


/* Acceptance selected */

.aol-contact-form
.elementor-field-type-acceptance
.elementor-field-option:has(
    input:checked
) {
    background:
        linear-gradient(
            135deg,
            #EDF8FC 0%,
            #F8FCFE 100%
        );

    border-color:
        rgba(3, 109, 162, 0.20);
}


/* Acceptance links */

.aol-contact-form
.elementor-field-type-acceptance
a {
    color:
        var(--aol-primary);

    font-weight:
        600;

    text-decoration:
        none;
}


.aol-contact-form
.elementor-field-type-acceptance
a:hover {
    text-decoration:
        underline;
}


/* =========================================================
   SUBMIT
========================================================= */

.aol-contact-form
.elementor-field-type-submit {
    margin-top:
        2px;
}


.aol-contact-form
.elementor-button {
    position:
        relative;

    overflow:
        hidden;

    width:
        100%;

    min-height:
        55px;

    padding:
        14px
        26px;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            110deg,
            #045D89 0%,
            #036DA2 48%,
            #168DB7 100%
        );

    border:
        0 !important;

    border-radius:
        11px !important;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.2;

    letter-spacing:
        .25px;

    text-transform:
        uppercase;

    box-shadow:
        0 8px 20px
        rgba(3, 109, 162, 0.17);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* Button shine */

.aol-contact-form
.elementor-button::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        -85%;

    width:
        55%;

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .17),
            transparent
        );

    transform:
        skewX(-22deg);

    transition:
        left .55s ease;
}


.aol-contact-form
.elementor-button:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 25px
        rgba(3, 109, 162, 0.22);
}


.aol-contact-form
.elementor-button:hover::before {
    left:
        135%;
}


.aol-contact-form
.elementor-button-content-wrapper {
    position:
        relative;

    z-index:
        2;
}


.aol-contact-form
.elementor-button-icon {
    transition:
        transform .25s ease;
}


.aol-contact-form
.elementor-button:hover
.elementor-button-icon {
    transform:
        translateX(3px);
}


/* =========================================================
   FOCUS ACCESSIBILITY
========================================================= */

.aol-contact-form
input:focus-visible,

.aol-contact-form
select:focus-visible,

.aol-contact-form
textarea:focus-visible,

.aol-contact-form
.elementor-button:focus-visible {
    outline:
        none;
}


.aol-contact-form
input[type="checkbox"]:focus-visible,

.aol-contact-form
input[type="radio"]:focus-visible {
    box-shadow:
        0 0 0 3px
        rgba(3, 109, 162, 0.12);
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

.aol-contact-form
.elementor-message-success {
    margin-top:
        16px;

    padding:
        14px
        16px;

    background:
        #F1FAF7;

    border:
        1px solid
        #CEEBDD;

    border-radius:
        10px;

    color:
        #267A57;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        13.5px;

    font-weight:
        500;
}


/* =========================================================
   ERROR MESSAGE
========================================================= */

.aol-contact-form
.elementor-message-danger,

.aol-contact-form
.elementor-message.elementor-help-inline {
    margin-top:
        6px;

    color:
        #B95353;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        12.5px;

    font-weight:
        500;
}


.aol-contact-form
.elementor-field.elementor-error {
    border-color:
        #D87575 !important;

    box-shadow:
        0 0 0 3px
        rgba(216, 117, 117, 0.07);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .aol-contact-form
    .elementor-form {
        padding:
            25px;

        border-radius:
            18px;
    }


    .aol-contact-form
    .elementor-field-type-checkbox
    .elementor-field-subgroup {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .aol-contact-form
    .elementor-form {
        padding:
            18px
            15px;

        border-radius:
            15px;

        box-shadow:
            0 12px 35px
            rgba(17, 63, 83, 0.055);
    }


    .aol-contact-form
    .elementor-field-group {
        margin-bottom:
            14px;
    }


    .aol-contact-form
    .elementor-field-label {
        margin-bottom:
            7px;

        font-size:
            13px;
    }


    .aol-contact-form
    input.elementor-field:not([type="checkbox"]):not([type="radio"]),

    .aol-contact-form
    select.elementor-field {
        min-height:
            50px;
    }


    .aol-contact-form
    input.elementor-field:not([type="checkbox"]):not([type="radio"]),

    .aol-contact-form
    select.elementor-field,

    .aol-contact-form
    textarea.elementor-field {
        padding:
            12px
            14px;

        font-size:
            14px;

        border-radius:
            9px;
    }


    .aol-contact-form
    select.elementor-field {
        padding-right:
            44px !important;
    }


    .aol-contact-form
    .elementor-select-wrapper::after {
        right:
            16px;
    }


    .aol-contact-form
    textarea.elementor-field {
        min-height:
            125px;
    }


    /* Checkbox options one per row */

    .aol-contact-form
    .elementor-field-type-checkbox
    .elementor-field-subgroup {
        grid-template-columns:
            1fr;

        gap:
            7px;
    }


    .aol-contact-form
    .elementor-field-type-checkbox
    .elementor-field-option {
        min-height:
            43px;

        padding:
            8px
            10px;
    }


    .aol-contact-form
    .elementor-field-type-checkbox
    .elementor-field-option
    label {
        font-size:
            13px;
    }


    /* Acceptance */

    .aol-contact-form
    .elementor-field-type-acceptance
    .elementor-field-option {
        padding:
            12px;
    }


    .aol-contact-form
    .elementor-field-type-acceptance
    .elementor-field-option
    label {
        font-size:
            12.5px;
    }


    /* Submit */

    .aol-contact-form
    .elementor-button {
        min-height:
            52px;

        padding:
            13px
            18px;

        font-size:
            13.5px;

        border-radius:
            10px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .aol-contact-form
    .elementor-form {
        padding:
            16px
            13px;
    }


    .aol-contact-form
    input[type="checkbox"] {
        width:
            19px !important;

        height:
            19px !important;

        min-width:
            19px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .aol-contact-form *,
    .aol-contact-form *::before,
    .aol-contact-form *::after {
        transition:
            none !important;
    }

}/* End custom CSS */