/* ==========================================================================
   1. Basics
   ========================================================================== */

@font-face {
    font-family: Font Awesome;
    src: url('../webfonts/fa-brands-400.ttf') format('truetype'),
    url('../webfonts/fa-brands-400.woff') format('woff'),
    url('../webfonts/fa-brands-400.woff2') format('woff2'),
    url('../webfonts/fa-brands-400.svg') format('svg'),
    url('../webfonts/fa-brands-400.eot');
}

@font-face {
    font-family: Font Awesome;
    src: url('../webfonts/fa-regular-400.ttf') format('truetype'),
    url('../webfonts/fa-regular-400.woff') format('woff'),
    url('../webfonts/fa-regular-400.woff2') format('woff2'),
    url('../webfonts/fa-regular-400.svg') format('svg'),
    url('../webfonts/fa-regular-400.eot');
}

@font-face {
    font-family: Font Awesome;
    src: url('../webfonts/fa-solid-900.ttf') format('truetype'),
    url('../webfonts/fa-solid-900.woff') format('woff'),
    url('../webfonts/fa-solid-900.woff2') format('woff2'),
    url('../webfonts/fa-solid-900.svg') format('svg'),
    url('../webfonts/fa-solid-900.eot');
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

html {
    margin: 0;
    padding: 0;
}
body{
    padding: 0 !important;
    margin: 0 !important;
}

blockquote,
ul,
ol {
    margin: 0;
    padding: 0;
}

ul li,
ol li {
    margin-bottom: 0;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
}

a,
i {
    border: none;
}

button {
    padding: 0;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: unset;
}

button,
button:focus,
button:hover {
    border: none;
    background: none;
}

a:focus,
button:focus {
    outline: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 5px;
    border: 1px solid #000;
    text-align: center;
}

code,
pre {
    overflow-x: scroll;
    padding: 10px;
    padding-bottom: 0;
    border-left: 3px solid #6FBF71;
    border-bottom: 1px solid transparent;
}

pre {
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

pre code {
    white-space: pre-wrap;
}


.container {
    padding-right: unset !important;
    padding-left: unset !important;
}


/* ==========================================================================
   2. Helpers
   ========================================================================== */


/* 2.1. Border radius
   ========================================================================== */


/* 2.2. Width & height
   ========================================================================== */

.height-100perc {
    height: 100%;
}

.max-width-600 {
    width: 100%;
    max-width: 600px;
}


/* 2.3. Z-index
   ========================================================================== */

.z-index-2 {
    z-index: 2;
}


/* 2.4. Background cover
   ========================================================================== */

.bg-img-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* 2.5. Display settings
   ========================================================================== */


/* 2.6. Paddings & margins
   ========================================================================== */

/* Paddings */
.padding-top-bottom-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-bottom-150 {
    padding-bottom: 150px;
}

.padding-top-bottom-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-top-bottom-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-top-bottom-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

.padding-top-bottom-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-top-80 {
    padding-top: 80px;
}

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

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

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

.padding-bottom-70 {
    padding-bottom: 70px;
}

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

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

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

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

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

.padding-bottom-50 {
    padding-bottom: 50px;
}

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

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

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

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

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

.padding-bottom-30 {
    padding-bottom: 30px;
}

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

.padding-top-20 {
    padding-top: 20px;
}

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

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

.padding-top-15 {
    padding-top: 15px;
}

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

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

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-bottom-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

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

.padding-top-bottom-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.padding-top-1 {
    padding-top: 1px;
}

.padding-bottom-1 {
    padding-bottom: 1px;
}

.padding-left-right-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-left-right-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-right-40 {
    padding-right: 40px;
}

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-left-right-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-20 {
    padding: 20px;
}

/* Margins */
.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-top-bottom-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin-top-60 {
    margin-top: 60px;
}

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

.margin-top-bottom-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-top-50 {
    margin-top: 50px;
}

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

.margin-top-bottom-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-top-40 {
    margin-top: 40px;
}

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

.margin-top-bottom-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-top-30 {
    margin-top: 30px;
}

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

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

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

.margin-top-bottom-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

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

.margin-top-bottom-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-top-5 {
    margin-top: 5px;
}

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

.margin-top-bottom-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.margin-top-1 {
    margin-top: 1px;
}

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

.margin-left-right-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-left-right-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-left-right-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-left-right-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-left-right-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-20 {
    margin: 20px;
}


/* 2.7. Positions
   ========================================================================== */

.column-r-margin-40 {
    margin-right: 40px;
}

.column-l-margin-40 {
    margin-left: 40px;
}

.column-l-r-margin-20 {
    margin-left: 20px;
    margin-right: 20px;
}

:root {
    --bg-light: #ffffff;
    --bg-dark: #111517;
    --primary-color: #054ba6;
    --secondary-color: #0099DD;
    --tertiary-color: #204473;
    --search: #1d67b1;
}
ul{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none !important;
    color: inherit;
}
.text-color-white{
    color: #fff;
}
textarea {
    background: none;
    resize: vertical;
    box-sizing: border-box;
}

input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'] {
    vertical-align: middle;
    outline: none;
    background: none;
}

textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus {
    outline: none;
}

input[type='submit'] {
    text-decoration: none;
    border: none;
    outline: none;
    background: none;
}

input[type='submit']:hover {
    outline: none;
    background: none;
}

/* ==========================================================================
   3. Container width
   ========================================================================== */

.container {
    width: calc(100% - 80px);
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}

.container.full {
    max-width: 100%;
}

.container.small {
    max-width: 960px;
}

@media only screen and (max-width: 999px) {

    .container {
        width: calc(100% - 40px);
    }

}

@media only screen and (max-width: 549px) {

    .container {
        width: calc(100% - 20px);
    }

}

@media only screen and (max-width: 1440px) {
    .container {
        width: calc(100% - 80px);
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ==========================================================================
   18. Typography
   ========================================================================== */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

a {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
}

h1,
h2,
h3 {
    font-weight: 700;
}

h4,
h5 {
    font-weight: 600;
}

h6 {
    font-weight: 500;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

@media only screen and (max-width: 999px) {

    h1 {
        font-size: 38px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

}

@media only screen and (max-width: 767px) {

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

}

@media only screen and (max-width: 549px) {

    h1 {
        font-size: 34px;
    }

}

.text-italic {
    font-style: italic;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}


/* 18.1. Big head
   ========================================================================== */

.big-head {
    font-family: 'Open Sans', sans-serif;
    font-size: 230px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1399px) {

    .big-head {
        font-size: 208px;
    }

}

@media only screen and (max-width: 1199px) {

    .big-head {
        font-size: 186px;
    }

}

@media only screen and (max-width: 999px) {

    .big-head {
        font-size: 164px;
    }

}

@media only screen and (max-width: 767px) {

    .big-head {
        font-size: 142px;
    }

}

@media only screen and (max-width: 549px) {

    .big-head {
        font-size: 120px;
    }

}

@media only screen and (max-width: 399px) {

    .big-head {
        font-size: 98px;
    }

}


/* 18.2. Headline
   ========================================================================== */

.headline-uppercase {
    letter-spacing: 3px;
    text-transform: uppercase;
}

.headline-xxxxl {
    font-family: 'Open Sans', sans-serif;
    font-size: 94px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxxl {
    font-family: 'Open Sans', sans-serif;
    font-size: 86px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxl {
    font-family: 'Open Sans', sans-serif;
    font-size: 78px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xl {
    font-family: 'Open Sans', sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-l {
    font-family: 'Open Sans', sans-serif;
    font-size: 62px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-m {
    font-family: 'Open Sans', sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-s {
    font-family: 'Open Sans', sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xs {
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxs {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxxs {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxxs18 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.headline-xxxxs {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

@media only screen and (max-width: 1199px) {

    .headline-xxxxl {
        font-size: 86.5px;
    }

    .headline-xxxl {
        font-size: 79.25px;
    }

    .headline-xxl {
        font-size: 72px;
    }

    .headline-xl {
        font-size: 64.75px;
    }

    .headline-l {
        font-size: 57.5px;
    }

    .headline-m {
        font-size: 50.25px;
    }

    .headline-s {
        font-size: 43px;
    }

    .headline-xs {
        font-size: 35.75px;
    }

    .headline-xxs {
        font-size: 28.5px;
    }

    .headline-xxxs {
        font-size: 21.25px;
    }

}

@media only screen and (max-width: 999px) {

    .headline-xxxxl {
        font-size: 79px;
    }

    .headline-xxxl {
        font-size: 72.5px;
    }

    .headline-xxl {
        font-size: 66px;
    }

    .headline-xl {
        font-size: 59.5px;
    }

    .headline-l {
        font-size: 53px;
    }

    .headline-m {
        font-size: 46.5px;
    }

    .headline-s {
        font-size: 40px;
    }

    .headline-xs {
        font-size: 33.5px;
    }

    .headline-xxs {
        font-size: 27px;
    }

    .headline-xxxs {
        font-size: 20.5px;
    }

}

@media only screen and (max-width: 767px) {

    .headline-xxxxl {
        font-size: 71.5px;
    }

    .headline-xxxl {
        font-size: 65.75px;
    }

    .headline-xxl {
        font-size: 60px;
    }

    .headline-xl {
        font-size: 54.25px;
    }

    .headline-l {
        font-size: 48.5px;
    }

    .headline-m {
        font-size: 42.75px;
    }

    .headline-s {
        font-size: 37px;
    }

    .headline-xs {
        font-size: 31.25px;
    }

    .headline-xxs {
        font-size: 25.5px;
    }

    .headline-xxxs {
        font-size: 19.75px;
    }

}

@media only screen and (max-width: 549px) {

    .headline-xxxxl {
        font-size: 64px;
    }

    .headline-xxxl {
        font-size: 59px;
    }

    .headline-xxl {
        font-size: 54px;
    }

    .headline-xl {
        font-size: 49px;
    }

    .headline-l {
        font-size: 44px;
    }

    .headline-m {
        font-size: 39px;
    }

    .headline-s {
        font-size: 34px;
    }

    .headline-xs {
        font-size: 29px;
    }

    .headline-xxs {
        font-size: 24px;
    }

    .headline-xxxs {
        font-size: 19px;
    }

}

@media only screen and (max-width: 399px) {

    .headline-xxxxl {
        font-size: 56.5px;
    }

    .headline-xxxl {
        font-size: 52.25px;
    }

    .headline-xxl {
        font-size: 48px;
    }

    .headline-xl {
        font-size: 43.75px;
    }

    .headline-l {
        font-size: 39.5px;
    }

    .headline-m {
        font-size: 35.25px;
    }

    .headline-s {
        font-size: 31px;
    }

    .headline-xs {
        font-size: 26.75px;
    }

    .headline-xxs {
        font-size: 22.5px;
    }

    .headline-xxxs {
        font-size: 18.25px;
    }

}


/* 18.3. Subhead
   ========================================================================== */

.subhead-uppercase {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.subhead-xxl {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-xl {
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-l {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-m {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-s {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-xs {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
}

.subhead-xxs {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
}

@media only screen and (max-width: 1199px) {

    .subhead-xxl {
        font-size: 28.5px;
    }

    .subhead-xl {
        font-size: 25.75px;
    }

    .subhead-l {
        font-size: 23px;
    }

    .subhead-m {
        font-size: 20.25px;
    }

    .subhead-s {
        font-size: 17.5px;
    }

    .subhead-xs {
        font-size: 14.75px;
    }

}

@media only screen and (max-width: 999px) {

    .subhead-xxl {
        font-size: 27px;
    }

    .subhead-xl {
        font-size: 24.5px;
    }

    .subhead-l {
        font-size: 22px;
    }

    .subhead-m {
        font-size: 19.5px;
    }

    .subhead-s {
        font-size: 17px;
    }

    .subhead-xs {
        font-size: 14.5px;
    }

}

@media only screen and (max-width: 767px) {

    .subhead-xxl {
        font-size: 25.5px;
    }

    .subhead-xl {
        font-size: 23.25px;
    }

    .subhead-l {
        font-size: 21px;
    }

    .subhead-m {
        font-size: 18.75px;
    }

    .subhead-s {
        font-size: 16.5px;
    }

    .subhead-xs {
        font-size: 14.25px;
    }

}

@media only screen and (max-width: 549px) {

    .subhead-xxl {
        font-size: 24px;
    }

    .subhead-xl {
        font-size: 22px;
    }

    .subhead-l {
        font-size: 20px;
    }

    .subhead-m {
        font-size: 18px;
    }

    .subhead-s {
        font-size: 16px;
    }

    .subhead-xs {
        font-size: 14px;
    }

}

@media only screen and (max-width: 399px) {

    .subhead-xxl {
        font-size: 22.5px;
    }

    .subhead-xl {
        font-size: 20.75px;
    }

    .subhead-l {
        font-size: 19px;
    }

    .subhead-m {
        font-size: 17.25px;
    }

    .subhead-s {
        font-size: 15.5px;
    }

    .subhead-xs {
        font-size: 13.75px;
    }

}


/* 18.4. Body text
   ========================================================================== */

.body-text-xl {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.9;
}

.body-text-l {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.9;
}

.body-text-m {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
}

.body-text-s {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
}

.body-text-xs {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
}

@media only screen and (max-width: 1199px) {

    .body-text-xl {
        font-size: 20.5px;
    }

    .body-text-l {
        font-size: 18.625px;
    }

    .body-text-m {
        font-size: 16.75px;
    }

    .body-text-s {
        font-size: 14.875px;
    }

}

@media only screen and (max-width: 999px) {

    .body-text-xl {
        font-size: 20px;
    }

    .body-text-l {
        font-size: 18.25px;
    }

    .body-text-m {
        font-size: 16.5px;
    }

    .body-text-s {
        font-size: 14.75px;
    }

}

@media only screen and (max-width: 767px) {

    .body-text-xl {
        font-size: 19.5px;
    }

    .body-text-l {
        font-size: 17.875px;
    }

    .body-text-m {
        font-size: 16.25px;
    }

    .body-text-s {
        font-size: 14.625px;
    }

}

@media only screen and (max-width: 549px) {

    .body-text-xl {
        font-size: 19px;
    }

    .body-text-l {
        font-size: 17.5px;
    }

    .body-text-m {
        font-size: 16px;
    }

    .body-text-s {
        font-size: 14.5px;
    }

}

@media only screen and (max-width: 399px) {

    .body-text-xl {
        font-size: 18.5px;
    }

    .body-text-l {
        font-size: 17.125px;
    }

    .body-text-m {
        font-size: 15.75px;
    }

    .body-text-s {
        font-size: 14.375px;
    }

}

.other-page-header {
    position: relative;
    height: 120px;
    background: #054ba6;
    z-index: 99;
    opacity: 1 !important;
    border-bottom: 1px solid #fff;
}

.breadcrumbs-sec {
    position: relative;
    min-height: 130px;
    background: #054ba6;
    z-index: 90;
    opacity: 1 !important;
    display: flex;
    align-items: center;
}

.back {
    position: relative;
}

.back ul {
    display: block;
    margin-bottom: 0;
    list-style: none;
}

.back ul li {
    white-space: nowrap;
}

.back ul li a {
    text-decoration: none;
}

.back ul.nav-history {
    padding-left: 36px;
}

.back ul.nav-history li {
    margin-bottom: 5px;
}

.back ul.nav-history li::after {
    content: '';
    position: absolute;
    left: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e8eaed;
    transform: scale(0.9);
    transition: all 0.2s ease;
}

.back ul.nav-history li:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 17px;
    margin-top: 10px;
    width: 2px;
    height: 26px;
    background: #e8eaed;
    transition: all 0.2s ease;
}

.back ul.nav-history li.active {
    pointer-events: none;
}

.back ul.nav-history li.active::after {
    background: #e8eaed;
}

.back ul.nav-history li.active a {
    color: #a8a4a4;
}

.back ul.nav-history li a {
    color: #fff;
    display: inline-block;
    opacity: 1;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    top: -4px;
}

.back ul.nav-history li a:hover {
    opacity: .8;
}

/* #Navigation
================================================== */

.searchInputWrapper {
    position: relative;
}

.searchInput {
    width: 15rem;
    height: 2rem;
    padding: 0 2rem;
    border-radius: 2rem;
    border: none;
    transition: transform 0.1s ease-in-out;
    background: rgba(255, 255, 255, .8) !important;
}

.searchInput:focus {
    outline: none;
    transition: all 0.1s ease-in-out;
}

.searchInputIcon {
    position: absolute;
    left: 0.8rem;
    top: 0.5rem;
    color: var(--primary-color);
    transition: all 0.1s ease-in-out;
}

.container:focus-within >
.searchInputWrapper > .searchInputIcon {
    right: 0.2rem;
}


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: .5s all ease-in-out;
}
.multimenu-header {
    background: #054ba6;
    z-index: 9;
    /*border-bottom: 1px solid #fff;*/
    /*position: relative;*/
}
/*.multimenu-header.header-scroll{*/
/*    position: fixed;*/
/*}*/
.header-logo__img {
    height: 60px;
    width: auto;
}

.scrolled {
    opacity: 0 !important;
}

.fixed-header .navbar {
    padding: 0;
}

.fixed-header .navbar .nav-item {
    padding: 0 15px;
}

.fixed-header .navbar .nav-link {
    display: inline-block;
    pointer-events: auto;
    color: #fff;
    transition: .7s cubic-bezier(.17, .85, .438, .99);
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
}

header.can-animate {
    transition: transform 0.3s ease, visibility 0s 0.3s linear;
}

header.is-fixed {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    transform: translate3d(0, -100%, 0);
}

header.scroll-up {
    transform: translate3d(0, 0, 0);
}

.fixed-header .dropdown-menu {
    background: var(--primary-color);
    padding: 0;
    border: none;
    border-top: 2px solid var(--secondary-color);
}

.fixed-header .dropdown-menu .dropdown-item {
    color: #fff;
    font-size: 14px;
    background: var(--primary-color);
    padding: 7.5px 15px;
    border-radius: 0;
    transition: all 200ms linear;
    border: none;
    border-bottom: 0.5px dashed #fff;
}
/*.fixed-header .dropdown-menu li {*/
/*    border-bottom: 0.5px dashed #fff;*/
/*}*/
/*.fixed-header .dropdown-menu li:hover{*/
/*    border-bottom: 0.5px dashed #fff;*/
/*}*/
.fixed-header .dropdown-menu li:last-child > .dropdown-item{
    border-bottom: none;
}
.fixed-header .dropdown-menu .dropdown-item:hover,
.fixed-header .dropdown-menu .dropdown-item:focus,
.fixed-header .dropdown-menu .dropdown-item.active {
    background: var(--secondary-color);
}
.fixed-header .navbar-toggler {
    background: var(--primary-color);
    color: #fff;
    outline: none;
    border: none;
    box-shadow: none;
    height: 40px;
    transition: background-color .3s ease;
}
.fixed-header .navbar-toggler-icon {
    color: #fff;
}
.fixed-header .navbar-toggler:hover {
    background: var(--secondary-color);
}
ul.submenu.dropdown-menu{
    top: 0;
}
/* ============ desktop view ============ */
@media all and (min-width: 1200px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }
    .navbar-nav li:first-child  .dropdown-menu .submenu-left {
        left: 100%;
        right: auto;
    }
    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 1199px) {
    .fixed-header .navbar-collapse {
        background: var(--primary-color);
        padding: 15px;
        border-radius: 10px;
    }

    .fixed-header .navbar .nav-item {
        padding: 0;
    }

    .fixed-header .navbar .nav-link {
        padding: 5px 10px;
        display: block;
        transition: background-color .3s ease;
    }

    .fixed-header .navbar .nav-link:hover {
        background: var(--secondary-color);
    }

    .fixed-header .dropdown-menu {
        background: var(--secondary-color);
    }

    .fixed-header .dropdown-menu .dropdown-item {
        background: var(--secondary-color);
    }

    .fixed-header .dropdown-menu .dropdown-item:hover {
        background: var(--primary-color);
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
        border:none;
        padding: 5px;
        padding-left: 30px;
    }

}

/*.navigation-wrap {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    !*top: 0;*!*/
/*    !*left: 0;*!*/
/*    !*z-index: 1000;*!*/
/*    -webkit-transition: all 0.3s ease-out;*/
/*    transition: all 0.3s ease-out;*/
/*    background: #054ba6;*/
/*}*/

/*.navbar {*/
/*    padding: 0;*/
/*}*/

/*.navbar-brand img {*/
/*    height: 80px;*/
/*    width: auto;*/
/*    display: block;*/
/*    !*filter: brightness(10%);*!*/
/*    -webkit-transition: all 0.3s ease-out;*/
/*    transition: all 0.3s ease-out;*/
/*}*/

/*.multimenu-header .navbar-toggler {*/
/*    float: right;*/
/*    border: none;*/
/*    padding-right: 0;*/
/*    background-image: none !important;*/
/*}*/

/*.multimenu-header .navbar-toggler:active,*/
/*.multimenu-header .navbar-toggler:focus {*/
/*    outline: none;*/
/*}*/

/*.multimenu-header .navbar-light .navbar-toggler-icon {*/
/*    width: 24px;*/
/*    height: 17px;*/
/*    background-image: none;*/
/*    position: relative;*/
/*    border-bottom: 2px solid #fff;*/
/*    transition: all 300ms linear;*/
/*}*/

/*.multimenu-header .navbar-light .navbar-toggler-icon:after,*/
/*.multimenu-header .navbar-light .navbar-toggler-icon:before {*/
/*    width: 24px;*/
/*    position: absolute;*/
/*    height: 2px;*/
/*    background-color: #fff;*/
/*    top: 0;*/
/*    left: 0;*/
/*    content: '';*/
/*    z-index: 2;*/
/*    transition: all 300ms linear;*/
/*}*/

/*.multimenu-header .navbar-light .navbar-toggler-icon:after {*/
/*    top: 8px;*/
/*}*/

/*.multimenu-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {*/
/*    transform: rotate(45deg);*/
/*}*/

/*.multimenu-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {*/
/*    transform: translateY(8px) rotate(-45deg);*/
/*}*/

/*.multimenu-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {*/
/*    border-color: transparent;*/
/*}*/

/*.multimenu-header .nav-link {*/
/*    color: #fff !important;*/
/*    font-weight: 500;*/
/*    transition: all 200ms linear;*/
/*}*/

/*.multimenu-header .nav-item:hover .nav-link {*/
/*    color: #f9860c !important;*/
/*}*/

/*!*.multimenu-header .nav-item.active .nav-link{*!*/
/*!*    color: #777;*!*/
/*!*}*!*/
/*.multimenu-header .nav-link {*/
/*    display: inline-block;*/
/*    pointer-events: auto;*/
/*    color: #fff;*/
/*    transition: .7s cubic-bezier(.17, .85, .438, .99);*/
/*    font-weight: 700;*/
/*}*/

/*.multimenu-header .nav-item {*/
/*    display: inline-block;*/
/*    !*margin-left: 30px;*!*/
/*    font-family: 'Lato', sans-serif;*/
/*    font-size: 13px;*/
/*    font-weight: 400;*/
/*    letter-spacing: 2px;*/
/*    line-height: 20px;*/
/*    text-transform: uppercase;*/
/*    !*-webkit-transform: translateY(110%);*!*/
/*    !*transform: translateY(110%);*!*/
/*    transition: 1.5s cubic-bezier(.17, .85, .438, .99);*/
/*    position: relative;*/
/*}*/

/*.multimenu-header .nav-item .dropdown-menu {*/
/*    transform: translate3d(0, 10px, 0);*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    max-height: 0;*/
/*    display: block;*/
/*    padding: 0 !important;*/
/*    margin: 0;*/
/*    transition: all 200ms linear;*/
/*}*/

/*.multimenu-header .nav-item.show .dropdown-menu {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    max-height: 999px;*/
/*    transform: translate3d(0, 0px, 0);*/
/*}*/

/*.multimenu-header .dropdown-menu {*/
/*    padding: 10px !important;*/
/*    margin: 0;*/
/*    font-size: 13px;*/
/*    letter-spacing: 1px;*/
/*    color: #212121;*/
/*    background-color: #fcfaff;*/
/*    border: none;*/
/*    border-radius: 3px;*/
/*    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);*/
/*    transition: all 200ms linear;*/
/*    min-width: 260px;*/
/*    max-width: 300px;*/
/*    width: auto;*/
/*}*/

/*.multimenu-header .dropdown-toggle::after {*/
/*    display: none;*/
/*}*/

/*.multimenu-header .dropdown-item {*/
/*    padding: 7.5px 20px;*/
/*    color: #fff;*/
/*    border-radius: 0;*/
/*    transition: all 200ms linear;*/
/*    white-space: unset !important;*/
/*}*/

/*.multimenu-header .dropdown-item:hover,*/
/*.multimenu-header .dropdown-item:focus {*/
/*    color: #fff;*/
/*    background-color: rgba(129, 103, 169, .6);*/
/*}*/

/*.has-submenu:hover .has-submenu ul {*/
/*    display: block;*/
/*    visibility: visible;*/
/*}*/

/*.multimenu-header .dropdown-menu li ul {*/
/*    display: none;*/
/*}*/

/*.multimenu-header .dropdown-menu li {*/
/*    border-bottom: 0.5px dashed #fff;*/
/*}*/

/*.multimenu-header .dropdown-menu li:last-child {*/
/*    border-bottom: none;*/
/*}*/

/*.has-submenu {*/
/*    position: relative;*/
/*}*/

/*.dropdown-submenu {*/
/*    position: absolute;*/
/*    left: auto;*/
/*    right: 100%;*/
/*    top: 0;*/
/*    background: #0060c8;*/
/*    margin: 0;*/
/*    font-size: 13px;*/
/*    letter-spacing: 1px;*/
/*    color: #212121;*/
/*    border: none;*/
/*    border-radius: 3px;*/
/*    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);*/
/*    transition: all 200ms linear;*/
/*    min-width: 260px;*/
/*}*/

/*.multimenu-header .dropdown-menu li:hover .dropdown-submenu {*/
/*    display: block;*/
/*}*/
/*.has-submenu > .dropdown-item{*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center*/
/*}*/

/*.has-submenu > .dropdown-item i{*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    color: #f9860c;*/
/*}*/

/*!* #Media*/
/*================================================== *!*/

@media (max-width: 767px) {
.header-logo__img{
    height: 60px;
    width: auto;
}
/*    .multimenu-header .nav-item:after {*/
/*        display: none;*/
/*    }*/

/*    .multimenu-header .nav-item::before {*/
/*        position: absolute;*/
/*        display: block;*/
/*        top: 15px;*/
/*        left: -25px;*/
/*        width: 11px;*/
/*        height: 1px;*/
/*        content: "";*/
/*        border: none;*/
/*        background-color: #fff;*/
/*        vertical-align: 0;*/
/*    }*/

/*    .multimenu-header .dropdown-toggle::after {*/
/*        position: absolute;*/
/*        display: block;*/
/*        top: 10px;*/
/*        left: -23px;*/
/*        width: 1px;*/
/*        height: 11px;*/
/*        content: "";*/
/*        border: none;*/
/*        background-color: #fff;*/
/*        vertical-align: 0;*/
/*        transition: all 200ms linear;*/
/*    }*/

/*    .multimenu-header .dropdown-toggle[aria-expanded="true"]::after {*/
/*        transform: rotate(90deg);*/
/*        opacity: 0;*/
/*    }*/

/*    .multimenu-header .dropdown-menu {*/
/*        padding: 0 !important;*/
/*        background-color: transparent;*/
/*        box-shadow: none;*/
/*        transition: all 200ms linear;*/
/*    }*/

/*    .multimenu-header .dropdown-toggle[aria-expanded="true"] + .multimenu-header .dropdown-menu {*/
/*        margin-top: 10px !important;*/
/*        margin-bottom: 20px !important;*/
/*    }*/

/*    .dropdown-submenu {*/
/*        position: relative;*/
/*        left: 0;*/
/*        right: 0;*/
/*        top: 100%;*/
/*    }*/

/*    .has-submenu .dropdown-toggle::after {*/
/*        display: none;*/
/*    }*/

/*    .multimenu-header {*/
/*        z-index: 9 !important;*/
/*        position: relative;*/
/*    }*/
}


/*!* hover dropdown menus *!*/
/*@media only screen and (max-width: 991px) {*/
/*    .innerpage_content {*/
/*        z-index: 2;*/
/*    }*/

/*    !*.p-top-mobile {*!*/
/*    !*    padding-top: 150px;*!*/
/*    !*    position: relative;*!*/
/*    !*    z-index: -1;*!*/
/*    !*}*!*/

/*    .navbar-hover .show > .dropdown-toggle::after {*/
/*        transform: rotate(-90deg);*/
/*    }*/
/*    .nav-link.dropdown-toggle {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        align-items: center;*/
/*        border-bottom: 1px solid #fff;*/
/*    }*/
/*    .multimenu-header .nav-item .dropdown-menu,*/
/*    .multimenu-header .nav-item .dropdown-menu > li,*/
/*    .multimenu-header .nav-item .dropdown-menu > li > a{*/
/*        width: 100%;*/
/*        min-width: 100%;*/
/*        max-width: 100%;*/
/*    }*/
/*    .has-submenu .dropdown-submenu{*/
/*        position: relative;*/
/*        left: 0;*/
/*        right: 0;*/
/*        background: rgba(129, 103, 169, .6);*/
/*    }*/
/*    .other-page-search{*/
/*        margin-top: 30px;*/
/*    }*/
/*    .search-wrapper-content {*/
/*        left: 0;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 992px) {*/
/*    .navbar-hover .collapse ul li {*/
/*        position: relative;*/
/*    }*/

/*    .navbar-hover .collapse ul li:hover > ul {*/
/*        display: block*/
/*    }*/

/*    .navbar-hover .collapse ul ul {*/
/*        position: absolute;*/
/*        top: 100%;*/
/*        left: 0;*/
/*        min-width: 250px;*/
/*        display: none*/
/*    }*/

/*    .navbar-hover .collapse ul ul ul {*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 100%;*/
/*        min-width: 250px;*/
/*        display: none*/
/*    }*/

/*    !*.navbar-hover .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}*!*/
/*}*/

.program_left_menu {
    /*background: #0060c8 !important;*/
    background: #054ba6 !important;
}
.program_left_menu ul li{
    margin-left: 0 !important;
}
.program_left_menu li li:hover {
    background-color: #0060c8 !important;
    transition: .3s;
}

.program_left_menu li:hover {
    background-color: #0060c8 !important;
    transition: .8s;
}

.program_left_menu li li {
    background-color: #0060c8 !important;
}

.program_left_menu ul li:hover {
    background: #054ba6 !important;
}

.parent_child {
    /*position: absolute !important;*/
    /*top: -3px;*/
    background: #171c62;
    /*left: 35px;*/
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.parent_child a {
    padding: 10px 15px !important;
    text-align: center;
    color: #fff !important;
}

.innerpage_content {
    padding: 50px 0 !important;
    margin-top: 110px;
}

.social-list .close_button {
    right: 15px !important;
}

.breadcrumb a:last-child{
    color: var(--primary-color) !important;
}


@media only screen and (max-width: 767px){
    .innerpage_content {
        padding-top:20px !important;
    }
}

@media only screen and (min-width: 992px){
    .navbar-expand-lg .navbar-nav{
        align-items: center !important;
    }
}

.page_titlesearch{
    text-decoration: none;
    color: #0072bc;
    font-family: 'poppinsregular';
    font-size: 20px;
}

.page_titlesearch:hover{
    text-decoration: underline;
}
/*@media only screen and (max-height: 768px){*/
/*    !*.innerpage_content_right {*!*/
/*    !*    margin-top: 100px !important;*!*/
/*    !*}*!*/
/*    .brand_innerpage_banner {*/
/*        height: 400px !important;*/
/*        margin-top: 120px;*/
/*    }*/
/*}*/

/*======================================New Header Style========================*/

/* ==========================================================================
   24. List styles
   ========================================================================== */

.list.list_center {
    text-align: center;
}

.list.list_right {
    text-align: right;
}

.list.list_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
}

.list.list_row.list_center {
    justify-content: center;
}

.list.list_row.list_right {
    justify-content: flex-end;
}


/* 24.1. List item
   ========================================================================== */

.list__item {
    display: block !important;
    position: relative;
    line-height: 1;
}


/* 24.1.1. List item margins
   ========================================================================== */

/* Defaul margins 10px */
.list__item,
.list .list .list__item {
    /*margin-bottom: 10px;*/
}

.list__item:last-child,
.list .list .list__item:last-child {
    margin-bottom: 0;
}

.list_row .list__item {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.list_row.list_center .list__item {
    margin-left: 5px;
    margin-right: 5px;
}

.list_row.list_right .list__item {
    margin-left: 10px;
    margin-right: 0;
}

/* 1px margins */
.list_margin-1px .list__item,
.list .list.list_margin-1px .list__item {
    margin-bottom: 1px;
}

.list_margin-1px .list__item:last-child,
.list .list.list_margin-1px .list__item:last-child {
    margin-bottom: 0;
}

.list_margin-1px.list_row .list__item {
    margin-right: 1px;
    margin-bottom: 0;
}

.list_margin-1px.list_row.list_center .list__item {
    margin-left: 1px;
    margin-right: 1px;
}

.list_margin-1px.list_row.list_right .list__item {
    margin-left: 1px;
    margin-right: 0;
}

/* 20px margins */
.list_margin-20px .list__item,
.list .list.list_margin-20px .list__item {
    margin-bottom: 20px;
}

.list_margin-20px .list__item:last-child,
.list .list.list_margin-20px .list__item:last-child {
    margin-bottom: 0;
}

.list_margin-20px.list_row .list__item {
    margin-right: 20px;
    margin-bottom: 0;
}

.list_margin-20px.list_row.list_center .list__item {
    margin-left: 10px;
    margin-right: 10px;
}

.list_margin-20px.list_row.list_right .list__item {
    margin-left: 20px;
    margin-right: 0;
}

/* 30px margins */
.list_margin-30px .list__item,
.list .list.list_margin-30px .list__item {
    margin-bottom: 30px;
}

.list_margin-30px .list__item:last-child,
.list .list.list_margin-30px .list__item:last-child {
    margin-bottom: 0;
}

.list_margin-30px.list_row .list__item {
    margin-right: 30px;
    margin-bottom: 0;
}

.list_margin-30px.list_row.list_center .list__item {
    margin-left: 15px;
    margin-right: 15px;
}

.list_margin-30px.list_row.list_right .list__item {
    margin-left: 30px;
    margin-right: 0;
}


/* 24.1.2. List item icons
   ========================================================================== */

.list__item.dot,
.list__item.check,
.list__item.x {
    padding-left: 20px;
}

.list__item:before {
    position: absolute;
    left: 0;
    top: 53%;
    z-index: 4;
    font-family: Font Awesome;
    font-size: 10px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.list__item.black:before {
    color: #000;
}

.list__item.opacity-05:before {
    opacity: .5;
}

.list__item.dot:before {
    content: '\f0c8';
    font-size: 10px;
}

.list__item.check:before {
    content: '\f00c';
}

.list__item.x:before {
    content: '\f00d';
}


/* 24.2. List counter
   ========================================================================== */

.list.list_counter {
    counter-reset: listIndex;
}

.list_counter .list__item {
    padding-left: 30px;
    counter-increment: listIndex;
}

.list_counter .list__item:before {
    content: counter(listIndex);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.list_counter .list__item:nth-child(1):before,
.list_counter .list__item:nth-child(2):before,
.list_counter .list__item:nth-child(3):before,
.list_counter .list__item:nth-child(4):before,
.list_counter .list__item:nth-child(5):before,
.list_counter .list__item:nth-child(6):before,
.list_counter .list__item:nth-child(7):before,
.list_counter .list__item:nth-child(8):before,
.list_counter .list__item:nth-child(9):before {
    content: '0' counter(listIndex);
}
.header-scroll{
    background: var(--primary-color);
}
/*========================Footer Style==========================*/
.section-bg-footer {
    background-color: #0097eb;
    position: relative;
}
footer .list__item {
    margin-bottom: 10px;
}
.footer-nav-btn {
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    /* letter-spacing: 3px; */
    line-height: 1.2;
    -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
    -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
    transition: .5s cubic-bezier(.225, 1, .316, .99);
    cursor: pointer;
}

.footer-nav-btn {
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    /*    letter-spacing: 3px;*/
    line-height: 1.2;
    transition: .5s cubic-bezier(.225, 1, .316, .99);
    cursor: pointer;
}

.footer-nav-btn:hover {
    opacity: 1;
}

.copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 1.4;
    text-transform: uppercase;
}

.copyright .copyright__author {
    font-weight: 700;
}

.next-project-footer {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.news-btg {
    background-image: url(../subscribe.svg);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: linear-gradient(to right, #02acfa, #00adf8, #00adf5, #00aef3, #00aef0, #00a9f4, #00a3f7, #009df9, #008dfe, #007cff, #0069ff, #0052fc); */
    padding: 25px;
    background-position: center;
    border-radius: 25px;
}
.newsletter-content h2 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 5px;
}
.newsletter-content h2 span {
    display: block;
    font-size: 20px;
    text-transform: capitalize;
}
.form-design form {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.form-design form input {
    height: 30px;
    width: 100%;
    border-radius: 30px;
    background: #ffffff9c;
    padding-left: 20px;
    color: #000;
    border: none;
    font-size: 13px;
}
.form-design form input::placeholder {
    color: #000;
    font-weight: 700;
}
.form-design form button {
    background-color: #fff;
    color: #000;
    height: 30px;
    border-radius: 30px;
    padding: 0 12px;
    font-weight: 700;
    font-size: 13px;
}
.middle-content {
    position: relative;
}
.middle-content:before,
.middle-content:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
}
.middle-content:before {
    left: -70px;
}
.middle-content:after {
    right: 65px;
}
.footer-nav-btn {
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    /* letter-spacing: 3px; */
    line-height: 1.2;
    -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
    -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
    transition: .5s cubic-bezier(.225, 1, .316, .99);
    cursor: pointer;
}
.copy-link a {
    font-size: 12px;
}

.copy-link li {
    position: relative;
}

.copy-link .list__item {
    margin-right: 20px !important;
}

.copy-link li:after {
    content: '|';
    position: absolute;
    right: -12px;
}
.copy-link li:last-child:after {
    display: none;
}
.middle-content {
    position: relative;
}

#button {
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 100px;
    right: 30px;
    transition: .3s all ease;
    opacity: 0;
    z-index: 99999;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#button i {
    font-size: 30px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}
.footer-title h3{
    color: #fff;
}


.sitemap1 a{
    text-decoration: none;
    color: #0072bc !important;
}
.sitemap1 a:hover{
    text-decoration: underline !important;
}
.google_maps_infom
.google_maps_info h2,
.google_maps_info h3,
.google_maps_info p{
    color: #fff;
}
/*.rows,*/
/*#grid.row{*/
/*    display: -webkit-box !important;*/
/*    display: -ms-flexbox !important;*/
/*    display: flex !important;*/
/*    -ms-flex-wrap: wrap !important;*/
/*    flex-wrap: wrap !important;*/
/*    margin-right: -15px !important;*/
/*    margin-left: -15px !important;*/
/*}*/
.accordion-body p{
    color: #000;
}
.information h2{
    color: #fff;
}
.fixed-header .navbar {
    padding: 10px 15px;
}



/*#grid{*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: flex-start;*/
/*    gap: 15px;*/
/*}*/
/*#grid .item{*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*}*/
@media only screen and (max-width: 767px){
    #grid.brand-logos .item .inner{
        padding: 15px !important;
    }
    #grid.brand-logos .item .inner img{
        height: auto !important;
        width: 100% !important;
        position: relative !important;
    }
    /*.small-6{*/
    /*    position: relative !important;*/
    /*    width: 50% !important;*/
    /*    left: unset !important;*/
    /*    right: unset !important;*/
    /*    top: unset !important;*/
    /*    bottom: unset !important;*/
    /*}*/
}
@media only screen and (max-width: 575px){
    .small-6{
        width: 100% !important;
    }
    .custom-column{
        margin: 0 !important;
        padding: 0 !important;
    }
    .custom-column .columns{
        padding: 0 !important;
    }
}