
:root {
    --bs-font-sans-serif: Roboto;
    --bs-body-font-size: 18px;
    --bs-body-line-height: 29px;
    --bs-body-font-weight: 400;
    --bs-body-color: #525252;
    --bs-primary: #1C6BA2;
    --link-active: #1C6BA2;
    --color-secondary-blue-500: #0190C5;
    --bs-gray: #FAFAFA;
    /* column-gap */
    --bs-gutter-x: 50px; 
    /* row-gap */
    --bs-gutter-y: 50px;  
}
/* in lower screen bootstrap column gap */
@media screen and (max-width: 1250px) {
    :root {
       /* column-gap */
        --bs-gutter-x: 15px; 
        /* row-gap */
        --bs-gutter-y: 15px;  
    }
}

/*  */

/* typography */
h1 {
    font-size: 54px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 40px !important;
    }
}

h1,h3,h4,h5,h6 {
    color: var(--bs-primary);
    font-weight: 700;
}
h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    color: var(--bs-primary);
}
h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
}
h5 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
}
h6 {
    font-size: 18px;
    line-height: 24px;
    color: var(--bs-primary);
    margin-bottom: 20px;
}

/* headline text */
.headline-text a {
    border-bottom: 0;
}
.headline-text a:active,
.headline-text a:hover {
    color: var(--color-secondary-blue-500);
}

/* buttons */
.button-link .btn:not([data-type="icon-large"]):not([data-type="icon-small"]), 
.button-link .cmp-tabs .nav-link:not([data-type="icon-large"]):not([data-type="icon-small"]), 
.cmp-tabs .button-link .nav-link:not([data-type="icon-large"]):not([data-type="icon-small"]) {
    min-width: 136px !important;
}
.btn-outline-primary {
    color: var(--color-secondary-blue-500);
    border-color: var(--color-secondary-blue-500);
}
.btn-link {
    color: var(--color-secondary-blue-500);
}
.btn-outline-primary:hover {
    background-color: var(--color-secondary-blue-500);
    border-color: var(--color-secondary-blue-500);
}

/* global header */
.global-header {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.075);
    padding-left: 24px;
    padding-right: 24px;
}

/* nav menu */
.meta-navigation ul li {
   padding: 0.3125rem 12px;
}
.meta-navigation .meta-navigation__inner > ul > li:last-child { padding-right: 0; }
.meta-navigation ul li a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.meta-navigation ul li.active > a {
    font-weight: 700;
    color: var(--link-active);
}

/* footer style */
.global-footer {
    padding: 0 20px;
    background:var(--color-neutral-gray-10);
}
.footer-top > .row {
    margin: 0;
}
.global-footer .headline-text a {
    text-decoration: none;
    border-bottom: 1px solid var(--color-secondary-blue-500);
}
