@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
    --headerHeight: 144px;
    --subHeaderHeight: 60px;
    --headerHeightScroll: 92px;
    --headerHeightMobile: 60px;
    --spacingHeaderLinks: 15px;
    --line-height-nav: 1.75;
    --line-height-nav-primary-mobile: 24px;
    --line-height-nav-mobile: 24px;
    /* --grid-gutter-width: 2rem; */
    --color-aqua: #00cccc;
    --color-aqua-light: #00e6dc;
    --color-green-bold: #00ffb9;
    --color-blue: #1491eb;
    --color-aqua-dark: #002949;
    --color-blue-dark: #000028;
    --color-bluish-grey: #becdd7;
    --color-danger: #fc2525;
    --color-green-light: #00ffb9;
    --color-grey: #7d8099;
    --color-grey-dark: #4c4c68;
    --color-grey-lighter: #ebebee;
    --color-info: #0087be;
    --color-coral-interactive: #00cccc;
    --color-interactive-coral-8-db: #001034;
    --color-interactive-coral-50-db: #007082;
    --link-color-dark: #0cc;
    --focus-link-color-dark: #0cc;
    --hover-link-color-dark: #00ffb9;
    --visited-link-color-dark: #008f9b;
    --active-link-color-dark: #00e5aa;
    --outline-link-color-dark: #1491eb;
    --gradient-primary: transparent linear-gradient(90deg, var(--color-green-light) 0%, #00fcbc 10%, #00fac0 20%, #00f7c3 30%, #00f5c7 40%, #00f3cb 50%, #00f0ce 60%, #00edd1 70%, #00ebd5 80%, #00e8d8 90%, var(--color-aqua-light) 100%) 0% 0% no-repeat padding-box;
    --color-orange: #fd9400;
    --color-green-lighter: #c4ffee;
    --color-secondary-lightest: #2387aa;
    --color-stone-pale: #f5f6f8;
    --color-white: #fff;
    --color-gray-dark: #333353;
    --color-gray-light: #66667e;
    --color-royal-blue: #006ebe;
    --color-pale-bluish-grey: #d9d9df;
    --color-medium-grey: #888;
    --color-black: #000;
    --widget-background-color: #23233C;
    --error-color: #FF7687;
    --success-color: #13a688;
    --color-agenda-green: #009999;
    --color-agenda-green2: #00c1b6;
    --color-agenda-blue: #011d42;
    --alert-bg-color: #ccf5f2;
    --alert-border-color: #b3f0ec;
    --alert-text-color: #00524d;
    --spacer: 1rem;
    --chevron:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI4LjU3OCIgdmlld0JveD0iMCAwIDE1IDguNTc4Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojM2M0NjRiO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE3LjQ1NiwxNDQuNzY1bC0uNjcxLS42NzFhLjQwNy40MDcsMCwwLDAtLjU3NiwwbC02LjEzNCw2LjEyMS02LjEzNC02LjEyMWEuNDA3LjQwNywwLDAsMC0uNTc2LDBsLS42NzEuNjcxYS40MDcuNDA3LDAsMCwwLDAsLjU3Nmw3LjA5Myw3LjA5M2EuNDA3LjQwNywwLDAsMCwuNTc2LDBsNy4wOTMtNy4wOTNBLjQwNy40MDcsMCwwLDAsMTcuNDU2LDE0NC43NjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
    --Main-font: 'SiemensSans Pro', sans-serif;
    --Title-font: 'SiemensSans Pro Bold', sans-serif;
    --Title-font-italic: 'SiemensSans Pro Bold Italic', sans-serif;
    --Main-font-italic: 'SiemensSans Pro Italic', sans-serif;
}
                                                                                                            
*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    font-family: var(--Main-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  
@media (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
    html{
        font-size: 14px;
    }
    
}
@media (min-zoom: 125%) and (max-zoom: 175%) {
   
    html{
        font-size: 14px;
    }
}
@media only screen and (min-width:1200px) and (max-width: 1370px) {
    html{
        font-size: 15px;
    }
}
@media (min-resolution: 1.25dppx) {
    html{
        font-size: 14px;
        line-height: 1.5;
    }
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
body {
    font-size: 1rem;
    line-height: 1.7;
    color: #000000;
    background: #FFFFFF;
    font-family: var(--Main-font);
    font-weight: 400;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
blockquote, ol, p, table, ul, td {
    font-family: var(--Main-font);
    font-weight: 400;
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0;
}

a {
    color: var(--link-color-dark);
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: var(--hover-link-color-dark);
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-family: var(--Title-font);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
p {
    font-size: 1rem;
    line-height: 1.7;
    font-family: var(--Main-font);
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 400;
}
ul {
    list-style-type: disc;
    font-size: 1rem;
    line-height: 1.7;
    font-family: var(--Main-font);
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 400;
}

ol {
    list-style-type: decimal;
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--Main-font);
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
}
strong{
    font-family: var(--Title-font);
    font-weight: 700; 
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.page-start{
    margin-top:  var(--subHeaderHeight);
}
.text-kicker {
    font-size: .9rem;
    margin-bottom: 8px;
    font-family: var(--Title-font);
    font-weight: 700;
    text-transform: uppercase;
}
.title{
    font-size: 3rem;
    line-height: 1.2;
    font-family: var(--Title-font);
    font-weight: 700;
    margin-bottom: 15px;
}
.sub-title{
    font-size: 2rem;
    line-height: 1.2;
    font-family: var(--Title-font);
    font-weight: 700;
    margin-bottom: 15px;
}
.small-title{
    font-size: 1.125rem;
    line-height: 1.2;
    font-family: var(--Title-font);
    font-weight: 700;
    margin-bottom: 15px;
}
.btn-primary{
    align-items: center;
    border: none;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-family: var(--Title-font);
    font-weight: 700;
    justify-content: center;
    line-height: 1.5;
    padding: 1rem 1.5rem;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    background: var(--gradient-primary);
    color: #000;
    text-decoration-line: none !important;
    border-radius: 0px;
}
.btn-primary:hover {
    background: var(--color-green-lighter);
    color: #000;
}
.btn-secondary{
    align-items: center;
    border: none;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-family: var(--Title-font);
    font-weight: 700;
    justify-content: center;
    line-height: 1.5;
    padding: 1rem 1.5rem;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    background: var(--color-aqua);
    color: #000;
    text-decoration-line: none !important;
    border-radius: 0px;
}
.btn-secondary:hover, .btn-secondary:focus {
    background: var(--color-green-bold);
    color: #000;
}
.btn-outline{
    align-items: center;
    border: none;
    color: var(--color-aqua);
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-family: var(--Title-font);
    font-weight: 700;
    justify-content: center;
    line-height: 1.5;
    padding: 1rem 1.5rem;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    background: transparent;
    text-decoration-line: none !important;
    border-radius: 0px;
    border: 2px solid var(--color-aqua);
    position: relative;
}
.btn-outline:before {
    bottom: 0;
    content: " ";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.1);
    transition: .3s cubic-bezier(.4,0,.2,1);
    will-change: opacity, transform;
    z-index: 1;
}
.btn-outline:hover, .btn-outline:hover {
    background-color: var(--color-aqua-dark);
    border: 2px solid var(--color-aqua);
    color: var(--color-aqua);
}
.sec-space{
    margin: 60px 0;
}
.sec-space-inside{
    padding: 60px 0;
}
.blue-bg{
    background: var(--color-blue-dark);
    color: #fff;
}
.btn-sm {
    font-size: .9rem;
    padding: .5rem 1rem;
}
@media screen and (max-width: 767px){
    .title{
        font-size: 2.75rem;
    }
    .sub-title{
        font-size: 1.75rem;
    }
}
.loader{
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 100px; */
    padding: 7px 25px;
    max-height: 80px;
    overflow-y: auto;
    text-align: center;
    display: flex;
    z-index: 1;
    justify-content: center;
}
.loader-center{
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    max-height: unset;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    gap: 10px;
}
.loader .loader-image{
    width: 60px;
}
.loader.loader-center .loader-image{
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader .loader-image img{
    width: 100%;
}
.loader .spinner-grow{
    width: 0.9rem;
    height: 0.9rem;
}