@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --cerise: #F9C705;
    --teal : #12395B;
}
body{font-family: "Figtree", sans-serif;}
h1,h2, h3{font-weight: 800; color: #12395B; }
h1,h2,h3, h4{font-family: "Roboto Condensed", sans-serif;}
h3{line-height: 40px;}
p{color: #333;}
.mbtn{font-weight: 400;}
.container { max-width: 1290px; padding: 0 24px; }
.section-head h3{font-size: 36px;}
.header, .fixedmenu header{background: #12395B;}
.fixedmenu header.scrolled{background: #12395B;}
.hlogo{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.hlogo .usaa-logo img{height: 67px;}
.hlogo .mmk-logo img{height: 50px;}
.fixedmenu header .hlogo{background: none; width: 100%;}
.fixedmenu header .hlogo img{display: block;}
.fixedmenu header .hlogo a{width: auto; height: auto;}
.hero-content-wrap{background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 0%);position: relative; margin-top: -309px; border: 4px solid; border-left: 0; border-right: 0;border-image: linear-gradient(90deg, #F9C705 50%50%, #ffffff00 0%) 1;}
.hero-content{max-width: 807px;border: 4px solid #F9C705;border-left: none;background: #FFF;padding: 48px;padding-left: 0;z-index: 9;position: relative;margin-top: -4px;margin-bottom: -4px;}
.hero-content::before{content: "";}
.hero-content p:last-child{margin-bottom: 0;}
.section-label{color: #6E6E6E; margin-bottom: 8px;}
.hero-image-section img{width: 100%;}
.difference{padding: 88px 0;}
.difference .dflex{gap: 66px; align-items: center;}
.difference-contant{flex: 1;}
.difference-contant h3{font-size: 36px;}
.difference-contant p{margin-bottom: 0;}
.benefits-section{background: rgba(223, 223, 222, 0.50); padding: 88px 0;}
.benefits{display: flex; flex-wrap: wrap; gap: 24px;}
.benefits-card{min-width: 229px; min-height: 163px; padding: 24px; display: flex; gap: 18px; flex-direction: column; align-items: center; border-radius: 8px;background: #FFF; box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.12); flex: 1;}
.benefits-icon{width: 60px; height: 60px; border: 1px solid #F9C705; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.benefits-icon img{width: 40px; height: 40px;}
.benefits-card h4{font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 150%; font-weight: 500; color: #12395B; text-align: center;}
.join-usaa{padding: 88px 0;}
.join-usaa .steps-wrap { display: flex;padding: 48px;flex-direction: column; border-radius: 8px;background:  #12395B; gap: 32px; } 
.join-usaa .steps { display: flex;flex-direction: column;  gap: 32px; position: relative;} 
.join-usaa .steps::before{content: ""; border-left: 2px solid #F9C705; height: 100%; left: 29px; position: absolute;}
.join-usaa .step { display: flex; align-items: flex-start; gap: 18px; } 
.join-usaa .circle { background: #12395B; border: 2px solid #F9C705; color: #fff; border-radius: 50%; width: 60px; height: 60px; flex: 0 0 60px; text-align: center;  line-height: 57px; font-size: 20px; z-index: 1; font-weight: 600;} 
.join-usaa .content{display: flex; flex-direction: column;justify-content: center;}
.join-usaa .content h3 {color: #F9C705;margin-bottom: 7px;font-size: 20px;font-weight: 700;line-height: 120%;}
.join-usaa .steps-wrap  p{color: #FFF; margin-bottom: 0;}
.job-info-section{margin-top: -240px;}
.job-info-section h2{color: #fff;font-size: 48px;font-weight: 900;line-height: 120%;}
.job-info-wrap{background: linear-gradient(90deg,rgb(249, 199, 5)  50%, rgba(255, 255, 255, 0) 0%);position: relative;}
.job-opportunities .job-image img{width: 100%;}
.job-opportunities .job-info{max-width: 834px;background: #F9C705;display: flex;align-items: end;justify-content: space-between;padding: 48px;padding-top: 24px;padding-left: 0;}
.job-opportunities .job-info .job-info-left h3{margin-bottom: 16px;font-size: 32px;}
.job-opportunities .job-info .job-info-left p{margin-bottom: 14px;}
.job-opportunities .job-info .job-info-left .job-card-info{font-size: 12px; display: flex; flex-wrap: wrap; gap: 8px;}
.job-opportunities .job-info .job-info-left .job-card-info span{background-color: #fff;border-radius: 4px;padding: 8px 8px 8px 10px;text-align: center;display: inline-flex;margin-bottom: 0;align-items: center;column-gap: 8px;height: 40px;font-size: 16px;}
.about-job{padding-top: 48px;max-width: 1024px;margin: auto; position: relative;}
.about-job h4{margin-bottom: 18px;color: #12395B;}
.about-job ul{list-style: disc; list-style-position: outside; padding-left: 24px; margin-bottom: 18px;}
.read-more-button-wrap{height: 271px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.91) 50%, #FFF 100%); position: absolute; bottom: 0; display: flex ; align-items: end; justify-content: center;}
#register-form{background-color: #12395B}
.register-interest-form{background-color: #12395B; color: #fff; padding: 0; max-width: 600px;}
#register-form h2{color: #fff; margin-bottom: 16px;}
#register-form p{color: #FFF;}
.mform-wrap .form-control, .mform-wrap .form-control.error, .mform-wrap .form-control.error ~ .custom-genrt-div, .mform-wrap .form-control:valid.error, .mform-wrap input:focus:focus, .mform-wrap input.form-control:focus:focus, .mform-wrap .form-control:focus:focus, .custom-genrt-div.form-control.clicked-ul{background: transparent !important;}
.mform-wrap .form-control{color: #fff;}
.mform-wrap .form-control:focus~label, .mform-wrap .form-control.clicked-ul~label, .mform-wrap .form-control.valid~label, .mform-wrap .form-control.error~label, .mform-wrap .form-control.selected~label{color: rgba(255, 255, 255, 0.75);}
.mform-wrap .form-group-inner .form-control ~ label{font-size: 16px; color: rgba(255, 255, 255, 0.75);}
.form-control.custom-genrt-div::before{display: none;}
.form-control.custom-genrt-div::after{color: #fff;}
.register-interest-form .mform-wrap .upload-cv-text p{color: #fff;}
.register-interest-form .mform-wrap .form-bottom-text p{color: #fff;}
.mform-wrap input#edit-cv-upload:hover{color: #333;}
.register-interest-form .mform-wrap .kickstart-radio .form-check-label{margin-bottom: 0px;}
.register-interest-form .mform-wrap .kickstart-radio .form-check-label label{margin-bottom: 0;}
.mform-wrap .form-group-inner.kickstart-radio{margin-bottom: 16px;}
.mform-wrap .custom-genrt-ul li{color: #333;}
section.usaa-about-videos{padding: 0;}
.usaa-about-videos .section-wrap{display: flex;flex-wrap: wrap;gap: 48px; justify-content: center;}
.video-card{width: calc(50% - 24px); position: relative; cursor: pointer;}
.video-card img{width: 100%; height: 100%; border-radius: 8px;}
.video-card svg{position: absolute; top: calc(50% - 26px); left: calc(50% - 26px); }
.video-card h4{position: absolute; bottom: 24px; left: 24px; color: #fff; text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.50); font-size: 32px;}
.close-btn{position: absolute; right: 9px; top: 0px; z-index: 1; font-size: 30px; color: #fff; cursor: pointer;}
.mbtn-red.form-submit{background: #fff; color: #12395B;}
.mbtn-red.form-submit:hover{background: #F9C705; color: #12395B;}
.mbtn-red.form-submit:focus{box-shadow: 0 0 0 3px #ebd88f;}
.mform-wrap .clr-field::after{color: #fff;}
.thankyou-msg-container p a{color: #12395B; text-decoration: underline;}
.job-apply .mbtn-blue:hover{background: #fff; color: #12395B;}
.job-apply .mbtn-blue:focus{box-shadow: 0 0 0 3px #84bdef;}
.read-more-button-wrap .mbtn-blue:hover{background: #F9C705; color: #12395B;}
.read-more-button-wrap .mbtn-blue:focus{box-shadow: 0 0 0 3px #ebd88f;}
.usaa_hidden_body{transition: max-height 1s ease; max-height: 0; overflow: hidden; display: block !important;}
.job-opportunities.showMe .usaa_hidden_body{max-height: 1400px;}
.mform-wrap .upload-cv:hover label, .register-interest-form .mform-wrap .upload-cv:hover label, .mform-wrap .upload-cv:hover label:before{color: #12395B;}
.mform-wrap .upload-cv, .register-interest-form .mform-wrap .upload-cv label, .mform-wrap .upload-cv label:before{transition: all 0.3s ease-in-out;}
.mform-wrap .remove-file-btn{color: #12395B;}
.mform-wrap .remove-file-btn:hover{background: #fff !important;}
.mform-wrap .file-attached .upload-cv:active{background: transparent;}
.form-consent a:hover, .form-bottom-text a:hover{color: #fff;}
.mform-wrap .form-check input:checked~.checkmark::before{color: #12395B;}
@media (min-width: 576px) {
     .modal-dialog { max-width: 1024px; width: 80%;}
}
@media (max-width: 767px) {
    header{padding: 16px 0;}
    .hero-content-wrap{margin-top: 0;border: none;}
    .hero-content{border: none; margin: 0; padding: 0; padding-top: 24px;}
    .hero-content h1{font-size: 36px;}
    .difference .dflex{gap: 24px;}
    .difference-contant h3, .section-head h3{font-size: 26px; line-height: 120%;}
    .join-usaa .steps-wrap{padding: 24px;}
    .join-usaa .steps::before{height: 90%; left: 19px;}
    .join-usaa .circle{width: 40px; height: 40px; flex: 0 0 40px; line-height: 37px;font-size: 16px;}
    .usaa-about-videos .section-wrap{flex-direction: column; gap: 24px;}
    .video-card{width: 100%;}
    .video-card h4{font-size: 20px; left: 16px; bottom: 8px;}
    .job-info-section{margin-top: -120px;}
    .job-info-section h2{font-size: 36px;}
    .job-opportunities .job-info{padding: 24px; padding-left: 0; flex-direction: column; align-items: flex-start; gap: 24px;}
    .job-opportunities .job-info .job-info-left .job-card-info span{font-size: 14px;}
    #register-form .section-head{margin-bottom: 0;}
    #register-form .section-head p{margin-bottom: 0;}
    .mform-wrap .intl-tel-input{width: 100%;}
    .client-wrapper .register-interest-form{padding: 24px 0;}
    .slick-track{display: block;}
    .slick-initialized .slick-slide.benefits-card{margin: 22px 12px; display: flex;}
    .benefits-section .section-head{margin-bottom: 24px;}
    .slick-dots .slick-track{display: flex;}
    .slick-dots.slick-slider{margin: 0 25%;}
    .usaa_hidden_body{transition: max-height 1.7s ease;}
    .job-opportunities.showMe .usaa_hidden_body{max-height: 3300px;}
}
@media (max-width: 374px) {
    .benefits-card h4{font-size: 14px;}
}