@import "_reset.css";
@import "https://unpkg.com/swiper@7/swiper-bundle.min.css";
/*@import url("https://fonts.cdnfonts.com/css/averta-blackitalic");*/
@import url('font/averta-blackitalic.css');

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family: "Averta-Regular", sans-serif;
}

    body.bg-secondary {
        background-color: #EEF1F6;
    }

a {
    cursor: pointer;
}

.container {
    width: 1678px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.container--middle {
    width: 1208px;
}

.d-title {
    font-size: clamp(22px,3.5vw,46px);
    font-family: "Averta-Bold", sans-serif;
    color: #182C69;
    text-align: center;
    margin: 20px 0 30px 0;
    padding-bottom: 0;
}

.d-title__demi {
    font-family: "Averta-Semibold", sans-serif;
}

.d-title:after {
    display: none;
}

.d-block {
    display: block !important;
}

@media screen and (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
}

.breadcrumb {
    text-align: left;
    display: flex;
    align-items: center;
    /*grid-gap: 20px;
    gap: 20px;*/
    margin-top: 20px;
}

    .breadcrumb li {
        font-size: clamp(13px,2.2vw,15px);
        color: #9CA3BB;
        font-family: "Averta-Regular", sans-serif;
    }

        .breadcrumb li:last-child {
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
        }

        .breadcrumb li + li {
            margin-left: 20px;
        }

.breadcrumb-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

    .breadcrumb-container ul {
        margin: 0 !important;
    }

    .breadcrumb-container > a {
        display: flex;
        align-items: center;
        grid-gap: 5px;
        gap: 5px;
        font-size: 15px;
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
        padding: 13px 32px;
        border: 2px solid #0038AE;
        border-radius: 5px;
    }

        .breadcrumb-container > a img {
            transform: rotate(-180deg);
        }

@media screen and (max-width: 768px) {
    .breadcrumb-container {
        flex-direction: column;
        /* gap: 30px;
        grid-gap: 30px;*/
        margin-bottom: 20px;
        align-items: center;
    }

        .breadcrumb-container ul + a {
            margin-top: 30px;
        }
}

.banner {
    background-color: #182C69;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 6px #00000011;
}

.banner-none {
    display: none !important;
}

.banner-block {
    display: block !important;
}

.banner-content {
    display: flex;
    align-items: center;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}

.banner > img {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    object-fit: contain;
    cursor: pointer;
}

.banner__left, .banner__right {
    display: flex;
    align-items: center;
    color: white;
}

.banner__left {
    font-size: clamp(13px,2vw,20px);
    font-family: "Averta-Regular", sans-serif;
    text-align: center;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #DBDBDB;
    flex: 1;
}

    .banner__left b {
        font-family: "Averta-Bold", sans-serif;
    }

    .banner__left div {
        width: 152px;
        height: 80px;
        background-size: cover;
        background-position: left top;
    }

.banner__right {
    font-size: clamp(12px,1.5vw,14px);
    font-family: "Averta-Regular", sans-serif;
    white-space: nowrap;
}

    .banner__right img {
        margin-right: 20px;
        height: 61px;
        object-fit: contain;
    }

    .banner__right b {
        font-family: "Averta-Bold", sans-serif;
        display: block;
    }

@media screen and (max-width: 1280px) {
    .banner {
        display: none !important;
    }
}

.mega-cards {
    display: flex;
    align-items: stretch;
    /*gap: 35px;
    grid-gap: 35px;*/
    margin-bottom: 25px;
    position: relative;
}

    .mega-cards .swiper-slide {
        width: 140px !important;
        height: initial !important;
    }

    .mega-cards:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 195px;
        height: 100%;
        background-image: linear-gradient(to right, #182C6900, #182C69);
        z-index: 3;
    }

.mega-card {
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    width: 135px;
    text-align: center;
    padding: 9px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Averta-Regular", sans-serif;
    color: #9CA3BB;
    height: 100%;
}

    .mega-card span {
        display: block;
    }

    .mega-card.icon {
        padding-top: 30px;
        padding-bottom: 20px;
    }

        .mega-card.icon img {
            height: 34px;
            object-fit: contain;
            margin-bottom: 30px;
        }

    .mega-card.img {
        padding-bottom: 20px;
    }

        .mega-card.img img {
            width: 100%;
            height: 80px;
            object-fit: cover;
        }

.mega-menu {
    background-color: #182C69;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 200px;
    z-index: 35;
    padding-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transition: 0.33s;
    transform: translateY(-100%);
}

@media screen and (max-width: 1100px) {
    .mega-menu {
        display: none !important;
    }
}

.mega-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-menu__left {
    background-color: #0B1B4D;
    border-radius: 5px 0 0 5px;
    padding: 40px 30px;
    flex: 0 0 400px;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .mega-menu__left a {
        display: flex;
        align-items: center;
        gap: 5px;
        grid-gap: 5px;
        font-size: 14px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: white;
        text-transform: uppercase;
    }

        .mega-menu__left a img {
            filter: brightness(0) invert(1);
            height: 10px;
            object-fit: contain;
        }

.mega-menu__right {
    padding-left: 5vw;
    flex: 0 0 calc(100% - 400px);
    width: calc(100% - 400px);
}

    .mega-menu__right .swiper-container {
        overflow: hidden;
    }

    .mega-menu__right h3 {
        font-size: 22px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: white;
        margin-bottom: 7px;
    }

.mega-menu .container {
    display: flex;
    align-items: stretch;
}

.hero {
    height: 100vh;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1100px) {
    .hero {
        height: calc(100vh - 80px);
    }

        .hero + .container {
            height: 0;
        }

    /* .hero-left {
        padding-left: 34px !important;
    }*/

    .hero-left h2 {
        max-width: 90%;
    }

    .hero-left > img {
        height: 35px;
        object-fit: contain;
    }

    .hero .swiper-button-next::after, .hero .swiper-button-prev::after {
        font-size: 17px;
    }

    .hero .swiper-button-next {
        right: 4px !important;
    }

    .hero .swiper-button-prev {
        left: 4px !important;
    }
}

.hero h2 {
    /*font-size: clamp(22px,2.7vw,55px);*/
    font-size: clamp(22px,6vw,38px);
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    color: white;
    line-height: 1.25;
}

    .hero h2 span {
        display: block;
        font-family: "Averta-Thin", sans-serif;
    }

.hero .container {
    position: relative;
    z-index: 34;
}

    .hero .container .hero-left {
        /*max-width: 500px;*/
        width: 50%;
        /*padding-left: 2%;*/
    }

@media screen and (max-width: 1640px) {
    .hero .container .hero-left {
        padding-left: 5%;
    }
}

.hero .js--hero-btn-prev {
    position: absolute;
    left: 20px;
    /*    top: 50%;
    transform: translateY(-50%);*/
    z-index: 34;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    color: white;
}

.hero .js--hero-btn-next {
    position: absolute;
    right: 20px;
    /*   top: 50%;
    transform: translateY(-50%);*/
    z-index: 34;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    color: white;
}

.hero > .container {
    z-index: 1;
}

.hero .swiper {
    height: 100vh;
    margin: 0 -20px;
    z-index: 2;
    position: relative;
}

.hero .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*padding-top: 200px;*/
    position: relative;
    display: flex;
    /*align-items: center;*/
    align-items: flex-end;
    padding-bottom: 300px;
}

@media only screen and (min-width: 2000px) {
    .hero .swiper-slide {
        padding-bottom: 340px;
    }
}

.hero .swiper-slide:before, .hero .swiper-slide:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 45%;
    z-index: 11;
    top: 0;
}

.hero .swiper-slide:before {
    left: 0;
    background-image: linear-gradient(to left, #08479100, #182C69);
}

.hero .swiper-slide:after {
    right: 0;
    background-image: linear-gradient(to right, #08479100, #182C69);
}

.hero > * {
    position: relative;
    z-index: 33;
}

.hero-right {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    height: calc(100vh - 150px);
    width: 50%;
    max-width: 750px;
    margin-right: 50px;
}

.hero-right__item {
    flex: 1;
    padding: 5px;
    position: relative;
    padding-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hero-right__item:after {
        position: absolute;
        content: "";
        border-right: 1px dashed #E8E8E824;
        top: 0;
        left: 50%;
        height: 100%;
        z-index: 1;
    }

@media screen and (max-height: 867px) {
    .hero-right__item {
        padding-top: 35px;
    }
}

.hero-info-boxes {
    display: flex;
    align-items: center;
    gap: 20px;
    grid-gap: 20px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 997;
}

.hero-info-boxes--top {
    bottom: 80px;
}

@media screen and (max-width: 1100px) {
    .hero-info-boxes {
        flex-direction: column-reverse;
        right: 20px;
    }
}

.hero-info-boxes .bilmer {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    box-shadow: 0 3px 6px #00000016;
    border-radius: 25px;
    background-color: white;
}

@media screen and (max-width: 1100px) {
    .hero-info-boxes .bilmer {
        width: 75px;
        height: 75px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

        .hero-info-boxes .bilmer img {
            margin-right: 0 !important;
        }

    .hero-info-boxes .bilmer__right {
        display: none;
    }
}

.hero-info-boxes .bilmer img {
    width: 50px;
    object-fit: contain;
    margin-right: 15px;
}

.hero-info-boxes .bilmer__right {
    text-transform: uppercase;
}

    .hero-info-boxes .bilmer__right b {
        display: block;
        font-size: 20px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #182C69;
    }

    .hero-info-boxes .bilmer__right span {
        font-size: 13px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #9CA3BB;
    }

@media screen and (max-width: 1100px) {
    .hero .container .hero-left {
        width: 100% !important;
        flex: 1;
        max-width: 100% !important;
        padding-left: 0;
    }

        .hero .container .hero-left h2 {
            margin: 0 auto;
            width: 95%;
        }

    .hero .swiper-slide {
        padding-bottom: 250px;
    }

    .hero-right {
        display: none !important;
    }
}

.stories {
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stories .snapgram {
        overflow: auto;
    }

        .stories .snapgram::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .stories .snapgram .story {
            min-width: 90px;
        }

        .stories .snapgram .item-preview {
            height: 90px !important;
            width: 90px;
        }

@media screen and (max-width: 1100px) {
    .stories {
        height: 150px;
    }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .stories {
        height: 150px;
        justify-content: flex-start;
    }

        .stories .snapgram {
            padding-left: 10px;
        }
}

ia only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {
}

.menu-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 35;
}

    .menu-fixed.nofixed {
        position: relative;
        background-color: #182C69;
    }

@media screen and (max-width: 1100px) {
    .menu-fixed {
        display: none !important;
    }
}

.menu-top {
    position: relative;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: white;
    padding: 5px;
}

.menu-top__link {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    text-transform: uppercase;
}

    .menu-top__link img + span {
        margin-left: 10px;
    }

    .menu-top__link a {
        display: flex;
        align-items: center;
        /* gap: 10px;
        grid-gap: 10px;*/
        color: inherit;
    }

        .menu-top__link a:after {
            content: "";
            border-right: 1px dashed #ffffff30;
            margin: 0 18px 0 18px;
            /*margin: 0 18px 0 8px;*/
            height: 45px;
        }

        .menu-top__link a img {
            height: 24px;
            object-fit: contain;
        }

.menu-top__link-phone > span,
.menu-top__link-whatsapp > span {
    display: flex;
    align-items: center;
    /*gap: 5px;
    grid-gap: 5px;*/
    border: 1px solid white;
    border-radius: 20px;
    height: 35px;
    font-size: inherit;
    padding: 0 13px;
}

.menu-top__link-phone img,
.menu-top__link-whatsapp img {
    height: 14px;
    object-fit: contain;
}

.menu-top__language {
    display: flex;
    align-items: center;
    gap: 12px;
    grid-gap: 12px;
}

.menu-top__language-item {
    border: 1px solid #C9CBCD40;
    border-radius: 50%;
    font-size: 11px;
    width: 29px;
    height: 29px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    font-family: "Averta-Light",sans-serif;
}

    .menu-top__language-item.menu-language__item---active {
        border-width: 2px;
        border-color: white;
    }

.menu-top__language:after {
    content: "";
    border-right: 1px dashed #ffffff30;
    margin: 0 18px;
}

.menu-top__search input {
    display: none;
}

.menu-top__search button {
    background-color: transparent;
    border: none;
    outline: none;
}

    .menu-top__search button img {
        height: 24px;
        object-fit: contain;
    }

.menu-bottom {
    position: relative;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-bottom__logo {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ffffff30;
    transform: translateY(-25px);
}

    .menu-bottom__logo img {
        height: 78px;
        object-fit: contain;
    }

.menu-bottom__links {
    display: flex;
    align-items: center;
    /*    gap: 30px;
    grid-gap: 30px;*/
}

    .menu-bottom__links a + a {
        margin-left: 30px;
    }

    .menu-bottom__links a {
        font-size: 14px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: white;
        text-transform: uppercase;
        padding-bottom: 8px;
    }

        .menu-bottom__links a:last-child {
            border-bottom: 2px solid white;
            cursor: pointer;
        }

.speed-menu {
    display: flex;
    align-items: center;
    color: white;
    gap: 22px;
    grid-gap: 22px;
    margin-right: auto;
    cursor: pointer;
    transform: translateY(-25px);
    font-family: "Averta-Light", sans-serif;
}

.speed-menu__icon {
    width: 27px;
    font-size: 13px;
}

    .speed-menu__icon span {
        display: block;
        height: 2px;
        border-radius: 2px;
        background-color: white;
    }

        .speed-menu__icon span:nth-of-type(2) {
            margin: 8px 0;
        }

.slider-card {
    width: 185px;
    border-radius: 10px;
    padding: 17px;
    text-align: center;
    color: white;
    margin-bottom: 120px;
    position: relative;
    z-index: 3;
}

    .slider-card:not(.slider-card__info):first-child {
        margin-top: 41px;
    }

@media screen and (max-height: 867px) {
    .slider-card {
        margin-bottom: 80px;
    }
}

.slider-card__img {
    border: 4px solid white;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 3px 6px #00000016;
    margin-top: -17px;
}

.slider-card p {
    font-size: 18px;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    line-height: 22px;
    margin: -20px 0;
}

    .slider-card p small {
        font-family: "Averta-Thin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        display: block;
        letter-spacing: 1px;
    }

.slider-card a {
    display: block;
    width: 49px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(75%);
    background-size: contain;
}

.slider-card__info {
    background-color: white;
    padding: 20px 16px 40px 16px;
    text-align: left;
}

.slider-card__info--left {
    text-align: left !important;
    display: inline-block;
    width: initial;
}

    .slider-card__info--left p {
        text-align: left !important;
    }

.slider-card__info p {
    color: #182C69;
    display: block;
    margin-top: 20px;
    text-align: center;
}

.slider-card__widget {
    background-color: white;
    display: flex;
    align-items: center;
    padding: 22px 20px;
    margin-top: -50px;
}

    .slider-card__widget img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-right: 15px;
    }

    .slider-card__widget small {
        font-size: 14px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #182C69;
    }

.slider-card__widget-right b {
    display: block;
    font-size: clamp(25px,3vw,32px);
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    color: #182C69;
}

    .slider-card__widget-right b sup {
        font-size: 14px;
        vertical-align: top;
    }

.slider-card.green {
    background-color: #46AC52;
}

.slider-card.purple {
    background-color: #535DDA;
}

.slider-card.red {
    background-color: #9B4D4D;
}

.slider-card.blue {
    background-color: #5391DA;
}

@media screen and (max-width: 1400px) {
    .slider-card {
        width: 150px;
    }

        .slider-card p {
            font-size: 14px;
        }
}

.smart-search {
    width: 45%;
    background-color: #ffffff30;
    position: relative;
    z-index: 32;
}

.smart-search__box {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    z-index: 35;
    margin-top: -10vh;
    background-color: #ffffff30;
    padding: 0 10px 10px 10px;
    width: 100%;
}

.smart-search__search {
    background-color: #EEF1F6;
    margin: 0 -10px;
    padding: 10px;
    position: relative;
}

.smart-search__input {
    border-radius: 5px;
    background-color: white;
    display: flex;
    align-items: stretch;
    padding-left: 15px;
}

    .smart-search__input button[type=reset] {
        padding-right: 15px;
    }

    .smart-search__input input {
        border: none;
        outline: none;
        font-size: clamp(14px,2vw,22px);
        text-indent: 25px;
        width: 100%;
        height: 65px;
        border-radius: 5px;
    }

    .smart-search__input button {
        cursor: pointer;
    }

.smart-search__result {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    background-color: #EEF1F6;
    padding: 10px 10px 0 10px;
    margin-bottom: -10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.33s;
    overflow-y: scroll;
    height: 25em;
}

    .smart-search__result.active {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
    }

    .smart-search__result a {
        border-radius: 5px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        height: 65px;
        margin-bottom: 10px;
        font-size: 18px;
        color: #182C69;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
    }

        .smart-search__result a img {
            height: 19px;
            object-fit: contain;
            margin-right: 20px;
        }

.smart-search__text {
    font-size: 14px;
    font-weight: 400;
    font-family: "Averta-Regular", sans-serif;
    color: white;
    margin: 5px 0 10px 0;
    display: block;
}

    .smart-search__text b {
        font-weight: 600;
        font-family: "Averta-Semibold", sans-serif;
    }

.smart-search__buttons {
    display: flex;
    align-items: stretch;
    /*    gap: 6px;
    grid-gap: 6px;*/
}

    .smart-search__buttons a + a {
        margin-left: 6px;
    }

    .smart-search__buttons a {
        flex: 1;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        text-transform: uppercase;
        background-color: #377FFF;
        color: white;
        font-family: "Averta-Bold", sans-serif;
        height: 65px;
    }

        .smart-search__buttons a:last-child {
            background-color: #00A7AE;
        }

@media screen and (max-width: 992px) {
    .smart-search__buttons a {
        height: 45px;
        font-size: 13px;
    }

        .smart-search__buttons a::after {
            content: "";
            vertical-align: middle;
            background-image: url(../img/icons/angle-right-dark.svg);
            filter: brightness(0) invert(1);
            width: 20px;
            height: 20px;
            background-position: center;
            background-repeat: no-repeat;
        }
}

@media screen and (max-width: 1100px) {
    .smart-search {
        width: calc(100% + 40px);
        max-width: 500px;
        transform: translateY(-100%);
        background-color: #083FA1;
        margin: 0 -20px;
        padding: 16px 9px;
    }

    .smart-search__box {
        position: initial;
        margin: 0;
        transform: none;
        padding: 10px;
        border-radius: 10px;
    }

    .smart-search__search {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
        border-radius: 5px;
        padding: 0;
    }

    .smart-search__text {
        display: none;
    }

    .smart-search__input input {
        height: 53px;
    }

    .smart-search__result a {
        font-size: 13px;
        height: 34px;
    }
}

.sentences {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #E2DED6;
}

@media screen and (max-width: 1100px) {
    .sentences {
        display: none;
        visibility: hidden;
    }
}

.sentences__left img {
    width: 100%;
}

.sentences__right {
    color: #182C69;
    padding-left: 10vw;
    display: flex;
    align-items: center;
}

.sentences__right-content {
    max-width: 550px;
}

    .sentences__right-content p {
        font-size: 32px;
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        line-height: 1.3;
    }

        .sentences__right-content p b {
            font-weight: 700;
            font-family: "Averta-Bold", sans-serif;
        }

    .sentences__right-content > b {
        font-size: 16px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        display: block;
        margin-top: 30px;
    }

    .sentences__right-content small {
        font-size: 16px;
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
    }

.b-tab {
    background-color: #EEF1F6;
    padding: 60px 0;
}

    .b-tab.b-tab__type-1 {
        background-color: transparent;
        padding-bottom: 0;
    }

    .b-tab.b-tab .b-tab-contents {
        background-color: transparent;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

@media screen and (max-width: 992px) {
    .b-tab.b-tab {
        /*padding-top: 0;*/
        padding-top: 2rem;
        padding-bottom: 0;
    }

        .b-tab.b-tab .b-tab-contents {
            padding: 25px 0;
            /*padding-top: 25px;
            padding-bottom: 25px;*/
        }
}

.b-tab .swiper,
.b-tab .swiper-container {
    width: 100%;
    height: calc(100% - 100px);
}

    .b-tab .swiper .swiper-slide,
    .b-tab .swiper-container .swiper-slide {
        border-radius: 5px;
    }

    .b-tab .swiper.gallery-thumbs,
    .b-tab .swiper-container.gallery-thumbs {
        height: 80px;
        margin-top: 10px;
        padding: 0 10px;
    }

        .b-tab .swiper.gallery-thumbs .swiper-slide,
        .b-tab .swiper-container.gallery-thumbs .swiper-slide {
            border-radius: 10px;
            cursor: pointer;
            background-size: cover;
        }

        .b-tab .swiper.gallery-thumbs a,
        .b-tab .swiper-container.gallery-thumbs a {
            display: none;
            background-color: #0038AE;
            color: white;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            border-radius: 10px;
            padding: 0 15px;
            font-family: "Averta-Bold", sans-serif;
        }

.b-tab__slider-item {
    background-image: linear-gradient(to bottom, #00000000, #000000);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 50%;
    padding-top: 40px;
    padding-left: 5%;*/
    padding: 2rem;
    color: white;
    font-weight: 400;
    font-family: "Averta-Regular", sans-serif;
}

    .b-tab__slider-item h4 {
        font-size: clamp(22px,2vw,32px);
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        /*margin-bottom: 5px;*/
        margin-bottom: 1rem;
    }

    .b-tab__slider-item p {
        /*font-size: 18px;*/
        font-size: 16px;
    }

    .b-tab__slider-item time {
        display: block;
        font-size: clamp(11px,2vw,14px);
        margin-top: 30px;
    }
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .b-tab__slider-item h4 {
        margin-bottom: 0;
    }
}

.b-tab-buttons {
    display: flex;
    align-items: stretch;
    background-color: #E2E7F0;
    height: 80px;
}

    .b-tab-buttons a,
    .b-tab-buttons button {
        font-size: 22px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #9CA3BB;
        display: flex;
        align-items: center;
        flex: 1;
        padding-left: 30px;
    }

        .b-tab-buttons button img {
            display: none;
        }

        .b-tab-buttons button.active {
            color: #182C69;
            background-color: white;
        }

@media screen and (max-width: 768px) {
    .b-tab-buttons {
        height: 45px;
    }

        .b-tab-buttons button {
            font-size: 16px;
            padding-left: 10px;
        }
}

.b-tab-buttons__responsive-container {
    position: relative;
    height: 45px;
}

@media screen and (max-width: 942px) {
    .b-tab-buttons__responsive-container + .b-tab-contents {
        padding: 10px 0 !important;
    }

    .b-tab-buttons__responsive-container:hover .b-tab-buttons__responsive {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
    }

        .b-tab-buttons__responsive-container:hover .b-tab-buttons__responsive button {
            display: flex !important;
            height: 45px;
            justify-content: center;
            background-color: #E2E7F0;
            width: 100%;
        }

            .b-tab-buttons__responsive-container:hover .b-tab-buttons__responsive button.active {
                background-color: white;
                color: #182C69;
            }
}

@media screen and (max-width: 1100px) {
    .b-tab-buttons.b-tab-buttons__responsive {
        display: flex !important;
        height: 45px;
    }

        .b-tab-buttons.b-tab-buttons__responsive button {
            font-size: 16px;
            font-family: "Averta-Bold", sans-serif;
        }
}

@media screen and (max-width: 942px) {
    .b-tab-buttons.b-tab-buttons__responsive button {
        order: 2;
        display: none;
    }

        .b-tab-buttons.b-tab-buttons__responsive button.active {
            order: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 3px;
            grid-gap: 3px;
        }

            .b-tab-buttons.b-tab-buttons__responsive button.active img {
                transform: rotate(90deg);
                display: inline-block;
            }
}

.b-tab-news {
    display: flex;
    align-items: stretch;
    /*min-height: 500px;*/
    min-height: 700px;
}

.b-tab-content {
    display: none;
}

    .b-tab-content.active {
        display: block;
    }

.b-tab-contents {
    padding: 65px 20px;
    background-color: white;
}

.b-tab-single {
    padding: 0 20px;
}

    .b-tab-single .t-news {
        height: 100%;
    }

.b-tab-slider {
    width: calc( 100% / calc(4/2) );
    flex: 0 0 calc( 100% / calc(4/2) );
    overflow: hidden;
    background-color: #EEF1F6;
    border-radius: 0 0 5px 5px;
}

    .b-tab-slider .swiper-slide {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; /*E*/
    }

/*.b-tab-news .b-tab-slider .swiper-slide {
    background-size: 100% 100%;
}*/

.b-tab-single, .b-tab-rss {
    width: calc( 100% / calc(4/1) );
    flex: 0 0 calc( 100% / calc(4/1) );
}

@media screen and (max-width: 1100px) {
    .b-tab-single, .b-tab-rss {
        display: none;
    }

    .b-tab-slider {
        width: 100%;
        flex: 1;
    }

    .b-tab .swiper-container {
        /*height: 400px;*/
        height: 600px;
    }

        .b-tab .swiper-container.gallery-thumbs {
            height: 120px;
            padding: 0 !important;
        }

            .b-tab .swiper-container.gallery-thumbs .swiper-slide {
                height: 120px;
            }

            .b-tab .swiper-container.gallery-thumbs .swiper-wrapper {
                height: 120px;
            }

            .b-tab .swiper-container.gallery-thumbs a {
                margin-top: 8px;
                display: flex;
                top: 90px;
                height: 45px;
                width: 100%;
                left: 0;
                background-color: #377FFF;
                border-radius: 10px;
            }

                .b-tab .swiper-container.gallery-thumbs a::after {
                    content: "";
                    width: 10px;
                    height: 10px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAABHNCSVQICAgIfAhkiAAAAGJJREFUCFtj/P///wUGBoYJjIyMC4A0HDACJRKAvPlAnIgsyQhSgk0SLIFNEi4BlSwA0v1A7IiswwBqF0jMAWYHSHA/EG8EOgDkGAaQqzAEYRIfgIwNMJUwx4B1AAVBnkQBAGBUL1U6dL8tAAAAAElFTkSuQmCC");
                    background-position: center;
                    margin-left: 8px;
                }

    .b-tab-contents {
        background-color: transparent;
    }
}

@media only screen and (max-width : 667px) {
    .b-tab .swiper-container.gallery-thumbs {
        height: 80px;
    }

        .b-tab .swiper-container.gallery-thumbs .swiper-slide {
            height: 80px;
        }

        .b-tab .swiper-container.gallery-thumbs .swiper-wrapper {
            height: 80px;
        }

    .b-tab .swiper-container {
        /*height: 320px;*/
        height: 350px;
    }

    .b-tab-news {
        min-height: unset;
    }
}

.t-news {
    background-color: #EEF1F6;
    border-radius: 0 0 5px 5px;
}

.t-news-img {
    position: relative;
    height: 345px;
    background-color: #182C69;
}

    .t-news-img img {
        width: 100%;
        height: inherit;
        object-fit: cover;
        /*object-fit: contain;*/
        /*object-fit: fill;*/
    }

    .t-news-img::after {
        /*content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 85%;
        background-image: linear-gradient(to bottom, #00000000, #000000);*/
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: 2;
        background-image: linear-gradient(to bottom, #00000000, #000000);
        opacity: .7;
    }

.t-news-body {
    padding: 17px 22px;
}

    .t-news-body h3 {
        font-size: 22px;
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #182C69;
    }

    .t-news-body p {
        font-size: 16px;
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        color: #2D3F77;
        display: block;
        margin: 10px 0 10px 0;
    }

    .t-news-body time {
        font-size: 14px;
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        display: block;
        padding-top: 10px;
    }

.t-news__no-img {
    border-radius: 5px;
    margin-bottom: 15px;
}

    .t-news__no-img:last-child {
        margin-bottom: 0;
    }

.c-tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-gap: 30px;
}

.c-tab-container {
    background-color: #182C69;
    padding: 65px 0;
}

@media screen and (max-width: 1100px) {
    .c-tab {
        display: block;
    }

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

.c-tab__buttons {
    display: flex;
    align-items: stretch;
    height: 75px;
}

    .c-tab__buttons button {
        font-size: clamp(14px,2.5vw,22px);
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        flex: 1;
        color: white;
        transition: 0.33s;
    }

        .c-tab__buttons button.active {
            font-weight: 700;
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
            background-color: #EEF1F6;
            border-radius: 5px 5px 0 0;
        }

@media screen and (max-width: 768px) {
    .c-tab__buttons {
        height: 45px;
    }
}

.c-tab__content {
    display: none;
}

    .c-tab__content.active {
        display: block;
    }

    .c-tab__content .speed-box {
        height: 100%;
    }

    .c-tab__content .speed-boxes {
        display: grid;
        align-items: flex-start;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 16px;
        grid-gap: 16px;
        height: 100%;
        overflow: auto;
        max-height: 500px;
        padding-right: 0;
    }

@media screen and (max-width: 768px) {
    .c-tab__content .speed-boxes {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .c-tab__content .speed-boxes {
        grid-template-columns: repeat(3, 1fr);
    }
}

.c-tab__content .speed-boxes::-webkit-scrollbar {
    background-color: #D9DBE3;
    border-radius: 5px;
    width: 1px;
}

.c-tab__content .speed-boxes::-webkit-scrollbar-thumb {
    background-color: #182C69;
    border-radius: 5px;
}

.c-tab__contents {
    background-color: #EEF1F6;
    /*padding: 30px 20px;*/
    padding: 20px;
    height: calc(100% - 75px);
}

@media screen and (max-width: 992px) {
    .c-tab .speed-box {
        padding-bottom: 10px;
    }

        .c-tab .speed-box span {
            font-size: 13px;
        }

    .c-tab__contents {
        padding: 15px;
    }
}

.speed-box {
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    font-size: 14px;
    font-weight: 400;
    font-family: "Averta-Regular", sans-serif;
    color: #182C69;
    text-align: center;
    padding: 30px 10px;
    cursor: pointer;
}

    .speed-box img {
        /*height: 35px;*/
        height: auto;
        object-fit: contain;
    }

    .speed-box span {
        display: block;
        margin-top: 20px;
    }

.news-video {
    position: relative;
    height: 100%;
    background-color: black;
}

    .news-video video {
        height: 100%;
    }

    .news-video:after, .news-video:before {
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
    }

    .news-video:after {
        top: 0;
        background-image: linear-gradient(to top, #182C6900, #182C69);
        height: 25%;
    }

    .news-video:before {
        bottom: 0;
        background-image: linear-gradient(to bottom, #00000000, #000);
        height: 70%;
    }

    .news-video video {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.news-video__text {
    position: absolute;
    left: 0;
    bottom: 0;
    color: white;
    font-size: 32px;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    padding: 0 5vh 7vh 5vh;
}

    .news-video__text h3 {
        margin-bottom: 20px;
    }

    .news-video__text img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        cursor: pointer;
    }

@media screen and (max-width: 1100px) {
    .news-video__text {
        padding: 0 0 28px 25px;
    }

        .news-video__text h3 {
            font-size: 22px;
            margin-bottom: 8px;
        }

        .news-video__text img {
            width: 23px;
            height: 23px;
        }
}

.bb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.bb-container {
    background-color: #EEF1F6;
    padding-top: 110px;
}

.bb__left img {
    display: block;
}

@media screen and (max-width: 768px) {
    .bb {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 30px;
    }

        .bb .bb__content {
            max-width: 100%;
            text-align: center;
            padding-bottom: 25px;
        }

            .bb .bb__content > .btn::after {
                content: "";
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAABHNCSVQICAgIfAhkiAAAAH9JREFUCFtjFNfOuMD4n2HCi2szFjAgAUYJrYwEBibG+Qz//iciSzKCFGGTBEtgk4RLgCTFtTMLGBkZ+hkY/jvCJUS1sgyYGP/PBwoy/vz6wwEsARZk+r8f6LqNL65OTwCJMWITBEuI62R8YPzPuAGmEuYYsI7X16ZdQPYciA0Ajps8l5bBN9cAAAAASUVORK5CYII=");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 10px;
                height: 10px;
                margin-left: 8px;
            }

        .bb .bb__right {
            display: block;
            width: 100%;
        }

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

.bb__right {
    display: flex;
    align-items: center;
}

.bb__content {
    max-width: 600px;
    color: #182C69;
}

    .bb__content p {
        font-size: clamp(22px,2.5vw,55px);
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
    }

        .bb__content p b {
            font-weight: 700;
            font-family: "Averta-Bold", sans-serif;
        }

    .bb__content img {
        height: 80px;
        object-fit: contain;
        margin-top: 30px;
    }

    .bb__content small {
        display: block;
        font-size: clamp(12px,2vw,16px);
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        margin-bottom: 30px;
    }

@media screen and (max-width: 768px) {
    .bb-container {
        padding-top: 0;
    }

    .bb__content small {
        margin-bottom: 23px;
    }

    .bb__content img {
        height: 50px;
        margin-top: 5px;
    }
}

.project {
    background-color: #EEF1F6;
    font-size: 18px;
    font-weight: 400;
    font-family: "Averta-Regular", sans-serif;
    color: #182C69;
    margin: 70px 0;
}

.project-slider-container {
    position: relative;
}

.project-container {
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
}

    .project-container .project-button {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    }

        .project-container .project-button:after {
            color: #182C69;
            font-size: 20px;
        }

    .project-container .swiper-button-next {
        transform: translateX(50%);
        right: 0;
    }

    .project-container .swiper-button-prev {
        transform: translateX(-50%);
        left: 0;
    }

.project p {
    padding: 30px;
    text-align: center;
}

.project__header img {
    width: 100%;
    max-height: 345px;
    object-fit: cover;
}

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

    .project-container h2 {
        font-size: clamp(26px,3vw,46px);
        font-weight: 700;
        font-family: "Averta-Bold", sans-serif;
        color: #182C69;
        margin-bottom: 10px;
    }

    .project-container h4 {
        font-size: clamp(16px,2vw,18px);
        color: #9CA3BB;
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
    }

.project__all {
    margin-top: 70px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .project__header img {
        height: 150px;
    }

    .project p {
        /*padding: 8px 17px;*/
        font-size: 1rem;
        font-family: "Averta-Regular", sans-serif;
        height: revert !important;
        min-height: 110px;
        padding: 2rem;
    }

    .project__all {
        margin-top: 30px;
    }

        .project__all .btn::after {
            content: "";
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAABHNCSVQICAgIfAhkiAAAAGJJREFUCFtj/P///wUGBoYJjIyMC4A0HDACJRKAvPlAnIgsyQhSgk0SLIFNEi4BlSwA0v1A7IiswwBqF0jMAWYHSHA/EG8EOgDkGAaQqzAEYRIfgIwNMJUwx4B1AAVBnkQBAGBUL1U6dL8tAAAAAElFTkSuQmCC");
            background-size: contain;
            background-repeat: no-repeat;
            width: 10px;
            height: 10px;
            vertical-align: middle;
            background-position: center;
            margin-left: 8px;
        }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .project p {
        min-height: 100px;
        padding: 1rem;
    }
}

.infos {
    text-align: center;
}

.infos-container {
    padding: 75px 0 120px 0;
}

.infos__list {
    /*  display: grid;
    grid-template-columns: repeat(5, 1fr);*/
    display: flex;
    justify-content: center;
    gap: 20px;
    /*grid-gap: 20px;*/
    text-align: left;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
}

.infos__item {
    background-color: #0038AE;
    padding: 22px;
    font-size: 22px;
    width: 100%;
    max-width: 215px;
}

    .infos__item span {
        display: block;
        color: white;
        margin-top: 40px;
        font-family: "Averta-Regular", sans-serif;
        line-height: normal;
    }

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

    .infos-container h2 {
        font-size: clamp(26px,2.5vw,55px);
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
        margin-bottom: 50px;
    }

        .infos-container h2 b {
            display: block;
            font-weight: 700;
            font-family: "Averta-Bold", sans-serif;
        }

@media screen and (max-width: 867px) {
    .infos-container h2 {
        font-family: "Averta-Bold", sans-serif;
    }

        .infos-container h2 span {
            display: block;
            font-family: "Averta-Regular", sans-serif;
            font-size: 22px;
            color: #0038AE;
        }

    .infos__item {
        max-width: 100%;
    }

        .infos__item span {
            margin-top: 34px;
        }

    .infos__list {
        display: grid;
        margin: 0 -20px;
        grid-template-columns: repeat(3, 1fr);
        width: calc(100% + 40px);
    }
}

@media screen and (max-width: 576px) {
    .infos__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        grid-gap: 8px;
    }
}

.gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: #0038AE;
}

.gallery-container {
    position: relative;
}

    .gallery-container .mobil-gallery {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
    }

        .gallery-container .mobil-gallery:after {
            z-index: 33;
            content: url(../img/icons/plus.svg);
        }

@media screen and (max-width: 1100px) {
    .gallery-container .mobil-gallery {
        display: flex;
    }
}

.gallery-item {
    height: 400px;
    opacity: 0.5;
    transition: 0.33s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .gallery-item:after {
        position: absolute;
        left: 50%;
        top: -150%;
        transform: translate(-50%, -50%);
        content: url(../img/icons/plus.svg);
        width: 60px;
        height: 60px;
        object-fit: contain;
        transition: 0.33s;
    }

    .gallery-item img {
        width: 100%;
        height: inherit;
        object-fit: cover;
    }

    .gallery-item:hover {
        opacity: 1;
    }

        .gallery-item:hover:after {
            top: 50%;
        }

@media screen and (max-width: 1200px) {
    .gallery {
        grid-template-columns: repeat(4, 1fr);
    }

    .gallery-item {
        height: 225px;
    }

        .gallery-item:nth-of-type(n+9) {
            display: none;
        }
}

@media screen and (max-width: 768px) {
    .gallery {
        grid-template-columns: 0.5fr 1fr 0.5fr;
    }

    .gallery-item {
        height: 225px;
    }

        .gallery-item:nth-of-type(n+7) {
            display: none;
        }
}

.b-mobil {
    display: grid;
    grid-template-columns: 1fr 2fr;
    text-align: left;
    /*  padding: 50px 0;*/
    padding: 0 0 50px;
}

.b-mobil-container {
    background-image: url(/assets/img/b-mobil.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

.b-mobil__right img {
    display: none;
}

.b-mobil__left {
    display: flex;
    align-items: center;
    padding: 25px 0;
}

    .b-mobil__left .b-mobil__links {
        margin-bottom: 0;
    }

    .b-mobil__left h2 {
        font-size: clamp(26px,3vw,55px);
        font-family: "Averta-Semibold", sans-serif;
        line-height: 1;
        margin-bottom: 20px;
    }

    .b-mobil__left p {
        font-size: 22px;
        font-family: "Averta-Light", sans-serif;
        color: #182C69;
        margin-bottom: 30px;
    }
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .b-mobil__left p {
        font-size: 16px;
    }
}

.b-mobil__links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 1450px) {
    .b-mobil-container {
        background-size: 65%;
    }
}

@media screen and (max-width: 768px) {
    .b-mobil {
        margin: 0 -20px;
        background-color: white;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        padding-bottom: 0;
    }

    .b-mobil-container {
        background-image: none !important;
    }

    .b-mobil__left h2 {
        color: #0B1B4D;
        font-family: "Averta-Regular", sans-serif;
    }

    .b-mobil__right {
        margin: 0 -20px;
    }

        .b-mobil__right img {
            display: block;
        }
}

.social {
    width: 52px;
    flex: 0 0 52px;
    height: 52px;
    object-fit: contain;
    object-position: center;
    display: block;
    background-repeat: no-repeat;
    padding: 5px;
    text-align: center;
}

.social-container {
    padding-top: 75px;
    margin-bottom: 110px;
    text-align: center;
}

    .social-container h2 {
        font-size: clamp(26px,3vw,55px);
        font-weight: 600;
        font-family: "Averta-Semibold", sans-serif;
        margin-bottom: 5px;
        color: #182C69;
    }

    .social-container p {
        font-size: clamp(16px,2vw,22px);
        font-weight: 400;
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        margin-bottom: 40px;
    }

.social__list {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 5px;
    grid-gap: 5px;*/
}

    .social__list li {
        margin-right: 30px;
        padding: 5px 30px 5px 0;
        border-right: 1px solid #EAEAEA;
    }

        .social__list li:last-child {
            padding-right: 0;
            margin-right: 0;
            border-right: 0;
        }

.social--twitter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAKOUExURR0rZQAAAB0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZf///yKw9NkAAADYdFJOUwAAKtjrPELp9V1m+bQQJ8v9hgYIov56GLefDNfod2Nl9D8NoBda/HkElsAWBcyX7EUdAmz33jkfzscbSu9JVO5P8ZEBg8kcPeD2aAOLVhS7ks+CxNUm5hqcC0SjCXD70iMOf/qqnQeKJBK64TQr2vhg2zY6tV5X6kxze5ipQOKwQ80sfjHFGfC+CmeOhaaxpPMVjcYiKNTn2VyhcpmtYiDQMi3c8lCzD8iakEFSRu3DTtGBjIibEzB1p2SvapRR3y/dLmmyYeTBvMIhj0c3dL+lKYlb41NrO1xaTLAAAAABYktHRNl3Cnc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5woREx4RxRGrxQAABJpJREFUSMeNlvlDVFUUx08YiKIGQxNi4CjhNDmWpShFgNjEOoWJFhKLjiRgoqilogaaS4IlEYxbGWpBuKBmaYhLpu37Znb+nL73vFnee7yB3i9z5977uefcs16KGsP6795oonssPyKKGcscOw4DGh9noCZMtKawc9J9zPEJNgUl3o+t9hBkf4CsKEwmTcZy8hSsqgMeZE5JnepwOKYmTGMeO92KIkp7CMzkdNIgmhHLzofVgFyPYGGmezhENCshnvnRSXKgwmY9xjz7caGegNqcMMdMYWVuBvO8+ZoSiqPMJ5mfyhLq6Wzm7ByTgvibuwAH5wXmBaK8hczPuBTkeRai8gsMEKYLi5iLS4JniTTyPsc87XkRVboI1AsuHYXJqMXMzrLQpCaOkpYwL31RqPkv4YDcsIIYlauDllWEpwLzL89mrqwSqrqGefkKHeSrVE53kxFS1Eo715YINOUV7FlVF9SfbPVwfX6DzjhBLWn1q8xrGsVza9cxN60PWJc81U3MGzbqDRpW4jXc5fWJImtTMfO6taRZdjOcsKXZ4ATddbc62b5NINt2KPhGhYxbWmEXh9FxYT0pbQcyY6fszHyTuWauGu1ajtFur8nZOnfsgQf3viVU8z7mVtywoA0yt7ebwsrgw/1Irbe9CprzjrKyz3cAPx2lFBECVfUuc2euiHoPIuJXdsHY3f5hqWKMsYPI/UMNQkUfZs6oZT7SODy9TIF5FMZ+P1GoD5wqkVNyyCK7jClgO8YcN16gtA/BxPZYprHxHx0/wVx0UqiPPmbuzfk/EPX1Mn/SL9R6JOuprFEhlVpdMJtWMWynoeAZ1yh3Eqq8G7F2VqjjyL3OgZGtF1Dw3HnmC0lCfYoycNE/KqRy4TO49HMtMC5Bwcu2kZwbpL7YC7MNiCj3TLh40whhFNJvUPUElfCqDKUgKKJGgdT1L0hRT9YC4woCY6g9UmoEmdWIBDsyo+mqFhjXmGuvR0jCIFR1A1LavryJIjwoFeOrWygeJ0eAYK9tKGCHbtPXCPAOn8jqQWH5xmdVI4LKfdvJ/B1yvn0IgZEqUN0qDK9YVaMAkwNj7ZuhtkYd0VoVZv0I4sPR1hB2NmJn3FaPCBiHcP0+XYZ9CIwfSocVS43xI+zsXXVawbNdhkXqJTC89RiWeUxlWWNKO7B2oD/Qg8h/kXlhn4hK/5H5/DkydA1tU7sqkW0FwcZFNACjnPhJqOl4DHSXmyHosFt1i13h48j7c6AT4EuN16qbHsK0A529tUXfGyjrFAKjRyAfVO/tC7dPjWnegma7mYwd8Bd02lu3xe6DNzVdQxCWf92AQ6s9pl4rHfhamsi6ivJ7zBbs7oppyIex683ZBoOi0Dp/EygxGb36aOAdoRj3BJxY6bN4Pqh8SikUagUayJiDIahiGZhF5RYVRDPb726hBlDd/qhSN8SCqwyJtvhP6ydRv1LikkD0F/ryfm1IJSjgRYWWjy9QjWiF2ddbYmJizv59Bxv3CJOH18CCf6wZpeBdOL2mOANfMUa8Q2XZv/NQ5+9GYOTGQ4ZXpDJmpiojN2yRGGmrdwzUmo3/AUIKCe+Y1F1jAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTEwLTE3VDE5OjMwOjExKzAwOjAww3lFdwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0xMC0xN1QxOTozMDoxMSswMDowMLIk/csAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMTAtMTdUMTk6MzA6MTcrMDA6MDCG4ekuAAAAAElFTkSuQmCC');
}

.social--facebook {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZmFjZWJvb2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyLjMxNiIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDUyLjMxNiA1MiI+DQogIDxwYXRoIGlkPSJmYWNlYm9vay0yIiBkYXRhLW5hbWU9ImZhY2Vib29rIiBkPSJNNjAuMzE2LDM0LjE1OEEyNi4xNTgsMjYuMTU4LDAsMSwwLDMwLjA3MSw2MFY0MS43MkgyMy40MjZWMzQuMTU4aDYuNjQ1VjI4LjM5NWMwLTYuNTU1LDMuOS0xMC4xNzYsOS44OC0xMC4xNzZhNDAuMjU3LDQwLjI1NywwLDAsMSw1Ljg1Ni41MTF2Ni40MzRoLTMuM2MtMy4yNDksMC00LjI2MiwyLjAxNy00LjI2Miw0LjA4NXY0LjkxSDQ1LjVMNDQuMzQsNDEuNzJIMzguMjQ1VjYwQTI2LjE2OCwyNi4xNjgsMCwwLDAsNjAuMzE2LDM0LjE1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04IC04KSIgZmlsbD0iIzE4MmM2OSIvPg0KPC9zdmc+DQo=");
}

.social--instagram {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Mi4wMTIiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1Mi4wMTIgNTIiPg0KICA8cGF0aCBpZD0iaW5zdGFncmFtIiBkPSJNMjUuOTM3LDQ0LjQ5M0ExMy4zMzIsMTMuMzMyLDAsMSwwLDM5LjI2OSw1Ny44MjUsMTMuMzExLDEzLjMxMSwwLDAsMCwyNS45MzcsNDQuNDkzWm0wLDIyQTguNjY4LDguNjY4LDAsMSwxLDM0LjYsNTcuODI1LDguNjgzLDguNjgzLDAsMCwxLDI1LjkzNyw2Ni40OTNaTTQyLjkyNCw0My45NDhhMy4xMSwzLjExLDAsMSwxLTMuMTEtMy4xMUEzLjEsMy4xLDAsMCwxLDQyLjkyNCw0My45NDhabTguODMsMy4xNTZjLS4yLTQuMTY2LTEuMTQ5LTcuODU1LTQuMi0xMC45cy02LjczLTMuOTkyLTEwLjktNC4yYy00LjI5My0uMjQ0LTE3LjE2MS0uMjQ0LTIxLjQ1NCwwLTQuMTU0LjItNy44NDQsMS4xNDktMTAuOSw0LjE4OXMtMy45OTIsNi43My00LjIsMTAuOWMtLjI0NCw0LjI5My0uMjQ0LDE3LjE2MSwwLDIxLjQ1NC4yLDQuMTY2LDEuMTQ5LDcuODU1LDQuMiwxMC45czYuNzMsMy45OTIsMTAuOSw0LjJjNC4yOTMuMjQ0LDE3LjE2MS4yNDQsMjEuNDU0LDAsNC4xNjYtLjIsNy44NTUtMS4xNDksMTAuOS00LjJzMy45OTItNi43Myw0LjItMTAuOUM1Miw2NC4yNTMsNTIsNTEuNCw1MS43NTQsNDcuMVpNNDYuMjA3LDczLjE1M0E4Ljc3NSw4Ljc3NSwwLDAsMSw0MS4yNjUsNzguMWMtMy40MjMsMS4zNTgtMTEuNTQ1LDEuMDQ0LTE1LjMyOCwxLjA0NHMtMTEuOTE3LjMtMTUuMzI4LTEuMDQ0YTguNzc1LDguNzc1LDAsMCwxLTQuOTQzLTQuOTQzQzQuMzA4LDY5LjczLDQuNjIxLDYxLjYwOCw0LjYyMSw1Ny44MjVTNC4zMiw0NS45MDgsNS42NjYsNDIuNWE4Ljc3NSw4Ljc3NSwwLDAsMSw0Ljk0My00Ljk0M0MxNC4wMzIsMzYuMiwyMi4xNTQsMzYuNTEsMjUuOTM3LDM2LjUxczExLjkxNy0uMywxNS4zMjgsMS4wNDRBOC43NzUsOC43NzUsMCwwLDEsNDYuMjA3LDQyLjVjMS4zNTgsMy40MjMsMS4wNDQsMTEuNTQ1LDEuMDQ0LDE1LjMyOFM0Ny41NjUsNjkuNzQyLDQ2LjIwNyw3My4xNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjA3NSAtMzEuODI1KSIgZmlsbD0iIzE4MmM2OSIvPg0KPC9zdmc+DQo=");
}

.social--youtube {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MC45NjUiIGhlaWdodD0iNDIuODY2IiB2aWV3Qm94PSIwIDAgNjAuOTY1IDQyLjg2NiI+DQogIDxwYXRoIGlkPSJ5b3V0dWJlIiBkPSJNNzQuNjI0LDcwLjcwN2E3LjY2LDcuNjYsMCwwLDAtNS4zOS01LjQyNUM2NC40OCw2NCw0NS40MTYsNjQsNDUuNDE2LDY0UzI2LjM1MSw2NCwyMS42LDY1LjI4MmE3LjY2LDcuNjYsMCwwLDAtNS4zOSw1LjQyNWMtMS4yNzQsNC43ODUtMS4yNzQsMTQuNzY5LTEuMjc0LDE0Ljc2OXMwLDkuOTg0LDEuMjc0LDE0Ljc2OWE3LjU0Niw3LjU0NiwwLDAsMCw1LjM5LDUuMzM4YzQuNzU0LDEuMjgyLDIzLjgxOSwxLjI4MiwyMy44MTksMS4yODJzMTkuMDY0LDAsMjMuODE5LTEuMjgyYTcuNTQ2LDcuNTQ2LDAsMCwwLDUuMzktNS4zMzhDNzUuOSw5NS40Niw3NS45LDg1LjQ3Niw3NS45LDg1LjQ3NlM3NS45LDc1LjQ5Miw3NC42MjQsNzAuNzA3Wk0zOS4xOCw5NC41NDFWNzYuNDEybDE1LjkzNCw5LjA2NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNC45MzMgLTY0KSIgZmlsbD0iIzE4MmM2OSIvPg0KPC9zdmc+DQo=");
    width: 61px;
    flex: 0 0 61px;
    height: 43px;
}

@media screen and (max-width: 992px) {
    .social {
        width: 43px;
        height: 43px;
    }

    .social-container {
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 30px;
    }

        .social-container h2 {
            font-family: "Averta-Medium", sans-serif;
        }

    .social__list li {
        padding-right: 0;
        margin-right: 20px;
        border-right: none;
    }

    .social--facebook {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZmFjZWJvb2stYiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDEuMjQ2IiBoZWlnaHQ9IjQxLjI2IiB2aWV3Qm94PSIwIDAgNDEuMjQ2IDQxLjI2Ij4NCiAgPHBhdGggaWQ9IlBhdGhfNTQ1IiBkYXRhLW5hbWU9IlBhdGggNTQ1IiBkPSJNMzAuNDQ0LDQ5Ljk0MUEyMC42MywyMC42MywwLDEsMSw1MS4wNjksMjkuODcsMjAuNjI3LDIwLjYyNywwLDAsMSwzMC40NDQsNDkuOTQxWm0tMTguMS0yMC42MzNBMTguMTA1LDE4LjEwNSwwLDEsMCwzMC44LDExLjEwNywxOC4xNTgsMTguMTU4LDAsMCwwLDEyLjM0NCwyOS4zMDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS44MyAtOC42ODEpIiBmaWxsPSIjMTgyYzY5Ii8+DQogIDxwYXRoIGlkPSJQYXRoXzU1MCIgZGF0YS1uYW1lPSJQYXRoIDU1MCIgZD0iTTE3MC4xODQsOTcuNzcyVjg5LjE0M0gxNjguM1Y4Ni4yMzZjLjA4MywwLC4xNjYtLjAxNS4yNTQtLjAxNS40NTUsMCwuOTE1LS4wMSwxLjM3LDAsLjIsMCwuMjY5LS4wNDkuMjY0LS4yNTUtLjAxLS43NDQtLjAxLTEuNDgzLDAtMi4yMjdhMy4wMzIsMy4wMzIsMCwwLDEsLjgzNy0yLjIsMy4yLDMuMiwwLDAsMSwyLjExOS0uOTU0YzEuMjkyLS4wNzMsMi41ODktLjA2NCwzLjg4Ni0uMDg4LjAxNSwwLC4wMjkuMDE1LjA1OS4wMjl2Mi45ODZjLS4wOTMsMC0uMTgxLjAxLS4yNjQuMDFoLTEuNzYyYS44NjcuODY3LDAsMCwwLS45NC45NGMwLC41NTMsMCwxLjExMSwwLDEuNjY0YS43Mi43MiwwLDAsMCwuMDI0LjA4M2gyLjk3NmMtLjEyNy45OTQtLjI0NSwxLjk0My0uMzcyLDIuOTI3SDE3NC4xMXY4LjY0M0MxNzIuNzkzLDk3Ljc3MiwxNzEuNTExLDk3Ljc3MiwxNzAuMTg0LDk3Ljc3MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTIuMDg5IC02OC4yNjgpIiBmaWxsPSIjMTgyYzY5Ii8+DQo8L3N2Zz4NCg==");
    }

    .social--twitter {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAKOUExURR0rZQAAAB0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZR0rZf///yKw9NkAAADYdFJOUwAAKtjrPELp9V1m+bQQJ8v9hgYIov56GLefDNfod2Nl9D8NoBda/HkElsAWBcyX7EUdAmz33jkfzscbSu9JVO5P8ZEBg8kcPeD2aAOLVhS7ks+CxNUm5hqcC0SjCXD70iMOf/qqnQeKJBK64TQr2vhg2zY6tV5X6kxze5ipQOKwQ80sfjHFGfC+CmeOhaaxpPMVjcYiKNTn2VyhcpmtYiDQMi3c8lCzD8iakEFSRu3DTtGBjIibEzB1p2SvapRR3y/dLmmyYeTBvMIhj0c3dL+lKYlb41NrO1xaTLAAAAABYktHRNl3Cnc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5woREx4RxRGrxQAABJpJREFUSMeNlvlDVFUUx08YiKIGQxNi4CjhNDmWpShFgNjEOoWJFhKLjiRgoqilogaaS4IlEYxbGWpBuKBmaYhLpu37Znb+nL73vFnee7yB3i9z5977uefcs16KGsP6795oonssPyKKGcscOw4DGh9noCZMtKawc9J9zPEJNgUl3o+t9hBkf4CsKEwmTcZy8hSsqgMeZE5JnepwOKYmTGMeO92KIkp7CMzkdNIgmhHLzofVgFyPYGGmezhENCshnvnRSXKgwmY9xjz7caGegNqcMMdMYWVuBvO8+ZoSiqPMJ5mfyhLq6Wzm7ByTgvibuwAH5wXmBaK8hczPuBTkeRai8gsMEKYLi5iLS4JniTTyPsc87XkRVboI1AsuHYXJqMXMzrLQpCaOkpYwL31RqPkv4YDcsIIYlauDllWEpwLzL89mrqwSqrqGefkKHeSrVE53kxFS1Eo715YINOUV7FlVF9SfbPVwfX6DzjhBLWn1q8xrGsVza9cxN60PWJc81U3MGzbqDRpW4jXc5fWJImtTMfO6taRZdjOcsKXZ4ATddbc62b5NINt2KPhGhYxbWmEXh9FxYT0pbQcyY6fszHyTuWauGu1ajtFur8nZOnfsgQf3viVU8z7mVtywoA0yt7ebwsrgw/1Irbe9CprzjrKyz3cAPx2lFBECVfUuc2euiHoPIuJXdsHY3f5hqWKMsYPI/UMNQkUfZs6oZT7SODy9TIF5FMZ+P1GoD5wqkVNyyCK7jClgO8YcN16gtA/BxPZYprHxHx0/wVx0UqiPPmbuzfk/EPX1Mn/SL9R6JOuprFEhlVpdMJtWMWynoeAZ1yh3Eqq8G7F2VqjjyL3OgZGtF1Dw3HnmC0lCfYoycNE/KqRy4TO49HMtMC5Bwcu2kZwbpL7YC7MNiCj3TLh40whhFNJvUPUElfCqDKUgKKJGgdT1L0hRT9YC4woCY6g9UmoEmdWIBDsyo+mqFhjXmGuvR0jCIFR1A1LavryJIjwoFeOrWygeJ0eAYK9tKGCHbtPXCPAOn8jqQWH5xmdVI4LKfdvJ/B1yvn0IgZEqUN0qDK9YVaMAkwNj7ZuhtkYd0VoVZv0I4sPR1hB2NmJn3FaPCBiHcP0+XYZ9CIwfSocVS43xI+zsXXVawbNdhkXqJTC89RiWeUxlWWNKO7B2oD/Qg8h/kXlhn4hK/5H5/DkydA1tU7sqkW0FwcZFNACjnPhJqOl4DHSXmyHosFt1i13h48j7c6AT4EuN16qbHsK0A529tUXfGyjrFAKjRyAfVO/tC7dPjWnegma7mYwd8Bd02lu3xe6DNzVdQxCWf92AQ6s9pl4rHfhamsi6ivJ7zBbs7oppyIex683ZBoOi0Dp/EygxGb36aOAdoRj3BJxY6bN4Pqh8SikUagUayJiDIahiGZhF5RYVRDPb726hBlDd/qhSN8SCqwyJtvhP6ydRv1LikkD0F/ryfm1IJSjgRYWWjy9QjWiF2ddbYmJizv59Bxv3CJOH18CCf6wZpeBdOL2mOANfMUa8Q2XZv/NQ5+9GYOTGQ4ZXpDJmpiojN2yRGGmrdwzUmo3/AUIKCe+Y1F1jAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTEwLTE3VDE5OjMwOjExKzAwOjAww3lFdwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0xMC0xN1QxOTozMDoxMSswMDowMLIk/csAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMTAtMTdUMTk6MzA6MTcrMDA6MDCG4ekuAAAAAElFTkSuQmCC');
        background-size: contain;
    }

    .social--instagram {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaW5zdGFncmFtLWIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQxLjk5NCIgaGVpZ2h0PSI0Mi4wMDciIHZpZXdCb3g9IjAgMCA0MS45OTQgNDIuMDA3Ij4NCiAgPHBhdGggaWQ9IlBhdGhfNTQ5IiBkYXRhLW5hbWU9IlBhdGggNTQ5IiBkPSJNMzAuODA5LDUwLjY5MkEyMSwyMSwwLDEsMSw1MS44MTYsMzAuMjc1LDIxLjAwNiwyMS4wMDYsMCwwLDEsMzAuODA5LDUwLjY5MlpNMTIuMzg5LDI5LjcxOUExOC40MjksMTguNDI5LDAsMSwwLDMwLjQ3MiwxMS4xNjQsMTguNTMxLDE4LjUzMSwwLDAsMCwxMi4zODksMjkuNzE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuODMgLTguNjg1KSIgZmlsbD0iIzE4MmM2OSIvPg0KICA8ZyBpZD0iXzIyNzQ0MDVfaW5zdGFncmFtX21lZGlhX3Bob3RvX3NvY2lhbF9pY29uIiBkYXRhLW5hbWU9IjIyNzQ0MDVfaW5zdGFncmFtX21lZGlhX3Bob3RvX3NvY2lhbF9pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzLjAwMyAtMTQzLjYyMSkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzE2MTkiIGRhdGEtbmFtZT0iUGF0aCAxNjE5IiBkPSJNMjMwLjIsMjI3LjVhMi43LDIuNywwLDEsMCwyLjcsMi43QTIuNywyLjcsMCwwLDAsMjMwLjIsMjI3LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUuODIxIC02NS44MjEpIiBmaWxsPSIjMTgyYzY5Ii8+DQogICAgPHBhdGggaWQ9IlBhdGhfMTYyMCIgZGF0YS1uYW1lPSJQYXRoIDE2MjAiIGQ9Ik0xNzAuNjM5LDE1NC44SDE1OC4xMTJhMy4zMTUsMy4zMTUsMCwwLDAtMy4zMTIsMy4zMTJ2MTIuNTM3YTMuMzE1LDMuMzE1LDAsMCwwLDMuMzEyLDMuMzEyaDEyLjUzN2EzLjMxNSwzLjMxNSwwLDAsMCwzLjMxMi0zLjMxMlYxNTguMTEyQTMuMzMsMy4zMywwLDAsMCwxNzAuNjM5LDE1NC44Wm0tNi4yNjQsMTUuMTExYTUuNTM1LDUuNTM1LDAsMSwxLDUuNTM1LTUuNTM1QTUuNTQyLDUuNTQyLDAsMCwxLDE2NC4zNzYsMTY5LjkxMVptNy41Ni0xMS43MjNhMS4zNzMsMS4zNzMsMCwwLDEtMS4zNzIsMS4zNzJoMGExLjM3MywxLjM3MywwLDAsMS0xLjM3Mi0xLjM3MmgwYTEuMzczLDEuMzczLDAsMCwxLDEuMzcyLTEuMzcyaDBhMS4zNzMsMS4zNzMsMCwwLDEsMS4zNzIsMS4zNzJaIiBmaWxsPSIjMTgyYzY5Ii8+DQogIDwvZz4NCjwvc3ZnPg0K");
    }

    .social--youtube {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ieW91dHViZS1iIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MS45OTQiIGhlaWdodD0iNDIuMDA3IiB2aWV3Qm94PSIwIDAgNDEuOTk0IDQyLjAwNyI+DQogIDxwYXRoIGlkPSJQYXRoXzU1MSIgZGF0YS1uYW1lPSJQYXRoIDU1MSIgZD0iTTMwLjgwOSw1MC42OTJBMjEsMjEsMCwxLDEsNTEuODE2LDMwLjI2NiwyMS4wMDYsMjEuMDA2LDAsMCwxLDMwLjgwOSw1MC42OTJaTTQ5LjI2MywyOS42NzZhMTguNDI5LDE4LjQyOSwwLDEsMC0xOC4xLDE4LjU1NUExOC41MywxOC41MywwLDAsMCw0OS4yNjMsMjkuNjc2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuODMgLTguNjg1KSIgZmlsbD0iIzE4MmM2OSIvPg0KICA8cGF0aCBpZD0icGxheSIgZD0iTTEzLjMsNi43NTgsMi4yNjguMjM4QTEuNSwxLjUsMCwwLDAsMCwxLjUzMlYxNC41NjlhMS41LDEuNSwwLDAsMCwyLjI2OCwxLjI5NEwxMy4zLDkuMzQ2YTEuNSwxLjUsMCwwLDAsMC0yLjU4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2IDEyLjk2OCkiIGZpbGw9IiMxODJjNjkiLz4NCjwvc3ZnPg0K");
    }
}

.zipping {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

.message-container ~ footer .footer-top {
    margin-top: 3rem;
}

.footer-middle {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 0.5fr;
}

.footer-middle-container {
    background-color: #75BDFF;
    padding: 77px 0 70px 0;
}

.footer-middle .social__list {
    transform-origin: top left;
}

    .footer-middle .social__list li {
        padding-right: 0;
        border-right: none;
        filter: brightness(0) invert(1);
    }

.footer__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    font-family: "Averta-Semibold", sans-serif;
    margin-bottom: 18px;
    color: #182C69 !important;
    pointer-events: none;
}

    .footer__title + .footer__title {
        margin: 50px 0;
    }

    .footer__title:after {
        display: none;
        content: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAyNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcuMDI1IDExIj4NCiAgPGcgaWQ9IlNMSURFUi1BUlJPVy1SSUdIVCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPg0KICAgIDxwYXRoIGlkPSJTTElERVItQVJST1ctUklHSFQtMiIgZGF0YS1uYW1lPSJTTElERVItQVJST1ctUklHSFQiIGQ9Ik0uNCw5LjkxNi4wODksOS42MjhhLjI3Mi4yNzIsMCwwLDEsMC0uNEw0LjY4MSw1LC4wOTIuNzc1YS4yNzIuMjcyLDAsMCwxLDAtLjRMLjQuMDg0YS4zMTguMzE4LDAsMCwxLC40MzEsMEw1Ljk0MSw0LjhhLjI3Ny4yNzcsMCwwLDEtLjAwNi40TC44MjksOS45MTVhLjMxOC4zMTgsMCwwLDEtLjQzMiwwWiIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
    }

.footer__column {
    padding: 0 5px;
}

    .footer__column a {
        font-size: 15px;
        color: white;
        display: block;
        font-family: Averta-Light;
        margin-bottom: 7px;
    }

        .footer__column a:not(.footer__title) + .footer__title {
            padding-top: 11px;
        }

.footer__phone {
    font-size: 22px;
    margin-top: -11px;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom-container {
    background-color: #182C69;
    padding: 1rem 0;
}

@media screen and (max-width: 992px) {
    .footer-bottom {
        justify-content: center;
    }

        .footer-bottom .b-mobil__links {
            gap: 23px;
            grid-gap: 23px;
        }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .footer-bottom {
        flex-direction: column-reverse;
    }

        .footer-bottom .footer__copyright {
            gap: 0;
            grid-gap: 0;
        }

        .footer-bottom .b-mobil__links {
            transform-origin: revert !important;
            padding-left: revert !important;
        }
}

.footer__copyright {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    font-family: "Averta-Semibold", sans-serif;
    color: white;
    text-transform: uppercase;
    gap: 20px;
    grid-gap: 20px;
}

.footer__store {
    display: flex;
    align-items: center;
}

    .footer__store .b-mobil__links {
        /*transform: scale(0.55);*/
        transform: scale(0.75);
        transform-origin: center left;
        grid-gap: 1rem;
        gap: 1rem;
        margin-bottom: 0;
    }

.footer__accessibility {
    display: flex;
    align-items: center;
    gap: 23px;
    grid-gap: 23px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Averta-Semibold", sans-serif;
    color: white;
}

    .footer__accessibility img {
        height: 44px;
        object-fit: contain;
    }

@media screen and (max-width: 1550px) {
    .footer-middle {
        grid-template-columns: repeat(7, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .footer-middle {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        grid-gap: 30px;
    }
}

@media screen and (max-width: 992px) {
    .footer-top {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .footer__title {
        pointer-events: initial;
    }

    .footer-middle {
        display: block;
    }

        .footer-middle .zipping {
            display: none;
        }

        .footer-middle h5.footer__title {
            margin-bottom: 0;
            width: 100%;
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #8FCBFF;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAyNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcuMDI1IDExIj4NCiAgPGcgaWQ9IlNMSURFUi1BUlJPVy1SSUdIVCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPg0KICAgIDxwYXRoIGlkPSJTTElERVItQVJST1ctUklHSFQtMiIgZGF0YS1uYW1lPSJTTElERVItQVJST1ctUklHSFQiIGQ9Ik0uNCw5LjkxNi4wODksOS42MjhhLjI3Mi4yNzIsMCwwLDEsMC0uNEw0LjY4MSw1LC4wOTIuNzc1YS4yNzIuMjcyLDAsMCwxLDAtLjRMLjQuMDg0YS4zMTguMzE4LDAsMCwxLC40MzEsMEw1Ljk0MSw0LjhhLjI3Ny4yNzcsMCwwLDEtLjAwNi40TC44MjksOS45MTVhLjMxOC4zMTgsMCwwLDEtLjQzMiwwWiIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
            background-position: right center;
            background-repeat: no-repeat;
        }

        .footer-middle a.footer__title {
            margin: 22px 0 0 0 !important;
            font-size: 15px;
            font-family: "Averta-Bold", sans-serif;
        }

    .footer__column-list {
        display: none;
    }

        .footer__column-list a:first-child {
            margin-top: 20px;
        }

        .footer__column-list a:last-child {
            margin-bottom: 20px;
        }

    .footer__column:last-child {
        border-top: 1px solid #8FCBFF;
        margin-top: 10px;
        padding-top: 10px;
    }

        .footer__column:last-child .footer__title {
            font-size: 16px;
            margin-bottom: 10px;
            padding: 0 !important;
        }

        .footer__column:last-child .footer__phone {
            display: block;
            font-size: 22px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

    .footer__column .social__list {
        justify-content: flex-start;
    }

    .footer__copyright {
        font-size: 0;
    }

    .footer__accessibility {
        display: none;
    }

    .footer__store {
        justify-content: flex-end;
    }

        .footer__store .b-mobil__links {
            transform: scale(0.85);
            padding-left: 30px;
        }
}

.subportalLogo {
    display: flex;
    align-items: center;
    gap: 22px;
    grid-gap: 22px;
    margin-right: auto;
    cursor: pointer;
    transform: translateY(-25px);
}

    .subportalLogo a {
        color: white;
        font-family: "Averta-Light", sans-serif;
        font-size: larger;
        font-weight: bold;
    }

.mobil-menu {
    display: block;
}

@media screen and (min-width: 1100px) {
    .mobil-menu {
        display: none !important;
    }
}

.mobil-menu__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #182C69;
    height: 80px;
    padding: 0 20px;
}

.mobil-menu__line-left,
.mobil-menu__line-right {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
}

    .mobil-menu__line-right mobile-search-icon {
        cursor: pointer;
    }

.mobil-menu__line .js--mobil-menu img {
    height: 20px;
    object-fit: contain;
}

.mobil-menu__line .whatsapp-icon img {
    height: 22px;
    object-fit: contain;
    margin-left: 6px;
}

.mobil-menu__line .mobil-logo img {
    height: 70px;
    object-fit: contain;
}

.mobil-menu__line .js--search input {
    display: none;
}

.mobil-menu__line .js--search button img {
    height: 22px;
    object-fit: contain;
}

.mobil-menu__line .js--speed-menu img {
    height: 22px;
    object-fit: contain;
}

.mobil-menu__social {
    display: flex;
    align-items: stretch;
    padding-left: 15px;
    background-color: #083FA1;
    height: 81px;
}

.mobil-menu__social-platform {
    display: flex;
    align-items: center;
    gap: 20px;
    grid-gap: 20px;
}

    .mobil-menu__social-platform a img {
        height: 41px;
        object-fit: contain;
    }

.mobil-menu__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #54C661;
    width: 70px;
    height: 80px;
    margin-left: auto;
}

    .mobil-menu__whatsapp img {
        height: 41px;
        object-fit: contain;
    }

.mobil-menu__speed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
    box-shadow: 0 3px 20px #00000016;
    background-color: #E2E7F0;
    max-width: 400px;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    transition: 0.33s;
}

    .mobil-menu__speed.active {
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
    }

.mobil-menu__speed-header {
    height: 80px;
    border-bottom: 1px solid #DADADA;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    font-size: 14px;
    font-family: "Averta-Bold", sans-serif;
    color: #083FA1;
}

    .mobil-menu__speed-header img {
        height: 20px;
        object-fit: contain;
    }

.mobil-menu__speed .speed-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-content: baseline;
    gap: 10px;
    grid-gap: 10px;
    padding: 30px 15px;
    overflow: auto;
    height: calc(100vh - 90px);
}

.mobil-sidebar {
    background-color: #F3F3F3;
    width: 360px;
    max-width: 90%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99991;
    height: 100vh;
    transform: translateX(-100%);
    transition: 0.33s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 3px 20px #00000016;
}

    .mobil-sidebar.active {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

.mobil-sidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    height: 80px;
    border-bottom: 1px solid #DADADA;
}

    .mobil-sidebar__header span {
        font-size: 14px;
        font-family: "Averta-Bold", sans-serif;
        color: #083FA1;
    }

    .mobil-sidebar__header img {
        height: 20px;
        object-fit: contain;
    }

.mobil-sidebar__language {
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    border-bottom: 1px solid #DADADA;
    gap: 20px;
    grid-gap: 20px;
}

    .mobil-sidebar__language span {
        width: 45px;
        flex: 0 0 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-family: "Averta-Bold", sans-serif;
        color: #2C303E;
        transition: 0.33s;
        border: 1px solid #C9CBCD;
        border-radius: 50%;
        cursor: pointer;
    }

        .mobil-sidebar__language span.active {
            background-color: #083FA1;
            border-color: #083FA1;
            color: white;
        }

    .mobil-sidebar__language .mobil-menu__back {
        display: flex;
        margin-left: auto;
        gap: 5px;
        grid-gap: 5px;
        font-family: "Averta-Bold", sans-serif;
        color: #083FA1;
        cursor: pointer;
        opacity: 0;
        transition: 0.33s;
        visibility: hidden;
    }

        .mobil-sidebar__language .mobil-menu__back.active {
            opacity: 1;
            visibility: visible;
        }

.mobil-sidebar__links {
    padding: 20px 0;
    position: relative;
    height: calc(100vh - 260px);
    overflow: auto;
}

.mobil-sidebar__links-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    font-size: 16px;
    font-family: "Averta-Bold", sans-serif;
    color: #2C303E;
    margin-bottom: 30px;
    cursor: pointer;
}

    .mobil-sidebar__links-title a {
        color: #2C303E;
        width: 100%;
    }

    .mobil-sidebar__links-title img {
        height: 17px;
        object-fit: contain;
    }

.mobil-sidebar__links-list {
    background-color: white;
    height: calc(100vh - 260px);
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    visibility: hidden;
    transform: translateX(-100%);
    transition: 0.33s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}

    .mobil-sidebar__links-list.active {
        visibility: visible;
        transform: translateX(0);
    }

    .mobil-sidebar__links-list a {
        font-size: 16px;
        font-family: "Averta-Regular", sans-serif;
        color: #2C303E;
        display: block;
        margin-bottom: 15px;
    }

        .mobil-sidebar__links-list a:first-child {
            font-size: 14px;
            font-family: "Averta-Bold", sans-serif;
            color: #083FA1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 25px;
        }

            .mobil-sidebar__links-list a:first-child img {
                height: 16px;
                object-fit: contain;
            }

    .mobil-sidebar__links-list span {
        display: block;
        font-size: 13px;
        color: #2C303E31;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

.mayor {
    color: #182C69;
}

.mayor__top {
    display: flex;
    align-items: center;
}

.mayor__top-left {
    flex: 0 0 45%;
}

.mayor__top-right {
    flex: 1;
    padding: 0 7%;
}

    .mayor__top-right h1 {
        margin-bottom: 2rem !important;
    }

        .mayor__top-right h1:after {
            content: none !important;
        }

    .mayor__top-right > b {
        font-size: clamp(16px,2vw,22px);
        font-family: "Averta-Bold", sans-serif;
        display: block;
        margin-top: 35px;
    }

    .mayor__top-right small {
        font-size: clamp(13px,1.5vw,16px);
        font-family: "Averta-Regular", sans-serif;
    }

.mayor__top h1 {
    font-size: clamp(26px,2vw,55px);
    font-family: "Averta-Regular", sans-serif;
    max-width: 600px;
}

    .mayor__top h1 b {
        display: block;
        font-family: "Averta-Bold", sans-serif;
    }
/*.mayor__bottom {
    height: auto;
    margin-top: 20px;
}*/
.mayor__bottom {
    /*height: 70vh;*/
    height: auto;
    min-height: 350px;
    background-position: right 5% bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 32%;
    display: flex;
    align-items: center;
    margin-top: 3rem !important;
    margin-bottom: 70px;
    max-width: 80%;
}

@media only screen and (max-width : 1139px) {
    .mayor__bottom {
        max-width: 100%;
    }
}

.mayor__bottom > div {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

.mayor__bottom button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    grid-gap: 10px;
    background-color: #9CA3BB;
    border-radius: 10px;
    height: 45px;
    font-size: 13px;
    font-family: "Averta-Bold", sans-serif;
    color: white;
    width: 100%;
}

    .mayor__bottom button img {
        transition: 0.33s;
    }

    .mayor__bottom button .mayor-short {
        display: none;
    }

    .mayor__bottom button.active .mayor-more {
        display: none;
    }

    .mayor__bottom button.active .mayor-short {
        display: block;
    }

    .mayor__bottom button.active img {
        transform: rotate(180deg);
    }

@media screen and (min-width: 576px) {
    .mayor__bottom button {
        display: none;
        cursor: pointer;
    }
}

.mayor__bottom h2 {
    font-size: clamp(26px,2.25vw,46px);
    font-family: "Averta-Bold", sans-serif;
    padding-bottom: 40px;
    margin-bottom: 35px;
    position: relative;
}

    .mayor__bottom h2:after {
        content: "";
        position: absolute;
        left: 0;
        width: 50px;
        top: 100%;
        border-bottom: 2px solid #53A8DA;
    }

.mayor__bottom p {
    font-size: clamp(14px,1.75vw,16px);
    line-height: 1.8;
    margin-bottom: 15px;
    font-family: "Averta-Regular", sans-serif;
    max-width: 550px;
}

@media screen and (min-width: 1140px) {
    .mayor__bottom {
        transform: translateX(19%);
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1250px) {
    .mayor__bottom {
        background-size: 375px;
    }
}

@media screen and (max-width: 768px) {
    .mayor__bottom {
        background-image: none !important;
    }

    .mayor__bottom-right {
        display: none;
    }

    .mayor__bottom > div {
        width: 100%;
        flex: 1;
        max-width: 100%;
    }

        .mayor__bottom > div p {
            max-width: 100%;
        }

    .mayor__top {
        flex-direction: column;
    }

    .mayor__top-right {
        width: 100%;
        padding: 30px;
        background-color: #EEF1F6;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 576px) {
    .mayor__bottom-left-content {
        max-height: 350px;
        overflow: hidden;
        position: relative;
    }

        .mayor__bottom-left-content.active {
            max-height: initial;
        }

            .mayor__bottom-left-content.active:after {
                display: none;
            }

        .mayor__bottom-left-content:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 300px;
            background-image: linear-gradient(to bottom, #FFFFFF00, #FFFFFF);
        }
}

.message {
    display: flex;
    align-items: flex-start;
    padding: 100px 0;
}

.message-container {
    background-color: #F8F8F8;
}

    .message-container .container {
        max-width: 80%;
    }

.message-left, .message-right {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

    .message-left h2 {
        margin-bottom: 40px;
        font-size: clamp(26px,2.25vw,46px);
        font-family: "Averta-Bold", sans-serif;
    }

    .message-left p {
        font-size: 22px;
        color: #53A8DA;
        font-family: "Averta-Bold", sans-serif;
        max-width: 450px;
    }

    .message-left small {
        font-size: 16px;
        font-family: "Averta-Regular", sans-serif;
        color: #222222;
        margin-top: 30px;
        display: block;
        max-width: 450px;
    }

    .message-left img {
        object-fit: contain;
        max-width: 100%;
        display: block;
        margin-top: 70px;
    }

.message input[type=text],
.message textarea {
    font-size: clamp(16px,2.2vw,18px);
    color: #9F9F9F;
    font-family: "Averta-Regular", sans-serif;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 25px;
    padding-bottom: 20px;
    width: 100%;
}

.message textarea {
    display: block;
    min-height: 150px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9F9F9F;
    outline: none;
    resize: none;
    width: 100%;
}

@media screen and (min-width: 1140px) {
    .message {
        transform: translateX(12%);
    }

    .message-right {
        max-width: 530px;
    }

    .message-left {
        flex: 1;
    }
}

@media screen and (max-width: 992px) {
    .message {
        flex-direction: column;
        gap: 30px;
        grid-gap: 30px;
    }

    .message-left img {
        display: none;
    }

    .message-left, .message-right {
        width: 100%;
        flex: 1;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .message__top {
        flex-direction: column;
    }

        .message__top > * {
            width: 100%;
            flex: 1;
            max-width: 100%;
        }
}

.corparation {
    display: flex;
    align-items: stretch;
}

.corparation__left {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

    .corparation__left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.corparation__right {
    border: 1px solid #F4F4F4;
    border-bottom: none;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

@media screen and (max-width: 1100px) {
    .corparation {
        flex-direction: column;
    }

    .corparation__left, .corparation__right {
        width: 100%;
        flex: 1;
        max-width: 100%;
    }
}

.c-link__item {
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    font-size: clamp(16px,4vw,20px);
    font-family: "Averta-Bold", sans-serif;
    color: #9CA3BB;
    transition: 0.33s;
    min-height: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .c-link__item img {
        opacity: 0.65;
        transition: 0.33s;
        margin-top: 24px;
    }

    .c-link__item:hover {
        color: #182C69;
    }

        .c-link__item:hover img {
            opacity: 1;
        }

.c-link__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1450px) {
    .c-link__items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .c-link__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

.news-card {
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
}

.news-card__header {
    /*text-align: center;*/
    height: 250px;
}

    .news-card__header img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.news-card__body {
    /* padding: 13px 21px;
    min-height: 80px;*/
    padding: 1.25rem;
}

    .news-card__body time {
        font-size: clamp(13px,3vw,14px);
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        margin-bottom: 4px;
        display: block;
    }

    .news-card__body h3 {
        font-size: clamp(1rem,2.25vw,1.25rem);
        /*font-family: "Averta-Bold", sans-serif;*/
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
    }

@media screen and (max-width: 768px) {
    /*.news-card__body {
        padding: 13px 10px;
    }*/

    /*.news-card__header img {
        height: 150px;
    }*/
}

.content-tab__list {
    background-color: #E2E7F0;
    display: flex;
    margin-bottom: 50px;
}

.content-tab__item {
    height: 80px;
    flex: 1;
    position: relative;
    max-width: 50%;
}

.content-tab__item-hasInput {
    background-color: transparent !important;
    box-shadow: none !important;
    padding-right: 20px;
}

    .content-tab__item-hasInput .content-tab__item-header {
        background-color: transparent !important;
        background-image: none !important;
    }

    .content-tab__item-hasInput:after, .content-tab__item-hasInput:before {
        display: none !important;
    }

.content-tab__item.active {
    box-shadow: 0 3px 20px #00000008;
    background-color: white;
}

.content-tab__item-content {
    position: absolute;
    top: 100%;
    background-color: white;
    padding: 0 35px 35px;
    width: 100%;
    display: none;
}

    .content-tab__item-content ul {
        max-height: 260px;
        overflow: auto;
    }

        .content-tab__item-content ul::-webkit-scrollbar {
            width: 5px;
            background-color: #EEF1F6;
        }

        .content-tab__item-content ul::-webkit-scrollbar-thumb {
            background-color: #0B1B4D;
        }

    .content-tab__item-content li {
        cursor: pointer;
        border-radius: 5px;
        border: 1px solid #DBE0EA;
        padding: 15px 25px;
        font-size: clamp(16px,3vw,22px);
        color: #182C69;
        font-family: "Averta-Regular", sans-serif;
        transition: 0.33s;
        margin-bottom: 15px;
    }

        .content-tab__item-content li.active {
            font-family: "Averta-Bold", sans-serif;
            background-color: #EEF1F6;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45OTYiIGhlaWdodD0iMTcuOTAzIiB2aWV3Qm94PSIwIDAgMjIuOTk2IDE3LjkwMyI+DQogIDxnIGlkPSJjaGVjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41NjUgMC41KSI+DQogICAgPHBhdGggaWQ9ImNoZWNrLTIiIGRhdGEtbmFtZT0iY2hlY2siIGQ9Ik00Ni45MTYsODAuMTIsMzQuMzM3LDkyLjdsLTQuNjIyLTQuNjIyYS41NzQuNTc0LDAsMCwwLS44MTIsMGwtMS4zNTMsMS4zNTNhLjU3NC41NzQsMCwwLDAsMCwuODEybDYuMzgsNi4zOGEuNTc0LjU3NCwwLDAsMCwuODEyLDBMNDkuMDgsODIuMjg0YS41NzQuNTc0LDAsMCwwLDAtLjgxMkw0Ny43MjgsODAuMTJBLjU3NC41NzQsMCwwLDAsNDYuOTE2LDgwLjEyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3LjM4MyAtNzkuOTUyKSIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
            background-repeat: no-repeat;
            background-position: center right 15px;
        }

.content-tab__item-header {
    font-size: clamp(16px,2vw,22px);
    font-family: "Averta-Bold", sans-serif;
    color: #9CA3BB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 35px;
    height: 80px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xNDYiIGhlaWdodD0iOS43OTYiIHZpZXdCb3g9IjAgMCAxNi4xNDYgOS43OTYiPg0KICA8ZyBpZD0iYW5nbGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTczIDAuNSkiPg0KICAgIDxwYXRoIGlkPSJhbmdsZS1yaWdodC0yIiBkYXRhLW5hbWU9ImFuZ2xlLXJpZ2h0IiBkPSJNMjkuOTk0LDEzNS45NzNsLTYuOSw2LjhhLjcuNywwLDAsMS0xLDBsLS40MTYtLjQxNmEuNy43LDAsMCwxLDAtMWw1Ljk5My01Ljg4Mi01Ljk4Ny01Ljg4MmEuNy43LDAsMCwxLDAtMWwuNDE2LS40MTZhLjcuNywwLDAsMSwxLDBsNi45LDYuOEEuNzA5LjcwOSwwLDAsMSwyOS45OTQsMTM1Ljk3M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi45NzUgLTIxLjQ3NSkgcm90YXRlKDkwKSIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.content-tab__item-date {
    position: relative;
}

.content-tab__item-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #182C69;
    font-size: clamp(16px,2vw,22px);
    color: #182C69;
    text-align: left;
}

    .content-tab__item-input input {
        font-size: clamp(16px,2vw,22px);
        flex: 0 0 calc(100% - 30px);
        width: calc(100% - 30px);
        font-family: "Averta-Bold", sans-serif;
        color: #9CA3BB;
    }

    .content-tab__item-input::placeholder {
        font-size: clamp(16px,2vw,22px);
        font-family: "Averta-Bold", sans-serif;
        color: #9CA3BB;
    }

    .content-tab__item-input button {
        flex: 0 0 20px;
        padding: 0;
    }

        .content-tab__item-input button img {
            height: 20px;
            object-fit: contain;
        }

@media screen and (max-width: 992px) {
    .content-tab__item {
        position: relative;
        z-index: 20;
        height: 45px;
    }

    .content-tab__item-input {
        padding-bottom: 4px;
    }

    .content-tab__item-header {
        height: 45px;
        padding-left: 10px;
        font-size: 16px;
    }

    .content-tab__item-content > button {
        display: block;
        width: 100%;
        text-align: center;
    }

    .content-tab__item:nth-of-type(2) .content-tab__item-content {
        transform: translateX(-50%);
    }

    .content-tab__item.active .content-tab__item-header {
        position: relative;
        background-color: white;
        z-index: 33;
        padding-left: 10px;
    }

    .content-tab__item.active .content-tab__item-content {
        z-index: 33;
        padding: 15px;
        width: calc(100vw - 40px);
    }

    .content-tab__item.active::before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #02020233;
        z-index: 21;
    }

    .content-tab__list {
        position: relative;
    }

    .content-tab__list-only-item .content-tab__item {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }

    .content-tab__list-only-item .content-tab__item-header {
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        justify-content: flex-start;
        text-align: center;
        background-image: none;
        padding-left: 15px;
        font-size: .875rem;
    }

        .content-tab__list-only-item .content-tab__item-header::after {
            content: "";
            background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xNDYiIGhlaWdodD0iOS43OTYiIHZpZXdCb3g9IjAgMCAxNi4xNDYgOS43OTYiPg0KICA8ZyBpZD0iYW5nbGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTczIDAuNSkiPg0KICAgIDxwYXRoIGlkPSJhbmdsZS1yaWdodC0yIiBkYXRhLW5hbWU9ImFuZ2xlLXJpZ2h0IiBkPSJNMjkuOTk0LDEzNS45NzNsLTYuOSw2LjhhLjcuNywwLDAsMS0xLDBsLS40MTYtLjQxNmEuNy43LDAsMCwxLDAtMWw1Ljk5My01Ljg4Mi01Ljk4Ny01Ljg4MmEuNy43LDAsMCwxLDAtMWwuNDE2LS40MTZhLjcuNywwLDAsMSwxLDBsNi45LDYuOEEuNzA5LjcwOSwwLDAsMSwyOS45OTQsMTM1Ljk3M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi45NzUgLTIxLjQ3NSkgcm90YXRlKDkwKSIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==") no-repeat center;
            height: 9px;
            width: 16px;
            margin-left: 8px;
            transform: scale(0.75);
            transform-origin: center;
            position: absolute;
            right: 10px;
        }
}

.pagination__list {
    display: flex;
    align-items: center;
}

.pagination__disabled {
    opacity: 0.5;
}

.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px;
    gap: 10px;
    grid-gap: 10px;
}

    .pagination-container a,
    .pagination-container span {
        display: block;
        font-size: 18px;
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        min-width: 30px;
        text-align: left;
    }

        .pagination-container a.active,
        .pagination-container span.active {
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
        }

    .pagination-container button {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .pagination-container button:first-child img {
            transform: rotate(180deg);
        }

        .pagination-container button img {
            height: 18px;
            object-fit: contain;
        }

@media screen and (max-width: 992px) {
    .pagination-container a,
    .pagination-container span {
        font-size: 15px;
        min-width: 20px;
        white-space: nowrap;
    }

    .pagination-container button {
        width: 52px;
        height: 52px;
    }
}

.row-grid {
    display: grid;
}

.row-grid-sub {
    display: grid;
}

.row-four {
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    grid-gap: 17px;
}

@media screen and (max-width: 1100px) {
    .row-four {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 992px) {
    .row-four {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .row-four {
        grid-template-columns: repeat(1, 1fr);
    }
}

.onlySlider {
    width: 100%;
    height: 600px;
    max-height: 50vh;
    margin-bottom: 60px;
}

    .onlySlider .swiper-slide {
        position: relative;
    }

    .onlySlider .swiper-pagination {
        bottom: 50px;
    }

    .onlySlider .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background-color: white;
        opacity: 1;
        transition: 0.33s;
    }

        .onlySlider .swiper-pagination-bullet:after {
            border: 1px solid transparent;
        }

    .onlySlider .swiper-pagination-bullet-active {
        width: 7px;
        height: 7px;
        background-color: #53A8DA;
        opacity: 1;
        position: relative;
    }

        .onlySlider .swiper-pagination-bullet-active:after {
            content: "";
            border-radius: 50%;
            position: absolute;
            left: -4px;
            top: -4px;
            width: 13px;
            height: 13px;
            border-color: #53A8DA;
        }

@media screen and (max-width: 768px) {
    .onlySlider {
        height: 300px;
    }
}

.only-slider {
    /*background-color: #377FFF;*/
    background-color: #182C69;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

    .only-slider img {
        height: 215%;
        width: 100%;
        /*object-fit: contain;*/
        object-fit: cover;
        object-position: center;
    }

.only-slider__button {
    margin-top: 45px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

    .only-slider__button:after {
        color: #182C69;
        font-size: 20px;
    }

.only-slider:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-image: linear-gradient(to bottom, #00000000, #000000);
    opacity: .7;
}

.only-slider h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(12px,3vw,32px);
    text-transform: uppercase;
    color: white;
    z-index: 22;
    font-family: "Averta-Bold", sans-serif;
}

.only-slider__content {
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 22;
    padding: 0 0 40px 55px;
    text-align: left;
}

    .only-slider__content h4 {
        font-size: 32px;
        font-family: "Averta-Bold", sans-serif;
        margin-bottom: 8px;
    }

    .only-slider__content p {
        font-size: 18px;
        font-family: "Averta-Regular", sans-serif;
        text-align: left;
    }

@media screen and (max-width: 768px) {
    .only-slider__content {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .only-slider__button {
        width: 30px;
        height: 30px;
    }

        .only-slider__button::after {
            font-size: 12px;
        }
}

.event-entry {
    display: flex;
    align-items: stretch;
    background-color: #EEF1F6;
    height: 800px;
    max-height: 75vh;
}

.event-entry__left {
    width: 45%;
    flex: 0 0 45%;
}

    .event-entry__left .only-slider {
        height: 100%;
    }

        .event-entry__left .only-slider img {
            height: 100%;
            /*object-fit: cover;*/
            object-fit: fill;
        }

    .event-entry__left .only-slider-container {
        height: 100%;
    }

    .event-entry__left .onlySlider {
        margin-bottom: 0;
        height: 100%;
        max-height: initial;
    }

.event-entry__right {
    width: 55%;
    flex: 0 0 55%;
    /*max-width: 500px;*/
    padding-left: 75px;
    padding-top: 90px;
    padding-right: 50px;
}

    .event-entry__right .event-btn-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .event-entry__right > a,
    .event-entry__right > .event-btn-group a {
        background-color: #53A8DA;
        display: inline-flex;
        align-items: center;
        height: 70px;
        border-radius: 5px;
        margin-top: 40px;
        padding: 0 30px;
        gap: 7px;
        grid-gap: 7px;
        font-size: 16px;
        font-family: "Averta-Bold", sans-serif;
        color: white;
    }

        .event-entry__right > a.outline,
        .event-entry__right > .event-btn-group a.outline {
            color: #182C69;
            border: 2px solid #0038AE;
            background-color: transparent;
            margin-left: 2rem;
        }

            .event-entry__right > a.outline img,
            .event-entry__right > .event-btn-group a.outline img {
                filter: invert(89%) sepia(99%) saturate(1803%) hue-rotate(216deg) brightness(97%) contrast(93%);
                width: 17px;
            }

    .event-entry__right h1 {
        font-size: clamp(26px,2.25vw,46px);
        font-family: "Averta-Bold", sans-serif;
        padding-bottom: 40px;
        margin-bottom: 35px;
        position: relative;
    }

        .event-entry__right h1:after {
            content: "";
            position: absolute;
            left: 0;
            width: 50px;
            top: 100%;
            border-bottom: 2px solid #53A8DA;
        }

    .event-entry__right p {
        font-size: clamp(14px,1.75vw,16px);
        line-height: 1.8;
        margin-bottom: 15px;
        font-family: "Averta-Regular", sans-serif;
        max-width: 550px;
    }

    .event-entry__right b {
        font-size: clamp(14px,1.75vw,16px);
        color: #222222;
        font-family: "Averta-Bold", sans-serif;
    }

        .event-entry__right b:first-child {
            margin-top: 60px;
        }

        .event-entry__right b + p {
            margin-bottom: 0;
        }

@media screen and (max-width: 992px) {
    .event-entry {
        flex-direction: column;
        height: initial;
        max-height: initial;
    }

    .event-entry__left, .event-entry__right {
        width: 100%;
        flex: 1px;
        max-width: 100%;
    }

    .event-entry__right {
        padding: 35px 25px !important;
        width: 100%;
        max-width: 100%;
    }

        .event-entry__right > a {
            margin-top: 0;
        }

        .event-entry__right h1 {
            margin-bottom: 25px;
            padding-bottom: 25px;
            color: #182C69;
        }
}

.event__bottom {
    margin-top: 83px;
}

.event__bottom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}

    .event__bottom-header time {
        font-size: 14px;
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        text-transform: uppercase;
    }

.event__bottom-links {
    display: flex;
    align-items: center;
}

    .event__bottom-links img {
        height: 22px;
        object-fit: contain;
    }

    .event__bottom-links a:nth-of-type(n+2) {
        border-right: 1px solid #EAEAEA;
        padding: 5px 19px;
    }

.event__bottom-body {
    display: flex;
    align-items: stretch;
}

    .event__bottom-body h2 {
        font-size: 22px;
        font-family: "Averta-Bold", sans-serif;
        margin-bottom: 20px;
    }

.event__bottom-left {
    width: 50%;
    flex: 0 0 50%;
    padding-right: 30px;
    padding-top: 55px;
    padding-bottom: 55px;
    border-right: 1px solid #EAEAEA;
}

    .event__bottom-left p b {
        font-family: "Averta-Bold", sans-serif;
    }

    .event__bottom-left h2 {
        color: #182C69;
    }

    .event__bottom-left table {
        border-collapse: separate;
        border-spacing: 0 4px;
    }

        .event__bottom-left table thead {
            background-color: #9CA3BB;
            border-radius: 5px;
            font-size: 12px;
            font-family: "Averta-Bold", sans-serif;
            color: white;
            text-transform: uppercase;
        }

            .event__bottom-left table thead th {
                padding: 15px;
                text-align: left;
            }

        .event__bottom-left table tbody tr {
            font-size: 18px;
            font-family: "Averta-Regular", sans-serif;
            color: #182C69;
        }

            .event__bottom-left table tbody tr:nth-of-type(odd) {
                background-color: #EEF1F6;
            }

            .event__bottom-left table tbody tr:nth-of-type(odd) {
                background-color: #EEF1F6;
            }

                .event__bottom-left table tbody tr:nth-of-type(odd) .event__buttons {
                    padding: 17px 0;
                }

            .event__bottom-left table tbody tr th,
            .event__bottom-left table tbody tr td {
                padding: 15px;
            }

                .event__bottom-left table tbody tr td:first-child {
                    width: 30%;
                    min-width: 180px;
                }

        .event__bottom-left table tbody b {
            font-size: 14px;
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
            line-height: 20px;
        }

        .event__bottom-left table tbody a,
        .event__bottom-left table tbody button {
            width: 135px;
            padding: 7px 0;
            font-size: 12px;
            text-transform: uppercase;
            border-radius: 5px;
            text-align: center;
            color: #182C69;
            display: block;
        }

            .event__bottom-left table tbody a:first-child,
            .event__bottom-left table tbody button:first-child {
                background-color: white;
                margin-bottom: 4px;
            }

            .event__bottom-left table tbody a:last-child,
            .event__bottom-left table tbody button:last-child {
                background-color: #9CA3BB38;
            }

.event__bottom-right {
    width: 50%;
    flex: 0 0 50%;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 75px;
}

    .event__bottom-right h2 {
        color: #9CA3BB;
    }

    .event__bottom-right .t-news {
        width: 390px;
        max-width: calc(100% - 20px);
    }

    .event__bottom-right .t-news-body h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

        .event__bottom-right .t-news-body h3:only-child {
            margin-bottom: 0;
        }

    .event__bottom-right > a {
        display: flex;
        align-items: center;
        font-size: 11px;
        color: #182C69;
        font-family: "Averta-Regular", sans-serif;
        gap: 13px;
        grid-gap: 13px;
    }

.event__bottom-table {
    overflow: auto;
    width: 100%;
}

    .event__bottom-table::-webkit-scrollbar {
        height: 9px;
        background-color: #9CA3BB;
        border-radius: 20px;
    }

    .event__bottom-table::-webkit-scrollbar-thumb {
        background-color: #083FA1;
    }

    .event__bottom-table table {
        min-width: 550px;
    }

@media screen and (max-width: 992px) {
    .event__bottom-header {
        flex-direction: column;
        align-items: center;
        border-bottom: none;
        gap: 20px;
        grid-gap: 20px;
    }

    .event__bottom-body {
        flex-direction: column;
    }

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

    .event__bottom-left, .event__bottom-right {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        flex: 1;
        border: none;
    }

        .event__bottom-left .t-news, .event__bottom-right .t-news {
            width: 100%;
            max-width: 100%;
        }
}

@media screen and (max-width: 992px) {
    .event__bottom-left table tbody tr td {
        font-size: 16px;
    }

        .event__bottom-left table tbody tr td b {
            font-size: 14px;
        }

    .event__bottom-right h2 {
        color: #0B1B4D;
    }

    .event__bottom-right .t-news-body h3 {
        font-size: 16px;
        font-family: "Averta-Bold", sans-serif;
    }
}

.image-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 65px 5.5%;
    background-color: #EEF1F6;
}

.image-pager__item {
    background-color: white;
    height: 225px;
    width: 610px;
    display: flex;
    align-items: stretch;
    max-width: 45%;
    border-radius: 5px;
    overflow: hidden;
}

    .image-pager__item:first-child .image-pager__info img {
        transform: rotate(-180deg);
    }

    .image-pager__item > img {
        max-width: 50%;
        width: 260px;
        object-fit: contain;
    }

    .image-pager__item:last-child {
        flex-direction: row-reverse;
        text-align: left;
    }

        .image-pager__item:last-child .image-pager__info {
            margin-right: auto;
        }

.image-pager__info {
    display: flex;
    flex-direction: column;
    padding: 15px 25px;
    justify-content: space-around;
}

    .image-pager__info span {
        font-size: 12px;
        font-family: "Averta-Regular", sans-serif;
        color: #9CA3BB;
        text-transform: uppercase;
        /*margin-bottom: 35px;*/
        /*display: block;*/
    }

    .image-pager__info time {
        font-size: 14px;
        font-family: "Averta-Bold", sans-serif;
        color: #9CA3BB;
        /*margin-bottom: 12px;*/
    }

    .image-pager__info h3 {
        /*font-size: clamp(16px,3vw,18px);*/
        font-size: clamp(12px,3vw,14px);
        color: #182C69;
        font-family: "Averta-Bold", sans-serif;
    }

    .image-pager__info img {
        /*display: block;*/
        /*margin-top: auto;*/
        /*height: 19px;*/
        height: 1rem;
        object-fit: contain;
        margin-right: auto;
    }

@media screen and (max-width: 836px) {
    .image-pager {
        flex-direction: column;
        gap: 15px;
        grid-gap: 15px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .image-pager__item {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }

        .image-pager__item > img {
            height: 175px;
            width: 150px;
        }

        .image-pager__item:last-child {
            flex-direction: row;
        }
}

.corporation-card {
    height: 130px;
    max-width: 550px;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 10px #00000008;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding: 15px;
}

    .corporation-card img {
        flex: 0 0 170px;
        width: 170px;
        /*padding: 10px;*/
        margin-right: 10px;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .corporation-card span {
        font-size: clamp(18px,3vw,22px);
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
    }

@media screen and (max-width: 992px) {
    .corporation-card {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

        .corporation-card img {
            width: 100px;
            flex: 0 0 100px;
        }
}

.service-card {
    box-shadow: 0 3px 10px #00000008;
    background-color: white;
    width: 820px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 23px 28px 35px 28px;
}

    .service-card h4 {
        font-size: clamp(18px,3vw,22px);
        color: #9CA3BB;
        font-family: "Averta-Bold", sans-serif;
        margin-bottom: 20px;
    }

.service-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    grid-gap: 15px;
    align-items: center;
}

    .service-links a {
        padding-left: 1rem;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjEyIiBoZWlnaHQ9IjguMTAxIiB2aWV3Qm94PSIwIDAgNS4xMiA4LjEwMSI+DQogIDxnIGlkPSJhbmdsZS1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNTUpIj4NCiAgICA8cGF0aCBpZD0iYW5nbGUtcmlnaHQtMiIgZGF0YS1uYW1lPSJhbmdsZS1yaWdodCIgZD0iTTI1LjQ1MSwxMzEuNzA3bC0zLjIyLDMuMTcxYS4zMjguMzI4LDAsMCwxLS40NjUsMGwtLjE5NC0uMTk0YS4zMjguMzI4LDAsMCwxLDAtLjQ2NWwyLjgtMi43NDUtMi43OTQtMi43NDVhLjMyOC4zMjgsMCwwLDEsMC0uNDY1bC4xOTQtLjE5NGEuMzI4LjMyOCwwLDAsMSwuNDY1LDBsMy4yMiwzLjE3MUEuMzMxLjMzMSwwLDAsMSwyNS40NTEsMTMxLjcwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS40NzUgLTEyNy45NzUpIiBmaWxsPSIjMTgyYzY5IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 7px 8px;
        font-size: clamp(15px,3vw,16px);
        color: #182C69;
        line-height: normal;
        font-family: 'Averta-Light', sans-serif;
    }

@media screen and (max-width: 992px) {
    .service-links {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .service-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

.legislation-card {
    display: block;
    box-shadow: 0 3px 10px #00000008;
    background-color: white;
    width: 820px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 34px;
    font-size: clamp(18px,3vw,22px);
    color: #182C69;
    font-family: "Averta-Regular", sans-serif;
    margin-bottom: 20px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC45NCIgaGVpZ2h0PSIxOC4xMTMiIHZpZXdCb3g9IjAgMCAxMC45NCAxOC4xMTMiPg0KICA8ZyBpZD0iYW5nbGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjU3OCkiPg0KICAgIDxwYXRoIGlkPSJhbmdsZS1yaWdodC0yIiBkYXRhLW5hbWU9ImFuZ2xlLXJpZ2h0IiBkPSJNMzEuMTA1LDEzNy4wMTYsMjMuMywxNDQuN2EuOC44LDAsMCwxLTEuMTI2LDBsLS40Ny0uNDdhLjguOCwwLDAsMSwwLTEuMTI2bDYuNzc0LTYuNjQ5TDIxLjcxNSwxMjkuOGEuOC44LDAsMCwxLDAtMS4xMjZsLjQ3LS40N2EuOC44LDAsMCwxLDEuMTI2LDBsNy44LDcuNjgyQS44LjgsMCwwLDEsMzEuMTA1LDEzNy4wMTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuNDc1IC0xMjcuOTc1KSIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}

.general-page {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EAEAEA;
}

.general-page__title {
    font-size: 16px;
    font-family: "Averta-Bold", sans-serif;
    color: #182C69;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 30px;
}

.general-page h1 {
    font-size: clamp(26px,2.25vw,46px);
    font-family: "Averta-Bold", sans-serif;
    padding-bottom: 40px;
    margin-bottom: 35px;
    position: relative;
    color: #182C69;
}

    .general-page h1:after {
        content: "";
        position: absolute;
        left: 0;
        width: 50px;
        top: 100%;
        border-bottom: 2px solid #53A8DA;
    }

.general-page p {
    font-size: clamp(14px,1.75vw,16px);
    line-height: 1.7;
    margin-bottom: 15px;
    color: #222222;
    font-family: "Averta-Regular", sans-serif;
}

.general-page .video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
}

p iframe,
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    p iframe,
    .video-container iframe#generalVideo {
        position: inherit;
        aspect-ratio: 16 / 9;
        width: 100%;
    }

.general-page .video-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.general-page .video-container__cover {
    cursor: pointer;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #27272757;
    display: flex;
    align-items: center;
    justify-content: center;
}

.general-page .event__bottom {
    margin-top: 0;
}

.general-page .event__bottom-right {
    padding-bottom: 0;
}

.general-page .event__bottom-right-content > a {
    font-size: 11px;
    text-transform: uppercase;
    color: #182C69;
    display: flex;
    align-items: center;
    font-family: "Averta-Regular", sans-serif;
}

    .general-page .event__bottom-right-content > a img {
        height: 6px;
        object-fit: contain;
        margin-left: 13px;
    }

.general-page .event__bottom-right-content .t-news-body h3 {
    margin-bottom: 0;
}

.general-page .event__bottom-right-content:nth-of-type(2) .t-news {
    background-color: #EEF6F0;
}

.general-page .event__bottom-right-content:nth-of-type(3) .t-news {
    background-color: #F6F3EE;
}

.general-page .event__bottom-right-content:nth-of-type(n+2) {
    border-top: 1px solid #EAEAEA;
    padding-top: 15px;
    margin-top: 20px;
}

.general-page .event__bottom-left {
    padding-bottom: 0;
}

.general-page .image-pager {
    margin-top: 215px;
}

.news-detail-page .general-page {
    /*margin-top: 55px;*/
    border-top: none;
}

.activity-detail .event-entry {
    height: inherit;
    max-height: initial;
    align-items: center;
}

.activity-detail .event-entry__right {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.activity-detail .event__bottom {
    margin-top: 2rem;
}

.news-detail-page .event-entry {
    background-color: transparent;
    border-top: 1px solid #EAEAEA;
    height: inherit;
    /*min-height: 75vh;*/
    max-height: initial;
    align-items: center;
}

.news-detail-page .event-entry__right {
    max-width: 540px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.news-detail-page .event__bottom {
    font-size: clamp(16px,3vw,22px);
}

    .news-detail-page .event__bottom :is(h1,h2,h3,h4,h5,h6) {
        color: #222222;
    }

@media screen and (max-width: 992px) {
    .news-detail-page {
        background-color: #EEF1F6;
    }

        .news-detail-page h1 {
            color: #182C69;
        }

        .news-detail-page .breadcrumb-container {
            display: none;
        }
}

.person-detail-page .breadcrumb {
    margin-top: 0;
    margin-bottom: 35px;
}

@media screen and (max-width: 992px) {
    .person-detail-page .breadcrumb {
        display: none;
    }
}

.person-detail-page .event-entry {
    background-color: transparent;
    height: initial;
    max-height: initial;
    min-height: 75vh;
}

.person-detail-page .event-entry__right {
    padding: 22px 5% 0 75px;
    max-width: 660px;
    width: initial;
}

    .person-detail-page .event-entry__right h1 {
        margin-bottom: 4px;
        padding-bottom: 0;
        color: #182C69;
    }

        .person-detail-page .event-entry__right h1:after {
            display: none;
        }

    .person-detail-page .event-entry__right h2 {
        font-size: clamp(16px,2.75,22px);
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
        position: relative;
        padding-bottom: 28px;
        margin-bottom: 28px;
    }

        .person-detail-page .event-entry__right h2:after {
            content: "";
            position: absolute;
            left: 0;
            width: 50px;
            top: 100%;
            border-bottom: 2px solid #53A8DA;
        }

.person-detail-page .event-entry__left img {
    object-fit: contain;
    object-position: top left;
    height: 800px;
    width: 100%;
    max-height: 75vh;
}

.person-detail-page .pagination-container {
    background-color: #EEF1F6;
    margin: 0;
    padding-bottom: 85px;
}

.person-detail__bottom {
    padding: 75px 0 135px 0;
    background-color: #EEF1F6;
}

    .person-detail__bottom.type-2 {
        background-color: #E2E7F0;
    }

    .person-detail__bottom h2 {
        font-size: clamp(26px,3vw,46px);
        color: #9CA3BB;
        font-family: "Averta-Bold", sans-serif;
        text-align: center;
        margin-bottom: 14px;
    }

        .person-detail__bottom h2.text-blue {
            color: #182C69;
            margin-bottom: 43px;
        }

@media screen and (max-width: 992px) {
    .person-detail__bottom h2 {
        color: #182C69;
    }
}

.person-detail__bottom h3 {
    font-size: clamp(16px,2.75vw,22px);
    color: #9CA3BB;
    font-family: "Averta-Regular", sans-serif;
    text-align: center;
    margin-bottom: 75px;
}

@media screen and (max-width: 992px) {
    .person-detail__bottom h3 {
        margin-bottom: 23px;
    }
}

.person-detail__bottom-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    grid-gap: 15px;
}

    .person-detail__bottom-list .legislation-card {
        width: initial;
        margin-left: initial;
        margin-right: initial;
    }

@media screen and (max-width: 1100px) {
    .person-detail__bottom-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .person-detail__bottom-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .person-detail__bottom-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.person-detail__more-text.passive {
    max-height: 350px;
    overflow: hidden;
}

.person-detail__more-text + span {
    font-size: 13px;
    font-family: "Averta-Bold", sans-serif;
    color: #182C69;
    display: flex;
    align-items: center;
    gap: 8px;
    grid-gap: 8px;
    cursor: pointer;
    margin-bottom: 40px;
    padding-top: 0;
    position: relative;
}

    .person-detail__more-text + span:before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 0;
        height: 50px;
        width: 100%;
        background-image: linear-gradient(180deg, transparent 13%, white 50%);
    }

    .person-detail__more-text + span span {
        display: none;
    }

        .person-detail__more-text + span span.active {
            display: block;
        }

    .person-detail__more-text + span img {
        transform: rotate(90deg);
    }

.vice-presidents {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.vice-presidents__title {
    font-size: clamp(26px,3vw,35px);
    color: #182C69;
    text-align: center;
    padding: 35px 0;
    font-family: "Averta-Bold", sans-serif;
}

@media screen and (min-width: 992px) {
    .vice-presidents__title {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .vice-presidents {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .vice-presidents {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 476px) {
    .vice-presidents {
        grid-template-columns: repeat(1, 1fr);
    }
}

.person-card img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: left top;
}

.person-card__info {
    background-size: 5px 10px;
    background-position: right 30px center;
    background-repeat: no-repeat;
    padding: 23px 30px;
    border: 1px solid #EAEAEA;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iYW5nbGUtcmlnaHQtZ3JheSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNS44MTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA1LjgxOCAxMCI+DQogIDxwYXRoIGlkPSJhbmdsZS1yaWdodCIgZD0iTTI3LjE1NSwxMzMuMzA3bC00LjYsNC41M2EuNDY5LjQ2OSwwLDAsMS0uNjY0LDBsLS4yNzctLjI3N2EuNDY5LjQ2OSwwLDAsMSwwLS42NjRsNC0zLjkyMS0zLjk5MS0zLjkyMWEuNDY5LjQ2OSwwLDAsMSwwLS42NjRsLjI3Ny0uMjc3YS40NjkuNDY5LDAsMCwxLC42NjQsMGw0LjYsNC41M0EuNDczLjQ3MywwLDAsMSwyNy4xNTUsMTMzLjMwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS40NzUgLTEyNy45NzUpIiBmaWxsPSIjOWNhM2JiIi8+DQo8L3N2Zz4NCg==");
}

    .person-card__info b {
        font-size: clamp(16px,3vw,22px);
        color: #182C69;
        font-family: "Averta-Bold", sans-serif;
        display: block;
    }

    .person-card__info small {
        font-size: clamp(13px,4vw,18px);
        color: #9CA3BB;
        font-family: "Averta-Regular", sans-serif;
    }

.directorate-page .general-page {
    padding-top: 40px;
}

    .directorate-page .general-page .image-pager {
        margin-top: 0;
    }

    .directorate-page .general-page .event__bottom-left {
        padding-bottom: 40px;
    }

.directorate-page h1 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.directorate-page h2, .directorate-page h3, .directorate-page h4, .directorate-page h5, .directorate-page h6 {
    color: #222222;
    font-family: "Averta-Bold", sans-serif;
    margin-top: 20px;
}

.directorate-page h2 {
    font-size: clamp(16px,3vw,22px);
    margin-bottom: 30px;
}

.directorate-page h3, .directorate-page h4, .directorate-page h5, .directorate-page h6 {
    font-size: clamp(14px,3vw,16px);
}

.directorate-page .image-pager .container--middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .directorate-page .image-pager .container--middle a.legislation-card {
        margin-left: initial;
        margin-right: initial;
        width: 400px;
        max-width: 40%;
        position: relative;
    }

        .directorate-page .image-pager .container--middle a.legislation-card:first-child {
            padding-left: 135px;
            background-position: left 30px center;
            background-image: none;
        }

            .directorate-page .image-pager .container--middle a.legislation-card:first-child:after {
                content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC45NCIgaGVpZ2h0PSIxOC4xMTMiIHZpZXdCb3g9IjAgMCAxMC45NCAxOC4xMTMiPg0KICA8ZyBpZD0iYW5nbGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjU3OCkiPg0KICAgIDxwYXRoIGlkPSJhbmdsZS1yaWdodC0yIiBkYXRhLW5hbWU9ImFuZ2xlLXJpZ2h0IiBkPSJNMzEuMTA1LDEzNy4wMTYsMjMuMywxNDQuN2EuOC44LDAsMCwxLTEuMTI2LDBsLS40Ny0uNDdhLjguOCwwLDAsMSwwLTEuMTI2bDYuNzc0LTYuNjQ5TDIxLjcxNSwxMjkuOGEuOC44LDAsMCwxLDAtMS4xMjZsLjQ3LS40N2EuOC44LDAsMCwxLDEuMTI2LDBsNy44LDcuNjgyQS44LjgsMCwwLDEsMzEuMTA1LDEzNy4wMTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuNDc1IC0xMjcuOTc1KSIgZmlsbD0iIzE4MmM2OSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
                position: absolute;
                left: 30px;
                top: 50%;
                transform: rotate(180deg) translateY(50%);
                transform-origin: center;
            }

@media screen and (max-width: 992px) {
    .directorate-page .image-pager {
        margin-top: 75px !important;
    }

        .directorate-page .image-pager .container--middle {
            flex-direction: column;
            gap: 15px;
            grid-gap: 15px;
        }

            .directorate-page .image-pager .container--middle a.legislation-card {
                width: 100%;
                max-width: 100%;
            }

                .directorate-page .image-pager .container--middle a.legislation-card:first-child {
                    padding-left: 34px;
                }

                    .directorate-page .image-pager .container--middle a.legislation-card:first-child:after {
                        left: 15px;
                    }
}

.contact-page .d-title__demi {
    margin-bottom: 45px;
}

.contact-page .swiper-container {
    overflow: hidden;
    position: relative;
}

    .contact-page .swiper-container .mega-card {
        width: initial;
    }

        .contact-page .swiper-container .mega-card img {
            height: 200px;
        }

        .contact-page .swiper-container .mega-card span {
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
            margin-top: 35px;
            display: block;
        }

.contact__slider {
    position: relative;
    padding: 0 100px;
    overflow: hidden;
}

.contact-box {
    box-shadow: 0 3px 10px #00000008;
}

.contact-box__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    grid-gap: 15px;
    margin-bottom: 75px;
}

@media screen and (max-width: 1100px) {
    .contact-box__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .contact-box__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 476px) {
    .contact-box__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.contact-box__header {
    padding: 23px 20px 16px 20px;
    background-color: #A7C7FF;
}

    .contact-box__header img {
        height: 40px;
        width: 40px;
        object-fit: contain;
        margin-bottom: 12px;
    }

    .contact-box__header b {
        font-size: clamp(16px,3vw,22px);
        color: #0038AE;
        font-family: "Averta-Bold", sans-serif;
        display: block;
        white-space: nowrap;
    }

.contact-box__body {
    padding: 20px;
}

    .contact-box__body span {
        font-size: 16px;
        display: block;
        font-family: "Averta-Regular", sans-serif;
        color: #182C69;
    }

    .contact-box__body small {
        color: #9CA3BB;
        font-size: 13px;
        font-family: "Averta-Regular", sans-serif;
        display: block;
    }

.contact-map {
    border: 15px solid white;
    box-shadow: 0 3px 10px #00000008;
    /*margin-bottom: 70px;*/
}

    .contact-map iframe {
        height: 630px;
        max-height: 50vh;
        width: 100%;
    }

@media screen and (max-width: 768px) {
    .contact-page .only-slider__button {
        width: 52px;
        height: 52px;
    }

    .contact__slider {
        padding: 0 65px;
    }

        .contact__slider .mega-card img {
            height: 135px;
        }

        .contact__slider .mega-card span {
            margin-top: 15px;
        }
}

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

.c-checkbox {
    font-family: "Averta-Regular", sans-serif;
    font-size: 16px;
    color: #9F9F9F;
    margin-top: 30px;
    margin-bottom: 40px;
    cursor: pointer;
    padding-left: 35px;
    position: relative;
}

    .c-checkbox a {
        color: #182C69;
        text-decoration: underline;
    }

    .c-checkbox input {
        display: none;
    }

        .c-checkbox input + span {
            display: block;
            margin-right: 16px;
            width: 27px;
            height: 27px;
            border: 2px solid #ACACAC;
            transition: 0.33s;
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            vertical-align: middle;
        }

            .c-checkbox input + span label {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                vertical-align: middle;
            }

        .c-checkbox input:checked + span {
            background-color: #182C69;
            border-color: #182C69;
        }

@media screen and (max-width: 992px) {
    .c-checkbox {
        font-size: 13px;
    }

        .c-checkbox a {
            text-decoration: underline;
        }
}

.card-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-transform: uppercase;
    gap: 10px;
    grid-gap: 10px;
    border-radius: 10px;
    margin-top: 30px;
    height: 45px;
    width: 100%;
    text-align: center;
    background-color: #377FFF;
    font-family: "Averta-Bold", sans-serif;
    color: white;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .card-more {
        display: none;
    }
}

.btn {
    font-size: 16px;
    font-weight: 700;
    font-family: "Averta-Bold", sans-serif;
    color: #182C69;
    align-items: center;
    height: 70px;
    line-height: 70px;
    padding: 0 40px;
    border-radius: 10px;
    display: inline-flex;
}

@media screen and (max-width: 992px) {
    .btn {
        height: 45px;
        font-size: 13px;
        line-height: 45px;
    }
}

.btn--white {
    background-color: white;
}

.btn--blue {
    background-color: #182C69;
    color: white;
}

.btn--grey {
    background-color: #9CA3BB;
    color: white;
    text-align: center;
}

.stories.snapgram .story > .item-link > .item-preview {
    background-image: linear-gradient(135deg, #0038AE, #53A8DA);
}

.stories.carousel .story > .item-link > .info .name {
    font-size: 13px;
    font-family: "Averta-Bold", sans-serif;
    color: #2C303E;
}

#zuck-modal-content .story-viewer .slides .item > .media {
    max-width: 90%;
    max-height: 75vh;
    width: 500px;
    height: 500px;
    border-radius: 10px;
    border: 7px solid #FFFFFF;
    margin-bottom: 30px;
    position: initial;
    transform: none;
    margin: initial;
}

@media screen and (max-width: 768px) {
    #zuck-modal-content .story-viewer .slides .item > .media {
        height: 250px !important;
        object-fit: contain;
        width: initial;
    }
}

#zuck-modal-content .story-viewer .slides .item.active {
    background-color: #182C69;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#zuck-modal::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    background-image: url(../img/icons/bagcilar-logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
}

#zuck-modal-content .story-viewer .head .left {
    display: none;
}

#zuck-modal-content .story-viewer .head .back, #zuck-modal-content .story-viewer .head .right .close {
    position: absolute;
    right: 40px;
    top: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0idGltZXMtc29saWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4LjgzOSIgaGVpZ2h0PSIyOC44MzkiIHZpZXdCb3g9IjAgMCAyOC44MzkgMjguODM5Ij4NCiAgPHBhdGggaWQ9InRpbWVzLXNvbGlkLTIiIGRhdGEtbmFtZT0idGltZXMtc29saWQiIGQ9Ik0xOS44ODYsOTQuNDE5bDguMi04LjJhMi41NzcsMi41NzcsMCwwLDAsMC0zLjY0NGwtMS44MjItMS44MjJhMi41NzcsMi41NzcsMCwwLDAtMy42NDQsMGwtOC4yLDguMi04LjItOC4yYTIuNTc3LDIuNTc3LDAsMCwwLTMuNjQ0LDBMLjc1NSw4Mi41NzdhMi41NzcsMi41NzcsMCwwLDAsMCwzLjY0NGw4LjIsOC4yLTguMiw4LjJhMi41NzcsMi41NzcsMCwwLDAsMCwzLjY0NGwxLjgyMiwxLjgyMmEyLjU3NywyLjU3NywwLDAsMCwzLjY0NCwwbDguMi04LjIsOC4yLDguMmEyLjU3NywyLjU3NywwLDAsMCwzLjY0NCwwbDEuODIyLTEuODIyYTIuNTc3LDIuNTc3LDAsMCwwLDAtMy42NDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC04MCkiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K");
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    display: block !important;
}

@media screen and (max-width: 992px) {
    #zuck-modal-content .story-viewer .head .back, #zuck-modal-content .story-viewer .head .right .close {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAJ9JREFUOE+9lIEKgDAIRPNP68vqT81JwVKnF9QGI5D5drpLWmQx8yqfXfZGREeLocvmUhe4GTA0zJUgB2pKaABTTKSwVDqCactMD61YpzSFSf8ViEIrmJbcS8oSrnPNCWkVD2ChNHKSa4kDvoCGTgiBAHRoqznA5HH6PmIlg7Ch+f+zDWJa5Mz3vx5yq3V0mjNjfJWzMBkobnzBsACquSf4qp2BRw9RrQAAAABJRU5ErkJggg==");
    }
}

#zuck-modal-content .story-viewer .tip {
    display: block;
    font-size: clamp(16px,2vw,22px);
    font-family: "Averta-Bold", sans-serif;
    color: white;
    background-color: transparent;
    position: initial;
    transform: none;
    text-transform: capitalize;
    margin-top: 30px;
}

#zuck-modal-content .story-viewer.loading .head .loading, #zuck-modal-content .story-viewer.muted .tip.muted {
    display: none;
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none;
}

#zuck-modal-content .story-viewer .slides-pointers {
    top: 100px;
    margin-left: 5%;
    width: 90%;
    left: 0;
    right: 0;
}

    #zuck-modal-content .story-viewer .slides-pointers > * > * > b {
        height: 10px;
        border-radius: 10px;
    }

@media screen and (max-width: 1450px) {
    /*.menu-bottom__links {
        gap: 15px;
        grid-gap: 15px;
    }*/
    .menu-bottom__links a + a {
        margin-left: 15px;
    }

    .menu-bottom__links a {
        font-size: 13px;
    }

    .menu-bottom__logo {
        padding-right: 15px;
        margin-right: 15px;
    }

        .menu-bottom__logo img {
            height: 55px;
        }

    .speed-menu {
        gap: 14px;
        grid-gap: 14px;
    }

    .speed-menu__icon span:nth-of-type(2) {
        margin: 4px 0;
    }
}

@media screen and (max-width: 1100px) {
    /*.homepage .b-tab {
        padding-bottom: 16px !important;
    }*/

    /* .homepage .b-tab .swiper-container.gallery-top {
        height: 215px;
    }*/

    .homepage .b-tab-contents {
        padding: 0;
        /*padding-top: 72px !important;*/
    }

    .homepage .b-tab__slider-item p {
        display: none !important;
    }

    .homepage .b-tab__slider-item time {
        margin-top: 3px;
    }

    /* .homepage .b-tab-buttons {
        display: none !important;
    }*/
}

@media screen and (max-width: 992px) {
    .project {
        margin: 0 !important;
    }

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

        .project-all a {
            width: 210px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 14px;
            font-family: "Averta-Bold", sans-serif;
        }

    .project-button {
        display: none !important;
    }

    .project-container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
    }

        .project-container h4 {
            margin-bottom: 20px;
        }

        .project-container .swiper-slide {
            width: 100% !important;
        }

            .project-container .swiper-slide:nth-of-type(n+5) {
                display: none;
            }

        .project-container .swiper-wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            grid-gap: 10px;
        }
}
/* ENDR START */
.content-tab__list-only-item .content-tab__item {
    flex: 1;
    width: 100%;
    max-width: 100%;
}

.row-grid.row-four {
    min-height: 200px;
}

.row-grid-sub.row-four {
    min-height: 200px;
}

.row-grid.row-four.no-child {
    grid-template-columns: repeat(1, auto);
}

.row-grid-sub.row-four.no-child {
    grid-template-columns: repeat(1, auto);
}

.content-tab__item-header {
    justify-content: flex-start;
}

#CurrentType, #CurrentDate {
    padding-left: 5px;
}

#btnsearchclose {
    display: none;
}

    #btnsearchclose.active {
        display: block;
    }

.w-100 {
    width: 100%;
}

.mw-100 {
    max-width: 100%;
}

* > p,
* > span,
* > a,
* > h1,
* > h2,
* > h3,
* > h4,
* > h5,
* > h6,
* > h5,
* > h5,
* > h5 {
    line-height: normal;
}

.row-grid.row-four {
    margin-bottom: 40px;
}

.row-grid-sub.row-four {
    margin-bottom: 40px;
}

.event__bottom-right .t-news-body h3:only-child {
    margin-bottom: 0;
}

@media only screen and (min-width : 769px) and (max-width : 1250px) {
    #hptextspan .bb__right {
        padding-left: 3rem;
    }
}

@media only screen and (max-width : 768px) {
    .bb__left img {
        display: inline-block;
    }
}
/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    .smart-search {
        max-width: 100%;
        margin: 0;
    }

    .b-tab__slider-item h4 {
        margin-bottom: 0;
    }
}

.content-tab__item-content button {
    margin: 1.25rem 0 0;
}

.svgContainer {
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
}

/* typical tablet screen resolution */
@media only screen and (max-width : 834px) {
    .svgContainer::-webkit-scrollbar {
        display: none;
    }
}

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

.news--desc img {
    height: auto;
}

.news--desc,
.news--desc span,
.news--desc div,
.news--desc p {
    text-align: justify !important;
}

    .news--desc table {
        width: 100% !important;
        text-align: left;
    }

        .news--desc table th,
        .news--desc table td {
            font-size: 1rem;
            text-transform: none;
            vertical-align: inherit !important;
        }

.justify-content-end {
    justify-content: end;
}

.b-tab-buttons button,
div[onclick],
.c-tab__buttons button {
    cursor: pointer;
}

.event__bottom-left p {
    line-height: 1.5rem !important;
}

.event__bottom-left video {
    max-width: 100% !important;
    height: auto !important;
}

.event__bottom-left .only-slider img {
    object-fit: revert;
}

.event__bottom-left table tbody tr.disabled,
.event__bottom-left table tbody tr.disabled b,
.event__bottom-left table tbody tr.disabled a,
.event__bottom-left table tbody tr.disabled button {
    color: rgb(24, 44, 105,.5);
}

/*.swiper-button-disabled {
    display: none;
}*/

.president-detail .only-slider img {
    -o-object-fit: fill;
    object-fit: fill;
}

.activity-detail .only-slider {
    background-color: transparent;
}

.activity-detail .event-entry__left .only-slider img {
    object-fit: contain;
}

.activity-detail .only-slider:after {
    opacity: 0;
}

.mt-1 {
    margin-top: .25rem;
}

.mt-2 {
    margin-top: .5rem;
}

.mt-3 {
    margin-top: .75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mb-1 {
    margin-bottom: .25rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mb-3 {
    margin-bottom: .75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

#CurrentTypeBtn {
    display: none;
}

#CurrentDateBtn {
    display: none;
}

.object-fit-fill {
    object-fit: fill !important;
}

.object-fit-contain {
    object-fit: contain !important;
}

.object-fit-cover {
    object-fit: cover;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .d-flex.location-header {
        margin-bottom: 1rem;
        flex-direction: column;
        align-items: center;
    }

        .d-flex.location-header > h2 {
            font-size: clamp(16px,3.5vw,26px);
            font-family: "Averta-Bold", sans-serif;
            color: #182C69;
            text-align: center;
            margin: 0 0 1rem 0;
            padding-bottom: 0;
        }

        .d-flex.location-header > img {
            width: 620px;
            max-width: 100%;
        }

    .d-flex.contact-box__list {
        justify-content: center;
        flex-wrap: wrap;
    }

        .d-flex.contact-box__list > div {
            flex: 1;
            max-width: 300px;
        }

.swiper-slide .banner-image,
.swiper-slide .banner-mobile-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .swiper-slide .banner-image {
        display: none;
    }
}

@media only screen and (min-width : 667px) {
    .swiper-slide .banner-mobile-image {
        display: none;
    }
}

em {
    font-style: italic;
}

.netuceFooter {
    display: flex;
    justify-content: center;
    margin-top: .875rem;
}

    .netuceFooter a {
        font-size: 10px;
        color: #637075;
    }

    .netuceFooter img {
        vertical-align: bottom;
    }

.entry-detail.news-detail-page ul,
.entry-detail.news-detail-page ol {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
}

.btn-show-more-mobile {
    display: none;
    background-color: #0038AE;
    color: white;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 1.5rem;
    font-family: "Averta-Bold", sans-serif;
    margin-top: 1rem;
}

@media only screen and (min-width:1100px) and (max-height : 800px) {
    .smart-search__result {
        height: 15em;
    }

    .smart-search__box {
        margin-top: revert;
    }

    .hero .swiper-slide {
        padding-bottom: 210px;
    }
}

@media only screen and (max-width : 834px) {
    .hero .js--hero-btn-next, .hero .js--hero-btn-prev {
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    .btn-show-more-mobile {
        display: block;
    }

    .btn-show-more {
        display: none !important;
    }
}

.revert-height {
    height: revert !important;
}

#tabactivity {
    min-height: revert !important;
}

.b-tab #tabactivity .swiper-container:not(:last-of-type) {
    height: revert !important;
}

.only-slider.announcement-slider:after {
    background-image: linear-gradient(to bottom, #00000000 50%, #000000 100%);
}

@media only screen and (max-width : 667px) {
    .smart-search__result {
        height: 16em;
    }
}

/* ENDR END */

/*# sourceMappingURL=styles.css.map */