/* Tab Switcher Styles */

.tab-switcher-container {
    padding-top: 3rem
}

.tab-switcher {
    display: flex;
    gap: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: fit-content;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    padding: 8px;

}


.tab-button {
    padding: 12px 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    border-radius: 40px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
    outline: none;
}

.tab-button:hover {
    color: #333;
    background: rgba(0, 0, 0, 0.03);
}

@keyframes tab-bg-slide {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: var(--color-primary);
    }
}

.tab-button.active {
    color: #fff;

    animation: tab-bg-slide 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}


@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Tab content: use opacity + max-height transitions for smooth animation */
.tab-content {
    display: block; /* keep in flow so transitions work */
    opacity: 0;
    max-height: 0;
    overflow: visible;
    transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-content.active {
    opacity: 1;
    max-height: 2400px; /* large enough to show content; will animate to natural height */
}

/* Tab Switcher Styles */

/*RAHMAT POS Main styles*/
/* theme-rhmtkassa */
.theme-rhmtkassa .primary-button {
    padding: 8px 16px;
}

.theme-rhmtkassa .primary-button::before {
    content: unset;
}

.theme-rhmtkassa.special .header-desktop-bot .header__buttons .primary-button:first-child,
.theme-rhmtkassa.special .one-screen__buttons .primary-button:nth-child(2),
.theme-rhmtkassa .primary-button.transparent {
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

.theme-rhmtkassa.special .header-desktop-bot .header__buttons .primary-button:first-child:hover,
.theme-rhmtkassa.special .one-screen__buttons .primary-button:nth-child(2):hover,
.theme-rhmtkassa .primary-button.transparent:hover {
    color: var(--color-primary);
    background-color: #fff;
}

.theme-rhmtkassa .header__logo--img {
    max-width: 186px;
}

.theme-rhmtkassa .form-block,
.theme-rhmtkassa .form-steps,
.theme-rhmtkassa .text-w-img-block,
.theme-rhmtkassa .text-with-slider,
.theme-rhmtkassa .info_inGrid .services__item,
.theme-rhmtkassa .mk-grid__item.row:nth-child(2n + 1),
.theme-rhmtkassa .mk-grid__item.row:nth-child(2n + 2),
.theme-rhmtkassa .advantages__item:nth-child(1),
.theme-rhmtkassa .advantages__item:nth-child(2),
.theme-rhmtkassa .advantages__item:nth-child(3),
.theme-rhmtkassa .advantages__item:nth-child(4),
.theme-rhmtkassa .advantages__item:nth-child(5),
.theme-rhmtkassa .our_project-container {
    background-image: none;
    --bg-image: none
}

/*.theme-rhmtkassa .header-desktop-bot__inner{
    justify-content: space-between;
}
.theme-rhmtkassa .flexible-menu {
    flex: none;
}*/
.theme-rhmtkassa .tabs-content,
.theme-rhmtkassa .accordion-item {
    border-radius: 12px;
}

.theme-rhmt .accordion-icon,
.theme-rhmtkassa .accordion-icon {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%204V20M20%2012H4%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.theme-rhmtkassa .accordion-item.active .accordion-icon {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%222%22%20viewBox%3D%220%200%2018%202%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17%201L0.999999%201%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 50% 50% / auto no-repeat;;
}

.theme-rhmtkassa .grid-with-img-slider .gwis-item .gwis-item__icon {
    background: var(--color-primary-accent-2);
}

.theme-rhmtkassa .info-items-w-i__item_header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 3rem;
    border-radius: 1rem 1rem 0 0;
    text-align: center;
    padding-top: 0.5rem;
    background: var(--color-secondary);
    color: #ffffff;
    font-size: 24px;
}

.theme-rhmtkassa .mk-grid__item--icon.bg {
    background: var(--color-primary-accent-2);
}

.theme-rhmtkassa .advantages__item--icon {
    background: var(--color-primary-accent-2);
}

.theme-rhmtkassa .link-with-arrow:hover,
.theme-rhmtkassa .menu-dropdown li a:hover {
    color: var(--color-secondary);
}

.theme-rhmtkassa .link-with-arrow::after,
.theme-rhmtkassa .menu-dropdown .main-link::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.3536%204.35355C15.5488%204.15829%2015.5488%203.84171%2015.3536%203.64645L12.1716%200.464466C11.9763%200.269204%2011.6597%200.269204%2011.4645%200.464466C11.2692%200.659728%2011.2692%200.976311%2011.4645%201.17157L14.2929%204L11.4645%206.82843C11.2692%207.02369%2011.2692%207.34027%2011.4645%207.53553C11.6597%207.7308%2011.9763%207.7308%2012.1716%207.53553L15.3536%204.35355ZM0%204.5H15V3.5H0V4.5Z%22%20fill%3D%22%23F05039%22%2F%3E%3C%2Fsvg%3E") 50% 50% / contain no-repeat;
}

.theme-rhmtkassa .main-link.icon::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb(0%25%2C0%25%2C0%25)%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    top: 53%;
    width: 10px;
    height: 10px;
    right: 5px;
}

/*.theme-rhmtkassa .main-link.icon:not(.header__menu--more-button.main-link.icon):hover::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23fff%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    transform: rotateX(180deg);
}*/
.theme-rhmtkassa .main-link.icon:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23fff%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    transform: rotateX(180deg);
}

.theme-rhmtkassa .main-section__header {
    align-items: center;
}

.theme-rhmtkassa #advantages .advantages__item {
    align-items: start;
    flex-direction: column;
    gap: 5rem;
}

.theme-rhmtkassa #advantages .advantages__item .advantages__item--title {
    font-weight: 400;
}

.theme-rhmtkassa .mk-grid__item--desc,
.theme-rhmtkassa .square-iteration__item--desc,
.theme-rhmtkassa .promo__desc,
.theme-rhmtkassa .main-section__desc {
    color: #8E8E93;
}

.theme-rhmtkassa .square-iteration__item--image {
    max-width: 100%;
}

.theme-rhmtkassa #promo-agregator .promo__text-wr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 4rem;
}

.theme-rhmtkassa .tabs.v2 .tabs__button {
    border: none;
    background: var(--color-secondary-2);
    font-weight: 400;
}

.theme-rhmtkassa .scrollable-slider__item {
    background: none;
}

.theme-rhmtkassa .tabs__tab.tabs__tab--selected .tabs__button {
    color: var(--color-white);
    background: var(--color-primary);
}

.theme-rhmtkassa .our-socials-multikassa {
    background: #fff;
}

.theme-rhmtkassa .b24-form-btn {
    background-color: var(--color-secondary);
}

.theme-rhmtkassa .footer {
    background: var(--color-primary-accent);
}

.theme-rhmtkassa .footer__menu--a,
.theme-rhmtkassa .footer__bottom--text,
.theme-rhmtkassa .footer__menu--item--contact,
.theme-rhmtkassa .back-to-top__text {
    color: #0a0a0a;
}

.theme-rhmtkassa .footer__menu--item--contact:hover {
    color: var(--color-secondary);
}

.theme-rhmtkassa .footer__menu--a:hover {
    color: var(--color-primary);
}

.theme-rhmtkassa .footer__menu--item--title {
    color: var(--color-primary);
}

.theme-rhmtkassa.special .main-link:not(.multibank_main_top .header__menu--a, .burger-main-menu__ul .main-link),
.theme-rhmtkassa.special .main-link:not(.mobile-maintop-menu-multibank .header__menu--a, .burger-main-menu__ul .main-link)
{
    color: #fff;
}
.theme-rhmtkassa.special .burger-menu__ul .header__menu--a.main-link:not(.active),
.theme-rhmtkassa.special .multibank_main_top .header__menu--a.main-link:not(.active){
    color: var(--text-primary-color);
}


.theme-rhmtkassa.special .main-link:not(.onActive,.active):hover {
    color: var(--color-secondary);
}

.theme-rhmtkassa.special .menu-dropdown .header-directions-menu__button.main-link {
    color: #000;
}

.theme-rhmtkassa.special .menu-dropdown .header__menu--li:hover .main-link {
    color: var(--color-secondary);
}

.theme-rhmtkassa.special .header__menu--more-ul.menu-dropdown:hover
.theme-rhmtkassa.special .header__menu--more-button.header__menu--a.main-link {
    color: var(--color-secondary);
}

.theme-rhmtkassa.special .main-link.icon::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23fff%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}
.theme-rhmtkassa .main-link.icon.onActive::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23fff%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}
.theme-rhmtkassa.special .more-menu-button:hover .main-link.icon::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%208%208%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23fff%3Bfill-opacity%3A1%3B%22%20d%3D%22M%200.046875%202.726562%20L%203.882812%206.5625%20C%203.945312%206.625%204.054688%206.625%204.113281%206.5625%20L%207.953125%202.726562%20C%207.984375%202.695312%208%202.65625%208%202.613281%20C%208%202.570312%207.984375%202.527344%207.953125%202.496094%20L%206.894531%201.4375%20C%206.863281%201.40625%206.820312%201.390625%206.777344%201.390625%20C%206.738281%201.390625%206.695312%201.40625%206.664062%201.4375%20L%204%204.101562%20L%201.335938%201.4375%20C%201.277344%201.375%201.167969%201.375%201.105469%201.4375%20L%200.046875%202.496094%20C%20-0.015625%202.558594%20-0.015625%202.664062%200.046875%202.726562%20Z%20M%200.046875%202.726562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");
    transform: rotateX(180deg);
}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__item,
.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__column .f-grid__item:nth-child(2n + 1),
.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__column .f-grid__item:nth-child(2n + 2),
.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__bottom .f-grid__item:nth-child(2n + 1),
.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__bottom .f-grid__item:nth-child(2n + 2) {
    background: none;
    background-image: none;
    background-color: var(--color-self-secondary);
}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid.self .f-grid__item.large .f-grid__item--title {
    max-width: 290px;
    color: #ffffff;
}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid.self .f-grid__item.large .f-grid__item--desc {
    color: #ffffff;
}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid.self .f-grid__item--bottom-row {
    max-width: 432px;
    display: flex;
    flex-direction: column;
    gap: 36px
}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid.self .f-grid__item.large {

}

.theme-rhmtkassa #rhmt-kassa-possibilities .f-grid__item .f-grid__item--icon {
    min-width: 56px;
    min-height: 56px;
}

#rhmt-kassa-possibilities .f-grid__column .f-grid__item--info {
    gap: 4.25rem;
}

#rhmt-kassa-possibilities .f-grid__column .f-grid__item:nth-child(2n + 1) .f-grid__item--title,
#rhmt-kassa-possibilities .f-grid__column .f-grid__item:nth-child(2n + 2) .f-grid__item--title {
    display: flex;
    justify-content: space-between;
}

#rhmt-kassa-possibilities .f-grid__item--title {
    color: #000;
}

#rhmt-smrt-kassa-advantages .reverse-card__desc,
#rhmt-kassa-possibilities .f-grid__item--desc {
    color: #8E8E93;
}

#rahmat-kassa-service-support .form-steps {
    background: var(--color-primary-accent)
}

#rahmat-kassa-service-support .form-steps__right {
    padding: 0;
    background: none
}

#rahmat-kassa-service-support .form-steps__left {
    flex-direction: column;
    display: flex;
    align-items: start;
    color: #8E8E93;
}

#rahmat-kassa-service-support .form-steps__left h2 {
    color: #000
}

#rahmat-kassa-service-support .form-steps__left p {
    color: #8E8E93;
}

.theme-rhmtkassa .f-grid__column .f-grid__item .f-grid__item--desc {
    visibility: visible;
    opacity: 1;
}

.theme-rhmtkassa .contact-mini-title:hover {
    color: var(--color-primary)
}

/*.theme-rhmtkassa .f-grid__item--icon{
    background: none;
}*/
#one-screen-rahmat-kassa .one-screen__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.4) 20%,
    rgba(0, 0, 0, 0) 80%
    );
}

.theme-rhmtkassa .square-iteration__item--icon {
    background: #fff;
}

.theme-rhmtkassa .square-iteration__item--bottom .service-desc,
.theme-rhmtkassa .square-iteration__item--bottom .tarif-text {
    color: #8E8E93;
}

.theme-rhmtkassa .square-iteration__item--bottom ul li::marker {
    color: var(--color-secondary);
}

#one-screen-rahmat-kassa .one-screen__buttons {
    display: flex;
    gap: 1rem;
}

#rhmt-three-certificates .square-cards__block {
    display: flex;
    justify-content: space-between;
}

#rhmt-three-certificates .square-cards__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

#rhmt-three-certificates .square-cards__block .square-cards__item .square-cards__item_img {
    background-color: var(--color-primary-accent);
    border-radius: 25px;
    overflow: hidden;
    max-width: 360px;
    max-height: 344px;
}

#rhmt-three-certificates .square-cards__block .square-cards__item .square-cards__item_img img {
    transition: var(--global-transition);
}

#rhmt-three-certificates .square-cards__block .square-cards__item:hover .square-cards__item_img img {
    transform: scale(1.05);
}

#rhmt-three-certificates .square-cards__item_desc {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    max-width: 319px;
}

#rahmatkassa-reg .reg-info__step {
    position: relative;
}

#rahmatkassa-reg .reg-info__steps {
    position: relative;
}

#rahmatkassa-reg .step-block-info__space {
    height: 10.5rem;
    position: absolute;
    transform: rotate(270deg);
    left: 100px;
    bottom: 35px;
    margin: 0;
}

#rahmatkassa-reg .reg-info__step--title {
    font-size: 20px;
    font-weight: normal;
    max-width: min-content;
}

#rahmatkassa-reg .reg-info__steps .reg-info__step:not(:first-child) .reg-info__step--title {
    opacity: 0.7;
}

#rahmatkassa-reg .reg-info {
    gap: 8rem;
    background: url('/images/humokassa/bg/Payment Device Ellipses Container.png') 0 0 / auto no-repeat var(--color-primary);
}

#rahmatkassa-reg .reg-info.virtual_kassa {
    background-image: none;
    position: relative;
    overflow: hidden;
}

#rahmatkassa-reg .reg-info .primary-button.application {
    color: var(--color-primary)
}

#rahmatkassa-reg .reg-info .primary-button.application:hover {
    color: #fff;
    border: 1px solid #fff;
}

#rahmatkassa-reg .reg-info .payment_terminal_appl {
    border: 1px solid #000;
}

#rahmatkassa-reg .reg-info .payment_terminal_appl:hover {
    border: 1px solid #fff;
    background: #16171F;
    color: #fff;
}

#rahmatkassa-reg .reg-info.virtual_kassa .reg-info__img {
    min-height: 543px;
}

#rahmatkassa-reg .reg-info__step {
    align-items: start;
    text-align: start;
}


#rhmt-wide-banner .wide_banner_block {
    padding: 60px 40px;
    background-image: url('/images/humokassa/bg/tariffs_banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 351px;
    border-radius: var(--medium-border-radius);
}

#rhmt-wide-banner .wide_banner_block_main_title {
    color: #F7482F;
    font-size: 40px;
    font-weight: bolder;
}

#rhmt-wide-banner .wide_banner_block_desc,
#rhmt-wide-banner .wide_banner_block_desc p {
    color: #fff;
}

#rhmt-tariffs-three-blocks .square-iteration__item {
    background-color: #fff;
}

/* Place a tick icon to the left of the desc text */
#rhmt-tariffs-three-blocks .square-iteration__item .square-iteration__item--desc,
.square-iteration__item--desc {
    position: relative;
    padding-left: 20px;
}

#rhmt-tariffs-three-blocks .square-iteration__item .square-iteration__item--desc::before,
.square-iteration__item--desc::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%203L2.99765%205L7%201%22%20stroke%3D%22%23F7482F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.95;
}

#rhmt-tariffs-info-block .info_wide_block {
    border-radius: var(--medium-border-radius);
    background-image: url('/images/humokassa/service/Group 2072751735.png');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position-x: 775px;
    background-position-y: 12px;
    background-size: 560px;
    padding: 40px;
}

#rhmt-tariffs-info-block .info_wide_block_main_title {
    font-size: 32px;
    font-weight: bold;
}

#rhmt-tariffs-info-block .info_wide_block_desc {
    display: flex;
    gap: 70px;
}

#rhmt-tariffs-info-block ul {
    flex: 0 0 33%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 18px;
}

#rhmt-tariffs-info-block ul:empty {
    display: none;
}

#rhmt-tariffs-info-block ul li {
    display: list-item;
    position: relative;
    color: #8E8E93;
}

#rhmt-tariffs-info-block ul li .service-desc {
    max-width: 249px;
    display: block;
}

#rhmt-tariffs-info-block ul li .service-value {
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}

#rhmt-tariffs-three-blocks .square-iteration__item--title {
    font-size: 31px;
}

#rhmt-tariffs-three-blocks .square-iteration__item--desc {
    position: relative;
    padding-left: 18px;
}

#rhmt-tariffs-three-blocks .square-iteration__item--subtitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

#rhmt-tariffs-three-blocks .square-iteration__item--subtitle .real_price {
    color: #F7482F;
}

#rhmt-tariffs-three-blocks .square-iteration__item--subtitle .old_price {
    text-decoration: line-through;
}

#rhmt-tariffs-three-blocks .square-iteration__item .primary-button.shaded {
    padding: 1rem 0;
    text-align: center;
    font-size: 1rem;
}

@keyframes blink-shadow {
    0%, 100% {
        box-shadow: 0 0 16px rgba(29, 201, 75, 0.4), 0 0 24px rgba(29, 201, 75, 0.2);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 32px rgba(29, 201, 75, 0.7), 0 0 40px rgba(29, 201, 75, 0.4);
        transform: scale(1.015);
    }
}

#rhmt-tariffs-three-blocks .square-iteration__item .price_profitable {
    position: absolute;
    color: #fff;
    font-size: 16px;
    background: #1DC94B;
    padding: 16px;
    z-index: 1;
    border-radius: 7px;
    top: -27px;
    left: -17px;
    animation: blink-shadow 1.5s ease-in-out infinite;
}

#rhmt-tariffs-three-blocks .smart_kassa .square-iteration__item:nth-child(1) {
    outline: 2px solid var(--color-primary);
}

#rhmt-tariffs-three-blocks .payment_terminal .square-iteration__item:nth-child(2) {
    outline: 2px solid var(--color-primary);
}

#rhmt-tariffs-three-blocks .virtual_kassa .square-iteration__item:nth-child(3) {
    outline: 2px solid var(--color-primary);
}

#rhmt-tariffs-three-blocks .payment_terminal .square-iteration__item:nth-child(odd),
#rhmt-tariffs-three-blocks .virtual_kassa .square-iteration__item:nth-child(-n+2),
#rhmt-tariffs-three-blocks .smart_kassa .square-iteration__item:nth-child(2),
#rhmt-tariffs-three-blocks .smart_kassa .square-iteration__item:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.5);
}

#rhmt-tariffs-three-blocks .payment_terminal .price_profitable,
#rhmt-tariffs-three-blocks .virtual_kassa .price_profitable {
    display: none;
}

/*.theme-rhmtkassa .footer__bottom a{
text-decoration: underline;
}*/
@media (max-width: 440px) {
    .service-value {
        position: relative !important;
        float: right;

    }
}

@media (max-width: 768px) {
    #rahmatkassa-reg .reg-info{
        gap: 0;
    }
    #rahmatkassa-reg .reg-info.virtual_kassa .reg-info__img{
        min-height: 320px;
    }
    .tab-switcher {
        padding: 6px;
        gap: 4px;
    }

    .tab-button {
        padding: 10px 20px;
        font-size: 13px;
    }

    #rahmatkassa-reg .step-block-info__space {
        height: 4.5rem;
        position: absolute;
        transform: unset;
        left: 32px;
        bottom: -36px;
        margin: 0;
    }

    #rhmt-wide-banner .wide_banner_block {
        padding: 40px 40px;
    }
}

@media (max-width: 1200px) {
    #rhmt-tariffs-info-block .info_wide_block {
        background-position-x: 625px;
    }

    #rhmt-tariffs-three-blocks .square-iteration__item--title {
        font-size: 24px;
    }
}

@media (max-width: 1000px) {
    #rhmt-tariffs-info-block .info_wide_block_desc {
        display: block;
    }

    #rhmt-tariffs-info-block .info_wide_block {
        background-image: none;
    }

    #rhmt-tariffs-three-blocks .square-iteration__item {
        padding: 1rem;
    }

    #rhmt-tariffs-three-blocks .square-iteration__item .primary-button.shaded {
        padding: 0.5rem 0;
    }

    #rhmt-tariffs-three-blocks .square-iteration__item .price_profitable {
        left: -11px;
        font-size: 14px;
        padding: 10px;
    }
}

.square-iteration__item iframe {
    width: -webkit-fill-available;

}

#one-screen-rahmat-kassa-slider .scrollable-slider__item {
    flex-direction: row;
}

.theme-rhmtkassa .rhmt-swiper {
    width: 100%;
    height: 80px;
    overflow: hidden;
    padding: 2rem;
    border-radius: var(--medium-border-radius);
    background: #f4f4f4;
    margin-top: 20px;
}

.theme-rhmtkassa .rhmt-swiper .swiper-slide {
    width: auto;
    white-space: nowrap;
    margin-right: 3rem;
}

.theme-rhmtkassa .btn-with-arrow::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16.999%206.00146L0.999023%206.00146%22%20stroke%3D%22%23F05039%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%201.00098C12%201.00098%2017%204.68342%2017%206.00102C17%207.31861%2012%2011.001%2012%2011.001%22%20stroke%3D%22%23F05039%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

/*RAHMAT POS*/

/*SELF_EMPLOYED - START*/
#rahmat-self-reg .reg-info {
    background-image: none;
    padding: 78px 78px 0 105px;
    display: flex;
    align-items: center;
    gap: 156px;
}

#rahmat-self-reg .reg-info__text-wrap {
    max-width: 443px;

}

#rahmat-self-reg .reg-info__img {
    max-width: 401px;
}

#rahmat-self-reg .reg-info__steps {
    flex-direction: column;
    gap: 64px;
}

#rahmat-self-reg .reg-info__step {
    flex-direction: row;
    gap: 24px;
    position: relative;
}

#rahmat-self-reg .reg-info__step--icon {
    min-width: 64px;
    min-height: 64px;
    margin: 0;
}

#rahmat-self-reg .reg-info__step--title {
    text-align: start;
}

#rahmat-self-reg .step-block-info__space {
    height: 64px;
    width: 1px;
    border-left: 1px dashed var(--color-white);
    position: absolute;
    left: 30px;
    top: 67px;
    margin: 0;
}

#promo-rahmat-self .promo {
    gap: 127px;
    align-items: unset;
}

#promo-rahmat-self .promo .promo__left {
    justify-content: space-between;
}

#promo-rahmat-self .promo .promo__left_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#rahmat-self-advantages .advantages_container {
    /*   display: flex;*/
    gap: 20px;
}

#rahmat-self-advantages .advantages_item {
    padding: 24px;
    background: var(--color-secondary-2);
    border-radius: var(--medium-border-radius);
    max-width: 295px;
    height: 462px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#rahmat-self-advantages .advantages_item .advantages_item_header_desc {
    display: flex;
    gap: 6px;
}

#rahmat-self-advantages .advantages_item .advantages_item_desc {
    display: flex;
    flex-direction: column;
    gap: 25px;
    min-height: 179px;
}

#rahmat-self-advantages .advantages_item .advantages_item_title,
#rahmat-self-advantages .advantages_item .advantages_item_text {
    margin: 0;
}
#rahmat-self-advantages .advantages_item .advantages_item_title{
    font-size: 2rem;
}
#rahmat-self-advantages .advantages_item .advantages_item_text {
    color: #8E8E93;
}

#rahmat-self-advantages .advantages_item.active {
    background: var(--color-primary);
}

#rahmat-self-advantages .advantages_item.active .advantages_item_title,
#rahmat-self-advantages .advantages_item.active .advantages_item_text {
    color: #F4F4F4;
}

#rahmat-self-advantages .advantages_item .advantages_item_icon {
    width: 53px;
    height: 53px;
    border-radius: var(--round-border-radius);
    background: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

#rahmat-self-advantages .advantages_item.active .advantages_item_icon {
    background: var(--color-primary-accent-2);
}
@media (max-width: 768px) {
    #rahmat-self-reg .reg-info{
        padding: 20px 20px 0 20px;
        gap: 0;
    }
    #promo-rahmat-self .promo{
        gap: 1rem;
    }
}
/*SELF_EMPLOYED - END*/
.theme-rhmtkassa .main-section__title {
    font-weight: bold;
}

#main-banner-rahmat-kassa .swiper {
    position: relative;
    margin-top: -98px; /* negative of menu height */
    height: 764px; /* full viewport including hidden part */
    z-index: 1;
    min-height: 764px;
    overflow: hidden;
}

#main-banner-rahmat-kassa .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#main-banner-rahmat-kassa .swiper-slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

#main-banner-rahmat-kassa .swiper-slide-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    will-change: transform, opacity;
}

#main-banner-rahmat-kassa .swiper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.8) 0%, /* 80% darkness left side */ rgba(0, 0, 0, 0.5) 50%, /* lighter center */ rgba(0, 0, 0, 0.8) 100% /* 80% darkness right side */
    );
    z-index: 3;
    border-radius: var(--medium-border-radius);
}

#main-banner-rahmat-kassa .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    text-align: center;
    font-size: 36px;
    /*  text-shadow: 0 3px 10px rgba(0,0,0,0.5);*/
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
    pointer-events: none;
}

#main-banner-rahmat-kassa .slide-content * {
    pointer-events: auto;
}

#main-banner-rahmat-kassa .slide-content .slide-title {
    font-size: 60px;
    max-width: 747px;
    text-align: center;
}

#main-banner-rahmat-kassa .slide-content .slide-logo {
    max-width: 175px;

}

.theme-rhmtkassa #main-banner-rahmat-kassa .rhmt-kassa-infinity {
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 49px;
    z-index: 5;
}

.theme-rhmtkassa #main-banner-rahmat-kassa .rhmt-kassa-infinity .track {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.theme-rhmtkassa #main-banner-rahmat-kassa .rhmt-kassa-infinity .item {
    flex: 0 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
}

.theme-rhmtkassa #main-banner-rahmat-kassa .rhmt-kassa-infinity img {
    height: 48px;
    width: auto;
    object-fit: contain;
    max-height: 33px;
}

/* hover pause */
/*    .theme-rhmtkassa  .rhmt-kassa-infinity:hover .track {
        animation-play-state: paused;
    }*/

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.slide-button .primary-button.shaded {
    font-size: 22px;
    border-radius: 15px;
}

#ecosystem_solutions .ecosystem_solutions_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(251px, 1fr));
    gap: 78px;
    max-width: 100%;
}

#ecosystem_solutions .ecosystem_solutions_container .ecosystem_solutions_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

#ecosystem_solutions .ecosystem_solutions_container .ecosystem_solutions_item p {
    font-size: 20px;
    text-align: start;
    color: #8E8E93;
}

#ecosystem_solutions .ecosystem_solutions_img_title {
    display: flex;
    gap: 15px;

}

#ecosystem_solutions .ecosystem_solutions_img_title img {
    max-width: 53px;
    max-height: 53px;
}

#ecosystem_solutions .ecosystem_solutions_img_title .ecosystem_title {
    font-size: 40px;
    font-weight: bold;
}

#main_services_slider .smart-slider {
    display: flex;
    justify-content: center;
}

#main_services_slider .smartSwiper {
    width: 1440px;
    height: 916px;
    border-radius: 32px;
    overflow: hidden;
}

#main_services_slider .smart-slide {
    position: relative;
    overflow: hidden;
}

#main_services_slider .smart-slide.red {
    background: var(--color-primary);
}

#main_services_slider .smart-slide.black {
    background: #000000;
}

#main_services_slider .smart-slide.white {
    background: #DADADA;
}

#main_services_slider .swiper-slide__container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: 100%;
}

#main_services_slider .swiper-slide__header {
    min-height: 100px;
    display: flex;
    justify-content: center;
}

#main_services_slider .swiper-slide__header_content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    top: 100px;

}

#main_services_slider .swiper-slide__header .swiper-slide__subtitle {
    font-size: 12px;
    color: #ffffff;
}

#main_services_slider .swiper-slide__header .swiper-slide__title {
    color: #ffffff;
}

/*
 Center content */
#main_services_slider .smart-slide__content {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 0 80px;
    position: relative;
    gap: 9rem;
}

/* Text */
#main_services_slider .smart-slide__text h2 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 24px;
}

#main_services_slider .smart-slide.white .smart-slide__text h2 {
    color: #000000;
}

#main_services_slider .smart-slide__text ul {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 32px;
}

#main_services_slider .smart-slide.white .smart-slide__text ul {
    color: #000000;
}

#main_services_slider .smart-slide.white .swiper-slide__header .swiper-slide__title,
#main_services_slider .smart-slide.white .swiper-slide__header .swiper-slide__subtitle {
    color: #000000;
}

#main_services_slider .smart-slide.red .smart-slide__text .primary-button {
    background: #fff;
    color: var(--color-primary);
}

#main_services_slider .smart-slide.black .smart-slide__text .primary-button {
    background: #fff;
    color: #000000;
    border: none;
}

#main_services_slider .smart-slide.red .smart-slide__text .primary-button:hover {
    background: var(--color-primary);
    color: #ffffff;
    border-color: #ffffff;
}

#main_services_slider .smart-slide.black .smart-slide__text .primary-button:hover {
    background: #000000;
    color: #ffffff;
    outline: 1px solid #ffffff;
}

/* Image */
#main_services_slider .smart-slide__image {
    display: flex;
    justify-content: center;
}

#main_services_slider .smart-slide__image img {
    max-height: 622px;
}

#main_services_slider .auth-content__background {
    position: relative;
}

#main_services_slider .auth-content__ring {
    position: absolute;
    border-radius: 50%;
    /* border: 2px solid rgba(255, 255, 255, .7);*/
    width: 48rem;
    height: 48rem;
    animation: ring-pulse 24s linear infinite;
    will-change: transform, opacity;
    mix-blend-mode: screen;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    top: 538px;
    left: 50%;
    z-index: -2;
}

#main_services_slider .auth-content__ring--zero {
    background-color: #ffffff;
    opacity: 0.25;
    animation: none !important;
    transform: translate(-50%, -50%) scale(1) !important;
    will-change: auto;
    width: 502px;
    height: 502px;
}

/* Quarter line on the right after zero ring - quarter arc */
#main_services_slider .auth-content__ring--zero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.7);
    border-left: none;
    border-bottom: none;
    border-radius: 0 100% 0 0;
    pointer-events: none;
}

/* Adjust color for white background */
/*    .smart-slide.white .auth-content__ring--zero::after {
        border-color: var(--color-primary);
    }*/

#main_services_slider .auth-content__ring--primary {
    animation-delay: 0s
}

#main_services_slider .auth-content__ring--secondary {
    border-color: #ffffff8c;
    animation-delay: -16s
}

#main_services_slider .auth-content__ring--tertiary {
    border-color: #fff6;
    animation-delay: -8s
}

#main_services_slider .smart-slide.white .auth-content__ring,
#main_services_slider .smart-slide.white .auth-content__ring--primary,
#main_services_slider .smart-slide.white .auth-content__ring--secondary,
#main_services_slider .smart-slide.white .auth-content__ring--tertiary {
    /*     border: 2px solid var(--color-primary);*/
    border-color: var(--color-primary);
    mix-blend-mode: unset;
}

/*
    .smart-slide.white .auth-content__ring--zero {
        background-color: var(--color-primary);
        opacity: 1;
    }*/

#main_services_slider .smart-slide.white .smart-slide__image,
#main_services_slider .smart-slide.red.kiosk .smart-slide__image {
    position: relative;
}

#main_services_slider .smart-slide.white .smart-slide__image img {
    position: absolute;
    z-index: -1;
    bottom: -160px;
    transform: scale(2.3);
}

#main_services_slider .smart-slide.red.kiosk .smart-slide__image img {
    position: absolute;
    z-index: -1;
    bottom: -256px;
    transform: scale(2);
    right: 155px;
}


@keyframes ring-pulse {
    0%, to {
        transform: translate(-50%, -50%) scale(.6);
        opacity: 0
    }

    8% {
        opacity: .65
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: .7
    }

    92% {
        opacity: .25
    }

    99% {
        transform: translate(-50%, -50%) scale(2.2);
        opacity: 0
    }
}

#main_services_slider .smartSwiper .smart-slide__content .smart-slide__content--desc {
    padding: 0;
}

#main_services_slider .smartSwiper .smart-slide__content .smart-slide__content--desc li {
    position: relative;
    padding-left: 20px;
    list-style: none;
    font-size: 14px;
}

#main_services_slider .smartSwiper .smart-slide__content .smart-slide__content--desc li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M0.75%202.75L2.74765%204.75L6.75%200.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.95;
}

#main_services_slider .smartSwiper .smart-slide.white .smart-slide__content .smart-slide__content--desc li::before {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M0.75%202.75L2.74765%204.75L6.75%200.75%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E');
}
.theme-rhmtkassa .catalog__block-item{
    background-image: unset!important;
}
.advantages_grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}
.advantages_grid_left,
.advantages_grid_right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}
.advantages_grid_left .advantages_grid_item{
    border-radius: var(--medium-border-radius);
    background-color: var(--color-primary-accent);
    padding: 2rem 34px;
    min-height: 340px;
}
.advantages_grid_right .advantages_grid_item{
    border-radius: var(--medium-border-radius);
    background-color: var(--color-primary-accent);
    padding: 29px 24px;
    display: flex;
    flex-direction: column;
    gap: 105px;
    max-height: 258px;
}
.advantages_grid_item.with_img{
    min-height: 462px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background: url('/local/templates/v2/assets/images/humokassa/qr4.png') center / cover no-repeat;
    overflow: hidden;
}
.advantages_grid_item.with_img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            to top,
            rgba(0,0,0,0.3),
            rgba(0,0,0,0)
    );
    z-index: 1;
    pointer-events: none;
}
.advantages_grid_item.with_img .advantages_grid_item_header_icon {
    background-color: rgba(255, 255, 255, 0.03);
}
.advantages_grid_item.with_img .advantages_grid_item_footer{
    max-width: 425px;
}
.advantages_grid_item.with_img .advantages_grid_item_footer h2,
.advantages_grid_item.with_img .advantages_grid_item_footer p{
    color: #ffffff;
    position: relative;
    z-index: 2;
}
.advantages_grid_item.with_img img{
    border-radius: var(--medium-border-radius);
    width: 100%;
    height: 100%;
}

.advantages_grid_item_header_icon{
    background: var(--color-primary-accent-2);
    width: 56px;
    height: 56px;
    border-radius: var(--round-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
}
.advantages_grid_left .advantages_grid_item_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.advantages_grid_left .advantages_grid_item_body img
{
    max-width: 341px;
}
.advantages_grid_item_body span{
    max-width: 264px;
    font-size: 2rem;
    font-weight: bold;
}

.advantages_grid_right .advantages_grid_item_header span{
    font-size: 24px;
    font-weight: bold;
}
.advantages_grid_item .advantages_grid_item_footer span{
    color: #8E8E93;
}
.advantages_grid_right .advantages_grid_item_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.registration_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--color-primary-accent);
    border-radius: var(--medium-border-radius);
}

.registration_right_block {
    display: flex;
    gap: 80px;
    flex-direction: column;
    justify-content: center;
}

.registration_right_block .registration_main_block {
    max-width: 424px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.registration_main_title {
    font-size: 2rem;
    font-weight: bold;
}

.registration_main_subtitle {
    font-size: 24px;
}

.registration_step_item {
    min-width: 122px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}

.registration_steps_squares {
    display: flex;
    max-width: 488px;
    justify-content: space-between;
    width: 100%;
    gap: 70px;
}

.registration_step_item img {
    width: 64px;
    height: 64px;
}

.registration_step_item .registration_step_item_text {
    font-size: 20px;
}

.registration_step_item .registration_step_item_strip {
    position: absolute;
    border-top: 2px dashed var(--color-primary);
    width: 100%;
    top: 30px;
    left: 66px;
}


@media (max-width: 960px) {
    .advantages_grid{
        display: block;
    }
    .advantages_grid_left{
        margin-bottom: 1.5rem;
    }
    .advantages_grid_left .advantages_grid_item_header_icon{
        display: none;
    }
    .advantages_grid_left .advantages_grid_item{
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
/*    .advantages_grid_left .advantages_grid_item.with_img{
        min-height: auto;
    }*/

    .advantages_grid_left .advantages_grid_item_body{
        flex-direction: column;
        align-items: start;
        gap: 1.5rem;
    }
    .advantages_grid_left .advantages_grid_item_body span{
        font-size: 24px;
    }
    .registration_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0rem;
    }

    .registration_right_block {
        padding: 2rem;
    }

    .registration_steps_squares {
        gap: 20px;
        flex-direction: column;
    }

    .registration_step_item {
        min-width: 90px;
        flex-direction: row;
        align-items: center;
    }

    .registration_step_item .registration_step_item_strip {
        width: 10%;
        top: 66px;
        left: 16px;
        transform: rotate(90deg);
    }
}
@media (max-width: 768px) {
    #rhmt-kassa-possibilities .f-grid__column .f-grid__item--info{
        gap: 0;
    }

    .advantages_grid_left .advantages_grid_item.with_img{
        /*min-height: auto;*/
        background-position-x: -40px;
    }
    .advantages_grid_left .advantages_grid_item_body img{
        max-width: 290px;
    }
    #main-banner-rahmat-kassa .slide-content .slide-title {
        font-size: 35px;
    }

    #ecosystem_solutions .ecosystem_solutions_container {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 30px;
    }

    #ecosystem_solutions .ecosystem_solutions_img_title {
        gap: 10px;
        align-items: center;
    }

    #ecosystem_solutions .ecosystem_solutions_img_title .ecosystem_title {
        font-size: 20px;
    }

    #ecosystem_solutions .ecosystem_solutions_container .ecosystem_solutions_item p {
        font-size: 15px;
    }

    #rahmat_main_features .gwis-item {
        justify-content: space-between;
    }

    #rahmat_main_features .gwis-item .gwis-item-content {
        display: flex;
        gap: 1rem;
    }
    #main_services_slider .smartSwiper .smart-slide__content .smart-slide__content--desc{
        max-width: 235px;
    }
    #main_services_slider .swiper-slide__container{
        gap: 0;
    }
    #main_services_slider .swiper-slide__header_content {
        position: unset;
    }
    #main_services_slider .smart-slide__content {
        grid-template-columns: 1fr;
        padding: 0 30px;
        gap: 1rem;
    }
    #main_services_slider .smart-slide__image{
        display: none;
    }
    #main_services_slider .smart-slide__image{
        font-size: 35px;
    }
    #main_services_slider .auth-content__ring {
        width: 26rem;
        height: 26rem;
        top: 243px;
    }
    #main_services_slider .smartSwiper {
        height: unset;
    }
    #main_services_slider .smart-slide__text{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #main_services_slider .smart-slide__text h2{
        margin: 0;
        font-size: 30px;
        text-align: center;
    }
}