@font-face {
    font-family: 'Univers LT Std 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Univers LT Std 55 Roman'), url('./font/UniversLTStd.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std 65 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Univers LT Std 65 Bold'), url('./font/UniversLTStd-Bold.woff') format('woff');
}

@font-face{
    font-family: "ITC Franklin Gothic Std Demi";
    src: url("./font/ITCFranklinGothicStd-Demi.eot");
    src: url("./font/ITCFranklinGothicStd-Demi.eot?#iefix")format("embedded-opentype"),
        url("./font/ITCFranklinGothicStd-Demi.woff")format("woff"),
        url("./font/ITCFranklinGothicStd-Demi.woff2")format("woff2"),
        url("./font/ITCFranklinGothicStd-Demi.ttf")format("truetype"),
        url("./font/ITCFranklinGothicStd-Demi.svg#ITC Franklin Gothic Std Demi")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "ITC Franklin Gothic Std Book";
    src: url("./font/ITCFranklinGothicStd-Book.eot");
    src: url("./font/ITCFranklinGothicStd-Book.eot?#iefix")format("embedded-opentype"),
        url("./font/ITCFranklinGothicStd-Book.woff")format("woff"),
        url("./font/ITCFranklinGothicStd-Book.woff2")format("woff2"),
        url("./font/ITCFranklinGothicStd-Book.ttf")format("truetype"),
        url("./font/ITCFranklinGothicStd-Book.svg#Franklin Gothic book")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "ITC Franklin Gothic Std Medium";
    src: url("./font/ITCFranklinGothicStd-Med.eot");
    src: url("./font/ITCFranklinGothicStd-Med.eot?#iefix")format("embedded-opentype"),
        url("./font/ITCFranklinGothicStd-Med.woff")format("woff"),
        url("./font/ITCFranklinGothicStd-Med.woff2")format("woff2"),
        url("./font/ITCFranklinGothicStd-Med.ttf")format("truetype"),
        url("./font/ITCFranklinGothicStd-Med.svg#Franklin Gothic medium")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


.open-sans-font {
  font-family: "ITC Franklin Gothic Std Book";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}

body {
    width: calc(100vw - (100vw - 100%));
    font-family: "ITC Franklin Gothic Std Book";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}

.material-icons.md-40 {
    font-size: 40px;
}

.material-icons.md-32 {
    font-size: 32px;
}

.material-icons.md-50 {
    font-size: 50px;
}

#navClose .material-icons {
    color: #001F60;
}

#navClose {
    border: none;
    padding-top: 10vh;
    text-align: center;
    position: absolute;
    width: 100vw;
    min-width: 100vw;
    /*margin: 0 auto;
	left:0;
	right:0;*/
}

#navId {
    padding-top: 0.25rem;
    padding-right: 1rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
}

.nav-link {
    padding-bottom: 0.1rem;
}

/*.nav-item.active {
    border-bottom: 4px solid #001F60;
}*/

.selected-menu {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 4px solid #001F60;
    content: "";
    padding-bottom: 5px;
}

.navbar-nav li a b {
    color: #001F60;
    font-size: 20px;
    letter-spacing: 1px;
}

/*.navbar-nav li a:hover {
    background: #D7A027;
}*/

#mainContent {
    margin-top: 55px;
}

.img-visible-large {
    display: none;
}

.img-visible {
    display: block;
}

.pointer {
    cursor: pointer;
}

/* title-centered-left should be updated when left value changes*/

.title-centered {
    position: absolute;
    top: 20%;
    left: 10%;
    right: 15%;
    text-align: left;
    max-width: 520px;
}

.title-centered.faq-page {
    max-width: fit-content !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;      
    max-width: 520px;
    text-align: left;
}



.title-centered-left {
    padding-left: 10%;
}

.padding-0 {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.line-height-110 {
    line-height: calc(42px + (110 - 42) * ((100vw - 300px) / (1920 - 300)));
}

.line-height-90 {
    line-height: calc(40px + (90 - 40) * ((100vw - 300px) / (1920 - 300)));
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-1_5 {
    margin-bottom: 1.5rem;
}

.centered {
    position: absolute;
    bottom: 50%;
    left: 15%;
    right: 15%;
    text-align: center;
}

.bottom {
    position: absolute;
    bottom: 30%;
    left: 15%;
    right: 15%;
    text-align: center;
}

.padding-10 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.bg-style {
    background-color: #ffe7d4;
}

.div-01 {
    position: relative;
    z-index: 9;
    background: #E9D4A6;
}

.div-01:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    background: white;
}

.div-02 {
    position: relative;
    z-index: 9;
    background: white;
}

.div-02:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
    background: #E9D4A6;
}

.footer-style {
    background-color: #1B365D;
}

.bg-white {
    background-color: #ffffff;
}

.bg-blue {
    background-color: #1B365D;
    /*background-color: #89cff0;*/
}

.bg-project {
    background-color: #1B365D;
    min-height: 175px;
}

.font-color4 {
    color: #ffffff;
}

.font-color5 {
    color: #1B365D;
}

.font-color6 {
    color: #000000;
}

.footer-font {
    font-size: 30px;
    color: #ffffff;
}

.univers_14_bold {
    font-family: 'ITC Franklin Gothic Std Demi';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.univers_14 {
    font-family: 'ITC Franklin Gothic Std Book';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.univers_12_bold {
    font-family: 'ITC Franklin Gothic Std Demi';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.univers_12 {
    font-family: 'ITC Franklin Gothic Std Book';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.univers_10_bold {
    font-family: 'ITC Franklin Gothic Std Demi';
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.univers_10 {
    font-family: 'ITC Franklin Gothic Std Book';
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.eagle-book {
    font-family:"ITC Franklin Gothic Std Book";
    font-weight: 300;
    font-style: normal;
}

.eagle-book-bold {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: normal;
}

.letter-spacing-1_8 {
    letter-spacing: 1.8px;
}

.letter-spacing-1_7 {
    letter-spacing: 1.7px;
}

.letter-spacing-1_4 {
    letter-spacing: 1.4px;
}

.letter-spacing-1_2 {
    letter-spacing: 1.2px;
}

.letter-spacing-1_3 {
    letter-spacing: 1.3px;
}

.letter-spacing-1_1 {
    letter-spacing: 1.1px;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-7 {
    letter-spacing: 7px;
}

.letter-spacing-6 {
    letter-spacing: calc(0.1px + (4 - 1.5) * ((100vw - 300px) / (1920 - 300)));
}

.letter-spacing-5 {
    letter-spacing: 5px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-9 {
    letter-spacing: 9px;
}

.letter-spacing-0_7 {
    letter-spacing: 0.7px;
}

.letter-spacing-03 {
    letter-spacing: 0.03px;
}

.letter-spacing-02 {
    letter-spacing: 0.02px;
}

.letter-spacing-0 {
    letter-spacing: 0px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-16 {
    line-height: calc(20px + (34 - 20) * ((100vw - 300px) / (1920 - 300)));
}

.line-height-36 {
    line-height: 36px;
}

.eagle-book-100 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(28px + (100 - 28) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-80 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-70 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(25px + (70 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-50 {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(34px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-40 {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(30px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
}
.eagle-book-40-lh-0{
    line-height: 30px;
    margin-top: 10px;
}

.eagle-book-35 {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.4px;
    line-height: 26px;
}

.eagle-book-25 {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(20px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.75px;
}

.eagle-book-20 {
    font-family:"ITC Franklin Gothic Std Demi";
    font-weight: 300;
    font-style: normal;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.75px;
}

.eagle-book-21 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + (21 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-20-stat {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 300;
    font-style: normal;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1px;
    line-height: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-20 {
    font-family: "ITC Franklin Gothic Std Book";
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-25 {
    font-family: "ITC Franklin Gothic Std Book";
    font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-14 {
    font-family: "ITC Franklin Gothic Std Book";
    font-size: 14px;
}

.eagle-book-30 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + (25 - 18) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.5px;
}
.footer-style .eagle-book-30 {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + (25 - 18) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 0.8px;
}


.eagle-book-16 {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
}

.eagle-book-15 {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
}

.eagle-book-14 {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

.eagle-book-14-normal {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
}

.eagle-book-12 {
    font-family: "ITC Franklin Gothic Std Book";
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
}

.eagle-book-10 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
}

.eagle-book-8 {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: normal;
    font-size: 8px;
}

.eagle-book-10-default {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: strong;
    font-size: 10px;
    color: #53565A;
}

.eagle-book-14-default {
    font-family: "ITC Franklin Gothic Std Demi";
    font-weight: 400;
    font-style: strong;
    font-size: 14px;
    color: #53565A;
}

.font-color1 {
    color: #001f60;
}

.gap-8 {
    padding-bottom: 5px;
}

.gap-15 {
    padding-bottom: 15px;
}

.gap-20 {
    padding-bottom: 20px;
}

.gap-40 {
    padding-bottom: 40px;
}

.gap-60 {
    padding-bottom: 60px;
}

.gap-80 {
    padding-bottom: 60px;
}

.gap-140 {
    padding-bottom: 140px;
}

.gap-top-40 {
    padding-top: 40px;
}

.gap-top-30 {
    padding-top: 30px;
}

.gap-top-50 {
    padding-top: 50px;
}

.gap-top-55 {
    padding-top: 55px;
}

.gap-top-60 {
    padding-top: 60px;
}

.gap-top-70 {
    padding-top: 70px;
}

.row-60 {
    height: 60px;
}

.row-80 {
    height: 80px;
}

.row-120 {
    height: 120px;
}

.row-140 {
    height: 140px;
}

.row-150 {
    height: 150px;
}

.row-120-bg {
    height: 120px;
    background-color: #ffe7d4;
}

.text-center {
    text-align: center
}

.bg-img {
    background: transparent url('./images/header.png') no-repeat center center /cover;
}

.fixed-height {
    height: 150px;
}

.row-lr {
    padding-left: 40px;
    padding-right: 40px;
    background-color: #ffffff;
}

.row-p {
    padding-left: 8%;
    padding-right: 8%;
}

.row-pl {
    padding-left: 8%;
    background-color: #ffe7d4;
}

.row-pr {
    padding-right: 8%;
    background-color: #ffe7d4;
}

.img-custom {
    width: 100%;
}

.img-custom-height {
    min-height: 700px;
}

.img-max-height {
    max-height: 850px;
}

.img-min-height {
    min-height: 190px;
}

.padding-l70 {
    padding-left: 70px;
}

.padding-l80 {
    padding-left: 80px;
}

.padding-l100 {
    padding-left: calc(40px + (100 - 40) * ((100vw - 992px) / (1920 - 992)));
}

.padding-r60 {
    padding-right: 60px;
}

.button {
    background-color: #ffffff;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
    border-radius: 28px;
    border: 3px solid #001f60;
}

.button2 {
    background-color: #ffffff;
    padding: 0px 20px 0px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 28px;
    border: 3px solid #ffffff;
}

.button:focus {
    outline: none;
}

.button:active {
    outline: none;
}

.button2:focus {
    outline: none;
}

.button2:active {
    outline: none;
}

.circle {
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    border: 2px solid;
}

.circle span {
    display: inline-block;
    padding-top: 40%;
    padding-bottom: 40%;
    margin-left: 4px;
    margin-right: 3px;
}

.padding-l80 {
    padding-left: 80px;
}

.padding-r80 {
    padding-right: 80px;
}

.index-line-height {
    line-height: calc(24px + (100 - 24) * ((100vw - 300px) / (1920 - 300)))
}

.index-line-height2 {
    line-height: calc(23px + (110 - 23) * ((100vw - 300px) / (1920 - 300)))
}

.index-line-height50 {
    line-height: calc(36px + (50 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.index-line-height70 {
    line-height: calc(26px + (70 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.footer-style a:hover {
    color: #D7A027;
    text-decoration: none;
}

.content-style a:hover {
    color: #D7A027;
    text-decoration: none;
}

.content-style a {
    color: #001f60;
}

.padding-r300 {
    padding-right: 320px;
}

.padding-r200 {
    padding-right: 200px;
}

.eagle-book-90-2 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(30px + (110 - 42) * ((100vw - 300px) / (1920 - 300)));
}

p.small {
    margin: 10px;
    padding: 5px;
    border: 1px solid #999;
}

.ptb-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Add custom spacing classes for Bootstrap 4.2 */
.g-5 {
    margin: -1.5rem; /* Negative margin to offset padding */
}

.g-5 > .col,
.g-5 > [class*="col-"] {
    padding: 1.5rem; /* Add padding to columns */
}

.gy-5 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}

.gy-5 > .col,
.gy-5 > [class*="col-"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 0px) and (max-width: 348.98px) {
    .first-item {
        padding-left: 0px;
    }
    .row-120-bg {
        background-color: #ffe7d4;
        height: 25px;
    }
    .div-02 {
        background: #E9D4A6;
    }
    .row-p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-lr {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #ffffff;
    }
    .row-150 {
        height: 50px;
    }
    .fixed-height {
        height: 160px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .img-custom-height {
        min-height: 300px;
    }
    .gap-80 {
        padding-bottom: 0px;
    }
    .letter-spacing-7 {
        letter-spacing: 3px;
    }
    .centered {
        position: absolute;
        top: 5%;
        text-align: center;
    }
    .navbar-brand {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20px;
        margin-right: auto;
        z-index: 1200;
    }
    
    .gap-20 {
        padding-bottom: 0px;
        bottom: 17%;
    }
    .row-80 {
        height: 45px;
    }
    .row-120 {
        height: 45px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 30px;
    }
    .gap-top-footer {
        padding-top: 30px;
    }
    .gap-40 {
        padding-bottom: 5px;
    }
    .button {
        background-color: #ffffff;
        padding: 2px 5px 2px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
        border-radius: 28px;
        border: 3px solid #001f60;
    }
    .logo-padding {
        padding-left: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
        padding-right: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
    }
    .footer-centered {
        text-align: center;
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .padding-l30 {
        padding-left: 30px;
    }
    .gap-60 {
        padding-bottom: 0px;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .padding-t25 {
        padding-top: 25px;
    }
    .img-map-min-height {
        min-height: 340px;
    }
    .centered {
        position: absolute;
        top: 25%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .ptb-2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .data-padding {
        padding-left: 40px;
        background-color: #ffe7d4;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 40px;
    }
    .data-center {
        text-align: center;
    }
    .padding-left25 {
        padding-left: 15px;
    }
    .padding-bottom80 {
        padding-bottom: 80px;
    }
    .padding-right15 {
        padding-right: 15px;
    }
    .padding-r15 {
        padding-right: 15px;
    }
    .padding-t15 {
        padding-top: 15px;
    }
    .letter-spacing-2-5 {
        letter-spacing: 2.5px
    }
    .nav-height {
        height: calc(100vh - 72.99px);
        min-height: calc(100vh - 72.99px);
    }
    .nav-margin {
        margin-top: 15vh;
        text-align: center;
        width: 100vw;
        min-width: 100vw;
    }
    .navbar-nav .nav-link {
        padding-bottom: 1.5rem;
    }
    #navId {
        padding-top: 0rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .title-centered {
        position: absolute;
        top: 15%;
        left: 25px;
        right: 15%;
        text-align: left;
    }
    .title-centered-left {
        padding-left: 25px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .first-item {
        padding-left: 0px;
    }
    .row-120-bg {
        background-color: #ffe7d4;
        height: 25px;
    }
    .div-02 {
        background: #E9D4A6;
    }
    .row-p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-lr {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #ffffff;
    }
    .row-150 {
        height: 50px;
    }
    .fixed-height {
        height: 150px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .img-custom-height {
        min-height: 300px;
    }
    .gap-80 {
        padding-bottom: 0px;
    }
    .letter-spacing-7 {
        letter-spacing: 3.3px;
    }
    .navbar-brand {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20px;
        margin-right: auto;
        z-index: 1200;
    }
    .gap-20 {
        padding-bottom: 0px;
        bottom: 15%;
    }
    .row-80 {
        height: 30px;
    }
    .row-120 {
        height: 30px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 30px;
    }
    .padding-l100 {
        padding-left: 30px;
    }
    .gap-top-footer {
        padding-top: 30px;
    }
    .gap-40 {
        padding-bottom: 5px;
    }
    .button {
        background-color: #ffffff;
        padding: 2px 5px 2px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
        border-radius: 28px;
        border: 3px solid #001f60;
    }
    .logo-padding {
        padding-left: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
        padding-right: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
    }
    .footer-centered {
        text-align: center;
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .padding-l30 {
        padding-left: 30px;
    }
    .gap-60 {
        padding-bottom: 0px;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .padding-t25 {
        padding-top: 25px;
    }
    .img-map-min-height {
        min-height: 340px;
    }
    .centered {
        position: absolute;
        top: 30%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .ptb-2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .data-padding {
        padding-left: 40px;
        background-color: #ffe7d4;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 40px;
    }
    .data-center {
        text-align: center;
    }
    .padding-left25 {
        padding-left: 25px;
    }
    .padding-bottom80 {
        padding-bottom: 80px;
    }
    .padding-right15 {
        padding-right: 15px;
    }
    .padding-r15 {
        padding-right: 15px;
    }
    .padding-t15 {
        padding-top: 15px;
    }
    .letter-spacing-2-5 {
        letter-spacing: 2.5px
    }
    .nav-height {
        height: calc(100vh - 72.99px);
        min-height: calc(100vh - 2.98px);
    }
    .nav-margin {
        margin-top: 15vh;
        text-align: center;
        width: 100vw;
        min-width: 100vw;
    }
    .navbar-nav .nav-link {
        padding-bottom: 1.5rem;
    }
    #navId {
        padding-top: 0rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .title-centered {
        position: absolute;
        top: 20%;
        left: 25px;
        right: 15%;
        text-align: left;
    }
    .title-centered-left {
        padding-left: 25px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	.abs-center-x {
        position: absolute;
        top: 5px;
        left: calc(10% + (15 - 10) * ((100vw - 768px) / (991.98 - 768)));
        transform: translateX(calc(10% + (15 - 10) * ((100vw - 768px) / (991.98 - 768))));
    }
    .first-item {
        padding-left: 0px;
    }
    .div-02 {
        background: #E9D4A6;
    }
    .row-p {
        padding-left: 30px;
        padding-right: 30px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .fixed-height {
        height: calc(220px - (220 - 150) * ((100vw - 768px) / (991.98 - 768)));
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l100 {
        padding-left: calc(70px + (100 - 0) * ((100vw - 992px) / (1920 - 992)));
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .centered {
        position: absolute;
        top: 25%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .gap-20 {
        padding-bottom: 0px;
        bottom: 20%;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .gap-80 {
        padding-bottom: 40px;
    }
    .row-80 {
        height: 50px;
    }
    .gap-60 {
        padding-bottom: 50px;
    }
    .gap-40 {
        padding-bottom: 25px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.abs-center-x {
        position: absolute;
        top: 5px;
        left: 25%;
        /*transform: translateX(-50%);*/
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .fixed-height {
        height: 200px;
    }
    .btn-height {
        height: 100px;
    }
    .div-02 {
        background: #E9D4A6;
    }
    .gap-40 {
        padding-bottom: 35px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l25 {
        padding-left: 40px;
    }
    .padding-r300 {
        padding-right: 30px;
    }
    .gap-80 {
        padding-bottom: 40px;
    }
    .row-80 {
        height: 50px;
    }
    .gap-60 {
        padding-bottom: 50px;
    }
    .gap-40 {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.99px) {
    
    /*.abs-center-x-sub{
        position: absolute;
        top: 5px;
        left: 35%;
        transform: translateX(-10%);
    }*/
}

@media (min-width: 1200px) {
    .abs-center-x {
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }
    /*.abs-center-x-sub{
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }*/
}

@media only screen and (min-width: 1200px) and (max-width: 1439.98px) {
    .padding-l80 {
        padding-left: 60px;
    }
    .padding-r80 {
        padding-right: 60px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l25 {
        padding-left: 100px;
    }
    .padding-r300 {
        padding-right: 80px;
    }
    .gap-80 {
        padding-bottom: 50px;
    }
    .row-80 {
        height: 60px;
    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */

@media only screen and (min-width: 1440px) {
    .padding-l80 {
        padding-left: 120px;
    }
    .padding-r80 {
        padding-right: 120px;
    }
    .padding-r200 {
        padding-right: 100px;
    }
    .padding-l25 {
        padding-left: 40px;
    }
    .padding-r300 {
        padding-right: 120px;
    }
}

@media only screen and (min-width: 1200px) {
    .img-visible-large {
        display: block;
    }
    .img-visible {
        display: none;
    }
}

.no-boarder {
    border: 0px transparent !important;
    outline-color: white !important;
}

.navbar {
    /*padding-right: 0px !important;*/
}

.navbar .navbar-toggler {
    color: #001f60 !important;
}

.navbar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    align-self: center;
}

.main_image {
    max-width: 100%;
    height: auto;
}

.gap-t-80 {
    padding-top: 80px;
}
.gap-b-80 {
    padding-bottom: 80px;
}
.gap-t-40 {
    padding-top: 40px;
}
.gap-b-40 {
    padding-bottom: 40px;
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}

.navbar-brand img{
    max-height: 55px;
}

.gold-text{
    color: #D7A027;
}
.black-text{
    color: #000000;
}

.custom-primary {
  background-color: #D7A027;
  border-color: #D7A027;
  color: #fff;
  color: #001f60;
  font-family: "ITC Franklin Gothic Std Medium";
  font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  text-transform: capitalize;
}
.custom-primary::before {
  content: "";
  display: block;
  margin-top: 5px;
}

.custom-primary:hover {
  background-color: #D7A027;
  border-color: #D7A027;
}

.blue-box{
    color: #fff;
    background-color: #1B365D;
    padding: 35px;
    display: flex;
    flex-direction: column;   
    justify-content: center; 
    align-items: center;
    border-radius: 20px; 
}

.row-bg {
    background-color: #E9D4A6;
}
@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .navbar-light .navbar-brand {
        min-height: 65px;
    }
}

.navbar .navbar-toggler{
    padding-right: 12px;
}

.logo-wrapper img{
    margin-right: 15px;
}
.logo-wrapper h2 {
    position: relative;
    padding-left: 20px;
    padding-top: 10px;
    color: #1B365D;
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .logo-wrapper h2 {
        font-size: 18px;
        font-weight: normal;

    }
    .navbar-brand img {
        max-height: 35px;
    }
    .logo-wrapper h2{
        padding-top: 5px;
    }
}

.logo-wrapper h2::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    height: 140%; /* Adjust height of the line */
    width: 3px; /* Line thickness */
    background-color: #1B365D; /* Line color */
}

.trans-bg {
    background: rgba(255, 255, 255, 0.7); 
}

.banner-line {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 34%;
    height: 10px;
    background: #D7A027; 
    border-radius: 0px;
}
.min-w-200{
    min-width: 200px;
}
.border-radius-10 {
    border-radius: 10px;
}

.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 1200px) {
    .gap-t-80 {
        padding-top: 120px;
    }
    .gap-b-80 {
        padding-bottom: 120px;
    }
    .bg-project{
        min-height: 160px;
        padding-top: 5px;
    }

    .bg-project {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .bg-project .btn-height {
        margin-top: auto; /* pushes this div to the bottom */
    }
}

.project-back{
    background: #1B365D url('../images/bg-project.jpg') center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 420px; 
}
.project-back img {
    max-width: 250px;
    max-height: 250px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 1200px) {
    .img-custom-height{
        min-height: 100%;
    }
    .project-back img {
        max-width: 150px;
        max-height: 150px;
    }
}
@media only screen and (min-width: 1800px) {
    .title-centered{
        max-width: 700px;
    }
    .img-max-height {
        max-height: fit-content;
    }
}

.footer-logo img{
    max-width: 250px;
}

.footer-style .logo-wrapper h2{
    color: #ffffff;
    padding-left: 40px;
}
.footer-style .logo-wrapper h2::before{
        background-color: #ffffff;
        left: 10px;
        height: 160%;
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .footer-style .logo-wrapper{
        flex-direction: column;
    }

    .footer-style .logo-wrapper h2{
        padding-top: 20px;
        padding-left: 0px;
    }

    .footer-style .logo-wrapper h2::before{
        display: none;
    }
    .gap-t-0-mobile {
        padding-top: 0px;
    }

    .index-line-height {
        line-height: calc(30px + (100 - 24) * ((100vw - 300px) / (1920 - 300)))
    }

    .trans-bg .btn.custom-primary{
        margin-top: 0px !important;
    }
    .trans-bg{
        width: fit-content;
    }


}
@media only screen and (min-width: 1200px) {
    #navId {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .title-centered.trans-bg {
        max-width: 475px;
    }
}

@media only screen and (min-width: 1600px) {
    .title-centered.trans-bg {
        max-width: max-content;
    }
}

.footer-icon-link  {
    font-size: 20px !important;
    letter-spacing: 1px;
    
}
.footer-icon-link  i.email-icon{
        display: inline-block; 
        width: 20px;
        height: 20px;
        background: url('../images/mail.svg') no-repeat center center;
        background-size: contain; 
        vertical-align: middle;
        margin-right: 5px; 
    }
.footer-icon-link  i.phone-icon{
        display: inline-block; 
        width: 20px;
        height: 20px;
        background: url('../images/phone.svg') no-repeat center center;
        background-size: contain;
        vertical-align: middle;
        margin-right: 5px; 
    }

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .mob-pr-25 {
        padding-right: 25px;
    }
    .mob-hide{
        display: none !important;
    }
    .mob-p-0{
        padding: 0px !important;
        margin-bottom: 0px !important;
    }
    .title-centered.faq-page {
        margin-top: 5px;
    }
    .mob-bold{
        font-family: "ITC Franklin Gothic Std Demi" !important;
    }
    .mob-btn-adjest {
        padding-bottom: 0px;
        bottom: 25%;
    }
}



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1095px) {
    .trans-bg {
        width: fit-content;
    }
    .bg-project {
        background-color: #1B365D;
        min-height: 220px;
    }
    .footer-tab-row {
        flex-direction: column !important;   /* stack columns vertically */
        align-items: center !important;      /* center them horizontally */
    }
    .footer-tab-row .align-self-start {
        -ms-flex-item-align: center!important;
        align-self:center !important;
    }
    .footer-tab-row .col-md-5, .footer-tab-row .col-md-3, .footer-tab-row .col-md-1{
        width: 100% !important; /* make columns full width */
        text-align: center !important; /* center text */
        max-width: 100% ;
    }
    .logo-center-tab{
        display: flex;
        justify-content: center; /* horizontal center */
        align-items: center;
        margin-bottom: 30px; 
    }
    .title-centered.home-p{
            max-width: fit-content !important;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 10%;      
            max-width: 520px;
            text-align: left;
            margin-top: 5px;

    }
    .footer-tab-row .align-self-start {
        align-self: start !important; 
    }
    
}

.list-style-asc {
    list-style-type: lower-alpha;
    padding-left: 1.5rem;
}

.list-style-asc:has(li:only-child) {
  list-style: none; 
  padding-left: 0;   
}

.list-style-asc:has(li:only-child) li {
  list-style-type: none;
}

.list-style-asc a{
    text-decoration: underline;
}

.list-style-asc li{
    margin-bottom: 10px;
}



@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    ul.list-style-asc { 
    }

    ul.list-style-asc li {
    flex: 1 1 200px; 
    padding: 10px;
    box-sizing: border-box;
    }

    ul.list-style-asc li a{
        word-wrap:break-word;   /* legacy support */
  overflow-wrap: anywhere; /* modern browsers */
  white-space: normal; 
    }
    .mob-m-0{
        margin: 0px !important;
    }
}

.user-select-none {
    user-select: none;
}

.text-underline { text-decoration: underline !important; }

@media only screen and (min-width: 1024px) and (max-width: 1566px) {
    .footer-icon-link {
        font-size: 16px !important;
        letter-spacing: 1px;
    }
    .footer-style .eagle-book-30{
        font-size: calc(18px + (25 - 18) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-style .logo-wrapper h2.eagle-book-35{
        font-size: calc(22px + (35 - 25) * ((100vw - 300px) / (1920 - 300)));
    }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) {

  .faq-content {
    min-height: calc(100vh - 860px);
  }
  .navbar-brand img {
    max-height: 55px;
  }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1023px) {

  .faq-content {
    min-height: calc(100vh - 765px);
  }
  .mob-m-0{
    margin: 0px !important;
  }
  .navbar-brand img {
    max-height: 42px;
  }
}
.blue-box-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.blue-box-wrapper .member.blue-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

/* 🔹 Default (Mobile-First) */
.blue-box-wrapper .member.blue-box {
  min-height: 300px; /* Base height for very small screens */
}

/* 🔹 For screens between 768px and 994px (tablets/small desktops) */
@media (min-width: 768px) and (max-width: 1366px) {
  .blue-box-wrapper .member.blue-box {
    min-height: 320px;
  }
}

/* 🔹 For screens 995px and up (large desktops) */
@media (min-width: 1367px) {
  .blue-box-wrapper .member.blue-box {
    min-height: 240px;
  }
}


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1600px) {
    .blue-box-wrapper .member.blue-box h4.eagle-book-40-lh-0{
        margin-bottom: 5px !important;
    }

  }



@media (min-width: 1600px) {
    .blue-box-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .blue-box-wrapper .member.blue-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        min-height: 280px; /* Adjust as needed for your design */
    }

    .blue-box-wrapper .member.blue-box h4.eagle-book-40-lh-0{
        margin-bottom: 10px !important;
        margin-top: 40px;
    }

    .blue-box-wrapper .col-md-3.text-center {

    }
    .title-centered.faq-page {
        left: 150px;
    }
    
}
@media (min-width: 1200px) {
    .d-none-xl{
        display: none;
    }
     #footer-container {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .footer-icon-link{
        white-space: nowrap;
    }
}
@media (max-width: 1200px) {
    .mob-center-contact{
        width: 100%;
    }
    .mob-center-contact div{
        width: 100%;
    }
}

.arial-25.Medium-bold{
    font-family: "ITC Franklin Gothic Std Medium";
    font-size: calc(17px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.faq-social-icons i{
    margin-left: 10px;
    margin-right: 15px;
    margin-top: -2px;
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1600px) {
    .member.blue-box .mb-0.arial-25{
        min-height: 75px;
    }
}

@media only screen 
  and (min-device-width: 1601px) {
    .member.blue-box .mb-0.arial-25{
        min-height: 75px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .bg-project {
        background-color: #1B365D;
        min-height: inherit;
    }
        .blue-box-wrapper .member.blue-box {
        min-height: inherit;
    }
    .member.blue-box .mb-0.arial-25 {
        min-height: inherit;
    }
}


.wrap-error {
  background-color: #1B365D;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23f0b608' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23e6d710' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23e7af05' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23e7d808' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23d8a408' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23f1e213' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23f0b607' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23e4d506' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23eab822' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23e8da14' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23e8b008' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23edde14' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  height: calc(var(--vh, 1vh) * 100);
  margin-left: -15px;
  margin-right: -15px;
}
.wrap-error h1 {
  font-size: 6.875rem;
  letter-spacing: -13px;
  line-height: 1;
}
.wrap-error h1 span {
  text-shadow: -8px 0 0 #1B365D;
  font-family: "ITC Franklin Gothic Std Demi";
}
.wrap-error .text-9xl {
  font-size: 5.5rem;
}
.wrap-error .btn-dark {
  background-color: #D7A027;
  padding: 15px 30px;
}