/******************* MKTO FORM CSS STARTS ******************/

.mktoForm * {
    font-size: 14px !important;
    font-family: 'AmazonEmber' !important;
    color: rgb(68, 68, 68) !important;
}

.mktoFieldWrap .mktoHtmlText ul li {
    color: var(--amazon-squid-ink, #232F3E) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mktoForm {
    width: 100% !important;
    margin-bottom: 0px;
}

span.formSpan {
    width: 100% !important;
    display: block;
}

.mktoForm .mktoFormRow {
    clear: both;
    margin: 0 -10px;
}

.mktoForm .mktoFormRow .mktoFormCol {
    width: 100%;
    margin: 0 0 20px !important;
    float: left;
    padding: 0 10px;
}

.mktoForm .mktoFormRow .mktoFormCol:nth-last-child(2):first-child {
    width: 100% !important;
}

.mktoForm .mktoFieldWrap {
    float: left;
    width: 100% !important;
}
.mktoHtmlText.mktoHasWidth a {
        color: #0972D3 !important;
    }


.mktoForm .mktoFormRow .mktoFormCol .mktoOffset,
.mktoForm .mktoFormRow .mktoFormCol .mktoGutter {
    display: none;
}

.mktoForm .mktoFormRow input[type="date"]::after {
    content: '';
    display: block;
    width: 35px;
    height: 34px;
    background: url(https://pages.awscloud.com/rs/112-TZM-766/images/calender-Button.svg);
    background-size: 34px auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: -58px;
    top: -2px;
}
/* Hide Calendar Icon In Chrome */
.mktoForm .mktoFormRow input[type="date"]::-webkit-inner-spin-button,
.mktoForm .mktoFormRow input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
/* .mktoForm .mktoFormRow input[type="date"]::before {
    width: 30px;
    height: 22px;
    display: block;
    content: '';
    position: absolute;
    background: #fff;
    right: 2px;
} */
.mktoForm .mktoFormRow input[type="date"] {
    width: calc(100% - 58px) !important; text-transform: uppercase;
    position: relative;
    overflow: visible;
}

.mktoForm .mktoFormRow .mktoFormCol label.mktoLabel {
    width: auto !important;
    clear: both;
    padding: 0 0 4px;
    display: inline-block !important;
    padding-left: 0px;
    position: relative;
    font-family: 'AmazonEmberBold' !important;
    line-height: 22px !important;
    color: #232F3E !important;
}

.mktoForm .mktoAsterix {
    float: left !important;
    color: #D91515 !important;
    padding-left: 0px !important;
    position: relative !important;
    left: 0px !important;
    float: left !important;
    padding-right: 5px !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
    width: 100% !important;
    padding: 6px 12px 6px 12px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-family: "AmazonEmber" !important;
    color: var(--amazon-squid-ink, #232F3E) !important;
    box-shadow: none;
    border-radius: 8px !important;
    border: 2px solid var(--grey-400, #9BA7B6) !important;
    background: var(--white, #FFF) !important;
}

.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
    outline: none !important;
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: block;
    /* color: #fff !important; */
    font-size: inherit !important;
    font-weight: inherit !important;
}

.mktoForm input[type=text]::-webkit-input-placeholder,
.mktoForm input[type=url]::-webkit-input-placeholder,
.mktoForm input[type=email]::-webkit-input-placeholder,
.mktoForm input[type=tel]::-webkit-input-placeholder,
.mktoForm input[type=number]::-webkit-input-placeholder,
.mktoForm input[type=date]::-webkit-input-placeholder,
.mktoForm textarea.mktoField::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--grey-550, #5F6B7A) !important;
    color: #5F6B7A !important;
    opacity: 1 !important;
    font-style: italic !important;
}

.mktoForm input[type=text]::-moz-placeholder,
.mktoForm input[type=url]::-moz-placeholder,
.mktoForm input[type=email]::-moz-placeholder,
.mktoForm input[type=tel]::-moz-placeholder,
.mktoForm input[type=number]::-moz-placeholder,
.mktoForm input[type=date]::-moz-placeholder,
.mktoForm textarea.mktoField::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--grey-550, #5F6B7A) !important;
    color: #5F6B7A !important;
    opacity: 1 !important;
    font-style: italic !important;
}

.mktoForm input[type=text]:-ms-input-placeholder,
.mktoForm input[type=url]:-ms-input-placeholder,
.mktoForm input[type=email]:-ms-input-placeholder,
.mktoForm input[type=tel]:-ms-input-placeholder,
.mktoForm input[type=number]:-ms-input-placeholder,
.mktoForm input[type=date]:-ms-input-placeholder,
.mktoForm textarea.mktoField:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--grey-550, #5F6B7A) !important;
    color: #5F6B7A !important;
    opacity: 1 !important;
    font-style: italic !important;
}

.mktoForm input[type=text]:-moz-placeholder,
.mktoForm input[type=url]:-moz-placeholder,
.mktoForm input[type=email]:-moz-placeholder,
.mktoForm input[type=tel]:-moz-placeholder,
.mktoForm input[type=number]:-moz-placeholder,
.mktoForm input[type=date]:-moz-placeholder,
.mktoForm textarea.mktoField:-moz-placeholder {
    width: 100% !important;
    color: var(--grey-550, #5F6B7A) !important;
    color: #5F6B7A !important;
    opacity: 1 !important;
    font-style: italic !important;
}

.mktoForm select.mktoField {
    padding: 5px 0 6px !important;
    line-height: 1.3;
}

.mktoForm .mktoError .mktoErrorMsg {
    /* color: #f3f3f3 !important; */
    font-size: 12px !important;
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
    font-size: 14px !important;
    line-height: 20px !important;
    min-height: auto !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 4px 20px;
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
    padding: 0 !important;
    width: 100% !important;
}

.mktoButtonRow {
    display: block !important;
}

.mktoButtonRow button.mktoButton {
    box-shadow: none !important;
    background-image: none !important;
    text-shadow: none !important;
    animation-duration: 0s !important;
    border: none !important;
    padding: 4px 22px !important;
    width: auto !important;
    height: auto !important;
    margin-top: 20px !important;
    border-radius: 3px !important;
    text-align: center;
    font-family: AmazonEmberBold !important;
    color: #232F3E !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    display: inline-block;
    text-decoration: none;
    border-radius: 40px !important;
    border: 2px solid var(--amazon-orange, #F90) !important;
    background: var(--amazon-orange, #F90) !important;
        text-transform: initial !important;
        margin-top: 0 !important;
}
.mktoFormRow.clear-row .mktoFormCol.mktoFormCol.mktoFormCol.mktoFormCol {
    margin-bottom: 0px !important;
    position: relative;
}

a#clear-all {
    position: absolute;
    top: 30px;
    right: 113px;
    font-weight: 800;
    border-radius: 40px;
    border: 2px solid var(--blue-600, #0972D3) !important;
    background: #ffffff;
    padding: 4px 22px;
    z-index: 1;
    text-decoration: none !important;
}
.mktoHtmlText.mktoHasWidth * {
    font-size: 14px !important;
    font-family: "Amazon Ember", "Open Sans", system-ui, sans-serif !important;
    color: #242F3E !important;
}

.mktoButtonRow span.mktoButtonWrap {
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

.mktoHtmlText.mktoHasWidth {
    width: 100% !important;
}

.mktoForm select.mktoField {
background-image: url(https://pages.awscloud.com/rs/112-TZM-766/images/Select_icon.png) !important;
    background-color: #ffffff;
    background-repeat: no-repeat !important;
    border-radius: 0;
    background-position: right 8px center !important;
    padding: 6px 33px 6px 10px !important;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    background-size: 16px;
}

.mktoForm select.mktoField::-ms-expand {
    display: none !important;
}



@media only screen and (max-width: 480px) {

    .mktoForm input[type=url],
    .mktoForm input[type=text],
    .mktoForm input[type=date],
    .mktoForm input[type=tel],
    .mktoForm input[type=email],
    .mktoForm input[type=number],
    .mktoForm textarea.mktoField {
        padding: 17px 8px !important;
    }

    .mktoForm a {
        display: inline !important;
    }

    .mktoForm .mktoFormRow .mktoFormCol {
        width: 100% !important;
        margin: 0 0 17px !important;
        float: left;
        padding: 0 10px;
    }

    .mktoMobileShow .mktoForm,
    .mktoMobileShow .mktoForm .mktoForm ,
    .mktoForm,
     .mktoForm .mktoForm ,
    .mktoForm .mktoFormRow .mktoFormCol  {
        padding: 0px !important;
    }
    
}




/************ CHECKBOX AND RADIO CSS STARTS ******************/

/* Checkbox */
.mktoForm  input[type="checkbox"] {
    /* Hide the default checkbox */
    display: none;
  }
  
  /* Checkbox Label */
  /* Checkbox */
.mktoForm  input[type="checkbox"] {
    /* Hide the default checkbox */
    display: none;
  }
  
  /* Checkbox Label */
  .mktoForm input[type=checkbox]:checked+label:before,
.mktoForm .single_checkbox .single_checked:before{
    background-color: #0972D3 !important;
    border-color: #0972D3 !important;
}

.mktoForm input[type=checkbox]:checked+label:after,
.single_checked:after {
    content: "" !important;
    position: absolute;
    border-left: 2.5px solid #ffffff;
    border-bottom: 2.5px solid #ffffff;
    width: 9px;
    height: 5px;
    left: 3px;
    top: 9px;
    transform: rotate(-45deg);
    border-bottom-left-radius: 1px;
}
.mktoForm input[type=checkbox] + label {
    position: relative;
    padding-left: 25px; /* Adjust the spacing as needed */
    cursor: pointer;
  }
  .mktoForm .mktoCheckboxList,
.mktoForm .mktoRadioList {
    padding: 0 !important
}
.mktoForm .single_checkbox .mktoAsterix {
    display: none !important;
}

.mktoForm input[type=checkbox]+label:before,
.single_checkbox>label:before {
    content: "";
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    border: 2px solid #979797 !important;
    background: #fbfbfb !important;
    top: 6px !important;
    margin-top: 0 !important;
    left: 0 !important;
    border-radius: 0px !important;
    text-align: center !important;
    padding: 0 !important;
}
.mktoForm input[type=checkbox]:checked+label:before,
.mktoForm .single_checkbox .single_checked:before
{
    background-color: #0972D3 !important;
    border-color: #0972D3 !important;
}

.mktoForm input[type=checkbox]:checked+label:after,
.single_checked:after {
    content: "" !important;
    position: absolute;
    border-left: 2.5px solid #ffffff;
    border-bottom: 2.5px solid #ffffff;
    width: 9px;
    height: 5px;
    left: 3px;
    top: 9px;
    transform: rotate(-45deg);
    border-bottom-left-radius: 1px;
}
  /* Radio Button */
  .mktoForm input[type="radio"] {
    /* Hide the default radio button */
    display: none;
  }
  
  /* Radio Button Label */
  .mktoForm input[type="radio"] + label {
    position: relative;
    padding-left: 25px; /* Adjust the spacing as needed */
    cursor: pointer;
    display: block;
  }
  
  /* Radio Button Indicator */
  .mktoForm input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    border-radius: 50%;
  }
  
  /* Radio Button Indicator - Checked */
  .mktoForm  input[type="radio"]:checked + label::before {
    background-color: #fff;
    border: 5px solid #0972D3;
  }
  .mktoForm  input[type="radio"] + label {
    color: var(--amazon-squid-ink, #232F3E) !important;
/* Form/Default */
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 22px !important;
}
.mktoForm  input[type="radio"] + label span {
    display: block;
    color: var(--grey-550, #5F6B7A) !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important;
}
  
/************ CHECKBOX AND RADIO CSS ENDS ******************/