@media(max-width:767.98px) {
    .card-collection {
        margin-left: -15px;
        padding-left: 15px
    }

    .card-collection>.row {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .card-collection .card-collection__media-wrap--has-content {
        right: -25px
    }

    .card-collection .card-collection__media-wrap--has-content .js-card-collection-scroll {
        margin-left: -25px
    }
}

@media(max-width:991.98px) {
    .card-collection .js-card-collection-scroll .simplebar-track.simplebar-horizontal {
        background: rgba(87, 100, 115, .3);
        cursor: -webkit-grab;
        cursor: grab;
        height: 2px;
        left: 0;
        right: 0
    }

    .card-collection .js-card-collection-scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        background: var(--color-brand);
        height: 2px
    }
}

@media(max-width:767.98px) {
    .card-collection .js-card-collection-scroll .simplebar-track.simplebar-horizontal {
        width: calc(100% - 24px)
    }
}

.card-collection ::-webkit-scrollbar {
    background: transparent;
    display: none;
    height: 0;
    width: 0
}

.card-collection--table {
    overflow: auto
}

@media(min-width:992px) {
    .card-collection--table {
        overflow: initial
    }
}

.card-collection--table .card-collection__gallery {
    padding-top: 0
}

.card-collection--table .card-collection__content-wrap {
    padding-bottom: 120px
}

@media(min-width:992px) {
    .card-collection--table .card-collection__content-wrap {
        padding-bottom: 185px
    }
}

@media(max-width:991.98px) {
    .card-collection--table .card-collection__media-wrap--has-content {
        margin-top: -85px
    }
}

.card-collection--table.card-collection--static--two-cards .card-collection__gallery {
    flex-wrap: wrap !important
}

@media(min-width:992px) {
    .card-collection--table.card-collection--static--two-cards .card-collection__gallery {
        justify-content: flex-start !important
    }
}

.card-collection--static--two-cards .simplebar-track {
    display: none
}

@media(min-width:992px) {
    .card-collection--static--two-cards .simplebar-content-wrapper {
        overflow: initial
    }
}

@media(max-width:767.98px) {
    .card-collection--static--two-cards .simplebar-content-wrapper {
        overflow: scroll
    }

    .card-collection--static .simplebar-track {
        display: none
    }
}

@media(min-width:992px) {
    .card-collection--static .simplebar-track {
        display: none
    }

    .card-collection--static .simplebar-content-wrapper {
        overflow: initial !important
    }
}

@media(max-width:767.98px) {
    .card-collection--static .simplebar-content-wrapper {
        overflow: initial
    }
}

.card-collection--event {
    margin-bottom: 64px
}

@media(min-width:768px) {
    .card-collection--event {
        margin-bottom: 0
    }
}

.card-collection__content-wrap {
    padding-bottom: 145px;
    padding-top: 40px;
    position: relative;
    z-index: 0 !important
}

@media(min-width:768px) {
    .card-collection__content-wrap {
        padding-bottom: 185px;
        padding-top: 80px
    }
}

.card-collection__content-wrap--bg-white {
    background: #fff
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-white:after {
        background: #fff;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-brand {
    background: var(--color-brand)
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-brand:after {
        background: var(--color-brand);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-teal {
    background: #d1e7df
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-teal:after {
        background: #d1e7df;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-yellow {
    background: #f5e9c4
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-yellow:after {
        background: #f5e9c4;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-opal-lighter-blue {
    background: #3bc2ff
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-opal-lighter-blue:after {
        background: #3bc2ff;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-essence-blue {
    background: #00738c
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-essence-blue:after {
        background: #00738c;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-blue {
    background: #d5e2ed
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-blue:after {
        background: #d5e2ed;
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-red-light-blue {
    background: linear-gradient(130deg, #eddbd8, #cce6eb)
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-red-light-blue:after {
        background: linear-gradient(130deg, #eddbd8, #cce6eb);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-teal-orange {
    background: linear-gradient(130deg, #d1e7df 2%, #f5dec6)
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-teal-orange:after {
      background: linear-gradient(130deg, #3bc2ff21 2%, #b2e7ff);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-yellow-green {
    background: linear-gradient(100deg, #f5e9c4 8%, #d1e7df)
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-yellow-green:after {
        background: linear-gradient(100deg, #f5e9c4 8%, #d1e7df);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-red-orange {
    background: linear-gradient(140deg, #f5dec6 8%, #eddbd8)
}

@media(max-width:767.98px) {
    .card-collection__content-wrap--bg-red-orange:after {
        background: linear-gradient(140deg, #f5dec6 8%, #eddbd8);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.card-collection__content-wrap--bg-essence-blue a, .card-collection__content-wrap--bg-essence-blue button, .card-collection__content-wrap--bg-essence-blue div, .card-collection__content-wrap--bg-essence-blue h2, .card-collection__content-wrap--bg-essence-blue h3, .card-collection__content-wrap--bg-essence-blue h4, .card-collection__content-wrap--bg-essence-blue h5, .card-collection__content-wrap--bg-essence-blue h6, .card-collection__content-wrap--bg-essence-blue li, .card-collection__content-wrap--bg-essence-blue p, .card-collection__content-wrap--bg-essence-blue span, .card-collection__content-wrap--bg-essence-blue svg, .card-collection__content-wrap--bg-essence-blue td, .card-collection__content-wrap--bg-essence-blue ul, .card-collection__content-wrap--bg-opal-lighter-blue a, .card-collection__content-wrap--bg-opal-lighter-blue button, .card-collection__content-wrap--bg-opal-lighter-blue div, .card-collection__content-wrap--bg-opal-lighter-blue h2, .card-collection__content-wrap--bg-opal-lighter-blue h3, .card-collection__content-wrap--bg-opal-lighter-blue h4, .card-collection__content-wrap--bg-opal-lighter-blue h5, .card-collection__content-wrap--bg-opal-lighter-blue h6, .card-collection__content-wrap--bg-opal-lighter-blue li, .card-collection__content-wrap--bg-opal-lighter-blue p, .card-collection__content-wrap--bg-opal-lighter-blue span, .card-collection__content-wrap--bg-opal-lighter-blue svg, .card-collection__content-wrap--bg-opal-lighter-blue td, .card-collection__content-wrap--bg-opal-lighter-blue ul, .main-site .card-collection__content-wrap--bg-brand a, .main-site .card-collection__content-wrap--bg-brand button, .main-site .card-collection__content-wrap--bg-brand div, .main-site .card-collection__content-wrap--bg-brand h2, .main-site .card-collection__content-wrap--bg-brand h3, .main-site .card-collection__content-wrap--bg-brand h4, .main-site .card-collection__content-wrap--bg-brand h5, .main-site .card-collection__content-wrap--bg-brand h6, .main-site .card-collection__content-wrap--bg-brand li, .main-site .card-collection__content-wrap--bg-brand p, .main-site .card-collection__content-wrap--bg-brand span, .main-site .card-collection__content-wrap--bg-brand svg, .main-site .card-collection__content-wrap--bg-brand td, .main-site .card-collection__content-wrap--bg-brand ul {
    fill: #fff !important;
    color: #fff !important
}

.card-collection__content-wrap--bg-essence-blue .c-link--underline:before, .card-collection__content-wrap--bg-opal-lighter-blue .c-link--underline:before, .main-site .card-collection__content-wrap--bg-brand .c-link--underline:before {
    background: #fff
}

.card-collection__content-wrap--bg-essence-blue .c-link--underline:hover:after, .card-collection__content-wrap--bg-opal-lighter-blue .c-link--underline:hover:after, .main-site .card-collection__content-wrap--bg-brand .c-link--underline:hover:after {
    background-color: #fff
}

.card-collection__content-wrap--bg-essence-blue .c-link--arrow span:before, .card-collection__content-wrap--bg-opal-lighter-blue .c-link--arrow span:before, .main-site .card-collection__content-wrap--bg-brand .c-link--arrow span:before {
    background-image: url("data:image/svg+xml,%3csvg width='44' height='15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' d='M0 7h43m-7-7 7 7-7 8' fill='none'/%3e%3c/svg%3e")
}

.card-collection__content-wrap--bg-essence-blue .c-link--arrow span:after, .card-collection__content-wrap--bg-opal-lighter-blue .c-link--arrow span:after, .main-site .card-collection__content-wrap--bg-brand .c-link--arrow span:after {
    border-color: #fff
}

.card-collection__content-wrap--event {
    padding-bottom: 130px;
    padding-top: 24px
}

@media(min-width:768px) {
    .card-collection__content-wrap--event {
        padding-bottom: 180px;
        padding-top: 64px
    }
}

.card-collection__media-wrap--has-content {
    margin-top: -130px;
    position: relative
}

@media(min-width:992px) {
    .card-collection__media-wrap--has-content {
        overflow-x: unset
    }
}

@media(max-width:575.98px) {
    .card-collection__media-wrap--has-content {
        overflow-x: initial;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        right: -14px
    }
}

.card-collection__media-wrap--event {
    overflow-x: initial
}

@media(max-width:991.98px) {
    .card-collection__link-b {
        display: block;
        margin-top: 24px
    }
}

.card-collection__description {
    margin-top: 24px
}

.card-collection__description p {
    color: #000000;
}

.card-collection__gallery {
    padding-top: 30px;
    position: relative
}

@media(min-width:1200px) {
    .card-collection__gallery {
        padding-top: 0
    }
}

.card-collection__gallery.offset-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:768px) {
    .card-collection__gallery.offset-row {
        align-items: normal;
        flex-direction: row;
        justify-content: normal
    }
}

@media(min-width:1200px) {
    .card-collection__gallery.offset-row {
        left: 100px
    }

    .card-collection__gallery.offset-row .card-collection__small-title-b--desktop {
        left: -100px
    }
}

.card-collection__swiper-container {
    max-width: 100%;
    overflow: hidden;
    padding: 0 34px 0 0
}

@media(min-width:768px) {
    .card-collection__swiper-container {
        padding: 0 12px 24px
    }
}

@media(min-width:992px) {
    .card-collection__swiper-container {
        padding: 0
    }
}

.card-collection__slide-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: relative;
    z-index: 4
}

@media(max-width:767.98px) {
    .card-collection__slide-btn {
        display: none
    }
}

.card-collection__slide-prev {
    bottom: 1px;
    left: 0;
    position: absolute;
    text-align: left;
    transform: rotate(180deg);
    width: auto
}

@media(max-width:991.98px) {
    .card-collection__slide-prev {
        left: 12px
    }
}

@media(min-width:1600px) {
    .card-collection__slide-prev {
        bottom: auto;
        left: -80px;
        position: absolute;
        right: auto;
        top: 35%
    }
}

.card-collection__slide-prev.card-collection__slide-btn--event {
    left: -100px;
    right: auto;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

@media(max-width:767.98px) {
    .card-collection__slide-prev.card-collection__slide-btn--event {
        bottom: -55px;
        display: inline-flex;
        left: auto;
        position: absolute;
        right: 130px;
        top: auto;
        transform: rotate(180deg)
    }
}

.card-collection__slide-next {
    bottom: 0;
    margin-left: auto;
    position: absolute;
    right: 0;
    text-align: right;
    width: auto
}

@media(min-width:992px) {
    .card-collection__slide-next {
        position: static
    }
}

@media(max-width:991.98px) {
    .card-collection__slide-next {
        right: 12px
    }
}

@media(min-width:1600px) {
    .card-collection__slide-next {
        bottom: auto;
        position: absolute;
        right: -80px;
        top: 35%
    }
}

.card-collection__slide-next.card-collection__slide-btn--event {
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:767.98px) {
    .card-collection__slide-next.card-collection__slide-btn--event {
        bottom: -55px;
        display: inline-flex;
        left: auto;
        right: 45px;
        top: auto;
        transform: none
    }
}

.card-collection__scroller {
    background: rgba(87, 100, 115, .3);
    height: 1px;
    padding: 0 10px
}

.card-collection__scroller .swiper-scrollbar-drag {
    background: var(--color-brand);
    height: 1px
}

.card-collection__small-title-b--mobile {
    margin-bottom: 21px;
    position: relative
}

.card-collection__small-title-b--desktop {
    position: absolute;
    top: -64px;
    width: 100%
}

@media(min-width:992px) {
    .card-collection .simplebar-track {
        display: none
    }
}

.card-image-el, .card-subtitle-el, .card-title-el {
    cursor: pointer
}

/*# sourceMappingURL=card-collection.css.map*/