.front-hero-cards .fhc__item .fhc__item-imgs img.fhc__item-img--hover {
    transition: opacity .3s ease-out
}

.front-hero-cards .fhc__item .fhc__item-imgs:hover img.fhc__item-img--hover {
    opacity: 1
}

.front-ccc {
    padding-top: 0!important
}

.front-ccc .front-ccc__container {
    min-height: calc(200dvh - var(--header-height-scrolled) * 2);
    position: relative
}

.front-ccc .front-ccc__container .front-ccc__sticky {
    position: sticky;
    top: var(--header-height-scrolled);
    min-height: calc(100dvh - var(--header-height-scrolled))
}

.front-ccc .front-ccc__container.disable-sticky {
    min-height: unset
}

.front-ccc .front-ccc__container.disable-sticky .front-ccc__sticky {
    min-height: unset
}

.front-ccc .front-ccc__container .front-ccc__box {
    position: relative
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img {
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .front-ccc .front-ccc__container .front-ccc__box .front-ccc__img {
        position:absolute;
        right: 52%;
        right: calc(50% + 2.5rem);
        top: 50%;
        transform: translate(0,-50%);
        width: 368px
    }
}

@media (min-width: 1200px) {
    .front-ccc .front-ccc__container .front-ccc__box .front-ccc__img {
        width:632px;
        right: calc(50% + 4.5rem)
    }
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img:before {
    content: "";
    display: block;
    padding-top: 108.8%
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img img {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0,-50%)
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img img.front-ccc__img-1 {
    z-index: 3;
    margin-top: -15%
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img img.front-ccc__img-2 {
    z-index: 2
}

.front-ccc .front-ccc__container .front-ccc__box .front-ccc__img img.front-ccc__img-3 {
    z-index: 1;
    margin-top: 15%
}

@media (min-width: 1200px) and (max-height:760px) {
    .front-ccc h2.h1 {
        font-size:clamp(1.5rem,4vw,4rem);
        line-height: clamp(1.75rem,4.5vw,4.5rem)
    }
}

.front-ebc .front-ebc__content {
    gap: 4rem
}

@media (min-width: 768px) {
    .front-ebc .front-ebc__content {
        gap:5rem
    }
}

@media (min-width: 1200px) {
    .front-ebc .front-ebc__content {
        gap:7.5rem
    }

    .front-ebc .front-ebc__content .front-ebc__content-item {
        min-height: 590px
    }
}

.front-ebc .front-ebc__logos {
    row-gap: 2rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    color: #808a91
}

@media (min-width: 768px) {
    .front-ebc .front-ebc__logos {
        row-gap:2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

@media (min-width: 1200px) {
    .front-ebc .front-ebc__logos {
        gap:4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }
}

.front-ebc .front-ebc__logos svg {
    width: auto;
    max-height: 2rem
}

@media (min-width: 768px) {
    .front-ebc .front-ebc__logos svg {
        max-height:2.5rem
    }
}

@media (min-width: 1200px) {
    .front-ebc .front-ebc__logos svg {
        max-height:3rem
    }
}

.front-ebc .front-ebc__imgs {
    --frontPageMockupsImagesTop: calc( (var(--header-height-scrolled) / 2) + 4rem );
    position: sticky;
    top: calc(var(--header-height-scrolled)/ 2 + var(--frontPageMockupsImagesTop))
}

.front-ebc .front-ebc__imgs>img {
    max-width: 100%;
    height: auto;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.front-ebc .front-ebc__imgs>img.show {
    opacity: 1
}

.front-ebc .front-ebc__imgs>img:not(.front-ebc__img--first) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.front-testimonials {
    width: 100%;
    padding: .5rem 0
}

.front-testimonials .front-testimonials__card {
    padding: 3rem 2.5rem;
    border-radius: 1rem;
    box-shadow: 0 2px 8px -2px rgba(9,14,18,.1607843137);
    background-color: #fff
}

@media (min-width: 768px) {
    .front-testimonials .front-testimonials__card {
        padding:3rem 4rem
    }
}

.front-testimonials .front-testimonials__card .front-testimonials__logo {
    color: #808a91
}

.front-testimonials .front-testimonials__card.front-testimonials__card--link {
    padding: 2rem;
    flex: 1;
    width: 120px
}

@media (min-width: 1200px) {
    .front-testimonials .front-testimonials__card.front-testimonials__card--firstbank {
        min-height:308px;
        justify-content: center
    }
}

@media (max-width: 767.98px) {
    .front-testimonials .front-testimonials__card--main {
        height:100%
    }
}

.front-testimonials .front-testimonials__avatar-small {
    width: 64px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.front-testimonials .front-testimonials__avatar-big {
    box-shadow: 0 2px 8px -2px rgba(9,14,18,.1607843137);
    width: 480px;
    height: 520px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.front-testimonials .front-testimonials__avatar-big img {
    max-width: 100%
}

.front-tt [data-tt-index] {
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out
}

.front-tt [data-tt-index].active {
    display: block
}

.front-tt [data-tt-index].show {
    visibility: visible;
    opacity: 1
}

.front-globe .front-globe__globe {
    width: 100%;
    height: 500px
}