:root { --color-primary: #0946b6; --color-gradient-start: #0946b6; --color-gradient-stop: #03338d; } body { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.625em; letter-spacing: 0.01em; font-size: 1em; color: #b4bdcd; background-color: #000118; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: 'Open Sans', sans-serif; color: #e0ebff; } .h1, h1 { font-weight: 300; line-height: 1.244em; font-size: 45px; } .h2, h2 { font-size: 42px; font-weight: 300; line-height: 1.285em; } .h3, h3 { font-size: 35px; font-weight: 400; line-height: 1.342em; } .h4, h4 { font-size: 30px; font-weight: 400; line-height: 1.35em; } .h5, h5 { font-size: 25px; font-weight: 400; line-height: 1.35em; } .h6, h6 { font-size: 21px; font-weight: 400; line-height: 1.2em; } .text-highlight { color: #0d5df1 !important; } .main-nav>li>a { font-size: 15px; letter-spacing: 0.02em; color: #fff; } .main-nav>li.is-active>a, .main-nav>li.current-menu-item>a, .main-nav>li:hover>a, .main-nav>li>a:hover { color: rgba(255, 255, 255, 0.85); } .main-footer { padding-top: 70px; color: rgba(255, 255, 255, 0.6); } .main-footer a:not(.btn) { color: rgba(255, 255, 255, 0.6); } .main-footer a:not(.btn):hover { color: #fff; } .footer-bg { background-color: #000118; } .swal-modal { background-color: #000118 !important; border: 1px solid #0946b6 !important; } .swal-title, .swal-text { color: #e0ebff !important; } .swal-content__input { background-color: #000118 !important; border: 1px solid #0946b6 !important; color: #b4bdcd !important; } .swal-button { background-color: #0946b6 !important; color: #fff !important; } .swal-button:not([disabled]):hover { background-color: #03338d !important; } .swal-button:active { background-color: #03338d !important; } .swal-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(9, 70, 182, 0.29) !important; } .swal-footer { text-align: center !important; } .swal-icon--info { border-color: #0946b6 !important; } .swal-icon--info:after, .swal-icon--info:before { background-color: #0946b6 !important; } .swal-icon--success { border-color: #0946b6 !important; } .swal-icon--success:after, .swal-icon--success:before { background-color: #0946b6 !important; } .swal-icon--success__hide-corners { background-color: #000118 !important; } .swal-icon--error { border-color: #0946b6 !important; } .swal-icon--error__line { background-color: #0946b6 !important; } .swal-icon--warning { border-color: #0946b6 !important; } .swal-icon--warning__body { background-color: #0946b6 !important; } .swal-icon--warning__dot { background-color: #0946b6 !important; } @media (min-width: 1200px) { .main-header .is-stuck { background: #ffffff00 !important; } .mainbar-wrap.is-stuck .social-icon a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav>li>a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input { color: #ffffff !important; } .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input { border-color: #424242 !important; } .is-stuck .btn { color: #fff; border-color: #0946b6; } .is-stuck .btn.btn-solid { background-color: #0946b6; } .is-stuck .btn:hover { border-color: #3a3a3a; color: #fff; } .is-stuck .btn:hover, .is-stuck .btn.btn-solid:hover { background-color: #3a3a3a; } .megamenu-heading { color: #3b91f7; } .gradient-border { --borderWidth: 3px; background: #04122c; position: relative; border-radius: var(--borderWidth); } .gradient-border:after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); background: linear-gradient(60deg, #33f1f7ff, #5594f3ff, #664eefff, #a166ab, #5073b8, #1098ad, #0782b3ff, #8f6fbaff); border-radius: calc(0 * var(--borderWidth)); z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; } @keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .carousel-items.carousel-reverse { display: flex; flex-direction: row-reverse; } .image-credit-text { font-size: 12px !important; } .bright-light-blue { background: #48a0ff !important; } option { background-color: #000118; } .requirements-border { padding: 20px; border: 1px solid #2c2f6e; } .tabs-nav li.active a, .tabs-nav li a:hover, .tabs-nav li a:focus { color: #0d5df1 !important; background-color: transparent; } }