@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.woff2);
    font-weight: 400;

}

@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.woff2);
    font-weight: 500;
}

@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.woff2);
    font-weight: 700;
}


body {
    --font-family: GT-Haptik-ZS;
    font-family:var(--font-family);
}
@media only screen and (min-width:100px) {
    

button {
    box-shadow: none !important;
    outline: none !important;
}
.mktoForm, form {
    padding: 0 !important;
}
form {
    font-family: var(--font-family) !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
}
form *{font-size: 1rem !important;}
input.mktoField:not([type='checkbox']):not([type='radio']), select.mktoField, select, .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], input.mktoField:not([type='checkbox']):not([type='radio']), select.mktoField, select, .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 {
    border: solid 1px #DDDDDD !important;
    min-height: 3.125rem;
    border-radius: 0 !important;
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
   
}
.mktoForm .mktoRequiredField label.mktoLabel,.mktoForm .mktoOffset,.mktoForm .mktoClear {
    display: none;
}
.mktoFieldDescriptor.mktoFormCol, .mktoFieldWrap {
    width: 100%;
}
.mktoFormRow[data-wrapper-for="Single_OptIn__c"] .mktoCheckboxList {
    width: auto !IMPORTANT;
}
.mktoFormRow[data-wrapper-for="Single_OptIn__c"] *, .mktoFormRow[data-wrapper-for=""] * {
    width: 100% !important;
}
.mktoFormRow[data-wrapper-for="Single_OptIn__c"] .mktoCheckboxList {
    width: auto !IMPORTANT;
}
.mktoFormRow[data-wrapper-for="Single_OptIn__c"] .mktoFieldWrap {
    display: flex;
    flex-flow: row-reverse;
}
.mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background: #6BFFB3 !important;
    border-color: #6BFFB3 !important;
    color: #001744 !important;
    font-weight: bold;
}


.mktoFormRow[data-wrapper-for="Single_OptIn__c"], .mktoFormRow[data-wrapper-for=""] {
    width: 100% !important;
}
form {
    display: flex;
    flex-wrap: wrap;
}
.mktoForm .mktoFormCol{
    float: left !important;
}
}

  .mktoFormRow {
    width: 100%;
    box-sizing: border-box;
    @media only screen and (min-width:574px) {
  
    width: calc(50% - 10px) !important;
 
}
}  
 @media only screen and (min-width:100px)