@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* #General Styles
================================================== */


button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
input[type="button"], input[type="submit"] { -webkit-appearance: none !important; }
a { text-decoration: none; }
img { border: 0 none; max-width: 100%; vertical-align: top; }
a { outline: none; cursor: pointer; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none !important; outline: none !important; }
.clear { clear: both; }
img { max-width: 100%;width:100%; }
button:focus {outline:0;}

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder {color: #000000;opacity:1;}
input:-moz-placeholder {color: #000000;opacity:1;}
input::-moz-placeholder {color: #000000;opacity:1;}
input:-ms-input-placeholder {color: #000000;opacity:1; }
textarea::-webkit-input-placeholder { color: #000000;opacity:1;}
textarea:-moz-placeholder { color: #000000;opacity:1;}
textarea::-moz-placeholder { color: #000000; opacity:1; }
textarea:-ms-input-placeholder { color: #000000; opacity:1; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; }
#login-form .sbSelector a{color: #000000 !important; }
.sbSelector{color: #000000 !important;}
/* #Page Structure
================================================== */
body{position: relative; margin: 0; padding: 0; font-size: 16px; color: #000000; background: #fff; font-family: 'Roboto', sans-serif; font-weight: 500;-webkit-font-smoothing: antialiased;}
.wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; opacity: 1; }
.main { max-width: 640px; margin: 0 auto; padding:0 32px;width:100%;box-sizing: border-box;}
a, button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
h1, h2, h3, h4, h5 ,h6 ,p{margin: 0px;padding: 0px;}
h1, h1 div {font-size: 40px;line-height: 1.35;font-weight: 600;color: #000000;}
h2, h2 div {font-size: 32px;line-height: 1.4; font-weight:700;}
h3, h3 div {font-size: 24px;line-height: 1.4;font-weight:700;}
h4, h4 div {font-size: 18px;line-height: 1.4; font-weight:700;}
h5, h5 div {font-size: 16px;line-height: 1.4; font-weight:700;}
 

.p_class, .p_class div{font-size:16px; font-weight:300;line-height: 1.75; }
.mktoGen.mktoImg { display: inherit !important; line-height: inherit !important; }
.btn_cls{width: 100%;display: flex;align-items: center;justify-content: center;}

.btn_cls a { display: inline-block; padding: 16px 24px;border-radius: 4px; font-size: 20px;line-height: 23.44px; font-weight: 400;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}


/* Home Page Style
 ================================================== */
 .header{background-color: #ffffff;padding: 32px 0 80px 0;}
 .header .logo{margin-bottom: 48px;}
 .header .logo img{max-width: 154px;}
 .header .title{margin-bottom: 16px;}
 #header_checkbox{max-width: 64px;}
 .header .formbox{margin-top: 56px;}
 .header .InnerContainer{display: flex;flex-direction: column;align-items: center;}

 .header .formbox{text-align: left;width: 100%;}
 .header .formbox .formtitle, .header .formbox .formtitle div{font-size: 20px;line-height: 23.44px;font-weight: 700;color: #000000;}
 .header .formbox .Innerform{margin-top: 24px;}

 .bottomlinks{padding: 20px 0 0 0;}
 .bottomlinks .preferenceslink{margin-bottom: 58px;display: flex;justify-content: center;align-items: flex-start;}
 .bottomlinks .preferenceslink a{font-weight: 400;font-size: 16px;color: #1C3A85; line-height: 18.75px;text-decoration: underline;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
 .bottomlinks .preferenceslink a:hover{text-decoration: none;}

 footer{background-color: #1C3A85;padding: 23px 0 24px 0;position: fixed;width: 100%;bottom: 0; left: 0; right: 0;}
 footer .policylink{display: flex;justify-content: center;align-items: flex-start;}
 footer .policylink a{font-weight: 400; font-size: 16px;color: #ffffff; line-height: 18.75px;text-decoration: underline;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
 footer .policylink a:hover{text-decoration: none;}

/***** mid container styles end *****/

/* Form CSS Start */
/**Form********************************************/
.mktoForm{padding: 0 !important;}
form.mktoForm { margin:0px auto;width:100% !important;padding: 0 !important; max-width: 350px;}
.mktoForm .mktoFormCol { width: 100% !important; float: left; margin-bottom: 0 !important; }
.mktoForm .mktoFormRow {padding-bottom:0 !important;}
.mktoForm .mktoFieldWrap {width: 100% !important;float: left; margin: 0 !important;}
.mktoForm button.mktoButton{margin: 0 !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; float: left; padding: 15px 14px !important; color: #000000 !important; background-color: #FFFFFF !important; font-size: 16px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; outline: 0 !important; line-height: 1.2 !important; border: 1px solid  #000000 !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; margin-bottom: 16px !important; box-shadow: none !important; appearance:none !important; -webkit-appearance:none !important; -webkit-box-shadow: none !important; height: auto !important; }
.mktoOffset { width: 0px !important;}
.mktoForm input[type=email]{margin-bottom: 56px !important;}



.mktoFormCol:has(.mktoLogicalField)  {
    /* Your custom styles here */
    padding:0px !important;border: none !important;
  }

.mktoForm .mktoGutter {width: 0px !important;}
.mktoForm .mktoLabel { color: #000000 !important; font-size: 16px !important; font-weight: 700 !important; font-family: 'Roboto', sans-serif !important; padding: 0 0 8px !important; width: auto !important; }
.mktoForm .mktoLabel:has(~ textarea) {font-size: 14px !important;line-height: 16.41px !important;font-style: italic !important;color: #000000 !important;font-weight: 300 !important;}
.mktoButtonRow span {margin-left: 0px !important;}
.mktoButtonRow { text-align: center !important;margin-top: 50px !important;width: 100%; display: flex !important;  justify-content: center; align-items: center;}
.mktoButton { background-color:#1C3A85 !important; background-image: none !important; border:2px solid #1C3A85 !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; width: auto; padding: 16px 24px !important; height: auto !important; min-width: auto !important; color: #ffffff !important; font-size: 20px !important; line-height: 23.44px !important; font-weight: 400 !important; font-family: 'Roboto', sans-serif !important; float: none; display: block; max-width: 100% !important; margin: 0 !important; margin-left: 0 !important; transition: 0.5s; -webkit-transition: 0.5s; }
.mktoButton:hover, .mktoButton:focus, .mktoButton.active { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } 
.mktoForm textarea[rows="2"] { height: auto !important; border: none; }
.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList { padding: 0 !important; float: left; width: 100% !important; margin: 0 0 0px 0 !important; }
.mktoForm input[type="checkbox"].mktoField + label, .mktoForm input[type="radio"].mktoField + label { position: relative !important; cursor: pointer !important; padding-left: 30px !important; width: auto !important; margin: 0 !important; line-height: 18.75px !important; font-size: 16px !important; color: #000000 !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; float: left; clear: both; font-style: normal !important; }
.mktoForm input[type="checkbox"].mktoField { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -99999; height: 0; padding: 0 !important; border: 0px; }
.mktoForm input[type="checkbox"].mktoField:not(old) + label { position: relative; cursor: pointer; padding-left: 56px !important; width: auto; }
.mktoForm input[type="checkbox"].mktoField:not(old) + label { position: relative; left: 0; top: 0; content: ''; width: 16px; font-weight: 300 !important; height: 16px; background-image: url('../images/atcore_checkbox.svg'); background-repeat: no-repeat; background-position: left 0px; background-size: 28px; color:#000 !important; height: 31px !important; padding-top:0;margin-bottom: 16px !important;display: flex;
    align-items: center;justify-content: flex-start;} 
.mktoForm input[type="checkbox"].mktoField:not(old):checked + label {background-image: url('../images/atcore_checkmark.svg');}
.mktoForm input[type="radio"].mktoField { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -99999; }
.mktoForm input[type="radio"].mktoField:not(old) + label { position: relative; cursor: pointer; padding-left: 56px !important; margin-bottom: 0 !important; width: auto; }
.mktoForm input[type="radio"].mktoField:not(old) + label {font-weight: 300 !important; position: relative; left: 0; top: 0; content: ''; width: 48px; height: 24px; color:#000000 !important; background-image: url('../images/atcore_radio_icon1.svg'); background-repeat: no-repeat; background-position: left 0px; background-size: 48px; height: 28px !important;display: flex; align-items: center;}
.mktoForm a{color: #2b2b2b !important; text-decoration: underline !important;}
.mktoForm a:hover{text-decoration: none !important;}
.mktoForm input[type="radio"].mktoField:not(old):checked + label {background-image: url('../images/atcore_radio_icon2.svg');}
.mktoForm .mktoAsterix{display: none !important;} 
/*.mktoForm .mktoRequiredField .mktoAsterix { display: inline-block !important; color: #ff4d4f !important; float: right !important; padding-left: 3px !important; }*/
.mktoForm .mktoFormRow{width: 100% !important;}
.mktoForm select.mktoField{overflow-x: hidden !important;  text-overflow: ellipsis; background: #ffffff url("../images/atcore_downarrow.svg") no-repeat 98% center !important; background-size: 16px !important; color: #2b2b2b !important; cursor: pointer; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
.mktoForm select::-ms-expand {display: none !important;}
.mktoError {right: auto !important;left: 0 !important;bottom: -72px !important;height: 90px;} 
.mktoForm a{color: #ffffff !important;}
.mktoHtmlText.mktoHasWidth {width: 100% !important; font-size: 16px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #ffffff !important; line-height: 1.3 !important; } 
.mktoForm fieldset legend{margin:0 !important;}
.mktoForm fieldset legend {display: block; width: 100%; display: none; } 
.mktoForm fieldset{padding:0 !important; display: flex; justify-content: center; flex-wrap: wrap;  border:none !important;}
.mktoForm fieldset .mktoFormRow {width:100% !important; }
.mktoForm .mktoLabel:after{display: none !important;}
.mktoForm input[type=checkbox] + label:before,.mktoForm input[type=radio] + label:before{content: none !important;}
.mktoForm textarea.mktoField{height: 120px !important;}
/* Form CSS Ends */



.mktoGen.mktoImg { display: inherit !important; line-height: inherit !important; }