/* CSS Document */
/* -----------------------------------------
			    RESET CSS
-------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
html {
 overflow-y: scroll;
 font-size: 15px;
}
section {
 overflow: hidden;
}
@media (min-width: 1200px) {
 .container {
  max-width: 1440px;
 }
}
/* -----------------------------------------
            BASE TYPOGRAPHY
-------------------------------------------- */
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
}
body {
 background-color: #ffffff;
 font-family: "__nCinoAvenir_0ad61f", "__nCinoAvenir_Fallback_0ad61f", arial, sans-serif;
 font-size: 16px;
 color: #0d253a;
 font-weight: 400;
 line-height: 1.75;
}
p {
 margin-bottom: 1.5em;
}
h1, h2, h3, h4, h5 {
 margin: 0 0 1rem;
 font-family: "__nCinoAvenir_0ad61f", "__nCinoAvenir_Fallback_0ad61f", arial, sans-serif;
 font-weight: 600;
 line-height: 1.21;
}
p, li {
 font-size: 1.125rem;
 line-height: 140%;
 letter-spacing: -.06em;
}
h1 {
 margin-top: 0;
 font-size: 3.052em;
}
h2 {
 font-size: 2.441em;
}
h3 {
 font-size: 1.953em;
}
h4 {
 font-size: 1.563em;
}
h5 {
 font-size: 1.25em;
}
small, .text_small {
 font-size: 0.8em;
}
a {
 color: inherit;
 text-decoration: underline;
 background-color: transparent;
 transition: all .3s ease-in-out;
}
strong, b {
 font-weight: 600;
}
@media screen and (max-width: 767px) {
 h1 {
  font-size: 3rem;
  line-height: 120%;
  letter-spacing: -.06em;
 }
 h2 {
  font-size: 1.953em;
 }
 h3 {
  font-size: 1.563em;
 }
}
/*========================================
         PRE DEFINE CLASS CSS
==========================================*/
html {
 scroll-behavior: smooth;
}
.container {
 position: relative;
}
.gray-light-bg {
 background: #ebebeb;
}
.primary-bg, .bg-primary {
 background: #6730e3 !important;
}
.secondary-bg {
 background: #9629e6;
}
.color-primary {
 color: #6730e3;
}
.color-secondary {
 color: #9629e6
}
.white-bg {
 background: #ffffff;
}
.icon-color {
 color: #ffffff;
}
.btn {
 text-decoration: none;
 display: inline-flex;
 padding: 0.75rem 1rem;
 border: 1px solid transparent;
 border-radius: 0.375rem;
 font-size: 16px;
 font-weight: 500;
 cursor: pointer;
}
.btn-primary {
 border-color: #7ECBE3;
 background: #7ECBE3;
 color: #0D253A;
}
.btn-primary:hover {
 background: #0d253a;
 color: #fbf9f6;
 border-color: #0d253a;
}
.btn-primary-solid {
 border-color: #202877;
 background: #202877;
 color: #ffffff;
}
.btn-primary-solid:hover {
 background: #0d253a;
 color: #ffffff;
 border-color: #0d253a;
}
.solid-btn {
 color: #fff;
 -webkit-box-shadow: 0 5px 12px 0 rgba(67, 37, 204, .2);
 box-shadow: 0 5px 12px 0 rgba(67, 37, 204, .2);
 background: #6730e3;
 border: 1px solid #6730e3;
}
.solid-btn:hover {
 background: transparent;
 color: #202877;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.white-btn {
 color: #6730e3;
 -webkit-box-shadow: 0 5px 12px 0 rgba(67, 37, 204, .2);
 box-shadow: 0 5px 12px 0 rgba(67, 37, 204, .2);
 background: #ffffff;
 border: 1px solid #ffffff;
}
.white-btn:hover {
 background: transparent;
 color: #ffffff;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.outline-btn {
 color: #7ecbe3;
 display: inline-block;
 border: 1px solid #7ecbe3;
}
.outline-btn:hover {
 color: #fff;
 background: #7ecbe3;
 -webkit-box-shadow: 0 20px 30px 0 rgba(67, 37, 204, .2);
 box-shadow: 0 20px 30px 0 rgba(67, 37, 204, .2);
}
.btn-outline-primary {
 color: #7ecbe3;
 background-color: transparent;
 background-image: none;
 border-color: #7ecbe3;
}
.btn-outline-primary:hover {
 background-color: #7ecbe3;
 border-color: #7ecbe3;
}
.bg-dark {
 background-color: #0D253A !important;
}
.border-ocean {
 border-color: rgba(23, 169, 220, .3);
 border-left-width: 1px;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 border-style: solid;
}
.border-ocean-left {
 border-color: rgba(23, 169, 220, .3);
 border-left-width: 1px;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 border-style: solid;
}
.border-ocean-bottom-left {
 border-top: 1px;
 width: 100vw;
 border-color: rgba(23, 169, 220, .3);
 border-style: solid;
 position: absolute;
 right: 100%;
 bottom: -1px;
}
.border-ocean-top-left {
 border-top: 1px;
 width: 100vw;
 border-color: rgba(23, 169, 220, .3);
 border-style: solid;
 position: absolute;
 right: 100%;
 top: -1px;
}
.border-ocean-bottom-right {
 border-top: 1px;
 width: 100vw;
 border-color: rgba(23, 169, 220, .3);
 border-style: solid;
 position: absolute;
 left: 100%;
 bottom: -1px;
}
.border-ocean-top-right {
 border-top: 1px;
 width: 100vw;
 border-color: rgba(23, 169, 220, .3);
 border-style: solid;
 position: absolute;
 left: 100%;
 top: -1px;
}
.pt-80 {
 padding-top: 80px;
}
.pt-40 {
 padding-top: 40px;
}
.pb-40 {
 padding-bottom: 40px;
}
.pb-80 {
 padding-bottom: 80px;
}
.p-125 {
 padding: 1.25rem;
}
ul.green-check {
 list-style: none;
 padding-left: 0;
}
ul.green-check li {
 position: relative;
 padding-left: 50px;
 margin-bottom: 1.5rem;
}
ul.green-check li::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 width: 32px;
 height: 32px;
 background-color: rgb(92, 183, 77);
 border-radius: 50%;
}
ul.green-check li::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 width: 32px;
 height: 32px;
 background-image: url('https://web.archive.org/web/20231220153355im_/https://www2.ncino.com/l/25922/2023-06-29/7kkm98/25922/1688043580yVtEyG9c/checkmark.svg');
 background-size: cover;
 background-repeat: no-repeat;
 border-radius: 50%;
 z-index: 1;
}
.border-top {
 border-top: 1px solid rgba(74, 79, 104, .6) !important;
}
.border-bottom {
 border-bottom: 1px solid rgba(74, 79, 104, .6) !important;
}
.py-6 {
 padding-top: 1.5rem !important;
 padding-bottom: 1.5rem !important;
}
.py-10 {
 padding-top: 2.5rem !important;
 padding-bottom: 2.5rem !important;
}
@media (max-width: 991px) {
 .pt-80 {
  padding-top: 40px;
 }
 .pt-40 {
  padding-top: 20px;
 }
 .pb-40 {
  padding-bottom: 20px;
 }
 .pb-80 {
  padding-bottom: 40px;
 }
}
/*=========================================
             HEADER CSS
============================================*/
a.navbar-brand, a.navbar-brand img {
 vertical-baseline: middle;
 line-height: normal;
 font-size: 1rem;
}
a.cta-link {
 display: inline-flex;
 align-items: center;
 text-decoration: none;
 font-weight: bold;
 font-size: 16px;
 color: #fbf9f6;
}
a.cta-link::after {
 display: inline-block;
 content: url(/web/20231220153355im_/https://storage.pardot.com/25922/1692622972mmFFSmFV/icon-sign-in.svg);
 width: 25px;
 height: 24px;
 vertical-align: middle;
 margin-left: 5px;
}
.navbar {
 padding: 29px 5%;
}
.navbar-dark .navbar-nav a {
 text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link:hover {
 color: #FBF9F6;
 font-weight: bold;
 border-bottom: 5px solid #17A9DC;
}
.navbar-dark .navbar-nav .active > .nav-link {
 color: #FBF9F6;
 font-weight: bold;
 border-bottom: 5px solid #17A9DC;
}
@media (min-width: 992px) {
 .navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0rem;
  padding-left: 0rem;
 }
 .navbar-expand-lg .navbar-nav li.nav-item {
  padding-right: 1rem;
  padding-left: 1rem;
 }
}
/*=========================================
            GENERAL PARDOT FORM STYLES
============================================*/
span.description {
 color: #000000;
 display: block;
 margin-top: 10px;
}
::-webkit-input-placeholder {
 color: #D9D9D9;
}
:-moz-placeholder {
 / Firefox 18- / color: #D9D9D9;
}
::-moz-placeholder {
 / Firefox 19 + / color: #D9D9D9;
}
:-ms-input-placeholder {
 color: #D9D9D9;
}
form.form {
 width: 100%;
 font: 100%/120% "__nCinoAvenir_0ad61f", "__nCinoAvenir_Fallback_0ad61f", arial, sans-serif;
 background-color: transparent;
 max-width: 100%;
 margin: 0 inherit;
 padding: 0;
}
form.form h4 {
 margin-bottom: 1em;
}
.red-background, form.form p.errors {
 background-color: transparent;
 color: red;
 font-weight: bold;
 padding-left: 0;
 margin-bottom: 0;
 margin-top: 10px;
}
:focus {
 outline: none;
}
textarea:focus, input:focus, input[type]:focus {
 outline: 0 none;
}
form.form p.required label, form.form span.required label {
 background: none;
}
form.form p.required label.field-label:after {
 content: " *";
 font-weight: bold;
 color: red;
}
form.form p {
 position: relative;
 padding-bottom: 20px;
 clear: none;
 margin: 0;
}
form.form label.field-label {
 display: block;
}
form.form p.form-field.error input, form.form p.form-field.error select, form.form p.form-field.error textarea.standard {
 border-color: #c8c8cd;
}
form.form select {
 width: 100%;
 color: #000000;
 -webkit-appearance: none;
 -moz-appearance: none;
 border: 1px solid #c8c8cd;
 font-size: 16px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding: 10px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 box-sizing: border-box;
 vertical-align: middle;
 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23b8c1c7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6 4L10 8.103 6 12' transform='rotate(90 8 8)'/%3e%3c/svg%3e") no-repeat right 1rem center/16px 16px;
}
form.form p.pd-select:focus-within::after {
 -moz-transform: scale(-1, -1);
 -o-transform: scale(-1, -1);
 -webkit-transform: scale(-1, -1);
 transform: scale(-1, -1);
}
form.form input.text, form.form textarea.standard, form.form input.date {
 border: 1px solid #c8c8cd;
 font-size: 16px;
 color: #000000;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 10px;
 line-height: normal;
}
form.form textarea.standard, form.form input.text {
 width: 100%;
}
form.form p label {
 text-align: left;
 font-size: 16px;
 line-height: 24px;
 color: #000000;
 font-weight: normal;
 float: none;
 font-weight: 500;
 margin-bottom: 10px;
}
form.form p.submit input {
 margin-top: 10px;
 display: inline-block;
 padding: 13px 17px;
 color: #ffffff;
 background: #363A43;
 border: none;
 font-size: 16px;
 opacity: 1;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-transition-duration: 0.5s !important;
 transition-duration: 0.5s !important;
 cursor: pointer;
}
form.form p.submit {
 text-align: left;
}
span.value {
 margin-left: 0;
 width: 100%;
}
span.value span {
 display: flex !important;
 justify-content: flex-start;
 flex-wrap: nowrap;
 position: relative;
}
span.value > span > label {
 margin-left: 10px;
 padding: 0;
 width: 90%;
}
form.form p label.inline {
 font-weight: normal;
 padding-top: 0px;
 margin-bottom: 0px;
 width: 90%;
}
p.error.no-label {
 display: none;
}
input[type=checkbox] {
 width: 18px;
 height: 18px;
 position: relative;
 margin: 0 10px 0 0 !important;
 line-height: normal;
 -webkit-appearance: none;
 border: 1px solid #c8c8cd;
 box-sizing: border-box;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.pd-checkbox input, .pd-checkbox label {
 cursor: pointer;
}
input[type=checkbox]:checked {
 width: 18px;
 height: 18px;
 border: 1px solid #000000;
 color: #99a1a7;
}
input[type=checkbox]:checked:after {
 content: "\f00c";
 font-family: FontAwesome;
 font-size: 15px;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #000000;
 position: absolute;
}
input[type=radio] {
 width: 18px;
 height: 18px;
 position: relative;
 margin: 0 0 0 0 !important;
 line-height: normal;
 -webkit-appearance: none;
 border-radius: 50%;
 border: 1px solid #c8c8cd;
 box-sizing: border-box;
}
.pd-radio input, .pd-radio label {
 display: inline-block;
 vertical-align: middle;
 cursor: pointer;
}
input[type=radio]:checked {
 width: 18px;
 height: 18px;
 border: 1px solid #000000;
 color: #99a1a7;
}
input[type=radio]:checked:after {
 content: '';
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 position: absolute;
 width: 13px;
 height: 13px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #000000;
 border: 1px solid #000000;
 z-index: 1;
}
/*EPC Only*/
.epc p.pd-checkbox span.form-inner {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important;
 -webkit-box-align: start !important;
 -ms-flex-align: start !important;
 align-items: flex-start !important;
}
.epc form.form p label {
 line-height: 1;
}
.epc p.pd-checkbox span.form-inner label {
 font-weight: bold;
 font-size: 18px;
}
.epc span.description {
 display: block;
 margin-left: 34px;
}
html, body {
 height: 100%;
}
section#form-wrap {
 flex: 1 0 auto;
}
footer {
 flex-shrink: 0;
}
/*=========================================
            HERO 2COL
============================================*/
#hero-2col {
 /* Fallback background color if linear gradient is not supported */
 background-color: #11395b;
 /* Background image and linear gradient */
 background-image: url('https://web.archive.org/web/20231220153355im_/https://www2.ncino.com/l/25922/2023-06-29/7kkmb8/25922/1688044316zigUYoPw/Homepage_hero.png');
 background-image: linear-gradient(180deg, #0D253A 0%, #11395B 100%), linear-gradient(0deg, #0D253A, #0D253A), url('https://web.archive.org/web/20231220153355im_/https://www2.ncino.com/l/25922/2023-06-29/7kkmb8/25922/1688044316zigUYoPw/Homepage_hero.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top;
 position: relative;
}
#hero-2col .border-ocean-bottom-left {
 border-top: 1px;
 width: 100%;
 border-color: rgba(23, 169, 220, .3);
 border-style: solid;
 position: relative;
 margin-top: -1.25rem;
 right: 0;
 left: -1.25rem;
}
#hero-2col .hero-bg {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top;
}
#hero-2col h1 {
 color: #ffffff;
 font-family: "__nCinoAvenir_0ad61f", "__nCinoAvenir_Fallback_0ad61f", arial, sans-serif;
 font-size: 4rem;
 font-weight: 700;
 line-height: 120%;
 letter-spacing: -0.04em;
 text-align: left;
 margin-bottom: 1.5rem;
}
#hero-2col p {
 color: hsla(0, 0%, 100%, .8);
 font-size: 1rem;
 line-height: 140%;
 letter-spacing: -.06em;
 animation: fadeInTop .5s ease-in-out forwards;
}
#hero-2col img {
 padding-bottom: 1.25rem;
 max-width: 100%;
 height: auto;
 width: 100%;
}
#hero-2col .pt-text {
 padding-top: 100px;
}
.content-1 #form-wrap {
 padding-top: 80px;
 padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
 #hero-2col .pt-text {
  padding-top: 50px;
 }
 #hero-2col h1 {
  font-size: 3rem;
  line-height: 120%;
  letter-spacing: -.06em;
 }
 .content-1 #form-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
 }
 .content-1 #form-wrap .form-wrap {
  margin-top: 30px;
 }
}
/*=========================================
            WHITE INTRO
============================================*/
#white-intro h2 {
 font-size: 4rem;
 line-height: 120%;
 letter-spacing: -.03em;
}
@media screen and (max-width:991px) {
 #white-intro h2 {
  font-size: 2rem;
 }
}
/*=========================================
            WHITE 2COL
============================================*/
#white-2col .container {
 border: 1px solid rgba(23, 169, 220, .3);
 border-top-right-radius: 9999px;
 border-bottom-right-radius: 9999px;
}
#white-2col hr, #white-2col-rev hr {
 margin-top: 1rem;
 margin-bottom: 1.5rem;
 border-top: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 -o-border-image: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 border-image: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 border-top-width: 2px;
}
#white-2col ul {
 margin-top: 3rem;
}
@media screen and (max-width:991px) {
 #white-2col img {
  margin-bottom: 20px;
 }
}
/*=========================================
            WHITE 2COL-REV
============================================*/
#white-2col-rev .container {
 border: 1px solid rgba(23, 169, 220, .3);
 border-right: none;
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
}
@media screen and (max-width:991px) {
 #white-2col-rev img {
  margin-bottom: 20px;
 }
}
/*=========================================
            WHITE SPACER
============================================*/
.white-spacer-100 {
 height: 100px;
}
@media screen and (max-width:991px) {
 .white-spacer-100 {
  height: 20px;
 }
}
/*=========================================
           BLUE CALLOUT
============================================*/
#blue-callout {
 background-color: rgb(13 37 58/1);
}
.side-note {
 display: inline-block;
 padding-left: 20px;
 border-width: 0 0 0 2px;
 border-style: solid;
 border-image: linear-gradient(to bottom, #17a9dc, #7ecbe3) 1 100%;
}
.side-note p {
 padding-bottom: 0;
 margin-bottom: 0;
}
#blue-callout h2 {
 font-size: 3rem;
 line-height: 120%;
 letter-spacing: -.06em;
 font-weight: 400;
}
@media screen and (max-width:991px) {
 #blue-callout h2 {
  font-size: 2rem;
  margin-bottom: 2.5rem;
 }
 .side-note {
  border-image: none;
  border-left: none;
  padding-left: 0px;
 }
}
/*=========================================
            BLUE 2COL
============================================*/
#blue-2col {
 background-color: rgb(13 37 58/1);
}
#blue-2col .container {
 border: 1px solid rgba(23, 169, 220, .3);
 border-top-right-radius: 9999px;
 border-bottom-right-radius: 9999px;
}
#blue-2col hr, #blue-2col-rev hr {
 margin-top: 1rem;
 margin-bottom: 1.5rem;
 border-top: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 -o-border-image: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 border-image: linear-gradient(90deg, #7bb5c7, #0087fa) 1;
 border-top-width: 2px;
}
#blue-2col ul {
 margin-top: 3rem;
}
#blue-2col h2 {
 font-size: 4rem;
 line-height: 120%;
 letter-spacing: -.03em;
}
#blue-2col .btn-primary:hover {
 background: #7bb5c7;
 border-color: #7bb5c7;
 color: #0D253A;
}
@media screen and (max-width:991px) {
 #blue-2col img {
  margin-bottom: 20px;
 }
}
/*=========================================
            BLUE 2COL-REV
============================================*/
#blue-2col-rev {
 background-color: rgb(13 37 58/1);
}
#blue-2col-rev .container {
 padding-top: 30px;
 padding-bottom: 100px;
}
#blue-2col-rev .row {
 margin-left: 20px;
 border: 1px solid rgba(23, 169, 220, .3);
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
 border-right: none;
 position: relative;
}
#blue-2col-rev h2 {
 font-size: 4rem;
 line-height: 120%;
 letter-spacing: -.03em;
}
#blue-2col-rev .btn-primary:hover {
 background: #7bb5c7;
 border-color: #7bb5c7;
 color: #0D253A;
}
@media screen and (max-width:991px) {
 #blue-2col-rev img {
  margin-bottom: 20px;
 }
 #blue-2col-rev .row {
  margin-left: -15px;
  margin-right: -15px;
 }
 #blue-2col-rev .container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
 }
}
/*=========================================
            BLUE SPACER
============================================*/
.blue-spacer-100 {
 background-color: rgb(13 37 58/1);
 height: 100px;
}
@media screen and (max-width:991px) {
 .blue-spacer-100 {
  height: 20px;
 }
}
/*=========================================
           BLUE CAROUSEL
============================================*/
#blue-carousel {
 background-color: rgb(13 37 58/1);
}
#blue-carousel h2 {
 color: #ffffff;
 font-size: 3rem;
 line-height: 120%;
 letter-spacing: -.06em;
 font-weight: 400;
 font-family: "__nCinoAvenir_0ad61f", "__nCinoAvenir_Fallback_0ad61f", arial, sans-serif;
}
.card {
 border-radius: .375rem;
 display: flex;
 flex-direction: column;
}
.card-body {
 padding: 1.5rem;
 position: relative;
}
.card h5 {
 font-size: .75rem;
 line-height: 1.2rem;
 letter-spacing: .16em;
 font-weight: 500;
 text-transform: uppercase;
 margin-bottom: 0.5rem;
}
.card h3 {
 font-size: 2rem;
 line-height: 120%;
 letter-spacing: -0.06em;
 font-weight: 700;
 margin: 0;
}
.card h3 a {
 display: inline-block;
 position: relative;
 text-decoration: none;
 color: #0D253A;
 margin-bottom: 1.5rem;
}
.card h3 a:hover {
 text-decoration: underline;
 text-decoration-color: #17a9dc;
 text-decoration-thickness: 1px;
 text-underline-offset: 4px;
}
.card p {
 line-height: 140%;
 display: block;
 position: relative;
 text-decoration: none !important;
 color: #0D253A !important;
 margin-bottom: 1.5rem;
}
.card p {
 text-decoration: none !important;
 color: #0D253A !important;
 opacity: 0;
}
.card p:hover {
 opacity: 1;
 transition: all .3s ease-in-out;
 color: inherit;
}
.card p a {
 text-decoration: none;
}
.card p:hover a {
 text-decoration: none;
 color: inherit;
}
.card-description {
 width: 100%;
 display: block;
 position: relative;
 padding-bottom: 260px;
}
.card-body h3:hover + p {
 opacity: 1;
}
.card-description p:hover + h3 {
 text-decoration: underline;
 text-decoration-color: #17a9dc;
 text-decoration-thickness: 1px;
 text-underline-offset: 4px;
}
.card-image {
 display: block;
 width: 100%;
 position: absolute;
 bottom: 1.5rem;
}
.card-image {
 opacity: 1;
}
/* Additional styling for better visual experience */
@media screen and (max-width:991px) {
 .card h3 {
  font-size: 1.5rem;
 }
 #blue-carousel pb-80 {
  padding-bottom: 40px;
 }
 #blue-carousel p {
  display: none;
 }
 .card-description {
  padding-bottom: 0;
 }
}
.carousel-container {
 position: relative;
}
.slide {
 flex: 0 0 calc(33.33% - 20px);
 margin: 0 10px;
}
ul.slick-dots {
 position: absolute;
 padding-top: 15px;
 padding-left: 9px;
 margin-left: 0px;
}
.slick-dots li button:before {
 font-family: 'slick';
 font-size: 6px;
 line-height: 10px;
 position: absolute;
 top: 0;
 left: 0;
 width: 10px;
 height: 10px;
 background-color: transparent;
 content: '';
 border: 1px solid white;
 text-align: center;
 opacity: 1;
 color: white;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 border-radius: 100%;
}
.slick-dots li {
 position: relative;
 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 padding: 0;
 cursor: pointer;
 border-radius: 100%;
}
.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 10px;
 height: 10px;
 padding: 0;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: transparent;
}
/* Style for active dot */
.slick-dots li.slick-active button {
 background-color: white;
 border: 1px solid white;
 border-radius: 100%;
}
/* Style for custom buttons */
.custom-prev, .custom-next {
 padding: .75rem 1rem;
 background-color: transparent;
 font-size: 24px;
 line-height: 1;
 color: rgb(251 249 246/1);
 cursor: pointer;
 position: absolute;
 border: 1px solid rgb(251 249 246/1);
 border-radius: 5px;
 bottom: -58px;
}
.custom-prev:hover, .custom-next:hover {
 background-color: rgb(251 249 246/1);
 color: rgb(13 37 58/1);
}
.custom-prev {
 right: 100px;
}
.custom-next {
 right: 30px;
}
.custom-prev svg {
 transform: scaleX(-1);
}
@media screen and (min-width:991px) {
 .custom-prev, .custom-next, ul.slick-dots {
  display: none;
 }
}
/*=========================================
           BLUE CALLOUT
============================================*/
#blue-callout2 {
 background-color: rgb(13 37 58/1);
}
#blue-callout2 .side-note {
 display: inline-block;
 padding-left: 20px;
 border-width: 0 0 0 2px;
 border-style: solid;
 border-image: linear-gradient(to bottom, #17a9dc, #7ecbe3) 1 100%;
}
#blue-callout2 .side-note p {
 padding-bottom: 0;
 margin-bottom: 0;
}
#blue-callout2 h2 {
 font-size: 3rem;
 line-height: 120%;
 letter-spacing: -.06em;
 font-weight: 400;
}
@media screen and (max-width:991px) {
 #blue-callout2 h2 {
  font-size: 2rem;
  margin-bottom: 2.5rem;
 }
 #blue-callout2.side-note {
  border-image: none;
  border-left: none;
  padding-left: 0px;
 }
}
/*=========================================
           BLUE CALLOUT STATS
============================================*/
#blue-callout-stats {
 background-color: rgb(13 37 58/1);
}
h2.arrow-up, h2.arrow-down {
 position: relative;
 font-size: 6rem;
 line-height: 120%;
 letter-spacing: -.03em;
}
.arrow-up::after, .arrow-down::after {
 content: "";
 display: inline-block;
 width: 0;
 height: 0;
 font-size: 2rem;
 line-height: 6rem;
 vertical-align: middle;
}
.arrow-up::after {
 content: "â–²";
 color: rgb(92 183 77/1);
 margin-left: 10px;
 top: 0;
 position: absolute;
}
.arrow-down::after {
 content: "â–¼";
 color: red;
 margin-left: 5px;
 position: absolute;
}
#blue-callout-stats h5 {
 color: rgb(123 181 199/1);
 text-transform: uppercase;
 font-size: 12px;
 letter-spacing: .16em;
 line-height: 120%;
 font-weight: 500;
 margin-bottom: 2.5rem;
}
.stat-border {
 padding-left: 20px;
 border-left: 1px solid rgba(23, 169, 220, .3);
}
#blue-callout-stats .col-lg-4:first-of-type .stat-border {
 border-left: none;
}
@media screen and (max-width: 991px) {
 .col-lg-4 .stat-border {
  border-left: 0px;
  padding-left: 0;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(23, 169, 220, .3);
 }
 .stat-border {
  margin-top: 0;
 }
 .stat-border p {
  margin-bottom: 0;
 }
 #blue-callout-stats .col-lg-4:first-of-type .stat-border {
  margin-top: 2.5rem;
 }
 #blue-callout-stats h5 {
  margin-bottom: 1rem;
 }
}
/*=========================================
           BLUE TESTIMONIAL
============================================*/
#blue-testimonial {
 background-color: rgb(17 57 91/1);
 ;
}
#blue-testimonial h4 {
 font-size: 2rem;
 font-weight: 400;
 color: rgb(251 249 246/1);
 line-height: 120%;
 letter-spacing: -.06em;
 margin-bottom: 2.5rem;
}
#blue-testimonial h5 {
 line-height: 140%;
 letter-spacing: -.06em;
 font-size: 1rem;
 color: rgb(251 249 246/1);
 font-weight: 700;
 margin-bottom: 0;
}
#blue-testimonial p {
 margin-bottom: 0;
}
.testimonial-wrap {
 padding-top: 83px;
 padding-bottom: 83px;
 padding-left: 71px;
 padding-right: 71px;
 background-color: rgb(13 37 58/1);
 border-radius: 40px;
 position: relative;
}
.testimonial-wrap img {
 position: absolute;
 width: 100%;
 max-width: 265px;
 top: -47px;
 left: -97px;
}
@media screen and (max-width: 991px) {
 #blue-carousel .pb-80 {
  padding-bottom: 80px;
 }
 .testimonial-wrap img {
  position: absolute;
  width: 100%;
  max-width: 265px;
  top: -184px;
  left: 0px;
 }
 .testimonial-wrap {
  padding: 2rem 1.25rem;
 }
}
/*=========================================
             BENTO BOX
============================================*/
#bento-box {
 background-color: rgb(17 57 91/1);
 font-weight: 500;
}
.bento-rounded {
 border-radius: 2.5rem;
 padding: 1.5rem 2rem;
 min-height: 16.5rem;
 height: 100%;
 margin-top: 1rem;
 margin-bottom: 1rem;
}
.bento-rounded p {
 margin-bottom: 0;
}
.bento-lg-yellow {
 background-image: radial-gradient(73.74% 71.86% at 79.89% 61.76%, #f5cc61 0, #fcbc00 100%);
}
.bento-green {
 background-color: rgb(142 219 122/1);
}
.bento-yellow {
 background-color: rgb(255 218 45/1);
}
.bento-blue {
 background-color: rgb(126 203 227/1);
}
.bento-ltblue {
 background-color: rgb(214 233 239/1);
}
#bento-box h2 {
 font-size: 4rem;
 line-height: 120%;
 letter-spacing: -.03em;
}
.bento-testimonial {
 max-width: 299px;
 font-size: 1.125rem;
}
p.text-size-12 {
 font-size: .75rem;
 line-height: 1.2rem;
 letter-spacing: .16em;
}
/*=========================================
             CONTACT CSS
============================================*/
#contact .row {
 padding-top: 72px;
 padding-bottom: 72px;
}
#contact h2 {
 font-size: 3rem;
 line-height: 120%;
 letter-spacing: -.06em;
 margin-bottom: 1.5rem;
 font-weight: 400;
}
#contact p {
 font-size: 1.125rem;
 line-height: 140%;
 letter-spacing: -.06em;
 color: rgb(17 57 91/1);
}
/*=========================================
             FOOTER CSS
============================================*/
footer {
 background-color: rgb(13 37 58/1);
 padding-top: 5rem;
 padding-bottom: 4rem;
}
footer a {
 color: #ffffff;
}
footer a:hover {
 color: #ffffff;
 text-decoration: underline;
 text-decoration-color: rgba(0, 0, 0, 0);
}
footer .social-list a:hover {
 color: #ffffff;
}
footer p {
 font-size: 14px;
}
ul.social-list {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
ul.social-list li {
 display: inline-block;
 margin: 0px 25px 0px 0px;
 font-size: 20px;
}
#footer-nav {
 font-size: .875rem;
 line-height: 140%;
 letter-spacing: -.06em;
}
#footer-nav p {
 font-weight: 700;
 margin-bottom: 1.5rem;
}
footer ul li {
 margin-bottom: 1.5rem;
 font-size: .875rem;
 line-height: 140%;
 letter-spacing: -.06em;
 font-weight: 500;
}
ul.footer-links {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.footer-links li a {
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 transition-duration: .15s;
 border-bottom: 2px solid transparent;
 text-decoration-color: rgba(0, 0, 0, 0);
}
ul.footer-links li a:hover {
 opacity: 1;
 border-color: rgb(123 181 199/1);
}
ul.footer-links li a:hover {
 text-decoration: none;
 text-decoration-color: transparent;
}
.footer-copyright a, .footer-copyright a:hover {
 text-decoration: none;
}
@media screen and (max-width: 767px) {
 #footer-nav .col {
  display: block;
  width: 50% !important;
  min-width: 50%;
 }
 ul.social-list {
  text-align: center !important;
  margin-bottom: 20px;
 }
 footer {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
 }
}
@keyframes toBottom {
 0% {
  transform: translate3d(0, -100%, 0)
 }
 to {
  transform: translateZ(0)
 }
}
.animate-menuSlideDown {
 animation: toBottom .7s cubic-bezier(.165, .84, .44, 1)
}
@keyframes toBottomReverse {
 to {
  transform: translate3d(0, -100%, 0)
 }
 0% {
  transform: translateZ(0)
 }
}
.animate-menuSlideUp {
 animation: toBottomReverse .7s ease-in-out forwards
}
@keyframes scaleUpX {
 0% {
  transform: scaleX(0)
 }
 to {
  transform: scaleX(1)
 }
}
.animate-scaleUpX {
 animation: scaleUpX .5s ease-in-out forwards
}
@keyframes spin {
 to {
  transform: rotate(1turn)
 }
}
.animate-spin {
 animation: spin 1s linear infinite
}
@keyframes scaleUpY {
 0% {
  transform: scaleY(0)
 }
 to {
  transform: scaleY(1)
 }
}
/*
     FILE ARCHIVED ON 15:33:55 Dec 20, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:28:26 Dec 13, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.476
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 9.151
  LoadShardBlock: 282.194 (3)
  PetaboxLoader3.datanode: 138.787 (4)
  PetaboxLoader3.resolve: 221.498 (3)
  load_resource: 104.681
*/