@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300%3B400%3B500%3B600%3B700%3B800&family=Inter:wght@300%3B400%3B500%3B600%3B700%3B800&family=Inter+Tight:wght@300%3B400%3B500%3B600%3B700%3B800&display=swap");
/* MarComm CSS custom styles */
/* ========================================================= GENERAL STYLES ========================================================= */
 html {
     scroll-behavior: smooth;
}
 .sticky-wrapper {
     display: none;
}
 .background-blue {
     background-color: #001f45;
}
 .background-gray {
     background-color: #edf2f9;
     color: #041e42;
}
 .background-gray p {
     color: #041e42;
}
 .container + .fw-section {
     background-position: 20% 70px !important;
     background-attachment: unset !important;
}
 .logo-link {
     z-index: 1;
}
 a.logo-link:active {
     opacity: 0.7;
}
 a.logo-link:hover {
     opacity: 0.8;
}
 a.reg-link {
     color: #2f6fa7;
     font-weight: 700;
     text-decoration: none;
}
 a.reg-link:hover {
     color: #041e42;
     text-decoration: underline;
}
 .fw-section.fw-section-bgImage.background-blue {
     background-attachment: inherit !important;
}
 .fw-section.background-gray {
     margin-top: -45px;
}
 .fw-section {
     padding-top: 40px;
     padding-bottom: 60px;
}
/* ========================================================= TYPOGRAPHY ========================================================= */
 .fw-section h1 {
     color: #ffffff;
     font-family: "Crimson Pro", serif;
     font-size: 100px;
     font-weight: 800;
     line-height: 110px;
     text-transform: uppercase;
     text-align: center;
}
 .fw-section h2 {
     font-family: "Crimson Pro", serif !important;
     font-size: 38px;
     font-weight: 800;
     line-height: 54px;
     text-align: center;
     margin-top: 15px;
     margin-bottom: 45px;
}
 .fw-section h3 {
     font-family: "Crimson Pro", serif;
     font-size: 30px;
     font-weight: 700;
     line-height: 40px;
     text-align: center;
}
 .fw-section h4 {
     font-family: "Crimson Pro", serif;
     font-size: 18px;
     font-weight: 700;
     line-height: 20px;
}
 .fw-section .hl-large {
     font-family: "Crimson Pro", serif;
     font-size: 96px;
     font-weight: 800;
     margin: 10px;
     line-height: 0.9;
     text-transform: uppercase;
     text-align: left;
     margin-top: 0;
}
 .fw-section .hl-small {
     font-family: "Crimson Pro", serif;
     font-size: 50px;
     font-weight: 800;
     margin: 10px;
     height: 50px;
}
 .fw-section .stat-title {
     font-family: "Crimson Pro", serif;
     font-size: 70px;
     font-weight: 800;
     margin: 10px;
     height: 54px;
}
 .fw-section p, .fw-section li {
     font-family: "Open Sans", sans-serif;
     font-size: 20px;
     font-weight: 400;
}
 .fw-section .psmall {
     font-family: "Open Sans", sans-serif;
     font-size: 16px !important;
     font-weight: 400;
     margin: 10px;
     height: 26px;
}
 small {
     font-size: 91%;
}
/* ========================================================= BUTTONS ========================================================= */
 .fw-section .btn-primary, .fw-section a.btn-primary {
     background-color: #041e42;
     color: #ffffff !important;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
     border: none;
     width: 100%;
     letter-spacing: 1px;
     padding: 15px;
     font-size: 16px;
     margin: 12px auto 0;
     border-radius: 6px !important;
}
 .fw-section .btn-primary:hover, .fw-section a.btn-primary:hover {
     background-color: #ff8200;
     color: #041e42 !important;
}
 .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
     background-color: #ffffff;
     color: #041e42 !important;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     border: none;
     letter-spacing: 2px;
     padding: 15px 20px;
     font-size: 16px;
     margin: 12px auto 0;
     border-radius: 6px !important;
}
 .fw-section .btn-primary-white:hover, .fw-section a.btn-primary-white:hover {
     color: #041e42 !important;
     background-color: #ff8200 !important;
     text-decoration: none !important;
}
 .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange {
     color: #041e42;
     background-color: #ff8200 !important;
     text-transform: uppercase;
     font-weight: 800;
     text-align: center;
     border: none;
     letter-spacing: 2px;
     padding: 15px 20px;
     font-size: 16px;
     margin: 12px auto 0;
     border-radius: 6px !important;
}
 .fw-section .btn-primary-orange:hover, .fw-section a.btn-primary-orange:hover {
     color: #041e42;
     background-color: #ffffff !important;
     text-decoration: none !important;
}
/* ========================================================= GENERAL COMPONENTS ========================================================= */
 .health-btn {
     min-width: 350px;
}
 .fw-shadow {
     background-color: #ffffff;
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
     padding: 40px;
     text-align: left;
     min-height: 330px;
}
 .fw-shadow .btn-primary-orange, .fw-shadow a.btn-primary-orange {
     display: block;
     margin-top: 30px;
}
 .nopadding {
     margin: 0;
     padding: 0;
}
 .fw-section .background-blue h2 {
     color: #ffffff;
}
/* ========================================================= RESPONSIVE GENERAL ========================================================= */
 @media (max-width: 1500px) {
     .container + .fw-section {
         background-position: 50% 70px !important;
    }
}
 @media only screen and (max-width: 1364px) {
     .fw-section.background-gray {
         margin-top: 0;
    }
     .health-btn {
         min-width: 300px;
    }
}
 @media only screen and (max-width: 1249px) {
     .health-btn {
         min-width: 200px;
    }
     .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
         padding: 15px 20px;
    }
}
 @media only screen and (max-width: 991px) {
     .health-btn {
         min-width: 350px;
    }
     .fw-section h1 {
         font-size: 85px;
         line-height: 84px;
    }
     .fw-section h2 {
         font-size: 32px;
         line-height: 48px;
    }
     .fw-section h4 {
         font-size: 16px;
         line-height: 24px;
    }
     .fw-section .hl-large {
         font-size: 55px;
    }
     .fw-section .hl-small {
         font-size: 45px;
    }
     .fw-section .stat-title {
         font-size: 60px;
         line-height: 44px;
    }
     .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
         font-size: 16px;
         display: block;
         padding: 15px;
         letter-spacing: 1px;
    }
}
 @media screen and (max-width: 990px) {
     .container + .fw-section {
         background-position: right center !important;
    }
}
 @media only screen and (max-width: 576px) {
     .container + .fw-section {
         background-image: none !important;
    }
     .fw-section {
         padding-top: 20px;
         padding-bottom: 30px;
    }
     .fw-section h1 {
         font-size: 45px;
         line-height: 44px;
         margin-bottom: 10px;
    }
     .fw-section h2 {
         font-size: 26px;
         line-height: 32px;
         margin-bottom: 20px;
    }
     .fw-section h4 {
         font-size: 14px;
         line-height: 22px;
    }
     .fw-section p, .fw-section li {
         font-size: 18px;
         line-height: 1.7;
    }
     .fw-section .hl-large {
         font-size: 45px;
    }
     .fw-section .hl-small {
         font-size: 40px;
    }
     .fw-section .stat-title {
         font-size: 44px;
         line-height: 34px;
    }
     .fw-section .psmall {
         font-size: 14px !important;
         font-weight: 400;
         line-height: 22px;
    }
     .fw-section .btn-primary, .fw-section a.btn-primary {
         font-size: 16px;
         text-align: center;
         padding: 15px;
         letter-spacing: 1px;
    }
     .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange, .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
         font-size: 16px;
         display: block;
         padding: 15px;
         letter-spacing: 1px;
    }
     .fw-section .btn-outline, .fw-section a.btn-outline {
         font-size: 14px;
    }
     .fw-section .btn-outline:hover, .fw-section a.btn-outline:hover {
         color: #041e42;
         background-color: #ff8200 !important;
         text-decoration: none;
    }
}
 @media only screen and (max-width: 500px) {
     .fw-section p, .fw-section li {
         font-size: 16px;
    }
     ul.control-child-helper li.control-child-wrapper {
         width: 50% !important;
    }
}
/* ========================================================= NAVIGATION ========================================================= */
 .nav-hero-wr {
     position: relative;
}
 .navigation {
     background-color: #041e42;
}
 .navigation-items {
     margin-left: -10px !important;
     padding-bottom: 20px !important;
     text-align: left;
     padding: 0 15px 15px 0;
     margin: 0;
}
 .w-nav {
     position: relative;
     z-index: 1000;
}
 .w-nav-brand {
     position: relative;
     text-decoration: none;
     color: #333333;
}
 .logo-image {
     width: 390px;
     height: auto;
}
/* ========================================================= HERO BANNER ========================================================= */
 .stripe {
     border-top: 6px solid #ff8200;
}
 #heroB {
     height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
}
 #heroB .herob-container {
     color: #ffffff;
     margin-left: auto;
     margin-right: auto;
}
 #heroB .phs-card {
     color: #ffffff;
     padding-top: 50px;
}
 #heroB .phs-card div:nth-child(2) {
     margin-top: 120px;
     padding-top: 60px;
}
 #heroB .phs-card-mobile {
     display: none;
}
 #heroB .ph-h1 {
     font-family: "Crimson Pro", serif;
     font-size: 60px;
     font-weight: 800;
     line-height: 0.9;
     color: #ffffff;
     margin-top: 20px;
     margin-bottom: 20px;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
 #heroB span.ph-h1-big {
     font-size: 85px;
     margin-top: 0;
}
 #heroB p.ph-big {
     font-size: 20px;
     color: #ff8200;
     font-weight: 800;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
 #heroB .btn-primary, #heroB a.btn-primary {
     color: #041e42 !important;
     background-color: #ffffff;
     padding: 15px;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 800;
     margin-top: 15px;
}
 #heroB .btn-primary:hover, #heroB a.btn-primary:hover, #heroB .btn-primary:active, #heroB a.btn-primary:active {
     color: #041e42 !important;
     background-color: #ff8200;
     text-decoration: none;
}
 @media only screen and (max-width: 1364px) {
     #heroB {
         height: 720px;
    }
     #heroB .phs-card div:nth-child(2) {
         margin-top: 5px;
    }
     #heroB .ph-h1 {
         font-size: 60px;
    }
     #heroB span.ph-h1-big {
         font-size: 73px;
    }
}
 @media only screen and (max-width: 1249px) {
     #heroB {
         height: 750px;
    }
     #heroB .ph-h1 {
         font-size: 50px;
    }
     #heroB span.ph-h1-big {
         font-size: 61px;
    }
}
 @media screen and (max-width: 991px) {
     #heroB {
         height: 440px;
    }
     #heroB .phs-card div:nth-child(2) {
         margin-top: 5px;
    }
     #heroB .ph-h1 {
         padding-top: 50px;
         font-size: 38px;
    }
     #heroB span.ph-h1-big {
         font-size: 47px;
    }
     #heroB .btn-primary, #heroB a.btn-primary {
         margin-bottom: 15px;
         padding: 10px;
         letter-spacing: 0;
    }
}
 @media screen and (max-width: 990px) {
     .navigation-items {
         text-align: center;
         padding: 15px;
         margin: 0;
    }
     .herob-container {
         width: 100%;
    }
     .w-inline-block {
         max-width: 100%;
         display: inline-block;
    }
     .logo-image {
         max-width: 360px;
         height: auto;
         text-align: left;
         margin-bottom: 0;
    }
     #heroB {
         height: auto;
         display: flex;
         justify-content: center;
         align-items: flex-start;
    }
     #heroB .col-sm-6 {
         min-height: 0;
    }
     #heroB .phs-card {
         display: none;
    }
     #heroB .phs-card-mobile {
         display: block;
         margin: 0;
         padding: 0;
    }
     .fw-section.fw-section-bgImage.background-blue {
         background-image: none !important;
    }
     #heroB .ph-h1 {
         font-size: 65px;
         margin-top: -80px;
         text-align: center;
    }
     #heroB .link-arrow-white {
         display: flex;
         justify-content: center;
         margin-top: 0;
         margin-bottom: 10px;
    }
     #heroB p.ph-big {
         font-size: 16px;
         text-align: center;
    }
     #heroB .btn-primary, #heroB a.btn-primary {
         margin-bottom: 15px;
    }
     #heroB p.ph-button {
         text-align: center;
    }
}
 @media screen and (max-width: 630px) {
     #heroB .ph-h1 {
         font-size: 50px;
         margin-top: -80px;
         text-align: center;
    }
}
 @media screen and (max-width: 576px) {
     .navigation-items {
         text-align: center;
         padding: 15px;
         margin: 0;
    }
     .logo-image {
         max-width: 100%;
         text-align: center;
    }
     #heroB .ph-h1 {
         font-size: 50px;
         margin-top: -40px;
    }
     #heroB .link-arrow-white {
         margin: 0 30px;
    }
}
 @media screen and (max-width: 390px) {
     #heroB .ph-h1 {
         font-size: 45px;
         margin-top: -60px;
         text-align: center;
    }
     #heroB .link-arrow-white {
         margin: 0 45px;
    }
     #heroB .link-arrow-white span.text-block-2 {
         text-align: center;
         margin-bottom: 7px;
    }
     #heroB img.icon-btn {
         max-width: 100%;
         display: block;
         margin: 0 auto 15px;
    }
}
 @media screen and (max-width: 280px) {
     #heroB .ph-h1 {
         font-size: 32px;
         text-align: center;
    }
}
/* ========================================================= SPACE SECTION ========================================================= */
 #spaceSect {
     padding-bottom: 110px;
}
 .list-wrapper {
     display: flex;
}
 .lw-headline {
     text-align: center;
     margin-top: 80px;
     margin-bottom: 30px;
}
 .big-headline {
     font-family: "Crimson Pro", serif;
     font-size: 90px;
     line-height: 0.9;
     font-weight: 800;
     color: #041e42;
     margin-top: 0;
     margin-bottom: 0;
     letter-spacing: 0;
     text-transform: uppercase;
     text-align: center;
}
 .list-wrapper ul {
     padding-left: 15px;
     font-size: 18px;
     line-height: 1.7;
     margin-bottom: 30px;
}
 @media only screen and (max-width: 768px) {
     .list-wrapper {
         display: flex;
         flex-direction: column;
    }
     .lw-headline {
         margin-top: 30px;
         margin-bottom: 50px;
    }
     .big-headline {
         font-size: 80px;
         line-height: 0.9;
    }
}
 @media only screen and (max-width: 576px) {
     .big-headline {
         font-size: 50px;
    }
     .list-wrapper ul {
         font-size: 16px;
         margin-bottom: 20px;
    }
}
/* ========================================================= EXPLORE SECTION ========================================================= */
 .explore-wrapper {
     display: flex;
     justify-content: space-between;
}
 .ew-item {
     width: 30%;
     position: relative;
     font-size: 16px;
     text-align: center;
}
 .ew-photo {
     margin-bottom: 20px;
}
 .ew-photo img {
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
 .ew-item h3 {
     text-align: left;
     margin-top: 45px;
     margin-bottom: 30px;
}
 .ew-item p {
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.4;
     margin-top: 20px;
     margin-bottom: 15px;
}
 @media only screen and (max-width: 768px) {
     .explore-wrapper {
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
     .ew-item {
         width: auto;
         margin: 15px 15px 30px;
         text-align: center;
    }
     .ew-item:nth-child(3) {
         width: auto;
         margin: 15px 15px 0;
         text-align: center;
    }
     .ew-item h3 {
         text-align: center;
         margin-top: 15px;
         margin-bottom: 10px;
    }
     .ew-item p {
         margin-top: 10px;
         margin-bottom: 15px;
    }
     .ew-item a {
         width: 90%;
    }
}
 @media only screen and (max-width: 576px) {
     .dw-link-grid {
         position: absolute;
         margin-top: 20px;
         bottom: -30px;
    }
}
/* ========================================================= EDGE SECTION A ========================================================= */
 #edgeSect img {
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 15px;
}
 .image-item:hover {
     cursor: pointer;
}
 #edgeSect p {
     font-size: 20px;
}
 #edgeSect li {
     font-size: 24px;
}
 #edgeSect h3 {
     line-height: 40px;
     font-size: 34px;
     text-align: left;
     padding-bottom: 15px;
     margin-top: 30px;
}
 .responsive-list {
     list-style-type: none;
     padding: 0;
     display: grid;
     grid-template-columns: repeat(3, minmax(250px, 1fr));
     gap: 10px;
     margin: 15px 0 30px;
}
 p.ul-title {
     font-weight: 700 !important;
     text-decoration: underline;
     font-size: 20px;
}
 #edgeSect .responsive-list li {
     font-size: 16px;
     line-height: 1.4;
}
 @media (max-width: 768px) {
     #edgeSect img {
         margin-top: 30px;
    }
     .responsive-list {
         grid-template-columns: repeat(2, minmax(200px, 1fr));
         gap: 15px 45px;
    }
}
 @media (max-width: 480px) {
     .responsive-list {
         grid-template-columns: repeat(1, minmax(100px, 1fr));
    }
     p.ul-title {
         font-weight: 700 !important;
         text-decoration: underline;
         font-size: 18px;
    }
}
 @media only screen and (max-width: 1249px) {
     #edgeSect h3 {
         margin-top: 15px;
    }
}
/* ========================================================= EDGE SECTION B ========================================================= */
 #edgeSectB img {
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 15px;
}
 #edgeSectB p {
     font-size: 20px;
}
 #edgeSectB li {
     font-size: 20px;
     line-height: 1.7;
}
 #edgeSectB h3 {
     line-height: 40px;
     font-size: 34px;
     text-align: left;
     padding-bottom: 15px;
     margin-top: 30px;
}
 @media only screen and (max-width: 1249px) {
     #edgeSectB h3 {
         margin-top: 15px;
    }
}
 @media only screen and (max-width: 991px) {
     #edgeSectB img {
         margin-top: 30px;
    }
}
/* ========================================================= IMAGE SECTION ========================================================= */
 #imageSection h2 {
     margin-bottom: 30px;
}
 #imageSection p {
     margin-bottom: 45px;
}
 .image-wrapper-top {
     display: flex;
     justify-content: space-between;
     padding-bottom: 40px;
}
 .image-wrapper-bottom {
     display: flex;
     justify-content: space-evenly;
}
 .image-item {
     width: 30%;
     position: relative;
}
 .image-item p {
     font-size: 16px;
     line-height: 1.6;
     text-align: center;
}
 .image-photo {
     margin-bottom: 20px;
}
 .image-photo img {
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
 .image-photo img:hover {
     filter: drop-shadow(0 0 5px #d1d1d1);
}
 .image-photo img:focus {
     filter: drop-shadow(0 0 5px #ffffff);
}
 @media only screen and (max-width: 768px) {
     .image-wrapper-top, .image-wrapper-bottom {
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
     .image-wrapper-top {
         padding-bottom: 0;
    }
     #imageSection p {
         margin-bottom: 0;
    }
     .image-item {
         width: auto;
         margin: 15px;
         text-align: center;
    }
     .image-item:nth-child(5) {
         width: auto;
         margin: 15px 15px 0;
         text-align: center;
    }
     .image-item h3 {
         text-align: center;
         margin-top: 15px;
         margin-bottom: 10px;
    }
     .image-item p {
         margin-top: 10px;
         margin-bottom: 15px;
    }
}
/* ========================================================= VIDEO ========================================================= */
 .embed-responsive-16by9 {
     border-radius: 15px !important;
     box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
/* ========================================================= FORM STYLES ========================================================= */
 #formInfo .form-wrapper {
     display: flex;
     align-items: center;
}
 #formInfo .form-wrapper div:nth-child(1) {
     padding: 60px 60px 0;
}
 #formInfo .form-wrapper div:nth-child(1) h2 {
     text-align: center;
}
 #formInfo h3 {
     margin-top: 0;
}
 #formInfo .btn-primary {
     display: block;
     margin: 15px 0;
}
 @media only screen and (max-width: 1024px) {
     #formInfo .form-wrapper h2 {
         padding-left: 15px;
    }
}
 @media only screen and (max-width: 991px) {
     #formInfo .form-wrapper div:nth-child(1) {
         padding: 30px 30px 0;
    }
     #formInfo .form-wrapper h2 {
         padding-left: 15px;
    }
}
 @media only screen and (max-width: 768px) {
     #formInfo .form-wrapper {
         flex-direction: column;
    }
     #formInfo .form-wrapper div:nth-child(1) {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 @media only screen and (max-width: 636px) {
     #formInfo .form-wrapper div:nth-child(1) {
         padding-bottom: 0;
         padding-top: 15px;
    }
     #formInfo .form-wrapper div:nth-child(2) {
         padding-top: 15px;
         padding-bottom: 15px;
    }
}
/* ========================================================= LOYA SCHOLARS ========================================================= */
 .loya-page, .loya-page * {
     box-sizing: border-box;
}
 .loya-page {
     color: #002855;
     background: #ffffff;
     font-size: 17px;
     line-height: 1.55;
     text-align: left;
     overflow: visible;
}
 .loya-page p {
     margin-top: 0;
     margin-bottom: 18px;
     font-weight: 400;
}
 .loya-page strong {
     font-weight: 700;
}
 .loya-page h1, .loya-page h2, .loya-page h3, .loya-page h4 {
     font-family: "Crimson Pro", serif !important;
     text-align: left !important;
}
 .loya-full {
     position: relative;
     width: 100vw;
     max-width: none !important;
     margin-left: calc(50% - 50vw);
}
 .loya-container {
     width: calc(100% - 48px);
     max-width: 1120px;
     margin: 0 auto;
}
 .loya-container-narrow {
     width: calc(100% - 48px);
     max-width: 1120px;
     margin: 0 auto;
}
/* ========================================================= LOYA HERO ========================================================= */
 #loyaHero {
     position: relative;
     z-index: 1;
     min-height: 590px;
     overflow: hidden;
     background: #ffffff;
}
 #loyaHero::after {
     content: "";
     position: absolute;
     z-index: 1;
     inset: 0;
     background: rgba(4, 30, 66, 0.3);
     pointer-events: none;
}
 .loya-hero-picture {
     position: absolute;
     inset: 0;
     display: block;
     width: 100%;
     height: 100%;
}
 .loya-hero-image {
     position: absolute;
     inset: 0;
     display: block;
     width: 100%;
     height: 100%;
     max-width: none !important;
     object-fit: cover;
     object-position: center center;
}
 .loya-hero-video {
     position: absolute;
     z-index: 0;
     inset: 0;
     display: block;
     width: 100%;
     height: 100%;
     max-width: none !important;
     object-fit: cover;
     object-position: center center;
}
 .loya-hero-inner {
     position: relative;
     z-index: 2;
     min-height: 590px;
}
 .loya-brand {
     display: inline-block;
}
 .loya-brand img {
     display: block;
     width: auto;
     height: 96px;
     max-width: 335px;
}
 .loya-hero-title {
     width: 740px;
     max-width: 92%;
     margin-top: 48px;
     padding: 28px 31px 30px;
     background: transparent;
}
 .loya-hero-title h1 {
     margin: 0 !important;
     color: #ffffff !important;
     font-family: "Crimson Pro", serif !important;
     line-height: 1.07 !important;
     text-transform: none !important;
}
 .loya-hero-line-one, .loya-hero-line-two {
     display: block;
}
 .loya-hero-line-one {
     margin-bottom: 7px;
     font-size: 45px;
     font-weight: 300;
}
 .loya-hero-line-two {
     font-size: 70px;
     font-weight: 600;
}
 .loya-hero-subheadline {
     max-width: 620px;
     margin: 10px 0 0;
     color: #ffffff !important;
     font-family: "Inter", Arial, sans-serif;
     font-size: 20px;
     line-height: 1.4;
     font-weight: 600;
     letter-spacing: 0.01em;
     text-align: left;
}
 .loya-hero-apply {
     display: inline-block;
     margin-top: 14px;
     padding: 12px 28px;
     border: 2px solid #041e42;
     border-radius: 6px !important;
     background: #041e42;
     color: #ffffff !important;
     font-size: 17px;
     font-weight: 700;
     line-height: 1;
     text-decoration: none !important;
     text-transform: uppercase;
     transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
 .loya-hero-apply:hover, .loya-hero-apply:focus {
     background: #ffffff;
     color: #041e42 !important;
     transform: translateY(-2px);
     box-shadow: 0 5px 12px rgba(0, 40, 85, 0.18);
}
 .loya-mobile-cta {
     display: none;
}
 .loya-mobile-cta-inner {
     width: calc(100% - 32px);
     max-width: 520px;
     margin: 0 auto;
}
 .loya-mobile-title {
     margin: 0 0 24px !important;
     color: #ffffff !important;
     font-family: "Crimson Pro", serif !important;
     line-height: 1.08 !important;
     text-transform: none !important;
}
/* ========================================================= LOYA TIMELINE ========================================================= */
 .loya-timeline-wrap {
     position: relative;
     z-index: auto;
     margin-top: -58px;
     margin-bottom: -65px;
}
 .loya-timeline-wrap::before {
     content: "";
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 50%;
     width: 100vw;
     transform: translateX(-50%);
     background: #041e42;
     pointer-events: none;
}
 .loya-timeline {
     position: relative;
     z-index: 3;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     overflow: hidden;
     padding: 24px 19px;
     border-radius: 12px !important;
     background: #ffffff;
     box-shadow: 0 5px 13px rgba(0, 40, 85, 0.1);
}
 .loya-timeline-item {
     min-height: 74px;
     padding: 9px 21px;
     border-right: 1px solid #002855;
     color: #002855;
     font-size: 19px;
     font-weight: 400;
     line-height: 1.35;
     text-align: left;
}
 .loya-timeline-item:last-child {
     border-right: 0;
}
 .loya-timeline-item strong {
     display: block;
     margin-bottom: 2px;
     color: #002855;
     font-weight: 700;
     text-transform: uppercase;
}
/* ========================================================= LOYA BENEFITS ========================================================= */
 .loya-benefits {
     position: relative;
     z-index: 1;
     padding-top: 130px;
     padding-bottom: 78px;
     background-color: #041e42;
     background-image: url("https://www.utep.edu/lp/loyascholars/_files/images/loya-images/pattern-mandela-1.svg");
     background-repeat: repeat;
     background-size: 80px 80px;
}
 .loya-benefits h2 {
     margin: 0 0 48px !important;
     color: #ff8200 !important;
     font-size: 40px !important;
     line-height: 1.15;
     font-weight: 700;
}
 .loya-benefit-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 34px;
}
.loya-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
 .loya-benefit-icon {
     flex: 0 0 82px;
     width: 82px;
     height: 82px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     border-radius: 10px !important;
     margin: 0 0 18px;
     padding: 4px;
}
 .loya-benefit-icon img {
     display: block;
     width: 82px;
     height: 82px;
     object-fit: contain;
}
.loya-benefit p {
    width: 100%;
    margin: 0;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42;
    text-align: center;
}
 .loya-benefit p strong {
     color: #ff8200 !important;
     font-weight: 700;
}
/* ========================================================= LOYA SCHOLAR ========================================================= */
 .loya-scholar {
     position: relative;
     width: 100vw;
     max-width: none;
     margin-left: calc(50% - 50vw);
     padding: 66px 0 34px;
     background: #ffffff;
}
 .loya-heading-line {
     display: flex;
     align-items: center;
     gap: 27px;
     margin-bottom: 29px;
}
 .loya-heading-line h2 {
     margin: 0 !important;
     color: #002855 !important;
     font-size: 40px !important;
     line-height: 1.12;
     font-weight: 700;
}
 .loya-heading-line span {
     width: 235px;
     height: 1px;
     background: #002855;
}
 .loya-scholar h3 {
     margin: 43px 0 19px;
     color: #041e42 !important;
     font-size: 29px !important;
     line-height: 1.2;
     font-weight: 700;
}
 .loya-scholar p {
     max-width: 1000px;
     text-align: left;
}
 .loya-scholar a {
     color: #005ea8;
     text-decoration: underline;
     text-underline-offset: 2px;
}
 .loya-scholar a:hover, .loya-scholar a:focus {
     color: #002855;
}
 .loya-scholar p:last-child {
     margin-top: 28px;
     margin-bottom: 0;
}
/* ========================================================= LOYA ELIGIBILITY ========================================================= */
 .loya-eligibility {
     position: relative;
     width: 100vw;
     max-width: none;
     margin-left: calc(50% - 50vw);
     padding: 38px 0 84px;
     background: #ffffff;
}
 .loya-eligibility h2 {
     margin: 0 0 32px !important;
     color: #002855 !important;
     font-size: 39px !important;
     line-height: 1.15;
     font-weight: 700;
}
 .loya-eligibility-intro {
     max-width: 1000px;
     margin-bottom: 31px !important;
     color: #525252;
     font-weight: 400 !important;
}
 .loya-eligibility-lead {
     margin-bottom: 31px !important;
     color: #002855;
     font-size: 21px;
     line-height: 1.4;
     font-weight: 700 !important;
}
 .loya-criteria {
     margin: 0 0 41px;
     padding: 0;
     list-style: none;
}
 .loya-criteria li {
     position: relative;
     margin-bottom: 23px;
     padding-left: 28px;
     color: #002855;
     font-weight: 600;
     text-align: left;
}
 .loya-criteria li::before {
     content: "◆";
     position: absolute;
     top: 2px;
     left: 0;
     color: #ff8200;
     font-size: 15px;
}
 .loya-next-step {
     max-width: 760px;
     margin: 0 0 28px !important;
     color: #041e42;
     font-size: 29px;
     line-height: 1.25;
     font-weight: 700 !important;
}
 .loya-action-link {
     position: relative;
     display: inline-block;
     padding: 10px 38px 9px 0;
     border-bottom: 2px solid #ff8200;
     color: #002855 !important;
     font-weight: 700;
     text-decoration: none !important;
     text-transform: uppercase;
     transition: padding-left 0.25s ease;
}
 .loya-action-link::after {
     content: "→";
     position: absolute;
     right: 8px;
     color: #ff8200;
     transition: transform 0.25s ease;
}
 .loya-action-link:hover, .loya-action-link:focus {
     padding-left: 5px;
     color: #002855 !important;
}
 .loya-action-link:hover::after, .loya-action-link:focus::after {
     transform: translateX(5px);
}
/* ========================================================= LOYA FULL RIDE ========================================================= */
 .loya-full-ride {
     padding: 62px 0 70px;
     background: #eaf1f8;
}
 .loya-full-ride h2 {
     margin: 0 0 15px !important;
     color: #002855 !important;
     font-size: 42px !important;
     line-height: 1.13;
     font-weight: 700;
}
 .loya-full-ride h3 {
     margin: 0 0 23px !important;
     color: #041e42 !important;
     font-size: 28px !important;
     line-height: 1.2;
     font-weight: 700;
}
 .loya-full-ride-intro {
     max-width: 800px;
     margin-bottom: 0 !important;
     color: #002855;
}
/* ========================================================= LOYA HOVER CARDS ========================================================= */
 .loya-hover-grid {
     display: flex;
     align-items: flex-start;
     gap: 18px;
     margin-top: 49px;
}
 .loya-hover-card {
     position: relative;
     flex: 1 1 0;
     min-width: 0;
     overflow: hidden;
     background: #002855;
     box-shadow: 0 3px 9px rgba(0, 40, 85, 0.08);
     cursor: default;
     transition: flex 0.4s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
 .loya-card-media {
     position: relative;
     height: 255px;
     overflow: hidden;
     background: #ffffff;
     transition: height 0.4s ease;
}
 .loya-card-image {
     position: absolute;
     inset: 0;
     overflow: hidden;
}
 .loya-card-image img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     transition: transform 0.42s ease;
}
 .loya-benefit-image-three {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffffff;
}
 .loya-image-placeholder {
     padding: 14px 18px;
     border: 2px dashed #62798d;
     color: #002855;
     font-size: 14px;
     line-height: 1.3;
     font-weight: 600;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.04em;
}
 .loya-card-hover-layer {
     position: absolute;
     z-index: 2;
     inset: 0;
     background: rgba(0, 40, 85, 0.74);
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
}
 .loya-card-reveal {
     position: absolute;
     z-index: 3;
     inset: 0;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 28px;
     color: #ffffff;
     opacity: 0;
     transform: translateY(20px);
     pointer-events: none;
     transition: opacity 0.3s ease, transform 0.38s ease;
}
 .loya-card-reveal h4 {
     margin: 0 0 13px !important;
     color: #ffffff !important;
     font-size: 20px !important;
     line-height: 1.2;
     font-weight: 700;
}
 .loya-card-reveal p, .loya-card-reveal li {
     color: #ffffff !important;
     font-size: 15px;
     line-height: 1.44;
     font-weight: 400;
}
 .loya-card-reveal p {
     margin-bottom: 9px;
}
 .loya-card-reveal ul {
     margin: 4px 0 0;
     padding-left: 19px;
}
 .loya-card-reveal li {
     margin-bottom: 3px;
}
 .loya-card-title {
     position: relative;
     z-index: 4;
     height: 92px;
     min-height: 92px;
     display: flex;
     align-items: center;
     overflow: hidden;
     padding: 17px 18px;
     background: #002855;
     opacity: 1;
     transition: height 0.35s ease, min-height 0.35s ease, padding 0.35s ease, opacity 0.2s ease, transform 0.35s ease;
}
 .loya-card-title h4 {
     margin: 0 !important;
     color: #ffffff !important;
     font-size: 18px !important;
     line-height: 1.2;
     font-weight: 700;
}
 .loya-hover-card:hover {
     flex: 1.65 1 0;
     transform: translateY(-3px);
     box-shadow: 0 11px 24px rgba(0, 40, 85, 0.17);
}
 .loya-hover-card:hover .loya-card-media {
     height: 390px;
}
 .loya-hover-card:hover .loya-card-image img {
     transform: scale(1.02);
}
 .loya-hover-card:hover .loya-card-hover-layer {
     opacity: 1;
}
 .loya-hover-card:hover .loya-card-reveal {
     opacity: 1;
     transform: translateY(0);
}
 .loya-hover-card:hover .loya-card-title {
     height: 0;
     min-height: 0;
     padding-top: 0;
     padding-bottom: 0;
     opacity: 0;
     transform: translateY(100%);
}
 .loya-hover-card:focus-visible {
     flex: 1.65 1 0;
     transform: translateY(-3px);
     box-shadow: 0 11px 24px rgba(0, 40, 85, 0.17);
     outline: 3px solid #ff8200;
     outline-offset: 4px;
}
 .loya-hover-card:focus-visible .loya-card-media {
     height: 390px;
}
 .loya-hover-card:focus-visible .loya-card-image img {
     transform: scale(1.02);
}
 .loya-hover-card:focus-visible .loya-card-hover-layer {
     opacity: 1;
}
 .loya-hover-card:focus-visible .loya-card-reveal {
     opacity: 1;
     transform: translateY(0);
}
 .loya-hover-card:focus-visible .loya-card-title {
     height: 0;
     min-height: 0;
     padding-top: 0;
     padding-bottom: 0;
     opacity: 0;
     transform: translateY(100%);
}
/* ========================================================= LOYA ADVANTAGE / COLLAGE ========================================================= */
 .loya-advantage-heading {
     width: calc(100% - 48px);
     max-width: 1120px;
     margin: 0 auto;
     padding: 68px 0 34px;
     background: #ffffff;
}
 .loya-advantage-heading h2 {
     margin: 0 !important;
     color: #002855 !important;
     font-size: 40px !important;
     line-height: 1.15;
     font-weight: 700;
}
 .loya-collage {
     width: calc(100% - 48px);
     max-width: 1120px;
     margin: 0 auto;
     background: #ffffff;
}
 .loya-split {
     display: grid;
     grid-template-columns: 1fr 1fr;
     min-height: 440px;
     background: #ffffff;
}
 .loya-split-image {
     position: relative;
     min-height: 440px;
     overflow: hidden;
     background: #ffffff;
}
 .loya-split-image img {
     position: absolute;
     inset: 0;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
}
 .loya-split-copy {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 58px 60px;
     background: #ffffff;
     text-align: left;
}
 .loya-split-copy h2 {
     margin: 0 0 24px !important;
     color: #041e42 !important;
     font-size: 31px !important;
     line-height: 1.17;
     font-weight: 600;
}
 .loya-split-copy p {
     margin-bottom: 18px;
}
 .loya-split-copy p:last-child {
     margin-bottom: 0;
}
 .loya-split-copy .loya-action-wrap {
     margin-top: 25px;
}
/* ========================================================= LOYA FORM ========================================================= */
 .loya-form {
     padding: 70px 0 82px;
     background: #eaf1f8;
}
 .loya-form h2 {
     max-width: 900px;
     margin: 0 0 25px !important;
     color: #002855 !important;
     font-size: 44px !important;
     line-height: 1.12;
     font-weight: 700;
}
 .loya-form-p {
     margin-bottom: 14px !important;
     color: #002855;
     font-size: 20px;
     font-weight: 400 !important;
}
 .loya-form-lead {
     margin-bottom: 14px !important;
     color: #002855;
     font-size: 20px;
     font-weight: 400 !important;
}
 .loya-form-placeholder {
     min-height: 400px;
     margin-top: 45px;
     border: 2px dashed #ff8200;
     background: transparent;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #002855;
     font-weight: 600;
     text-align: center;
}
 .loya-page a:focus-visible {
     outline: 3px solid #ff8200;
     outline-offset: 4px;
}
/* ========================================================= ELLUCIAN FORM ========================================================= */
 .loya-form .loya-container-narrow {
     width: calc(100% - 48px);
     max-width: 1120px !important;
     margin-left: auto !important;
     margin-right: auto !important;
}
 .loya-form .ellucian-inquiry-form {
     width: 100% !important;
     max-width: 900px !important;
     margin: 40px auto 0 !important;
     display: flex !important;
     justify-content: center !important;
}
 .loya-form .ellucian-inquiry-form iframe {
     display: block !important;
     width: 100% !important;
     max-width: 770px !important;
     margin: 0 auto !important;
     float: none !important;
}
/* ========================================================= LOYA TABLET Switch to stacked layout before content becomes cramped. ========================================================= */
 @media screen and (max-width: 990px) {
     .loya-timeline-wrap {
         margin-top: 0;
         margin-bottom: 0;
    }
     .loya-timeline {
         grid-template-columns: 1fr;
         padding: 14px 18px;
         border-radius: 10px !important;
    }
     .loya-timeline-item {
         min-height: auto;
         padding: 17px 12px;
         border-right: 0;
         border-bottom: 1px solid #002855;
         font-size: 17px;
    }
     .loya-timeline-item:last-child {
         border-bottom: 0;
    }
     .loya-benefits {
         padding-top: 65px;
         padding-bottom: 65px;
    }
     .loya-benefit-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px 50px;
    }
     .loya-hover-grid {
         display: grid;
         grid-template-columns: 1fr;
    }
     .loya-hover-card:hover, .loya-hover-card:focus-visible {
         transform: none;
    }
     .loya-card-media {
         height: 310px;
    }
     .loya-hover-card:hover .loya-card-media, .loya-hover-card:focus-visible .loya-card-media {
         height: 390px;
    }
     .loya-card-title h4 {
         font-size: 19px !important;
    }
     .loya-split {
         grid-template-columns: 1fr;
    }
     .loya-split-image {
         min-height: 360px;
    }
     .loya-split-copy {
         padding: 47px 35px;
    }
     .loya-split:nth-child(2) .loya-split-image {
         order: 2;
    }
     .loya-split:nth-child(2) .loya-split-copy {
         order: 1;
    }
}
/* ========================================================= LOYA MOBILE ========================================================= */
 @media screen and (max-width: 600px) {
     .loya-container, .loya-container-narrow, .loya-collage, .loya-advantage-heading {
         width: calc(100% - 32px);
    }
     #loyaHero, .loya-hero-inner {
         min-height: 330px;
         height: 330px;
    }
     .loya-brand img {
         height: 74px;
         max-width: 255px;
    }
     .loya-hero-video {
         display: none !important;
    }
     .loya-hero-title {
         display: none;
    }
     .loya-mobile-cta {
         display: block;
         position: relative;
         z-index: 4;
         width: 100vw;
         margin-left: calc(50% - 50vw);
         padding: 30px 0 28px;
         background: #041e42;
         text-align: left;
    }
     .loya-mobile-title .loya-hero-line-one {
         margin-bottom: 6px;
         font-size: 30px;
         font-weight: 600;
    }
     .loya-mobile-title .loya-hero-line-two {
         font-size: 34px;
         font-weight: 800;
    }
     .loya-mobile-cta .loya-hero-apply {
         display: inline-block;
         margin: 0;
         min-width: 240px;
         padding: 15px 26px;
         border-color: #ffffff;
         background: #ffffff;
         color: #041e42 !important;
         font-size: 16px;
         text-align: center;
    }
     .loya-mobile-cta .loya-hero-apply:hover, .loya-mobile-cta .loya-hero-apply:focus {
         background: #eaf1f8;
         color: #041e42 !important;
    }
     .loya-heading-line span {
         display: none;
    }
     .loya-heading-line h2, .loya-eligibility h2, .loya-full-ride h2, .loya-form h2, .loya-advantage-heading h2 {
         font-size: 34px !important;
    }
     .loya-scholar h3, .loya-next-step, .loya-full-ride h3 {
         font-size: 25px !important;
    }
     .loya-scholar {
         padding-top: 52px;
         padding-bottom: 34px;
    }
     .loya-eligibility {
         padding-top: 38px;
         padding-bottom: 66px;
    }
     .loya-benefits {
         padding-top: 65px;
         padding-bottom: 65px;
    }
     .loya-benefits h2 {
         margin-bottom: 36px !important;
         font-size: 34px !important;
    }
     .loya-benefit-grid {
         grid-template-columns: 1fr;
         gap: 32px;
    }
.loya-benefit {
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
    text-align: left;
}
     .loya-benefit-icon {
         flex: 0 0 76px;
         width: 76px;
         height: 76px;
         margin: 0;
         padding: 4px;
    }
     .loya-benefit-icon img {
         width: 76px;
         height: 76px;
    }
.loya-benefit p {
    width: auto;
    flex: 1;
    margin-top: 2px;
    font-size: 17px;
    text-align: left;
}
     .loya-card-media {
         height: 280px;
    }
     .loya-hover-card:hover .loya-card-media, .loya-hover-card:focus-visible .loya-card-media {
         height: 410px;
    }
     .loya-card-reveal {
         padding: 22px;
    }
     .loya-advantage-heading {
         padding-top: 52px;
         padding-bottom: 26px;
    }
     .loya-split-image {
         min-height: 320px;
    }
     .loya-split-copy {
         padding: 39px 25px;
    }
     .loya-form {
         padding: 55px 0 65px;
    }
     .loya-form .loya-container-narrow {
         width: calc(100% - 32px);
    }
}
/* ========================================================= TOUCH DEVICES ========================================================= */
 @media (hover: none) {
     .loya-card-media {
         height: auto !important;
         overflow: visible;
    }
     .loya-card-image {
         position: relative;
         inset: auto;
         height: 280px;
    }
     .loya-card-hover-layer {
         display: none;
    }
     .loya-card-reveal {
         position: relative;
         inset: auto;
         display: block;
         padding: 20px;
         background: #002855;
         opacity: 1;
         transform: none;
         pointer-events: auto;
    }
     .loya-card-title {
         display: none;
    }
     .loya-hover-card:hover, .loya-hover-card:focus-visible {
         flex: 1 1 0;
         transform: none;
         box-shadow: 0 3px 9px rgba(0, 40, 85, 0.08);
    }
}
/* ========================================================= REDUCED MOTION ========================================================= */
 @media (prefers-reduced-motion: reduce) {
     .loya-page *, .loya-page *::before, .loya-page *::after {
         transition-duration: 0.01ms !important;
         animation-duration: 0.01ms !important;
         animation-iteration-count: 1 !important;
    }
}