@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw461EN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kzm61EN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Ky461EN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8KyK61EN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kxm7FEN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kxf7FEN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw47FEN.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesans3/v8/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8KwR7FEN.ttf) format('truetype');
}

:root {
    /*Color*/
    --ie-white: #fff;
    --ie-primary: #062a54;
    --ie-primary-light: #f5f8fe;
    --ie-secondary: #f4ab46;
    --ie-info: #1994fb;
    --ie-danger: #ff000b;
    --ie-success: #5aca57;
    --ie-warning: #fed04f;
    --ie-purple: #b06bda;
    --ie-black: #25292f;
    --ie-body-color: #f5f8fe;
    --ie-border-color: #eeeeee;
    --ie-gray-color: #6b6b6b;
    /*Font Family*/
    --ie-ff-body: "Source Sans 3", sans-serif;
    --ie-ff-extralight: 200;
    --ie-ff-light: 300;
    --ie-ff-regular: 400;
    --ie-ff-medium: 500;
    --ie-ff-semibold: 600;
    --ie-ff-bold: 700;
    --ie-ff-extrabold: 800;
    --ie-ff-black: 900;
    /* Padding & Margin*/
    --padding-10: 10px;
    --padding-20: 20px;
    --padding-30: 30px;
    --padding-40: 40px;
    --padding-50: 50px;
    --margin-10: 10px;
    --margin-20: 20px;
    --margin-30: 30px;
    --margin-40: 40px;
    --margin-50: 50px;
    --margin-60: 60px;
    --margin-70: 70px;
    --margin-80: 80px;
    scroll-behavior: auto;
}

* {
    box-sizing: border-box;
}

.transition {
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.text-primary {
    color: var(--ie-primary) !important;
}

.text-warning {
    color: var(--ie-warning) !important;
}

.text-danger {
    color: var(--ie-danger) !important;
}

.text-success {
    color: var(--ie-success) !important;
}

.text-info {
    color: var(--ie-info) !important;
}

.text-purple {
    color: var(--ie-purple) !important;
}

.btn.btn-primary {
    background-color: #062a54;
    border-color: #062a54;
}

    .btn.btn-primary:hover {
        background-color: #031224;
    }

    .btn.btn-primary:focus {
        box-shadow: 0 0 0 0.25rem #094284;
    }

.btn.btn-info {
    background-color: var(--ie-info);
    border-color: var(--ie-info);
    color: var(--ie-white);
}

    .btn.btn-info:hover {
        background-color: #047add;
    }

    .btn.btn-info:focus {
        box-shadow: 0 0 0 0.25rem #4babfc;
    }

.btn.btn-success {
    background-color: var(--ie-success);
    border-color: var(--ie-success);
}

    .btn.btn-success:hover {
        background-color: #3cb539;
    }

    .btn.btn-success:focus {
        box-shadow: 0 0 0 0.25rem #80d67e;
    }

.btn.btn-warning {
    background-color: var(--ie-warning);
    border-color: var(--ie-warning);
}

    .btn.btn-warning:hover {
        background-color: #fec21c;
    }

    .btn.btn-warning:focus {
        box-shadow: 0 0 0 0.25rem #fede82;
    }

.btn.btn-danger {
    background-color: var(--ie-danger);
    border-color: var(--ie-danger);
}

    .btn.btn-danger:hover {
        background-color: #cc0009;
    }

    .btn.btn-danger:focus {
        box-shadow: 0 0 0 0.25rem #ff333c;
    }

.btn.btn-outline-orange {
    background-color: transparent;
    border-color: #FF9248;
    color: #FF9248;
}
    .btn.btn-outline-orange:hover {
        background-color: #FF9248;
        color: var(--ie-white);
    }
    .btn.btn-outline-orange:focus {
        box-shadow: 0 0 0 0.25rem #FFB38A;
        background-color: #FF9248;
        color: var(--ie-white);
    }
.btn.btn-outline-primary {
    background-color: transparent;
    border-color: #062a54;
    color: #062a54;
}

    .btn.btn-outline-primary:hover {
        background-color: #031224;
        color: var(--ie-white);
    }

    .btn.btn-outline-primary:focus {
        box-shadow: 0 0 0 0.25rem #094284;
        background-color: #031224;
        color: var(--ie-white);
    }

.btn.btn-outline-info {
    background-color: transparent;
    border-color: var(--ie-info);
    color: var(--ie-info);
}

    .btn.btn-outline-info:hover {
        background-color: #047add;
        color: var(--ie-white);
    }

    .btn.btn-outline-info:focus {
        box-shadow: 0 0 0 0.25rem #4babfc;
        background-color: #047add;
        color: var(--ie-white);
    }

.btn.btn-outline-success {
    background-color: transparent;
    border-color: var(--ie-success);
    color: var(--ie-success);
}

    .btn.btn-outline-success:hover {
        background-color: #3cb539;
        color: var(--ie-white);
    }

    .btn.btn-outline-success:focus {
        box-shadow: 0 0 0 0.25rem #80d67e;
        background-color: #3cb539;
        color: var(--ie-white);
    }

.btn.btn-outline-warning {
    background-color: transparent;
    border-color: var(--ie-warning);
    color: var(--ie-warning);
}

    .btn.btn-outline-warning:hover {
        background-color: #fec21c;
        color: var(--ie-white);
    }

    .btn.btn-outline-warning:focus {
        box-shadow: 0 0 0 0.25rem #fede82;
        background-color: #fec21c;
        color: var(--ie-white);
    }

.btn.btn-outline-danger {
    background-color: transparent;
    border-color: var(--ie-danger);
    color: var(--ie-danger);
}

    .btn.btn-outline-danger:hover {
        background-color: #cc0009;
        color: var(--ie-white);
    }

    .btn.btn-outline-danger:focus {
        box-shadow: 0 0 0 0.25rem #ff333c;
        background-color: #cc0009;
        color: var(--ie-white);
    }

.form-control::placeholder {
    color: #b2b5b9;
    font-weight: var(--ie-ff-regular);
}

.input-group > .form-control {
    border-color: var(--ie-border-color);
}

.input-group .btn {
    margin-left: -6px !important;
    padding-left: var(--padding-30);
    padding-right: var(--padding-30);
    color: var(--ie-white);
}

.input-group.input-group-sm .btn {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.input-group.input-group-lg .btn {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

body {
    background-color: var(--ie-white);
    font-family: var(--ie-ff-body);
    min-height: 100%;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    background-color: var(--ie-white);
    border-bottom: 1px solid var(--ie-border-color);
}

    .header .navbar-toggler {
        font-size: 1rem;
    }

    .header .navbar-nav {
        margin-right: 0;
    }

    .header .nav {
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin: 0;
    }

    .header .nav-link {
        display: block;
        padding: 0 var(--padding-20) !important;
        text-decoration: none;
        color: var(--ie-primary);
        font-weight: var(--ie-ff-bold);
    }

@media (max-width: 1140px) {
    .header .nav-link {
        margin-bottom: var(--margin-10);
    }
}

.hero__inner {
    padding: var(--padding-20);
}

    .hero__inner h1 {
        font-weight: var(--ie-ff-bold);
        font-size: 36px;
        margin-bottom: 36px;
        line-height: 1;
    }

@media (min-width: 720px) {
    .hero__inner h1 {
        font-size: 46px;
        margin-bottom: 46px;
    }
}

.hero__inner p {
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 30px;
}

    .hero__inner p span {
        color: var(--ie-info);
        font-weight: var(--ie-ff-bold);
    }

.hero__info-boxes-item {
    padding: var(--padding-30);
    background-color: var(--ie-primary-light);
    color: var(--ie-white);
    margin-bottom: var(--margin-30);
}

@media (min-width: 720px) {
    .text-title {
        white-space: nowrap;
    }

    .hero__info-boxes-item {
        min-height: 300px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .hero__info-boxes-item {
        min-height: 300px;
    }
}

@media (min-width: 1140px) {
    .hero__info-boxes-item {
        min-height: 200px;
    }
}

.hero__info-boxes-item h2 {
    font-size: 26px;
    font-weight: var(--ie-ff-bold);
}

.hero__info-boxes-item p {
    font-size: 16px;
    font-weight: var(--ie-ff-regular);
    margin: 0;
    line-height: normal;
}

.hero__info-boxes-item--info {
    background-color: var(--ie-info);
}

.hero__info-boxes-item--success {
    background-color: var(--ie-success);
}

.hero__info-boxes-item--warning {
    background-color: var(--ie-warning);
}

.hero__info-boxes-item--danger {
    background-color: var(--ie-danger);
}

.goto-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--ie-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    z-index: 100;
}

    .goto-top::before {
        content: "\e90e";
        font-family: "icomoon";
        font-size: 20px;
        color: var(--ie-white);
        position: absolute;
    }

    .goto-top:hover,
    .goto-top:focus {
        background-color: var(--ie-info);
    }

.footer {
    background-color: var(--ie-primary-light);
}

.footer__top {
    padding: 35px 0;
}

    .footer__top h4 {
        font-weight: var(--ie-ff-bold);
        font-size: 20px;
        color: var(--ie-primary);
        margin-bottom: 14px;
    }

.footer__app-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}

@media (min-width: 720px) {
    .footer__app-buttons {
        flex-direction: row;
        justify-content: start;
        margin-bottom: 0;
    }
}

.footer__app-buttons a {
    color: var(--ie-info);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid var(--ie-info);
    padding-left: 80px;
    position: relative;
    height: 50px;
    padding-right: 30px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

    .footer__app-buttons a span {
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid var(--ie-info);
        width: 55px;
        height: 49px;
        text-align: center;
        font-size: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
    }

    .footer__app-buttons a:hover,
    .footer__app-buttons a:focus {
        background-color: var(--ie-info);
        color: var(--ie-white);
    }

        .footer__app-buttons a:hover span,
        .footer__app-buttons a:focus span {
            border-color: var(--ie-white);
        }

.footer__logo {
    text-decoration: none;
    display: block;
}

.footer__center {
    position: relative;
    height: auto;
}

@media (min-width: 720px) {
    .footer__center {
        height: 420px;
    }
}

.footer__center iframe {
    position: relative;
    left: calc(1.5rem * 0.5);
    right: calc(1.5rem * 0.5);
    width: calc(100% - (3rem * 0.5));
}

@media (min-width: 720px) {
    .footer__center iframe {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
}

.footer__center-info {
    position: relative;
    padding: var(--padding-30);
    color: var(--ie-white);
    background-color: rgba(2, 45, 95, 0.8);
}

@media (min-width: 720px) {
    .footer__center-info {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 50%;
        transform: translateY(50%);
    }
}

.footer__bottom {
    padding: var(--padding-30) 0;
    background-color: var(--ie-primary);
}

.footer__copyright {
    margin: 0;
    font-size: 14px;
    color: var(--ie-white);
}

.footer__social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

@media (min-width: 720px) {
    .footer__social {
        justify-content: flex-end;
    }
}

.footer__social a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 38px;
    height: 38px;
    border: 1px solid var(--ie-white);
    color: var(--ie-white);
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

    .footer__social a span {
        font-size: 18px;
    }

    .footer__social a:hover,
    .footer__social a:focus {
        background-color: var(--ie-info);
        color: var(--ie-white);
    }

.content-area {
    padding-top: var(--padding-50);
}

    .content-area .section-title {
        font-weight: var(--ie-ff-bold);
        font-size: 36px;
        margin-bottom: var(--margin-20);
        line-height: normal;
    }

    .content-area .section-sub-title {
        font-weight: var(--ie-ff-regular);
        font-size: 20px;
        margin-bottom: var(--margin-20);
        line-height: normal;
    }

.content-box {
    border: 1px solid var(--ie-border-color);
    border-radius: var(--margin-10);
    margin-bottom: var(--margin-60);
    padding: var(--padding-20);
}

@media (min-width: 992px) {
    .content-box {
        padding: var(--margin-60);
    }
}

.custom-panel {
    border: 1px solid var(--ie-border-color);
    border-radius: var(--margin-10);
    margin-bottom: var(--margin-60);
}

.custom-panel__header {
    padding: var(--padding-30);
    background-color: var(--ie-primary-light);
}

.custom-panel__title {
    font-size: 26px;
    font-weight: var(--ie-ff-bold);
    color: var(--ie-primary);
    line-height: 1;
}

.custom-panel__body {
    padding: var(--padding-20);
}

@media (min-width: 992px) {
    .custom-panel__body {
        padding: var(--margin-40);
    }
}

.v-item {
    margin-bottom: var(--margin-20);
}

.v-item__date {
    color: #6b6b6b;
    font-size: 16px;
}

@media (min-width: 992px) {
    .v-item__date {
        font-size: 16px;
    }
}

.v-item__title {
    color: #000;
    font-size: 16px;
}

@media (min-width: 992px) {
    .v-item__title {
        font-size: 22px;
    }
}

.v-item__button .btn {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
}

.pagination {
    border: none;
}

    .pagination .page-item {
        margin-right: var(--margin-10);
    }

        .pagination .page-item .page-link {
            border-radius: 0.5rem;
            border-color: var(--ie-border-color);
            color: #848484;
        }

            .pagination .page-item .page-link:hover .page-link {
                background-color: var(--ie-primary-light);
                color: var(--ie-primary);
            }

        .pagination .page-item.active .page-link {
            background-color: var(--ie-primary-light);
            color: var(--ie-primary);
        }

.accordion {
    border: none !important;
}

.accordion-item {
    border: none;
}

    .accordion-item:first-of-type .accordion-button {
        border-radius: 0;
    }

    .accordion-item:last-of-type {
        border-radius: 0;
    }

        .accordion-item:last-of-type .accordion-collapse {
            border-radius: 0;
        }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-radius: 0;
        }

.accordion-header {
    border-bottom: 1px solid var(--ie-border-color);
}

.accordion-collapse.show {
    border-bottom: 1px solid var(--ie-border-color);
}

.accordion-button {
    font-weight: var(--ie-ff-semibold);
    font-size: 20px;
}

    .accordion-button::after {
        font-family: "icomoon";
        content: "\e903";
        transform-origin: center;
        position: absolute;
        right: 0;
        color: #cfcfcf;
        border: none;
        background: none;
        padding: 5px;
        text-align: center;
        border: 2px solid #cfcfcf;
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 50%;
    }

    .accordion-button:not(.collapsed) {
        background-color: transparent !important;
        box-shadow: none !important;
        color: var(--ie-info);
    }

        .accordion-button:not(.collapsed)::after {
            color: var(--ie-info);
            transform: rotate(90deg);
            background: none;
            border-color: var(--ie-info);
        }

.accordion-body {
    font-size: 20px;
    font-weight: var(--ie-ff-regular);
    padding: var(--padding-30);
}

#startForm p {
    font-size: 14px;
}
#startForm label {
    font-size: 14px;
}

.nocursor {
    pointer-events: none;
}