@import"css2-NotoSansTCwght400500700_swap.css";

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 6%;
    padding-left: 6%
}

h2 {
    font-size: 1.5em
}

@media(min-width: 1200px) {
    .container {
        padding-right: 4%;
        padding-left: 4%;
        max-width: 1174px
    }
}

@media(min-width: 1200px) {
    .container {
        padding-right: 3%;
        padding-left: 3%
    }
}

@media(min-width: 1366px) {
    .container {
        padding-left: 96px;
        padding-right: 96px;
        max-width: 1366px
    }
}

a {
    color: inherit
}

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

.zh-hant .tabs-block__swiper .btn--group .btn {
    padding: 10px 16px
}

@media(min-width: 1200px) {
    .fb-xl-50p {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(min-width: 1200px) {
    .maxw-xl-480 {
        max-width: 480px
    }
}

@media(min-width: 1200px) {
    .maxw-xl-480-space {
        display: block;
        width: calc(50% - 240px);
        position: relative;
        top: 0;
        right: 0
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
}

.columns-title {
    font-weight: 500;
    color: #041c43;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    align-items: end;
    margin-bottom: 1.5rem;
    font-size: 1.75em
}

@media(min-width: 768px) {
    .columns-title {
        font-size: 2.25em
    }
}

.column-left .services-wrapper {
    justify-content: start
}

.column-right .services-wrapper {
    justify-content: end
}

.services-wrapper {
    position: relative;
    height: 100%;
    max-width: 600px
}

@media(min-width: 0px)and (max-width: 767.98px) {
    .services-wrapper {
        padding: 24px 0
    }
}

@media(min-width: 0px)and (max-width: 1200px) {
    .services-wrapper {
        margin: auto
    }
}

@media(min-width: 1200px) {
    .services-wrapper {
        display: flex
    }
}

@media(min-width: 768px) {
    .services-wrapper {
        padding: 36px 0
    }
}

@media(max-width: 1199.98px) {
    .services-swiper {
        padding: 0
    }
}

.services-swiper .swiper {
    overflow: hidden;
    position: relative
}

@media(max-width: 1199.98px) {
    .services-swiper .swiper {
        margin-right: 0;
        overflow: visible
    }
}

.services-swiper .slide-container {
    display: grid;
    grid-template-columns: repeat(3, 140px);
    grid-column-gap: 30px;
    grid-row-gap: 30px
}

@media(max-width: 1199.98px) {
    .services-swiper .slide-container {
        justify-content: center
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .services-swiper .slide-container {
        z-index: 3
    }
}

@media(max-width: 767.98px) {
    .services-swiper .slide-container {
        grid-template-columns: repeat(3, 102px);
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }
}

@media(min-width: 0px)and (max-width: 375.98px) {
    .services-swiper .slide-container {
        grid-template-columns: repeat(3, 100px);
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }
}

.services-swiper .service-link {
    color: #04327a;
    text-align: center;
    border: 1px solid #04327a;
    border-radius: 5px;
    width: 140px;
    height: 140px;
    padding: 18px 10px;
    margin-bottom: 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.services-swiper .service-link__title {
    margin: auto;
    padding-top: 6px;
    line-height: 1.4;
    font-weight: 500;
    font-size: 1.125em
}

.services-swiper .service-link__icon {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    transition: all .3s
}

@media(min-width: 768px) {
    .services-swiper .service-link:hover .service-link__icon {
        transform: scale(1.1)
    }
}

@media(max-width: 767.98px) {
    .services-swiper .service-link {
        width: 102px;
        height: 102px;
        padding: 10px 7px
    }

    .services-swiper .service-link__title {
        margin: auto;
        padding-top: 4px;
        line-height: 1.2;
        font-weight: 400;
        font-size: 1em
    }

    .services-swiper .service-link__icon {
        width: 40px;
        height: 40px
    }
}

@media(max-width: 375.98px) {
    .services-swiper .service-link {
        width: 100px;
        height: 100px;
        padding: 10px 6px
    }
}

.services-swiper .swiper-slide {
    transition: opacity .3s
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .services-swiper .swiper-slide {
        padding: 0 40px
    }
}

.services-swiper .swiper-slide-active {
    opacity: 1 !important;
    margin-bottom: 1px;
}

@media(max-width: 1199.98px) {
    .services-swiper .services-box {
        display: none
    }

        .services-swiper .services-box:first-child {
            display: block
        }

    .services-swiper .swiper-wrapper {
        flex-wrap: wrap
    }

    .services-swiper .swiper-slide {
        opacity: 1 !important
    }
}

@media(min-width: 0)and (max-width: 767.98px) {
    .services-swiper .swiper-slide + .swiper-slide {
        margin-top: 14px
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .services-swiper .swiper-slide + .swiper-slide {
        margin-top: 30px
    }
}

.swiper-arrow-box {
    text-align: center
}

@media(min-width: 1200px) {
    .swiper-arrow-box {
        position: absolute;
        bottom: 140px;
        right: 0;
        width: 18px;
        height: 36px
    }
}

.swiper-arrow-box .swiper-arrow {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2
}

@media(max-width: 1199.98px) {
    .swiper-arrow-box .swiper-arrow {
        display: none
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .swiper-arrow-box .swiper-arrow {
        width: 100%;
        background-color: rgba(0,0,0,0)
    }
}

.swiper-arrow-box .swiper-arrow--next, .swiper-arrow-box .swiper-arrow--prev {
    display: flex;
    align-items: center
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .swiper-arrow-box .swiper-arrow--next, .swiper-arrow-box .swiper-arrow--prev {
        position: absolute
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .swiper-arrow-box .swiper-arrow--next {
        right: 0
    }
}

.swiper-arrow-box .swiper-arrow--prev {
    display: none
}

.swiper-arrow-box .swiper-arrow--next i {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px 36px;
    background-image: url("data:image/svg+xml,%3csvg width='25' height='50' viewBox='0 0 25 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url%28%23clip0_1448_2097%29'%3e%3cpath d='M0.735291 48.7655L24.2647 25.2361L0.735293 1.70668' stroke='%2304327A4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1448_2097'%3e%3crect width='25' height='48.5294' fill='white' transform='matrix%28-1 0 0 -1 25 49.5008%29'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    width: 18px;
    height: 36px
}

    .swiper-arrow-box .swiper-arrow--next i:hover {
        background-image: url("data:image/svg+xml,%3csvg width='25' height='50' viewBox='0 0 25 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url%28%23clip0_1448_2097%29'%3e%3cpath d='M0.735291 48.7655L24.2647 25.2361L0.735293 1.70668' stroke='%2304327A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1448_2097'%3e%3crect width='25' height='48.5294' fill='white' transform='matrix%28-1 0 0 -1 25 49.5008%29'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    }

.swiper-arrow-box .swiper-arrow .swiper-button-disabled {
    display: none
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .swiper-arrow-box .swiper-arrow .swiper-button-disabled {
        display: flex
    }
}

.swiper-arrow-box .swiper-toggler {
    display: flex;
    justify-content: center;
    margin: auto
}

@media(min-width: 0px)and (max-width: 767.98px) {
    .swiper-arrow-box .swiper-toggler {
        width: 24px;
        height: 12px;
        margin-top: 24px
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .swiper-arrow-box .swiper-toggler {
        width: 32px;
        height: 16px;
        margin-top: 30px
    }
}

@media(min-width: 1200px) {
    .swiper-arrow-box .swiper-toggler {
        display: none
    }
}

.swiper-arrow-box .swiper-toggler i {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3csvg width='25' height='50' viewBox='0 0 25 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url%28%23clip0_1448_2097%29'%3e%3cpath d='M0.735291 48.7655L24.2647 25.2361L0.735293 1.70668' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1448_2097'%3e%3crect width='25' height='48.5294' fill='white' transform='matrix%28-1 0 0 -1 25 49.5008%29'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    align-self: center;
    width: 16px;
    height: 32px;
    background-size: 16px 32px;
    transform: rotate(90deg)
}

@media(max-width: 768px) {
    .swiper-arrow-box .swiper-toggler i {
        width: 12px;
        height: 24px;
        background-size: 12px 24px
    }
}

.swiper-arrow-box .swiper-toggler-less i {
    transform: rotate(-90deg)
}

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

    .page-banner-swiper .swiper-slide a {
        display: block;
        position: relative
    }

    .page-banner-swiper .page-banner-text {
        position: absolute;
        left: 0;
        top: 0
    }

    .page-banner-swiper .page-banner-text__title {
        font-weight: 500
    }

    .page-banner-swiper .page-banner-text__info {
        font-weight: 500
    }

@media(min-width: 1200px) {
    .page-banner-swiper .page-banner-text__title {
        font-size: 1.75em
    }

    .page-banner-swiper .page-banner-text__info {
        font-size: 1.25em
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .page-banner-swiper .page-banner-text__title {
        font-size: 1.75em
    }

    .page-banner-swiper .page-banner-text__info {
        font-size: 1.25em
    }
}

@media(min-width: 0px)and (max-width: 767.98px) {
    .page-banner-swiper .page-banner-text__title {
        font-size: 1em
    }

    .page-banner-swiper .page-banner-text__info {
        font-size: .875em
    }
}

.page-banner-swiper .page-banner-img {
    height: 310px
}

@media(max-width: 1199.98px) {
    .page-banner-swiper .page-banner-img {
        height: auto
    }

        .page-banner-swiper .page-banner-img img {
            aspect-ratio: 590/330
        }
}

.page-banner-swiper .page-banner-img figure {
    margin-bottom: 0
}

.page-banner-swiper .page-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.page-banner-swiper .swiper-controler {
    position: absolute;
    z-index: 2
}

@media(min-width: 1200px) {
    .page-banner-swiper .swiper-controler {
        bottom: 20px;
        left: 40px
    }
}

@media(min-width: 0px)and (max-width: 1199.98px) {
    .page-banner-swiper .swiper-controler {
        left: 20px;
        bottom: 24px
    }
}

.page-banner-swiper .swiper-pagination {
    list-style: none;
    display: flex;
    align-items: center
}

@media(max-width: 1199.98px) {
    .page-banner-swiper .swiper-pagination {
        left: 0;
        text-align: center;
        margin: auto
    }
}

.page-banner-swiper .swiper-pagination:has(.swiper-pagination-bullet:nth-last-child(n+11)) {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    align-self: flex-start
}

    .page-banner-swiper .swiper-pagination:has(.swiper-pagination-bullet:nth-last-child(n+11)) .swiper-pagination-bullet {
        margin: 10px 4px
    }

.page-banner-swiper .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    max-width: 30px;
    height: 4px;
    margin: 0 4px;
    transition: all .15s ease-in-out;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    background-color: rgba(4,50,122,.1019607843);
    opacity: 1
}

    .page-banner-swiper .swiper-pagination-bullet:only-child {
        display: none
    }

    .page-banner-swiper .swiper-pagination-bullet:hover {
        outline: none;
        border: 0;
        background: #04327a;
        opacity: 1;
        cursor: pointer
    }

    .page-banner-swiper .swiper-pagination-bullet:focus {
        background: rgba(4,50,122,.1019607843)
    }

@media(max-width: 1199.98px) {
    .page-banner-swiper .swiper-pagination-bullet {
        min-width: 26px
    }

        .page-banner-swiper .swiper-pagination-bullet:hover {
            background: rgba(4,50,122,.1019607843)
        }
}

.page-banner-swiper .swiper-pagination-bullet-active {
    border-color: #04327a;
    background: #04327a
}

    .page-banner-swiper .swiper-pagination-bullet-active:focus {
        border-color: #04327a;
        background: #04327a
    }

@media(max-width: 1199.98px) {
    .page-banner-swiper .swiper-pagination-bullet-active:focus {
        border-color: #04327a;
        background: #04327a
    }
}

@media(min-width: 1200px) {
    .page-banner-swiper .swiper-pagination-bullet {
        width: 30px;
        margin: 0 2px
    }

        .page-banner-swiper .swiper-pagination-bullet button {
            padding: 2px
        }
}

.tabs-block__title {
    color: #041c43;
    font-weight: 500;
    text-align: center
}

@media(max-width: 767.98px) {
    .tabs-block__title {
        margin-bottom: 24px;
        font-size: 1.75em
    }
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .tabs-block__title {
        margin-bottom: 24px;
        font-size: 2.25em
    }
}

@media(min-width: 1200px) {
    .tabs-block__title {
        margin-bottom: 24px;
        font-size: 2.25em
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper {
        display: flex
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tabs {
        margin-bottom: 24px
    }
}

.tabs-block__swiper .tabs-swiper {
    overflow: hidden
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tabs-swiper {
        border-bottom: 1px solid #d9d9d9
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper {
        width: 176px;
        margin-right: 40px
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tabs-swiper .swiper-wrapper {
        width: 100% !important
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper .swiper-wrapper {
        width: auto !important;
        display: flex;
        flex-direction: column;
        transform: translate3d(0px, 0px, 0px) !important
    }
}

.tabs-block__swiper .tabs-swiper .swiper-slide {
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    width: auto;
    height: auto;
    position: relative;
    flex: 1 0 auto
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tabs-swiper .swiper-slide {
        padding: 0 .5rem 12px .5rem;
        border-bottom: 2px solid rgba(0,0,0,0);
        font-size: 1em;
        text-align: center;
        word-break: keep-all
    }

        .tabs-block__swiper .tabs-swiper .swiper-slide:nth-only-child {
            width: 100%
        }

        .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+2), .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+2) ~ .swiper-slide {
            width: auto;
            flex: 1 0 50%
        }

        .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+3), .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+3) ~ .swiper-slide {
            width: auto;
            flex: 1 0 33.3%
        }

        .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+4), .tabs-block__swiper .tabs-swiper .swiper-slide:nth-last-child(n+4) ~ .swiper-slide {
            width: auto;
            flex: 1 0 100px
        }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper .swiper-slide {
        font-size: 1.5em;
        width: auto;
        padding: 0 80px 0 0
    }

        .tabs-block__swiper .tabs-swiper .swiper-slide + .swiper-slide {
            margin-top: 24px
        }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper .swiper-slide::after {
        content: "";
        height: 4px;
        width: 0;
        background-color: rgba(0,0,0,0);
        margin-left: 1rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        transition: all .3s
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper .swiper-slide:hover {
        color: #00367b
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tabs-swiper .tabs-swiper--active {
        border-color: #04327a;
        color: #04327a
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tabs-swiper .tabs-swiper--active {
        width: auto;
        color: #00367b;
        padding: 0 56px 0 24px
    }

        .tabs-block__swiper .tabs-swiper .tabs-swiper--active::after {
            width: 40px;
            background-color: #04327a
        }
}

.tabs-block__swiper .tabs .swiper-slide-thumb-active {
    opacity: 1
}

.tabs-block__swiper .tab-content {
    overflow: hidden
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tab-content {
        height: 340px
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tab-content .slide-title {
        font-size: 1.5em;
        margin-bottom: 12px
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .tab-content .slide-title {
        font-size: 1.875em;
        margin-bottom: 16px
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tab-content .swiper-slide {
        overflow: hidden
    }
}

.tabs-block__swiper .tab-content .swiper-slide img {
    aspect-ratio: 1000/640;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .tab-content .swiper-wrapper {
        padding-bottom: 1px
    }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .btn--fullwidth {
        width: 100%;
        padding: 10px 16px;
        word-break: break-word !important;
        height: auto !important;
        min-height: 49px;
        text-align: center;
        width: 100%
    }

        .tabs-block__swiper .btn--fullwidth span {
            display: inline-block;
            text-align: left
        }
}

.tabs-block__swiper .btn--fixed {
    width: 162px;
    padding: 10px 16px;
    word-break: break-word !important;
    height: auto !important;
    min-height: 49px;
    text-align: center;
    align-self: flex-start;
    flex-shrink: 0
}

    .tabs-block__swiper .btn--fixed span {
        display: inline-block;
        text-align: left
    }

@media(max-width: 375px) {
    .tabs-block__swiper .btn--fixed {
        flex-shrink: 1;
        margin-bottom: 1px
    }
}

.tabs-block__swiper .btn-lg--fixed {
    display: block !important
}

@media(min-width: 1200px) {
    .tabs-block__swiper .btn-lg--fixed {
        width: 162px;
        padding: 10px 16px;
        word-break: break-word !important;
        height: auto !important;
        min-height: 49px;
        text-align: center
    }

        .tabs-block__swiper .btn-lg--fixed span {
            display: inline-block;
            text-align: left
        }
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .btn-lg--group-column {
        display: flex;
        flex-direction: column
    }

        .tabs-block__swiper .btn-lg--group-column .btn + .btn {
            margin-top: 16px
        }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .btn-lg--group-column {
        margin-bottom: auto;
        width: 100%;
        text-align: center;
        display: flex
    }

        .tabs-block__swiper .btn-lg--group-column .btn + .btn {
            margin-left: 20px
        }

        .tabs-block__swiper .btn-lg--group-column .btn-fixed {
            flex-shrink: 0
        }
}

.tabs-block__swiper .btn--group-flex {
    display: flex
}

@media(max-width: 1199.98px) {
    .tabs-block__swiper .btn--group-flex {
        justify-content: center;
        align-items: flex-start
    }
}

.tabs-block__swiper .btn--group-flex .btn + .btn {
    margin-left: 20px
}

@media(max-width: 768px) {
    .tabs-block__swiper .btn--group-flex .btn + .btn {
        margin-left: 6px
    }
}

.tabs-block__swiper .btn--group .btn {
    display: inline-flex;
    flex-grow: 0;
    flex-direction: row;
    justify-content: center;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1.5;
    text-decoration: none;
    padding: 10px 16px;
    height: 49px;
    word-break: keep-all;
    border: 1px solid rgba(0,0,0,0);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(max-width: 358px) {
    .tabs-block__swiper .btn--group .btn {
        padding: 10px 12px
    }
}

.tabs-block__swiper .btn--group .btn--primary, .tabs-block__swiper .btn--group .btn--primary:focus {
    color: #fff;
    background-color: #04327a;
    border-color: #04327a;
    border-radius: 0;
    padding: 10px 16px
}

    .tabs-block__swiper .btn--group .btn--primary:hover {
        background-color: #041c43;
        border-color: #041c43
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--primary:hover {
        background-color: #04327a;
        border-color: #04327a
    }
}

.tabs-block__swiper .btn--group .btn--outline-primary, .tabs-block__swiper .btn--group .btn--outline-primary:focus {
    color: #04327a;
    border-color: #04327a;
    background-color: rgba(0,0,0,0);
    border-radius: 0
}

    .tabs-block__swiper .btn--group .btn--outline-primary:hover {
        color: #fff;
        background-color: #04327a;
        border-color: #04327a
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--outline-primary:hover {
        color: #04327a;
        border-color: #04327a;
        background-color: rgba(0,0,0,0)
    }
}

.tabs-block__swiper .btn--group .btn--orange, .tabs-block__swiper .btn--group .btn--orange:focus {
    color: #fff;
    background-color: #ff623e;
    border-color: #ff623e
}

    .tabs-block__swiper .btn--group .btn--orange:hover {
        background-color: #f7972e;
        border-color: #f7972e
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--orange:hover {
        background-color: #ff623e;
        border-color: #ff623e
    }
}

.tabs-block__swiper .btn--group .btn--white, .tabs-block__swiper .btn--group .btn--white:focus {
    background-color: #fff;
    color: #04327a;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.5;
    letter-spacing: .12em;
    border-color: #04327a
}

    .tabs-block__swiper .btn--group .btn--white:hover {
        background-color: #04327a;
        border-color: #04327a;
        color: #fff;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--white:hover {
        background-color: #fff;
        color: #04327a;
        border-color: #04327a
    }
}

.tabs-block__swiper .btn--group .btn--light-blue, .tabs-block__swiper .btn--group .btn--light-blue:focus {
    color: #041c43;
    background-color: #fff;
    border-color: #041c43
}

    .tabs-block__swiper .btn--group .btn--light-blue:hover {
        background-color: #ebf7fe;
        border-color: #041c43;
        color: #041c43;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--light-blue:hover {
        color: #041c43;
        background-color: #fff;
        border-color: #041c43
    }
}

.tabs-block__swiper .btn--group .btn--orange, .tabs-block__swiper .btn--group .btn--orange:focus {
    color: #fff;
    background-color: #ff623e;
    border-color: #ff623e
}

    .tabs-block__swiper .btn--group .btn--orange:hover {
        background-color: #f7972e;
        border-color: #f7972e;
        color: #fff;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--orange:hover {
        color: #fff;
        background-color: #ff623e;
        border-color: #ff623e
    }
}

.tabs-block__swiper .btn--group .btn--transparent-white, .tabs-block__swiper .btn--group .btn--transparent-white:focus {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border-color: #fff
}

    .tabs-block__swiper .btn--group .btn--transparent-white:hover {
        background-color: rgba(243,244,245,.6);
        border-color: #fff;
        color: #041c43;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--group .btn--transparent-white:hover {
        color: #fff;
        background-color: rgba(0,0,0,0);
        border-color: #fff
    }
}

.tabs-block__swiper .btn--white, .tabs-block__swiper .btn--white:focus {
    background-color: #fff;
    color: #04327a;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.5;
    letter-spacing: .12em;
    border-color: #04327a
}

    .tabs-block__swiper .btn--white:hover {
        background-color: #04327a;
        border-color: #04327a;
        color: #fff;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--white:hover {
        background-color: #fff;
        color: #04327a;
        border-color: #04327a
    }
}

.tabs-block__swiper .btn--light-blue, .tabs-block__swiper .btn--light-blue:focus {
    color: #041c43;
    background-color: #fff;
    border-color: #041c43
}

    .tabs-block__swiper .btn--light-blue:hover {
        background-color: #ebf7fe;
        border-color: #041c43;
        color: #041c43;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--light-blue:hover {
        color: #041c43;
        background-color: #fff;
        border-color: #041c43
    }
}

.tabs-block__swiper .btn--orange, .tabs-block__swiper .btn--orange:focus {
    color: #fff;
    background-color: #ff623e;
    border-color: #ff623e
}

    .tabs-block__swiper .btn--orange:hover {
        background-color: #f7972e;
        border-color: #f7972e;
        color: #fff;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--orange:hover {
        color: #fff;
        background-color: #ff623e;
        border-color: #ff623e
    }
}

.tabs-block__swiper .btn--transparent-white, .tabs-block__swiper .btn--transparent-white:focus {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border-color: #fff
}

    .tabs-block__swiper .btn--transparent-white:hover {
        background-color: rgba(243,244,245,.6);
        border-color: #fff;
        color: #041c43;
        border-radius: 0
    }

@media(max-width: 1024px) {
    .tabs-block__swiper .btn--transparent-white:hover {
        color: #fff;
        background-color: rgba(0,0,0,0);
        border-color: #fff
    }
}

.tabs-block__swiper .fs-14 {
    font-size: .875em
}

.tabs-block__swiper .fs-16 {
    font-size: 1em
}

.tabs-block__swiper .fs-18 {
    font-size: 1.125em
}

.tabs-block__swiper .fs-20 {
    font-size: 1.25em
}

.tabs-block__swiper .fs-24 {
    font-size: 1.5em
}

.tabs-block__swiper .fs-28 {
    font-size: 1.75em
}

@media(min-width: 1200px) {
    .tabs-block__swiper .fs-xl-30 {
        font-size: 1.875em
    }
}

.tabs-block__swiper .fs-32 {
    font-size: 2em
}

.tabs-block__swiper .fw-medium {
    font-weight: 500;
    line-height: 160%
}

@media(min-width: 1200px) {
    .tabs-block__swiper .fw-lg-medium {
        font-weight: 500;
        line-height: 160%
    }
}

.tabs-block__swiper .text-nowrap {
    white-space: nowrap
}

@media(min-width: 768px)and (max-width: 1199.98px) {
    .tabs-block__swiper .text-md-center {
        text-align: center
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .text-xl-center {
        text-align: center
    }
}

@media(min-width: 1200px) {
    .tabs-block__swiper .text-xl-left {
        text-align: left
    }
}

.tabs-block__swiper .my-6 {
    margin-top: 6px;
    margin-bottom: 6px
}

.tabs-block__swiper .my-n6 {
    margin-top: -6px;
    margin-bottom: -6px
}