/* BEGIN Marketo 5009 - Contact Us */
/* General form styling */
.mktoForm .mktoAsterix {
    padding-left: 0px !important;
    padding-right: 5px !important;
}
/* Reduce or remove the space from .mktoGutter */
#mktoForm_5009 .mktoGutter {
    width: 0 !important; /* Set to 0 to remove spacing entirely */
    height: 0 !important; /* Set to 0 to reduce height if needed */
    margin: 0 !important; /* Ensure no extra margin is applied */
    padding: 0 !important; /* Ensure no extra padding is applied */
}

#mktoForm_5009 .mktoFieldDescriptor,
#mktoForm_5009 .mktoFormCol {
    width: 100% !important;
    box-sizing: border-box !important;
}

#mktoForm_5009 {
    font-family: inherit !important;
    font-size: 12.5px !important;
    line-height: 14px !important;
    font-weight: 500 !important;
    color: #B4C0CC !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* Form row styling - reduce row spacing */
#mktoForm_5009 .mktoFormRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0px !important; /* Reduced row spacing */
    width: 100% !important;
    border: none;
    
}

/* Label styling for consistent alignment */
#mktoForm_5009 label {
    font: var(--label-font, var(--label-w) var(--label-fs)/100% var(--label-family));
  letter-spacing: var(--label-trk);
    margin-bottom: 0; /* Smaller space below label */
    display: flex;
    align-items: center;
    width: 100% !important;
}

/* Ensure consistent width for fields */
#mktoForm_5009 .mktoFieldWrap {
    width: 100% !important;
    border: none;
}

/* Style text inputs, select, and textarea with consistent width */
#mktoForm_5009 input[type="text"],
#mktoForm_5009 input[type="email"],
#mktoForm_5009 input[type="tel"],
#mktoForm_5009 select,
#mktoForm_5009 textarea {
    padding: 12px;
    font: var(--body-font, var(--body-w) var(--body-fs)/100% var(--body-family));
    letter-spacing: var(--body-trk);
    color: #FFFF;
    width: 100% !important;
    max-width: 100%;
    background-color: #102C49;
    border: none;
    border-bottom: 1px solid #B4C0CC;
}
#mktoForm_5009 select {
    -webkit-appearance: none;  /* remove Safari/iOS native styling */
    -moz-appearance: none;     /* remove Firefox native styling */
    appearance: none;          /* modern browsers */
    border-radius: 0;          /* kill rounded corners */
    background-image: none;    /* remove iOS default arrow */
}
@media (max-width:767px){
    #mktoForm_5009 textarea {
        padding: 12px;
        font: var(--body-font, var(--body-w) var(--body-fs)/100% var(--body-family));
        letter-spacing: var(--body-trk);
        color: #FFFF;
        width: 100% !important;
        max-width: 100%;
        background-color: #102C49;
        border: none;
        border-bottom: 1px solid #B4C0CC;
    }
}
#mktoForm_5009 input[type="text"],
#mktoForm_5009 input[type="email"],
#mktoForm_5009 input[type="tel"] {
    margin-bottom: 0;
}
@media (max-width:767px){
    #mktoForm_5009 input[type="text"],
    #mktoForm_5009 input[type="email"],
    #mktoForm_5009 input[type="tel"] {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}


#mktoForm_5009 input:-webkit-autofill {
    background-color: #102C49 !important; /* Set your desired background color */
    color: #B4C0CC !important; /* Set your desired text color */
    box-shadow: 0 0 0px 1000px #102C49 inset !important; /* Ensures background color applies fully */
    -webkit-text-fill-color: #B4C0CC !important; /* Overrides text color for autofill */
}

#LblmOOVCommunicationConsent {
    color: #B4C0CC !important;
}

#mktoForm_5009 .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
    width: 100% !important;
    padding-bottom: 46px !important;
}

#mktoForm_5009 .mktoCheckboxList label {
    margin-left: 0.5em !important;
    font: var(--body-font, var(--body-w) var(--body-fs)/100% var(--body-family));
    letter-spacing: var(--body-trk);
    margin-top: 0 !important;
}

/* Target the checkbox list and align it inline with the text */
#mktoForm_5009 .mktoCheckboxList {
    display: flex; 
    align-items: center;
    gap: 8px; 
    margin: 0 !important; 
    padding: 10px 0 !important;
    border: none !important;
}

/* Style each checkbox item in the list */
#mktoForm_5009 .mktoCheckboxList .mktoCheckbox {
    display: inline-flex;
    align-items: top !important;
}

#mktoForm_5009 .mktoCheckboxList input[type="checkbox"] {
    appearance: none; /* Reset default styling */
    -webkit-appearance: none; /* Reset for WebKit browsers */
    width: 20px;
    height: 20px;
    background-color: #fff; /* Background color for unchecked state */
    border: 1px solid #fff; /* Border for the unchecked state */
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin-top: 0 !important;
}

/* Change background color when the checkbox is checked */
#mktoForm_5009 .mktoCheckboxList input[type="checkbox"]:checked {
    background-color: #00FFE1; /* Set your preferred checked background color */
    border-color: #00FFE1; /* Border color to match */
    color: #fff; /* Optional: text color inside the box */
    margin-top: 0 !important;
}

/* Optional: add a checkmark when checked */
#mktoForm_5009 .mktoCheckboxList input[type="checkbox"]:checked::before {
    content: '\2713'; /* Checkmark */
    color: #000000;
    font-size: 16px;
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust alignment to center */
    pointer-events: none; /* Prevent interaction with the pseudo-element */
}

/* END Marketo 5009 - Contact Us */