/* Homepgae | hero section */

.animated-bg-container {
    position: relative;
    z-index: 1;
    min-height: 800px;
    width: 100%;
}

.animated-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.animated-bg > * {
    width: 100%;
    height: 100%;
}

/* Homepage / homepage-hero */

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

.homepage-hero .container {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
}

.homepage-hero__wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 0;
}

.homepage-hero .products-labels {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: min(8px, 0.549vw);
    margin-top: min(22px, 1.528vw);
}

.homepage-hero .products-labels .product-label {
    position: relative;
    z-index: 1;
    cursor: pointer;
    background: none !important;
    overflow: hidden;
}

.homepage-hero .section-title i,
.homepage-hero .section-title em {
    padding: 0 min(14px, 0.972vw) 0 min(2px, 0.139vw);
    margin: 0 0px 0 max(-4px, -0.278vw);
    display: inline-flex;
    line-height: normal;
    background-position: left max(-7px, -0.486vw) bottom min(17px, 1.181vw);
    background-size: auto min(70px, 4.861vw);
}

.homepage-hero .products-labels .product-label.--bg-secondary-portage {
    border: 1px solid var(--secondary-portage);
}

.homepage-hero .products-labels .product-label.--bg-secondary-shamrock {
    border: 1px solid var(--secondary-shamrock);
}

.homepage-hero .products-labels .product-label.--bg-secondary-dodger-blue {
    border: 1px solid var(--secondary-dodger-blue);
}

.homepage-hero .products-labels .product-label:before {
    transition: background 0.4s;
}

.homepage-hero .products-labels .product-label.--bg-secondary-portage:not(.-active):before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk4NyAxLjMzNTk0TDkuMzQgNC44MjMzM0M5LjUyODAxIDUuMzEyMTUgOS42MjIwMSA1LjU1NjU2IDkuNzY4MiA1Ljc2MjE0QzkuODk3NzYgNS45NDQzNSAxMC4wNTcgNi4xMDM1NCAxMC4yMzkyIDYuMjMzMUMxMC40NDQ3IDYuMzc5MjkgMTAuNjg5MiA2LjQ3MzI5IDExLjE3OCA2LjY2MTNMMTQuNjY1NCA4LjAwMjZMMTEuMTc4IDkuMzQzOTFDMTAuNjg5MiA5LjUzMTkxIDEwLjQ0NDcgOS42MjU5MiAxMC4yMzkyIDkuNzcyMUMxMC4wNTcgOS45MDE2NiA5Ljg5Nzc2IDEwLjA2MDkgOS43NjgyIDEwLjI0MzFDOS42MjIwMSAxMC40NDg3IDkuNTI4MDEgMTAuNjkzMSA5LjM0IDExLjE4MTlMNy45OTg3IDE0LjY2OTNMNi42NTczOSAxMS4xODE5QzYuNDY5MzkgMTAuNjkzMSA2LjM3NTM4IDEwLjQ0ODYgNi4yMjkyIDEwLjI0MzFDNi4wOTk2NCAxMC4wNjA5IDUuOTQwNDQgOS45MDE2NiA1Ljc1ODI0IDkuNzcyMUM1LjU1MjY1IDkuNjI1OTIgNS4zMDgyNCA5LjUzMTkyIDQuODE5NDIgOS4zNDM5MUwxLjMzMjAzIDguMDAyNkw0LjgxOTQyIDYuNjYxM0M1LjMwODI0IDYuNDczMjkgNS41NTI2NSA2LjM3OTI5IDUuNzU4MjQgNi4yMzMxMUM1Ljk0MDQ0IDYuMTAzNTQgNi4wOTk2NCA1Ljk0NDM1IDYuMjI5MiA1Ljc2MjE0QzYuMzc1MzggNS41NTY1NiA2LjQ2OTM5IDUuMzEyMTUgNi42NTczOSA0LjgyMzMzTDcuOTk4NyAxLjMzNTk0WiIgZmlsbD0iIzlCNkVGNSIvPgo8L3N2Zz4K);
}

.homepage-hero .products-labels .product-label.--bg-secondary-shamrock:not(.-active):before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InN0YXItMDQiPgo8cGF0aCBpZD0iSWNvbiIgZD0iTTcuOTk4NyAxLjMzNTk0TDkuMzQgNC44MjMzM0M5LjUyODAxIDUuMzEyMTUgOS42MjIwMSA1LjU1NjU2IDkuNzY4MiA1Ljc2MjE0QzkuODk3NzYgNS45NDQzNSAxMC4wNTcgNi4xMDM1NCAxMC4yMzkyIDYuMjMzMUMxMC40NDQ3IDYuMzc5MjkgMTAuNjg5MiA2LjQ3MzI5IDExLjE3OCA2LjY2MTNMMTQuNjY1NCA4LjAwMjZMMTEuMTc4IDkuMzQzOTFDMTAuNjg5MiA5LjUzMTkxIDEwLjQ0NDcgOS42MjU5MiAxMC4yMzkyIDkuNzcyMUMxMC4wNTcgOS45MDE2NiA5Ljg5Nzc2IDEwLjA2MDkgOS43NjgyIDEwLjI0MzFDOS42MjIwMSAxMC40NDg3IDkuNTI4MDEgMTAuNjkzMSA5LjM0IDExLjE4MTlMNy45OTg3IDE0LjY2OTNMNi42NTczOSAxMS4xODE5QzYuNDY5MzkgMTAuNjkzMSA2LjM3NTM4IDEwLjQ0ODYgNi4yMjkyIDEwLjI0MzFDNi4wOTk2NCAxMC4wNjA5IDUuOTQwNDQgOS45MDE2NiA1Ljc1ODI0IDkuNzcyMUM1LjU1MjY1IDkuNjI1OTIgNS4zMDgyNCA5LjUzMTkyIDQuODE5NDIgOS4zNDM5MUwxLjMzMjAzIDguMDAyNkw0LjgxOTQyIDYuNjYxM0M1LjMwODI0IDYuNDczMjkgNS41NTI2NSA2LjM3OTI5IDUuNzU4MjQgNi4yMzMxMUM1Ljk0MDQ0IDYuMTAzNTQgNi4wOTk2NCA1Ljk0NDM1IDYuMjI5MiA1Ljc2MjE0QzYuMzc1MzggNS41NTY1NiA2LjQ2OTM5IDUuMzEyMTUgNi42NTczOSA0LjgyMzMzTDcuOTk4NyAxLjMzNTk0WiIgZmlsbD0iIzM2QzI5MyIvPgo8L2c+Cjwvc3ZnPgo=);
}

.homepage-hero .products-labels .product-label.--bg-secondary-dodger-blue:not(.-active):before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk4NyAxLjMzNTk0TDkuMzQgNC44MjMzM0M5LjUyODAxIDUuMzEyMTUgOS42MjIwMSA1LjU1NjU2IDkuNzY4MiA1Ljc2MjE0QzkuODk3NzYgNS45NDQzNSAxMC4wNTcgNi4xMDM1NCAxMC4yMzkyIDYuMjMzMUMxMC40NDQ3IDYuMzc5MjkgMTAuNjg5MiA2LjQ3MzI5IDExLjE3OCA2LjY2MTNMMTQuNjY1NCA4LjAwMjZMMTEuMTc4IDkuMzQzOTFDMTAuNjg5MiA5LjUzMTkxIDEwLjQ0NDcgOS42MjU5MiAxMC4yMzkyIDkuNzcyMUMxMC4wNTcgOS45MDE2NiA5Ljg5Nzc2IDEwLjA2MDkgOS43NjgyIDEwLjI0MzFDOS42MjIwMSAxMC40NDg3IDkuNTI4MDEgMTAuNjkzMSA5LjM0IDExLjE4MTlMNy45OTg3IDE0LjY2OTNMNi42NTczOSAxMS4xODE5QzYuNDY5MzkgMTAuNjkzMSA2LjM3NTM4IDEwLjQ0ODYgNi4yMjkyIDEwLjI0MzFDNi4wOTk2NCAxMC4wNjA5IDUuOTQwNDQgOS45MDE2NiA1Ljc1ODI0IDkuNzcyMUM1LjU1MjY1IDkuNjI1OTIgNS4zMDgyNCA5LjUzMTkyIDQuODE5NDIgOS4zNDM5MUwxLjMzMjAzIDguMDAyNkw0LjgxOTQyIDYuNjYxM0M1LjMwODI0IDYuNDczMjkgNS41NTI2NSA2LjM3OTI5IDUuNzU4MjQgNi4yMzMxMUM1Ljk0MDQ0IDYuMTAzNTQgNi4wOTk2NCA1Ljk0NDM1IDYuMjI5MiA1Ljc2MjE0QzYuMzc1MzggNS41NTY1NiA2LjQ2OTM5IDUuMzEyMTUgNi42NTczOSA0LjgyMzMzTDcuOTk4NyAxLjMzNTk0WiIgZmlsbD0iIzFGOEZGRiIvPgo8L3N2Zz4K);
}

.homepage-hero .products-labels .product-label:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: red;
    transform: translateX(-100%);
    transition: transform 0.4s, opacity 0.4s;
    opacity: 0;
}

.homepage-hero .products-labels .product-label.-active {
    pointer-events: none;
}

.homepage-hero .products-labels .product-label.-active:after {
    transition: transform 8s linear, opacity 0.4s;
    transform: translateX(0);
    opacity: 1;
}

.homepage-hero .products-labels .product-label.-active:first-child:after {
    transition: transform 8.3s linear, opacity 0.4s;
}

.homepage-hero .products-labels .product-label.--bg-secondary-portage:after {
    background: var(--secondary-portage);
}

.homepage-hero .products-labels .product-label.--bg-secondary-shamrock:after {
    background: var(--secondary-shamrock);
}

.homepage-hero .products-labels .product-label.--bg-secondary-dodger-blue:after {
    background: var(--secondary-dodger-blue);
}


/* .homepage-hero .products-labels .product-label.-active:nth-child(2):after {
  transition: transform 12s linear, opacity 0.4s;
} */

.homepage-hero .subtitle {
    margin-top: min(24px, 1.667vw);
}

.homepage-hero .subtitle.-none-mt {
    margin-top: 0;
}

.homepage-hero__right {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-hero__right .product-preview {
    border-radius: 16px;
    background: var(--shark-shark-550, #1A1B21);
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.7s;
    max-height: min(416px, 28.889vw);
    padding: 1px;
    overflow: hidden;
}

.homepage-hero__right .product-preview img {
    position: relative;
    display: block;
    max-height: inherit;
    width: auto;
}

.homepage-hero__right .product-preview.-active {
    pointer-events: auto;
    opacity: 1;
}

/* homepage | main screen | integrations hub */

.homepage-hero__right .product-preview.integrations-preview {
    padding: min(24px, 1.667vw) min(18px, 1.250vw) min(29px, 2.014vw) min(18px, 1.250vw);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0;
}

.homepage-hero__right .product-preview.integrations-preview .step {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.homepage-hero__right .product-preview.integrations-preview .map {
    width: 100%;
    display: block;
    margin-top: min(40px, 2.778vw);
}

.homepage-hero__right .product-preview.integrations-preview .map svg {
    width: 100%;
    min-width: min(392px, 27.222vw);
    display: block;
}

.homepage-hero__right .product-preview.integrations-preview .map path {
    transition: fill 0.7s;
    fill: var(--shark-shark-450);
}

.homepage-hero__right .product-preview.integrations-preview .map .check-icon path {
    fill: none !important;
}

.country-group .check-icon {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.7s;
}

.homepage-hero__right .product-preview.integrations-preview .map .country-group.-active path {
    fill: var(--secondary-dodger-blue);
}

.homepage-hero__right .product-preview.integrations-preview .map .country-group.-active .check-icon {
    opacity: 1;
}

.homepage-hero__right .product-preview.integrations-preview .bottom-card__wrapper {
    position: relative;
    margin-top: min(26px, 1.806vw);
    height: min(56px, 3.889vw);
    width: min(280px, 19.444vw);

}

.homepage-hero__right .product-preview.integrations-preview .bottom-card {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    background: var(--shark-shark-500, #313237);
    width: 100%;
    padding: min(8px, 0.556vw) min(8px, 0.556vw) min(8px, 0.556vw) min(16px, 1.111vw);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
    transition: transform 0.4s, opacity 0.4s;
}

.homepage-hero__right .product-preview.integrations-preview .bottom-card.-active + .bottom-card {
    transform: translateY(20px);
}

.homepage-hero__right .product-preview.integrations-preview .bottom-card.-active {
    transition: transform 0.7s, opacity 0.7s;
    opacity: 1;
    transform: none !important;
}

.homepage-hero__right .product-preview.integrations-preview .bottom-card p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    padding-top: min(3px, 0.208vw);
}

.homepage-hero__right .product-preview.integrations-preview .bottom-card p:before {
    content: '';
    display: block;
    position: relative;
    width: min(20px, 1.389vw);
    height: min(20px, 1.389vw);
    margin-right: min(8px, 0.556vw);
    margin-top: max(-4px, -0.278vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4zMzQ2IDcuNUw4Ljc1MTMgMTIuMDgzM0w2LjY2Nzk3IDEwIiBzdHJva2U9IiMxQTFCMjEiIHN0cm9rZS13aWR0aD0iMS42NjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.homepage-hero__right .product-preview.integrations-preview .logo {
    border-radius: min(11px, 0.764vw);
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
}

.homepage-hero__right .product-preview.integrations-preview .logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.homepage-hero__right .product-preview.integrations-preview .bottom-text {
    color: var(--shark-shark-300, #8C8F90);
    text-align: center;
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: Rotunda,sans-serif;
    font-size: min(14px, 0.972vw);
    font-weight: 400;
    line-height: min(20px, 1.389vw);
    letter-spacing: max(-0.14px, -0.010vw);
    margin-top: min(13px, 0.903vw);
    opacity: 0;
    pointer-events: none;
    height: min(10px, 0.694vw) !important;
    transition: opacity 0.7s;
}

.homepage-hero__right .product-preview.integrations-preview .bottom-text.-active {
    opacity: 1;
    pointer-events: auto;
}

/*! homepage | main screen | integrations hub */

/* homepage | main screen | banking */

.homepage-hero__right .product-preview.banking-preview {
    padding: min(16px, 1.111vw);
    width: min(336px, 23.333vw);
    height: min(416px, 28.889vw);
}

.homepage-hero__right .product-preview .step {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: inherit;
    transition: opacity 0.4s;
    border-radius: inherit;
}

.homepage-hero__right .product-preview .step.-active {
    opacity: 1;
}

.homepage-hero__right .product-preview.banking-preview .step > .title {
    margin-top: min(8px, 0.556vw);
}

.homepage-hero__right .product-preview.banking-preview .button-group {
    display: flex;
    flex-direction: column;
    gap: min(8px, 0.556vw);
    width: 100%;
    padding: 0 min(16px, 1.111vw);
    margin: auto 0 auto 0;
}

.homepage-hero__right .product-preview.banking-preview .button-group .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min(40px, 2.778vw);
    border-radius: 4px;
}

.homepage-hero__right .product-preview.banking-preview .button-group .button p {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(15px, 1.042vw);
    font-weight: 500;
    line-height: 133.333%;
    letter-spacing: max(-0.15px, -0.010vw);
    padding-top: min(3px, 0.208vw);
}

.homepage-hero__right .product-preview.banking-preview .button-group .button p:before {
    content: '';
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    margin-right: min(12px, 0.833vw);
    margin-top: max(-4px, -0.278vw);
}


.homepage-hero__right .product-preview.banking-preview .button-group .button.-green {
    color: var(--White, #FFF);
    background: var(--secondary-shamrock, #36C293);
    transition: transform 0.4s, background 0.4s, opacity 0.4s;
}

.homepage-hero__right .product-preview.banking-preview .button-group .button.-green.--gradient-border:before {
    background: var(--linear-white-30, #FFF);
}

.homepage-hero__right .product-preview.banking-preview .button-group .button.-green p:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1MTlfMzgwODgpIj4KPHBhdGggZD0iTTExLjE2NTQgNC42NjY2N0MxMS4xNjU0IDQuMDQ2NjkgMTEuMTY1NCAzLjczNjcgMTEuMDk3MiAzLjQ4MjM2QzEwLjkxMjMgMi43OTIxOCAxMC4zNzMyIDIuMjUzMDggOS42ODMgMi4wNjgxNUM5LjQyODY3IDIgOS4xMTg2OCAyIDguNDk4NyAyQzcuODc4NzIgMiA3LjU2ODczIDIgNy4zMTQzOSAyLjA2ODE1QzYuNjI0MjEgMi4yNTMwOCA2LjA4NTExIDIuNzkyMTggNS45MDAxOCAzLjQ4MjM2QzUuODMyMDMgMy43MzY3IDUuODMyMDMgNC4wNDY2OSA1LjgzMjAzIDQuNjY2NjdNMy45NjUzNiAxNEgxMy4wMzJDMTMuNzc4OCAxNCAxNC4xNTIxIDE0IDE0LjQzNzQgMTMuODU0N0MxNC42ODgyIDEzLjcyNjggMTQuODkyMiAxMy41MjI5IDE1LjAyIDEzLjI3MkMxNS4xNjU0IDEyLjk4NjggMTUuMTY1NCAxMi42MTM0IDE1LjE2NTQgMTEuODY2N1Y2LjhDMTUuMTY1NCA2LjA1MzI2IDE1LjE2NTQgNS42Nzk5IDE1LjAyIDUuMzk0NjhDMTQuODkyMiA1LjE0MzggMTQuNjg4MiA0LjkzOTgyIDE0LjQzNzQgNC44MTE5OUMxNC4xNTIxIDQuNjY2NjcgMTMuNzc4OCA0LjY2NjY3IDEzLjAzMiA0LjY2NjY3SDMuOTY1MzZDMy4yMTg2MyA0LjY2NjY3IDIuODQ1MjYgNC42NjY2NyAyLjU2MDA0IDQuODExOTlDMi4zMDkxNiA0LjkzOTgyIDIuMTA1MTkgNS4xNDM4IDEuOTc3MzYgNS4zOTQ2OEMxLjgzMjAzIDUuNjc5OSAxLjgzMjAzIDYuMDUzMjYgMS44MzIwMyA2LjhWMTEuODY2N0MxLjgzMjAzIDEyLjYxMzQgMS44MzIwMyAxMi45ODY4IDEuOTc3MzYgMTMuMjcyQzIuMTA1MTkgMTMuNTIyOSAyLjMwOTE2IDEzLjcyNjggMi41NjAwNCAxMy44NTQ3QzIuODQ1MjYgMTQgMy4yMTg2MyAxNCAzLjk2NTM2IDE0WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTE5XzM4MDg4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

/* .homepage-hero__right .product-preview.banking-preview .button-group .button.-green:after {
  transition: background 0.2s;
} */

.homepage-hero__right .product-preview.banking-preview .button-group .button.-green.-click {
    transform: scale(0.95);
    background: #279b74;
}

.homepage-hero__right .product-preview.banking-preview .button-group .button.-white {
    background: var(--White, #FFF);
}

.homepage-hero__right .product-preview.banking-preview .button-group .button.-white p {
    color: var(--shark-shark-600, #0A0B0D);
}

.homepage-hero__right .product-preview.banking-preview .button-group .button.-white p:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzNDYgMTRDMTMuMzM0NiAxMy4wNjk2IDEzLjMzNDYgMTIuNjA0NCAxMy4yMTk4IDEyLjIyNTlDMTIuOTYxMyAxMS4zNzM2IDEyLjI5NDMgMTAuNzA2NyAxMS40NDIxIDEwLjQ0ODJDMTEuMDYzNSAxMC4zMzMzIDEwLjU5ODMgMTAuMzMzMyA5LjY2Nzk3IDEwLjMzMzNINi4zMzQ2NEM1LjQwNDI2IDEwLjMzMzMgNC45MzkwNyAxMC4zMzMzIDQuNTYwNTQgMTAuNDQ4MkMzLjcwODI3IDEwLjcwNjcgMy4wNDEzMyAxMS4zNzM2IDIuNzgyOCAxMi4yMjU5QzIuNjY3OTcgMTIuNjA0NCAyLjY2Nzk3IDEzLjA2OTYgMi42Njc5NyAxNE0xMS4wMDEzIDVDMTEuMDAxMyA2LjY1Njg1IDkuNjU4MTYgOCA4LjAwMTMgOEM2LjM0NDQ1IDggNS4wMDEzIDYuNjU2ODUgNS4wMDEzIDVDNS4wMDEzIDMuMzQzMTUgNi4zNDQ0NSAyIDguMDAxMyAyQzkuNjU4MTYgMiAxMS4wMDEzIDMuMzQzMTUgMTEuMDAxMyA1WiIgc3Ryb2tlPSIjMEEwQjBEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.homepage-hero__right .product-preview.banking-preview .top-section {
    border-radius: 10px;
    background: var(--shark-shark-500, #313237);
    box-shadow: 0px min(16px, 1.111vw) min(40px, 2.778vw) 0px rgba(10, 11, 13, 0.30);
    width: 100%;
}

.homepage-hero__right .product-preview.banking-preview .step-3 .top-section {
    opacity: 0;
    transform: translateY(max(-20px, -1.389vw));
    transition: opacity 0.4s, transform 0.4s;
}

.homepage-hero__right .product-preview.banking-preview .step-3 .top-section.-active {
    opacity: 1;
    transform: translateY(0);
}

.homepage-hero__right .product-preview.banking-preview .top-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: min(24px, 1.667vw) 0 18px 0;
}

.homepage-hero__right .product-preview.banking-preview .top-section__content .title {
    margin-top: min(14px, 0.972vw);
    text-align: center;
    line-height: 120%;
}

.homepage-hero__right .product-preview.banking-preview .top-section__content .bottom-section {
    margin-top: min(16px, 1.111vw);
}

.homepage-hero__right .product-preview.banking-preview .bottom-section {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: min(8px, 0.556vw);
    width: 100%;
    margin-top: min(16px, 1.111vw);
}

.homepage-hero__right .product-preview.banking-preview .account-card {
    padding: min(11px, 0.764vw) 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;

    border-radius: 8px;
    border: 1px solid var(--shark-shark-475, #3C3D42);
}

.homepage-hero__right .product-preview.banking-preview .account-card img {
    width: min(48px, 3.333vw);
    height: min(48px, 3.333vw);
    box-shadow: 0px min(7.2px, 0.500vw) min(9.6px, 0.667vw) 0px rgba(0, 0, 0, 0.30);
    margin: 0 0 0 auto;
    transition: filter 0.4s;
    filter: grayscale(1);
}

.homepage-hero__right .product-preview.banking-preview .account-card p {
    padding-top: min(3px, 0.208vw);
    color: var(--White, #FFF);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(14px, 0.972vw);
    line-height: 130%;
    letter-spacing: max(-0.14px, -0.010vw);
}

.homepage-hero__right .product-preview.banking-preview .account-card .toggle {
    position: relative;
    border-radius: 12px;
    width: min(36px, 2.500vw);
    height: min(20px, 1.389vw);
    background: var(--shark-shark-475, #3C3D42);
    padding: min(2px, 0.139vw);
    margin-right: min(16px, 1.111vw);
    margin-top: max(-4px, -0.278vw);
    transition: background 0.4s;
}

.homepage-hero__right .product-preview.banking-preview .account-card .toggle div {
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    border-radius: 50%;
    background: var(--white);
    transition: transform 0.4s;
}

.homepage-hero__right .product-preview.banking-preview .account-card.-active .toggle {
    background: var(--secondary-shamrock, #36C293);
}

.homepage-hero__right .product-preview.banking-preview .account-card.-active .toggle div {
    transform: translateX(100%);
}

.homepage-hero__right .product-preview.banking-preview .account-card.-active img {
    filter: grayscale(0);
}


.homepage-hero__right .product-preview.banking-preview .step-4 .top-section {
    padding: min(15px, 1.042vw) min(15px, 1.042vw) min(19px, 1.319vw) min(15px, 1.042vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__header img {
    display: block;
    width: min(16px, 1.111vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: min(20px, 1.389vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .title,
.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .title * {
    color: var(--White, #FFF);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(40px, 2.778vw);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: max(-1.6px, -0.111vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .value {
    color: var(--shark-shark-300, #8C8F90);
    margin: 0 0 min(7px, 0.486vw) auto;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__footer {
    margin-top: min(12px, 0.833vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .top-section__footer span {
    color: var(--shark-shark-300, #8C8F90);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section {
    border-radius: 10px;
    border: 1px solid var(--shark-shark-475, #3C3D42);
    padding: min(15px, 1.042vw);
    height: 100%;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .percent-display {
    height: min(20px, 1.389vw);
    border-radius: min(16px, 1.111vw);
    background: var(--secondary-shamrock, #36C293);
    padding: min(2px, 0.139vw) min(8px, 0.556vw) 0 min(8px, 0.556vw);
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .profit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(4px, 0.278vw);
    padding-top: min(4px, 0.278vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .profit img {
    display: block;
    width: min(16px, 1.111vw);
    margin-top: max(-4px, -0.278vw);
    opacity: 0;
    transform: translateY(min(10px, 0.694vw));
    transition: transform 0.4s, opacity 0.4s;
    transition-delay: 0.5s;
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__content {
    margin-top: min(16px, 1.111vw);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: min(2px, 0.139vw);
}

.homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__content .rectangle {
    height: min(2px, 0.139vw);
    width: 100%;
    border-radius: 1px;
    background: var(--secondary-shamrock, #36C293);
    transition: height 0.4s;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(1) {
    transition-delay: 0.3s;
    height: 10%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(2) {
    transition-delay: 0.4s;
    height: 20%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(3) {
    transition-delay: 0.5s;
    height: 15%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(4) {
    transition-delay: 0.6s;
    height: 30%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(5) {
    transition-delay: 0.7s;
    height: 45%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(6) {
    transition-delay: 0.8s;
    height: 65%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(7) {
    transition-delay: 0.9s;
    height: 55%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(8) {
    transition-delay: 1s;
    height: 80%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(9) {
    transition-delay: 1.1s;
    height: 90%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .rectangle:nth-child(10) {
    transition-delay: 1.2s;
    height: 100%;
}

.homepage-hero__right .product-preview.banking-preview .step-4.-animated .bottom-section__header .profit img {
    opacity: 1;
    transform: translateY(0);
}

/*! homepage | main screen | banking */

/* homepage | main screen | Payment gateway */

.homepage-hero__right .product-preview.payment-preview {
    border-radius: 16px;
    background: var(--shark-shark-550, #1A1B21);
    box-shadow: 0px min(16px, 1.111vw) min(40px, 2.778vw) 0px rgba(10, 11, 13, 0.08);
    width: min(408px, 28.333vw);
    height: min(416px, 28.889vw);
}

.homepage-hero__right .product-preview.payment-preview .step:not(.step-3) {
    padding: min(24px, 1.667vw) min(16px, 1.111vw) min(16px, 1.111vw) min(16px, 1.111vw);
    background: var(--Shark-Shark-550, #1A1B21);
}

.homepage-hero__right .product-preview.payment-preview .methods-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(8px, 0.556vw);
    margin-top: min(20px, 1.389vw);
}

.homepage-hero__right .product-preview.payment-preview .method-card {
    background: var(--shark-shark-500, #313237);
    filter: drop-shadow(0px 16px 40px rgba(10, 11, 13, 0.30));
    border-radius: 16px;
}

.homepage-hero__right .product-preview.payment-preview .method-card .img,
.homepage-hero__right .product-preview.payment-preview .method-card img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-hero__right .product-preview.payment-preview .method-card .img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--secondary-portage, #9B6EF5);
    opacity: 0;
    transition: opacity 0.4s;
    border-radius: 16px;
    box-sizing: border-box;
}

.homepage-hero__right .product-preview.payment-preview .method-card .img:after {
    content: '';
    display: block;
    position: absolute;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    right: min(8px, 0.556vw);
    top: min(8px, 0.556vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iIzlCNkVGNSIvPgo8cGF0aCBkPSJNMTAuNjY1NCA2LjAwNzgxTDYuOTk4NyA5LjY3NDQ4TDUuMzMyMDMgOC4wMDc4MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    opacity: 0;
    transition: opacity 0.4s;
}

.homepage-hero__right .product-preview.payment-preview .method-card.-active .img:before,
.homepage-hero__right .product-preview.payment-preview .method-card.-active .img:after {
    opacity: 1;
}

.homepage-hero__right .product-preview.payment-preview .step .methods-summary {
    margin-top: min(16px, 1.111vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.homepage-hero__right .product-preview.payment-preview .step .methods-summary .text {
    color: var(--shark-shark-300, #8C8F90);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(14px, 0.972vw);
    line-height: min(20px, 1.389vw);
    letter-spacing: max(-0.14px, -0.010vw);
}

.homepage-hero__right .product-preview.payment-preview .step .methods-summary .value {
    color: var(--White, #FFF);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(14px, 0.972vw);
    font-weight: 700;
    line-height: min(20px, 1.389vw);
    letter-spacing: max(-0.14px, -0.010vw);
}

.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white) {
    margin-top: min(17px, 1.181vw);
    width: 100%;
    transition-delay: 0s !important;
}

.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white):after,
.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white) {
    background: var(--secondary-portage, #9B6EF5);
    transition: background 0.3s, transform 0.3s, opacity 0.7s;
    transition-delay: 0 !important;
}

.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white):before {
    background: var(--linear-white-30, #FFF);
}

.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white).-click:after {
    background: var(--Accent, #512CCC);
}

.homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white).-click {
    transform: scale(0.95);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input-step__top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input-step__top .back {
    display: block;
    width: min(20px, 1.389vw);
    height: min(20px, 1.389vw);
    margin-top: max(-1px, -0.069vw);
    margin-right: max(-20px, -1.389vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gY2hldnJvbi1sZWZ0Ij4KPHBhdGggaWQ9Ikljb24iIGQ9Ik0xMi41IDE1TDcuNSAxMEwxMi41IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input-step__top .method-card {
    margin: 0 auto;
    width: min(61px, 4.236vw);
    height: min(61px, 4.236vw);
    border-radius: min(9px, 0.625vw);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .label {
    color: var(--shark-shark-300, #8C8F90);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(14px, 0.972vw);
    line-height: min(20px, 1.389vw);
    /* 142.857% */
    letter-spacing: max(-0.14px, -0.010vw);
    margin-bottom: min(1px, 0.069vw);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input {
    position: relative;
    width: 100%;
    margin-top: min(13px, 0.903vw);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input input {
    height: min(40px, 2.778vw);
    padding: min(3px, 0.208vw) min(25px, 1.736vw) 0 min(12px, 0.833vw);
    border-radius: 4px;
    background: var(--shark-shark-500, #313237);
    color: var(--White, #FFF);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(14px, 0.972vw);
    line-height: min(20px, 1.389vw);
    border: none;
    outline: none;
    letter-spacing: max(-0.14px, -0.010vw);
    width: 100%;
    transition: background 0.4s;
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input input:focus {
    background: var(--Shark-Shark-425, #535459);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .input.-visa:after {
    content: '';
    position: absolute;
    right: min(12px, 0.833vw);
    bottom: min(12px, 0.833vw);
    display: block;
    width: min(23px, 1.597vw);
    height: min(16px, 1.111vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4zMzMzMzMiIHk9IjAuMzMzMzMzIiB3aWR0aD0iMjIuMzMzMyIgaGVpZ2h0PSIxNS4zMzMzIiByeD0iMi42NjY2NyIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC4zMzMzMzMiIHk9IjAuMzMzMzMzIiB3aWR0aD0iMjIuMzMzMyIgaGVpZ2h0PSIxNS4zMzMzIiByeD0iMi42NjY2NyIgc3Ryb2tlPSIjRjJGNEY3IiBzdHJva2Utd2lkdGg9IjAuNjY2NjY3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4yNzUxNyAxMC41NzY0SDUuODgxODJMNC44MzY5NyA2LjUzMjQ5QzQuNzg3MzggNi4zNDY0NyA0LjY4MjA4IDYuMTgyMDEgNC41MjcxOCA2LjEwNDUxQzQuMTQwNjMgNS45MDk3MiAzLjcxNDY4IDUuNzU0NzEgMy4yNSA1LjY3NjUyVjUuNTIwODNINS40OTQ1OEM1LjgwNDM3IDUuNTIwODMgNi4wMzY3MSA1Ljc1NDcxIDYuMDc1NDMgNi4wMjYzMkw2LjYxNzU2IDguOTQzMzNMOC4wMTAyMyA1LjUyMDgzSDkuMzY0ODZMNy4yNzUxNyAxMC41NzY0Wk0xMC4xMzg4IDEwLjU3NjRIOC44MjI5Mkw5LjkwNjQ5IDUuNTIwODNIMTEuMjIyNEwxMC4xMzg4IDEwLjU3NjRaTTEyLjkyNDQgNi45MjMzOUMxMi45NjMxIDYuNjUxMSAxMy4xOTU0IDYuNDk1NDEgMTMuNDY2NSA2LjQ5NTQxQzEzLjg5MjUgNi40NTYzMiAxNC4zNTY1IDYuNTM0NSAxNC43NDM3IDYuNzI4NjFMMTQuOTc2IDUuNjQwMTJDMTQuNTg4OCA1LjQ4NDQzIDE0LjE2MjggNS40MDYyNSAxMy43NzYzIDUuNDA2MjVDMTIuNDk5MSA1LjQwNjI1IDExLjU2OTggNi4xMDY1MiAxMS41Njk4IDcuMDc4NDFDMTEuNTY5OCA3LjgxNzc3IDEyLjIyOCA4LjIwNTk5IDEyLjY5MjcgOC40Mzk4NkMxMy4xOTU0IDguNjczMDYgMTMuMzg5MSA4LjgyODc1IDEzLjM1MDMgOS4wNjE5NUMxMy4zNTAzIDkuNDExNzUgMTIuOTYzMSA5LjU2NzQ0IDEyLjU3NjYgOS41Njc0NEMxMi4xMTE5IDkuNTY3NDQgMTEuNjQ3MiA5LjQ1MDg0IDExLjIyMTkgOS4yNTYwNkwxMC45ODk2IDEwLjM0NTJDMTEuNDU0MyAxMC41MzkzIDExLjk1NyAxMC42MTc1IDEyLjQyMTcgMTAuNjE3NUMxMy44NTM3IDEwLjY1NTkgMTQuNzQzNyA5Ljk1NjMzIDE0Ljc0MzcgOC45MDYyNkMxNC43NDM3IDcuNTgzOSAxMi45MjQ0IDcuNTA2MzkgMTIuOTI0NCA2LjkyMzM5Wk0xOS4zNDk4IDEwLjU3NjRMMTguMzA0OSA1LjUyMDgzSDE3LjE4MjdDMTYuOTUwMyA1LjUyMDgzIDE2LjcxOCA1LjY3NjUyIDE2LjY0MDUgNS45MDk3MkwxNC43MDU3IDEwLjU3NjRIMTYuMDYwNEwxNi4zMzA3IDkuODM3NzFIMTcuOTk1MkwxOC4xNTAxIDEwLjU3NjRIMTkuMzQ5OFpNMTcuMzc2NyA2Ljg4NTQyTDE3Ljc2MzMgOC43OTA3OEgxNi42Nzk3TDE3LjM3NjcgNi44ODU0MloiIGZpbGw9IiMxNzJCODUiLz4KPC9zdmc+Cg==);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .double-input {
    display: flex;
    justify-content: space-between;
    gap: min(16px, 1.111vw);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .methods-summary {
    margin-top: min(18px, 1.250vw);
}

.homepage-hero__right .product-preview.payment-preview .step-2 .default-button {
    margin-top: min(15px, 1.042vw);
}

.homepage-hero__right .product-preview .step {
    z-index: 1;
}

.homepage-hero__right .product-preview .loader {
    position: absolute;
    left: 1px;
    top: 1px;
    background: rgba(26, 27, 33, 0.90);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: inherit;
}

.homepage-hero__right .product-preview .loader .cube {
    width: min(88px, 6.111vw);
    height: min(88px, 6.111vw);
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: min(5.5px, 0.382vw);
}

.homepage-hero__right .product-preview .loader .cube div {
    background: #9B6EF5;
    border-radius: 50%;
}

.homepage-hero__right .product-preview.banking-preview .step:not(.step-2) {
    background: var(--Shark-Shark-550, #1A1B21);
    border-radius: inherit;
}

.homepage-hero__right .product-preview.banking-preview .loader .cube div {
    background: var(--Secondary-Shamrock, #36C293);
}

.homepage-hero__right .product-preview.payment-preview .step-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 0 min(45px, 3.125vw) 0;
    text-align: center;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center img {
    display: block;
    width: min(56px, 3.889vw);
    height: min(56px, 3.889vw);
    margin-bottom: min(16px, 1.111vw);
    object-fit: contain;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center .title {
    line-height: 150%;
}


.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center .text {
    margin-top: min(16px, 1.111vw);
    color: var(--Shark-Shark-300, #8C8F90);
    letter-spacing: normal;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom {
    background: var(--Shark-Shark-500, #313237);
    padding: min(16px, 1.111vw);
    width: 100%;
    border-radius: 8px;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .methods-summary:first-child {
    margin-top: 0;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button {
    width: 100%;
    margin-top: min(16px, 1.111vw);
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button p {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: min(3px, 0.208vw);
    color: var(--Shark-Shark-600, #0A0B0D);
    font-weight: 500;
}

.homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button p:before {
    content: '';
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    margin-right: min(8px, 0.556vw);
    margin-top: max(-3px, -0.208vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDE0SDJNMTIgNy4zMzMzM0w4IDExLjMzMzNNOCAxMS4zMzMzTDQgNy4zMzMzM004IDExLjMzMzNWMiIgc3Ryb2tlPSIjMEEwQjBEIiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.homepage-hero__right .product-preview.orchestration-preview {
    width: min(296px, 20.316vw);
    aspect-ratio: 1/1;
}

.homepage-hero__right .product-preview.orchestration-preview img {
    position: absolute;
    display: block;
    width: 100%;
}

.homepage-hero__right .product-preview.orchestration-preview .default {
    position: relative;
}


.homepage-hero .products-labels .product-label.--bg-secondary-porshe:after {
    background: var(--secondary-porsche);
}

.homepage-hero .products-labels .product-label.--bg-secondary-porshe {
    border: 1px solid var(--secondary-porsche);
}


/*! homepage | main screen | Payment gateway */

/* homepage-hero | conveyor */

.homepage-hero .conveyor-container {
    width: 100%;
    grid-column: span 2;
    margin-top: min(100px, 6.944vw);
    margin-bottom: min(26px, 1.806vw);
}

.homepage-hero .conveyor-belt__belt-part .partner {
    width: min(160px, 11.111vw);
    height: min(80px, 5.556vw);
    margin-right: min(80px, 5.556vw);
}

.homepage-hero .conveyor-belt__belt-part .partner img {
    height: 100%;
    display: block;
}

.conveyor-belt__belt.-mobile-only .partner:last-child {
    margin-right: 0;
}

.conveyor-belt__belt.-mobile-only {
    /* width: fit-content; */
    max-width: 1600px;
    margin: 0 auto;
}

.conveyor-belt__belt.-mobile-only .conveyor-belt__belt-part {
    width: 100%;
    justify-content: space-between;
}

@media screen and (max-width: 1440px) {
    .conveyor-belt__belt.-mobile-only {
        width: fit-content;
    }

    .conveyor-belt__belt.-mobile-only .conveyor-belt__belt-part {
        width: fit-content;
    }
}

/* Homepage | products-section */

.products-section {
    padding: var(--default-section-margin) 0;
}

.product-preview-list .product-preview {
    margin-top: var(--default-section-margin);
}

.product-preview-list .product-preview:nth-child(even) {
    flex-direction: row-reverse;
}

.product-preview {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8.333vw;
}

.product-preview__img {
    position: relative;
    z-index: 1;
    min-width: 38.194vw;
    width: 38.194vw;
    max-height: 550px;
    aspect-ratio: 1/1;

    display: flex;
    justify-content: center;
    align-items: center;
}

.product-preview__img .bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.product-preview__img .bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-preview__img .img {
    display: flex;
    position: relative !important;
}

.product-preview__img .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-preview__img .img > * {
    position: relative;
}

.product-preview__img.-payment-gateway {
    padding: 0 7.778vw;
}

.product-preview__img.-banking {
    padding: 0 9.097vw;
}

.product-preview__img.-integration-hub {
    padding: 0 5.139vw;
}

.product-preview__img.-orchestration {
    padding: 0 8.717vw;
}

.product-preview__img.-orchestration img {
    position: absolute;
    display: block;
    width: 100%;
}

.product-preview__img.-orchestration img.default {
    position: relative;
}

.product-preview__content {
    width: 35.903vw;
    max-width: 35.903vw;
}

.product-preview__tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 525px;
}


.product-preview__tags .number {
    height: min(32px, 2.222vw);
    border-radius: 100px;
    border: 1px solid var(--shark-shark-475, #3C3D42);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: min(3px, 0.208vw);
    letter-spacing: initial !important;
}

.product-preview__tags .number span {
    position: relative;
    width: min(32px, 2.222vw);
    height: 100%;
    letter-spacing: initial !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--White, #FFF);

    padding-top: min(2px, 0.139vw);
}

.product-preview__tags .number span:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    transform: translateX(100%);
    display: block;
    width: min(5px, 0.347vw);
    height: min(10px, 0.694vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDUgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJsaW5lIiBkPSJNNCAwSDVMMSAxMEgwTDQgMFoiIGZpbGw9IiM0ODQ5NEQiLz4KPC9zdmc+Cg==);
}

.product-preview__content > *:not(:first-child) {
    margin-top: min(24px, 1.667vw);
}

.product-preview__content .text {
    color: var(--shark-shark-250, #A3A5A6);
    max-width: 520px;
}

.product-preview__content .title {
    max-width: 520px;
}

.product-preview__content .default-button {
    width: fit-content;
}

.product-preview__img .img.--gradient-border {
    background: #1A1B21;
    border-radius: min(16px, 1.098vw);
}


/* Homepgae | services-section */

.services-section {
    margin: var(--default-section-margin) 0;
    overflow: hidden;
}

.services-section .simple-swipe-slider {
    margin-top: min(80px, 5.556vw);
}

.services-section .simple-swipe-slider .progress {
    display: none;
}

.service-preview {
    padding: min(32px, 2.222vw);
    border-radius: 16px;
    border: 1px solid var(--shark-shark-100, #E4E7E9);
    display: flex;
    flex-direction: column;
    gap: min(16px, 1.111vw);
    color: var(--shark-shark-600, #0A0B0D);
    width: min(373px, 25.903vw);

    user-select: none;
    height: auto;
}

a.service-preview {
    cursor: pointer !important;
}

.service-preview .img {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

.service-preview .img img {
    display: block;
    width: 100%;
    transition: transform 0.4s;
}

.service-preview .link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--Accent, #512CCC);
    gap: min(4px, 0.278vw);
    transition: color 0.4s;
    cursor: pointer;
}

.service-preview .link:after {
    content: '';
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    transition: background 0.4s;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0iIzUxMkNDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.service-preview.-coming-soon {
    pointer-events: none !important;
}

.service-preview.-coming-soon .img:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(4px);
}

.service-preview.-coming-soon .img .label {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 2px 12px 0 12px;
    border-radius: 40px;
    color: var(--white);
    background: var(--Shark-Shark-600, #0A0B0D);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 4px 2px 0px rgba(0, 0, 0, 0.03), 0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0.00);
}

.service-preview .default-button {
    margin-top: auto;
}

.service-preview:hover .default-button {
    background: var(--shark-shark-200, #B8BBBC);
}


.coming-soon-label {
    color: var(--shark-shark-250, #A3A5A6);
    font-feature-settings: 'ss01' on, 'salt' on;
    font-family: 'Rotunda',sans-serif;
    font-size: min(9px, 0.625vw);
    line-height: 100%;
    text-transform: uppercase;

    border-radius: 100px;
    background: var(--shark-shark-100, #E4E7E9);
    padding: 6px 6px 3px 6px;
    width: fit-content;
}

a.service-preview .title {
    transition: opacity 0.4s;
}


/* Homepgae | why-choose-us-double */

.why-choose-us-double {
    padding: var(--default-section-margin) 0;
}

.why-choose-us-double .subtitle {
    margin-top: min(40px, 2.778vw);
    width: min(580px, 40.278vw);
    color: var(--shark-shark-250, #A3A5A6);
}

.why-choose-us-double .sticky-progress-slider {
    margin-top: min(80px, 5.556vw);
}

.why-choose-us-double .sticky-progress-slider .sticky-progress__right {
    width: 100%;
    max-width: 83.333vw;
    margin: 0 auto;
}

.why-choose-us-double .sticky-progress-slider .sticky-progress__right .sticky-progress__slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(80px, 5.556vw);
}

.why-choose-us-double .sticky-progress-slider .sticky-progress__right .sticky-progress__slide .text {
    max-width: min(640px, 33.125vw);
}

.why-choose-us-double .simple-swipe-slider {
    display: none;
}

.why-choose-us-double .sticky-progress__slide:has(+.sticky-progress__slide.-active) {
    opacity: 0.2;
}


.why-choose-us-double .sticky-progress__slide.-active + .sticky-progress__slide {
    opacity: 0.2;
}

.services-hero + .title-section {
    margin-top: 0 !important;
}


@media screen and (min-width: 1900px) {

    .product-preview {
        justify-content: space-between;
    }

    .product-preview__img {
        min-width: 29.194vw;
        width: 29.194vw;
    }

    .product-preview__img.-payment-gateway {
        padding: 0 5.778vw;
    }

    .product-preview__img.-banking {
        padding: 3vw 6.097vw;
    }

    .product-preview__img.-integration-hub {
        padding: 3vw 3.139vw;
    }
}


@media screen and (max-width: 1100px) {


    /* Homepage | products-section */
    .product-preview-list .product-preview:nth-child(even) {
        flex-direction: column;
    }

    .product-preview {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .product-preview__img {
        max-width: 450px;
        min-width: auto;
        width: 100%;
    }

    .product-preview__img .img {
        /* height: 100%; */
        aspect-ratio: auto !important;
    }

    .product-preview__img .img.--gradient-border {
        border-radius: 12px;
    }

    .product-preview__img.-payment-gateway {
        padding: 15px 27px;
    }

    .product-preview__img.-payment-gateway .img {
        max-width: 350px;
        width: 100%;
    }

    .product-preview__img.-banking {
        padding: 17px 65px;
    }

    .product-preview__img.-integration-hub {
        padding: 9px 25px;
    }

    .product-preview__content {
        width: 100%;
        max-width: 517px;
    }

    .product-preview__tags .number {
        height: 24px;
        gap: 5px;
        padding: 0 4px;
    }

    .product-preview__tags .number span {
        width: 24px;
        padding-top: 2px;
    }

    .product-preview__tags .number span:first-child:after {
        width: 5px;
        height: 10px;
    }

    .product-preview__content > *:not(:first-child) {
        margin-top: 16px;
    }

    .product-preview__content .text {
        color: var(--shark-shark-250, #A3A5A6);
    }

    .product-preview__content .default-button {
        width: fit-content;
    }


    /* Homepgae | services-section */
    .services-section .simple-swipe-slider {
        margin-top: 40px;
    }

    .service-preview {
        padding: 16px;
        gap: 16px;
        /* width: 304px; */
        width: 95%;
    }

    .service-preview .link:after {
        width: 12px;
        height: 12px;
    }

    .services-section .simple-swipe-slider .progress {
        display: flex;
        margin-top: 40px;
    }

    .simple-swipe-slider.-arrows-on-side .simple-swipe-slider__arrows {
        display: none;
    }

    /* Homepgae | why-choose-us-double */
    .why-choose-us-double {
        overflow: hidden;
    }

    .why-choose-us-double .subtitle {
        margin-top: 24px;
        width: 100%;
    }

    .why-choose-us-double .sticky-progress-slider,
    .why-choose-us.-slider-on-mob .sticky-progress-slider {
        display: none;
    }

    .why-choose-us-double .simple-swipe-slider,
    .why-choose-us.-slider-on-mob .simple-swipe-slider {
        display: block;
        margin-top: 40px;
    }

    .why-choose-us-double .simple-swipe-slider .sticky-progress__slide {
        opacity: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40px;
        pointer-events: auto;
    }


    /* Homepage / homepage-hero */
    .homepage-hero {
        display: block;
    }

    .homepage-hero .section-title i,
    .homepage-hero .section-title em {
        padding: 0px 5px 0px 0px;
        margin: 0 0 0 0;
        background-position: left 0 bottom 5px;
        background-size: auto 29px;
    }

    .homepage-hero .container {
        display: block;
    }

    .homepage-hero__wrapper {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .homepage-hero__left {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .homepage-hero .products-labels {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-top: 16px;
        order: 3;
    }

    .homepage-hero .subtitle {
        margin-top: 16px;
        order: 2;
    }

    .homepage-hero__right {
        margin: 24px auto 0 auto;
        width: 100%;
        max-width: 500px;
        min-height: 400px;
    }

    .homepage-hero__right .dots_bg {
        width: 100%;
    }

    .homepage-hero__right .product-preview {
        max-height: 268px;
        width: 310px;
    }

    /* homepage | main screen | integrations hub */
    .homepage-hero__right .product-preview.integrations-preview {
        padding: 18px 16px 20px 16px;
        border-radius: 10px;
    }

    .homepage-hero__right .product-preview.integrations-preview .step {
        border-radius: 10px;
    }

    .homepage-hero__right .product-preview.integrations-preview .map {
        margin-top: 20px;
    }

    .homepage-hero__right .product-preview.integrations-preview .map svg {
        width: 100%;
        min-width: 240px;
    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-card__wrapper {
        margin-top: 18px;
        height: 46px;
        width: 220px;

    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-card {
        border-radius: 4px;
        padding: 6px 8px 6px 10px;
        transform: translateY(-10px);
    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-card.-active + .bottom-card {
        transform: translateY(10px);
    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-card p {
        padding-top: 2px;
    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-card p:before {
        width: 10px;
        height: 10px;
        margin-right: 4px;
        margin-top: -3px;
    }

    .homepage-hero__right .product-preview.integrations-preview .logo {
        border-radius: 4px;
        width: 30px;
        height: 30px;
    }

    .homepage-hero__right .product-preview.integrations-preview .bottom-text {
        font-size: 9px;
        line-height: 12.8px;
        letter-spacing: -0.09px;
        margin-top: 7px;
        height: 8px;
    }

    /*! homepage | main screen | integrations hub */
    /* homepage | main screen | banking */
    .homepage-hero__right .product-preview.banking-preview {
        padding: 11px;
        width: 80%;
        height: 268px;
    }

    .homepage-hero__right .product-preview.banking-preview .step,
    .homepage-hero__right .product-preview.banking-preview {
        border-radius: 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .step > .title {
        margin-top: 4px;
    }

    .homepage-hero__right .product-preview.banking-preview .button-group {
        gap: 4px;
        padding: 0 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .button-group .button {
        height: 30px;
    }

    .homepage-hero__right .product-preview.banking-preview .button-group .button p {
        font-size: 10px;
        letter-spacing: normal;
        padding-top: 2px;
    }

    .homepage-hero__right .product-preview.banking-preview .button-group .button p:before {
        width: 12px;
        height: 12px;
        margin-right: 8px;
        margin-top: -3px;
    }

    .homepage-hero__right .product-preview.banking-preview .top-section {
        border-radius: 10px;
        box-shadow: 0px 10px 30px 0px rgba(10, 11, 13, 0.30);
    }

    .homepage-hero__right .product-preview.banking-preview .step-3 .top-section {
        transform: translateY(-10px);
    }

    .homepage-hero__right .product-preview.banking-preview .top-section__content {
        padding: 12px 0 10px 0;
    }

    .homepage-hero__right .product-preview.banking-preview .top-section__content img {
        width: 24px;
        height: 24px;
    }

    .homepage-hero__right .product-preview.banking-preview .top-section__content .title {
        margin-top: 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .top-section__content .bottom-section {
        margin-top: 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .bottom-section {
        gap: 4px;
        margin-top: 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .account-card {
        padding: 6px 8px;
        border-radius: 4px;
    }

    .homepage-hero__right .product-preview.banking-preview .account-card img {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.30);
    }

    .homepage-hero__right .product-preview.banking-preview .account-card p {
        padding-top: 2px;
        font-size: 9px;
        line-height: 12.8px;
        letter-spacing: -0.09px;
    }

    .homepage-hero__right .product-preview.banking-preview .account-card .toggle {
        position: relative;
        border-radius: 8px;
        width: 32px;
        height: 18px;
        padding: 2px;
        margin-right: 10px;
        margin-top: -3px;
    }

    .homepage-hero__right .product-preview.banking-preview .account-card .toggle div {
        width: 14px;
        height: 14px;
    }


    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section {
        padding: 9px 9px 13px 9px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__header img {
        width: 10px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle {
        margin-top: 15px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .title,
    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .title * {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -1px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__middle .value {
        margin: 0 0 4px auto;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .top-section__footer {
        margin-top: 8px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section {
        border-radius: 6px;
        padding: 11px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .percent-display {
        height: 16px;
        border-radius: 10px;
        padding: 1px 4px 0 4px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .profit {
        gap: 2px;
        padding-top: 2px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__header .profit img {
        width: 10px;
        margin-top: -3px;
        transform: translateY(5px);
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__content {
        margin-top: 10px;
        gap: 2px;
    }

    .homepage-hero__right .product-preview.banking-preview .step-4 .bottom-section__content .rectangle {
        height: 2px;
    }

    /*! homepage | main screen | banking */
    /* homepage | main screen | Payment gateway */
    .homepage-hero__right .product-preview.payment-preview {
        border-radius: 10px;
        box-shadow: 0px 10.308px 25.769px 0px rgba(10, 11, 13, 0.08);
        width: 262.846px;
        height: 268px;
    }

    .homepage-hero__right .product-preview.payment-preview .step:not(.step-3) {
        padding: 15px 10px 10px 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .methods-wrapper {
        gap: 5px;
        margin-top: 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .method-card {
        filter: drop-shadow(0px 10.308px 25.769px rgba(10, 11, 13, 0.30));
        border-radius: 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .method-card .img:before {
        border: 1px solid var(--secondary-portage, #9B6EF5);
        border-radius: 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .method-card .img:after {
        width: 10px;
        height: 10px;
        right: 5px;
        top: 5px;
    }

    .homepage-hero__right .product-preview.payment-preview .method-card.-active .img:before,
    .homepage-hero__right .product-preview.payment-preview .method-card.-active .img:after {
        opacity: 1;
    }

    .homepage-hero__right .product-preview.payment-preview .step .methods-summary {
        margin-top: 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .step .methods-summary .value,
    .homepage-hero__right .product-preview.payment-preview .step .methods-summary .text {
        font-size: 9px;
        line-height: 12.8px;
        letter-spacing: -0.09px;
    }

    .homepage-hero__right .product-preview.payment-preview .step .default-button:not(.-white) {
        margin-top: 11px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input-step__top .back {
        width: 16px;
        height: 16px;
        margin-top: -1px;
        margin-right: -16px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input-step__top .method-card {
        width: 32px;
        height: 32px;
        border-radius: 6px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input-step__middle {
        width: 100%;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .double-input {
        flex-direction: row;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .label {
        font-size: 9px;
        line-height: 12.8px;
        letter-spacing: -0.09px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input {
        margin-top: 5px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input input {
        height: 32px;
        padding: 2px 14px 0 8px;
        border-radius: 4px;
        font-size: 9px;
        line-height: 12.8px;
        letter-spacing: -0.09px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .input.-visa:after {
        right: 8px;
        bottom: 8px;
        height: 14px;
        width: auto;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .double-input {
        gap: 4px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .methods-summary {
        margin-top: 12px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-2 .default-button {
        margin-top: 12px;
    }

    .homepage-hero__right .product-preview .loader .cube {
        width: 88px;
        height: 88px;
        grid-template-columns: repeat(11, 1fr);
        gap: 5.5px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center {
        margin: 0 0 30px 0;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center img {
        width: 34px;
        height: 34px;
        margin-bottom: 10px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-center .text {
        margin-top: 12px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom {
        padding: 8px;
        border-radius: 6px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button {
        margin-top: 12px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button p {
        padding-top: 2px;
    }

    .homepage-hero__right .product-preview.payment-preview .step-4 .final-step-bottom .default-button p:before {
        width: 10px;
        height: 10px;
        margin-right: 4px;
        margin-top: -2px;
    }

    .homepage-hero__right .product-preview.orchestration-preview {
        width: 268px;
    }


    /*! homepage | main screen | Payment gateway */
    /* homepage-hero | conveyor */
    .homepage-hero .conveyor-container {
        padding: 24px 0;
        margin: 0;
    }

    .homepage-hero .conveyor-belt__belt-part .partner {
        width: 112px;
        height: 56px;
        margin-right: 0;
    }


}