/* Base Styles
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --primary: #0A4681;
    --heading: #212121;
    --text: #000000;
    --white: #ffffff;
    --container-width: 1090px;
    --font-primary: "Montserrat", sans-serif;
    --regular: 400;
    --bold: 700;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; webkit-font-smoothing: antialiased;   scroll-behavior: smooth; font-family: var(--font-primary);  }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-variant-ligatures: none;}
.up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.up input[type="button"], .up input[type="submit"] {appearance: none; -webkit-appearance: none !important; }
.up a { text-decoration: none; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; }
.up a:hover { text-decoration: none; }
/* :focus { border: 1px solid red !important; } */
.up sup {font-size: 90%;position: relative;top: 0.3em;line-height: 0.8;}
.up sup.reg {font-size: 55%;top: 0;}
.up .clear { clear: both; }
.up img { max-width: 100%; }
.up button:focus {outline:0;}
.up .text-transform { text-transform: uppercase; }
.up .preloader { display: none; }
.up img { vertical-align: bottom; }

:is(.up h1,.up h2,.up h3,.up h4,.up h5,.up h6, .up .p_class) { font-family: var(--font-primary);; letter-spacing: 0em; }
.up h1 { font-size: 35px; line-height: 1.2; color: var(--white); font-weight: var(--bold); margin-bottom: 24px; }
.up h2 { font-size: 23px; line-height: 1.17; color: var(--heading); font-weight: var(--bold); text-align: center; margin-bottom: 48px; }
.up h3 { font-size: 13px; line-height: 1.15; color: var(--primary); font-weight: var(--bold); margin-bottom: 20px; }
.up .p_class { font-size: 13px; line-height: 1.53; color: var(--white); font-weight: var(--regular); }
.up .p_class.dark { font-size: 13px; line-height: 1.15; color: var(--text); font-weight: var(--regular); }

/* #Page Structure
=============================== */
body.up { margin: 0; padding: 0; font-size: 16px; color: #000000; background: #f7f7f7; font-weight: 400;overflow-x: hidden;}
.up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;overflow-x: hidden;}
.up .container {max-width: var(--container-width); padding: 0 25px; margin: 0 auto;}
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up a:hover { color: var(--primary); }
.up a:focus { outline: none; }
.up a:active { outline: none; }
.up a:hover, .up a:focus { text-decoration: none; }
.up .btn-main { font-size: 17px; line-height: 1.17; letter-spacing: 0.0px; font-weight: var(--bold); color: var(--white); background-color: #D89000; font-family: var(--font-primary); padding: 15px 38px; text-transform: capitalize; display: flex; width: fit-content; }
.up .btn-main:hover, .up .btn-main:active { background-color: #b07600; color: #fff; }
.up .mid-container{width:100%; display: flex; align-items: center; flex-direction: column;}
.up section{ width: 100%; }
.mktoGen.mktoImg { display: inherit !important; line-height: inherit !important; }

/* ~~~~~ Flex Container ~~~~~ */
.up .flex-container { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.up .flex-end {justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.up .flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.up .flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .flex-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
/* ~~~~~ / Flex Container ~~~~~ */



/* Nav Section Styles */
.up header .nav-wrap { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 20px 0; }
.up header .nav-wrap img { width: 100%; width: 150px; }

/* Hero Section Styles */
.up .hero.section { position: relative;  overflow: hidden; background-size: cover; }
.up .hero.section .imageContainer { position: relative; background-size: 71%; height: 100%; max-width: 1171px; width: 100%; }
.up .hero.section .container { padding: 84px 25px 174px; z-index: 2;position: relative; }
.up .hero.section .imagewrap{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: center;  z-index: 1; }
.up .hero.section .hero-flex {display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;}
.up .hero.section .hero-content {flex: 1; max-width: 378px;}
.up .hero.section .hero-form {flex: 1; max-width: 408px; min-height: 478px; background: rgba(0, 0, 0, 0.6); padding: 32px;}

/* Benefits Section Styles */
.up .benefits.section {padding: 60px 0 30px;}
.up .benefits.section .benefits-grid { display: flex; flex-wrap: wrap; gap: 54px; justify-content: center; }
.up .benefits.section .benefit-card { text-align: center; flex: 0 1 calc(25% - 41px); }
.up .benefits.section .benefit-card img {width: 64px; height: 64px; margin-bottom: 24px;}

/* Team CTA Section */ 
.up .team-cta.section { padding: 30px 0 60px; } 
.up .team-cta .team-grid { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } 
.up .team-cta .team-image { position: relative; overflow: hidden; flex: 0 1 calc(33% - 11px); } 
.up .team-cta .team-image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; } 
.up .team-cta .cta-content { text-align: center; display: flex; justify-content: center; margin-top: 48px; }

/* Footer Section */ 
.up footer { padding: 60px 0; color: #FFFFFF; } 
.up .footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } 
.up .footer-col .title h4 { color: #FFFFFF; font-size: 18px; font-weight: 400; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid hsla(0, 0%, 100%, .4); } 
.up .footer-links { list-style: none; padding: 0; margin: 0; } 
.up .footer-links li { margin-bottom: 8px; } 
.up .footer-links a { color: #FFFFFF; text-decoration: none; transition: opacity 0.3s ease; font-size: 13px; font-weight: bold; } 
.up .footer-links a:hover { opacity: 0.8; } 
.up .contact-info > div { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 20px; font-size: 13px; line-height: 1.5; color: #e1e1e1; } 
.up .contact-info .email img { width: 23px; } 
.up .contact-info .phone-numbers img { width: 17px; } 
.up .contact-info .phone-numbers .phone-wrap { display: flex; gap: 4px; flex-wrap: wrap; } 
.up .contact-info .address img { width: 19px; } 
.up .contact-info .phone-numbers > div { display: flex; flex-direction: column; gap: 8px; } 
.up .contact-info a { text-decoration: none; transition: opacity 0.3s ease; color: #fff; } 
.up .contact-info a:hover { color: #c3c3c3; }

.up .hero.section .hero-form {display: flex; align-items: center;}
.up .hero.section .hero-form .form-container{width: 100%;}
.thank-you-message .message-body { font-size: 24px; color: #fff; }

/* Form CSS Start */
/**Form********************************************/
.mktoForm textarea.mktoField:focus-visible { outline: none!important; }
form.mktoForm { width:100% !important; padding: 0 !important;}
.mktoForm { width: 100% !important; padding: 0 !important; }
.mktoForm .mktoFormCol { width: 100% !important; float: left; margin-bottom: 0px !important; }
.mktoForm .mktoFormRow {padding-bottom:0 !important; display: flex; gap: 50px;}
.mktoForm .mktoClear { display: none !important; }
.mktoForm .mktoFieldWrap {width: 100% !important;float: left; margin: 0 !important;position: relative !important;flex-direction: column; display: flex !important; margin-bottom: 32px !important;}
.mktoForm{padding: 0px !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; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; margin-bottom: 0px !important; box-shadow: none !important;  -webkit-box-shadow: none !important; height: auto !important;background-color: #ffffff !important; padding: 11px 6px !important; font-family: var(--font-primary); font-size: 14px !important; line-height: 1.21 !important;}
.mktoForm textarea.mktoField {height: 116px!important;}
.mktoOffset { width: 0px !important;}
.mktoForm .mktoGutter {width: 0px !important; height: 0 !important;}
.mktoButtonRow span {margin-left: 0px !important;}
.mktoButtonRow { display:flex !important;align-items: center;justify-content: center;position: relative; grid-column: span 2;}
.marketoForm .mktoButtonRow .mktoButtonWrap.mktoNative{margin-left: 0 !important;}
.mktoButton {position: relative !important; float: none; display: block; max-width: 100% !important; margin: 0 !important; transition: 0.5s; -webkit-transition: 0.5s;text-align: left !important;cursor: pointer; background-color: #D89000!important; color: #ffffff!important; background-image: none !important; border: 1px solid #D89000!important; padding: 15px 38px!important; font-size: 17px!important; line-height: 1.17!important; font-weight: var(--bold)!important; font-family: var(--font-primary)!important; }
.mktoButton:hover, .mktoButton:focus, .mktoButton.active { background-color: #b07600!important; color: #ffffff!important; background-image: none !important;  } 
.mktoForm textarea[rows="2"] { border: none; }
.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList { padding: 0 !important; float: left; width: 100% !important; }
.mktoForm input[type="radio"].mktoField + label { position: relative !important; cursor: pointer !important; padding-left: 30px !important; width: auto !important; margin: 0 !important; line-height: 22px !important; font-size: 12px !important; color: #fff !important; font-family: 'Eina 04' !important; font-weight: 400 !important; float: left; clear: both; font-style: normal !important; }
.mktoForm a{color: #024cb7 !important; text-decoration: none!important;}
.mktoForm a:hover{text-decoration: underline!important;}
.mktoForm .mktoAsterix{display: none !important;} 
.mktoForm .mktoRequiredField .mktoAsterix { display: inline-block !important; color: #bf0000 !important; float: left !important; padding-left: 0px !important; padding-right: 7px !important; font-weight: 600 !important; }
.mktoForm .mktoFormRow{width: 100% !important;}
.mktoForm select.mktoField{font-family: 'Eina 04' !important;  background-size: 11px !important; color: #000000 !important; cursor: pointer; background-color: #ffffff !important;}
.mktoForm select::-ms-expand {display: none !important;}
.mktoForm .mktoField{font-size: 14px !important;}
.mktoHtmlText.mktoHasWidth {width: 100% !important; font-size: 16px !important; font-family: 'Eina 04' !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 .mktoLabel { display: none !important; }
.mktoForm input[type=checkbox] + label:before,.mktoForm input[type=radio] + label:before{content: none !important;}
.marketoForm .mktoFieldWrap.forSelect{border-bottom: 1px solid #c6c6c6;}
.marketoForm form {width: 100% !important;max-width: 90% !important;margin: 0 auto !important;}
.marketoForm .mktoForm .mktoFieldWrap label.mktoLabel{width: 100% !important;font-family: 'Eina 04' !important;text-align: left;position: absolute!important;padding: 0 .25rem !important;font-size: 14px !important;line-height: 18px !important;  color: #575757 !important;z-index: 1 !important;transition-property: all !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
    transition-duration: .15s !important;padding-bottom: 8px !important;left: 0px !important; top: 22px !important;font-weight: 400 !important;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;transform: scale(1, 1);}
.marketoForm .mktoForm .mktoFieldWrap label.mktoLabel.focusedLabel{top: -8px !important;transform: scale(1, .9);left: -5px !important;font-size: 14px !important;line-height: 16px !important;}
.mktoForm select.mktoField{padding: .5rem !important;}
.marketoForm .mktoForm .mktoFieldWrap label.mktoLabel.focusedLabel .mktoAsterix{padding-left: 0px !important;}
.marketoForm .mktoForm .mktoFieldWrap label.mktoLabel.forSelect{transform: scale(1, .9) !important;top: -8px !important;left: -5px !important;font-size: 14px !important;line-height: 16px !important;  color: #333333 !important;}
.marketoForm .mktoForm .mktoFieldWrap label.mktoLabel.forSelect .mktoAsterix{padding-left: 0px !important;}
.marketoForm * input, .marketoForm * label, .marketoForm * textarea, .marketoForm input, .marketoForm label, .marketoForm textarea{transition-property: all !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
    transition-duration: .15s !important;}
.marketoForm .mktoForm .mktoFieldWrap input, .marketoForm .mktoForm .mktoFieldWrap textarea{border-bottom: 1px solid #c6c6c6 !important;padding: .5rem !important;font-size: 13px !important; line-height: 16px !important;color: #333333 !important;font-family: 'Eina 04' !important;font-weight: 400 !important;background-color: #ffffff !important;}
.mktoForm .mktoError { font-family: var(--Archivo) !important;
    position: static !important; z-index: 99 !important;  color: #bf0000 !important;text-align: left;margin: 0;padding: 0; }
.marketoForm .mktoForm .mktoError .mktoErrorMsg{text-align: left;display: inline !important;border-style: none !important;color: red !important;margin-top: 7px !important;background: transparent !important;text-shadow: none !important;font-size: 1em;
    line-height: 1.2em !important;  max-width: 16em !important; padding: 0.4em 0.6em !important;border: none !important;border-radius: 0px !important;box-shadow: none !important;font-family: var(--Archivo) !important;
    font-weight: 500;}
.marketoForm .mktoForm .mktoFieldWrap textarea{min-height: 5.625rem;  resize: vertical; border: 1px solid #c6c6c6;
    padding: .5rem .625rem;}
.marketoForm .mktoLogicalField.mktoCheckboxList{position: relative; padding: 0;float: left;}
.marketoForm .mktoLogicalField.mktoCheckboxList > input[name=optInConfirmed]{position: absolute; top: 2px; height: 1rem;
    width: 1rem;cursor: pointer;}
.marketoForm .mktoLogicalField.mktoCheckboxList label{font-family: 'Eina 04' !important;margin-bottom: 1em !important; line-height: 1.25 !important;cursor: pointer !important;margin-top: 0 !important;display: block !important;font-size: 13px !important; color: rgb(51, 51, 51) !important;font-weight: 400 !important;padding-left: 5px !important;}
.marketoForm .mktoLogicalField.mktoCheckboxList label a{color: #024cb7 !important;position: relative;}
.marketoForm .mktoLogicalField.mktoCheckboxList label a:hover{text-decoration: none!important;}
.marketoForm .mktoLogicalField.mktoCheckboxList label a::before{content: ""; background-color: #024cb7; opacity: .4; bottom: 0; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: left; transition: all .1s ease-in-out 0s; visibility: hidden; width: 100%;}
.marketoForm .mktoLogicalField.mktoCheckboxList label a:hover::before{transform: scaleX(1);visibility: visible;}
.mktoForm .mktoError .mktoErrorArrowWrap{display: none;}
.mktoForm #LbloptInConfirmed{top: 32px !important;}
.mktoForm .mktoRequiredField #LbloptInConfirmed .mktoAsterix{position: relative;top: 4px; left: -4px;}
.marketoForm .mktoForm .mktoFieldWrap #LblState{transform: scale(.9, .9) !important;top: -8px !important;left: -5px !important;}
.marketoForm .mktoForm .mktoFieldWrap #LblState .mktoAsterix{padding-left: 0px !important;}
.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail{display: inline-block !important;}
/* Form CSS Ends */