/* Start:/local/templates/default/components/bitrix/news.list/payments/style.css?17537956583713*/
.payments__types_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto); /* Фиксированная высота для всех карточек */
    grid-template-areas:
                "card1 card2 card2"
                "card3 card4 card4"
                "card5 card4 card4"
				"card6 card6 card7";
    gap: 20px;
}

/* Назначение grid-area для каждой карточки */
.card-1 {
    grid-area: card1;
}

.card-2 {
    grid-area: card2;
}

.card-3 {
    grid-area: card3;
}

.card-4 {
    grid-area: card4;
}

.card-5 {
    grid-area: card5;
}

.card-6 {
    grid-area: card6;
}

.card-7 {
    grid-area: card7;
}

.payments__types-item-card {
    position: relative;
    padding: 12px 40px 20px 18px;
    display: flex;
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.payments__types-item-text-card {
    display: block;
    margin-left: 18px;
    color: #242659;
    font-size: var(--font-big);
    line-height: var(--font-big-line);
    min-height: 160px;
}

.payments__types-item-card[style*="background-image"] {
    background-repeat: no-repeat;
    /*background-position: bottom 164% right -10%;*/
    background-position: bottom -7rem right -5rem;
    background-origin: content-box;
    background-size: 50% auto;
}

.item-card__layout {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 700; /* Bold */
    font-size: 24px;
    line-height: 1.2; /* Улучшает читаемость */
    letter-spacing: 0; /* Более стандартное значение */
    margin:10px;
}
.item-card__box-container{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.blue-text__card {
    font-family: 'Wix Madefor Display', sans-serif; /* Добавлен резервный шрифт */
    font-weight: 700; /* Bold */
    font-size: 24px;
    line-height: 1.2; /* Улучшает читаемость */
    letter-spacing: 0; /* Стандартное значение */
    color: #006DE4;
}
.item-card__box {
    border-radius: 50px;
    background-color: #4F9CF0;
    color: white;
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 500; /* Medium */
    font-size: 20px;
    line-height: 1.2; /* Улучшает читаемость */
    letter-spacing: 0; /* Более стандартное значение */
    padding: 5px 20px;
}
.payments__clock{
    background-image: url('/upload/iblock/3d7/fb3yow953f41fz751aj341h97j0s4qwk.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 110% 8vh;
}
.payments__earth{
    background-image: url('/upload/iblock/972/ro0gr6ybd8lxh32w2nzcfmmsfvel7oav.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 105% 11vh;
}


/* Mobile view */
@media (max-width: 768px) {
    .payments__types_grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto; /* Allow cards to size based on content */
        grid-template-areas: none; /* Remove specific areas */
        gap: 0px;
    }

    .payments__types-item-card {
        grid-area: auto !important; /* Reset grid-area for mobile */
        height: auto; /* Allow height to adjust */
        margin-bottom: 20px;
        align-items: center;
    }
    .payments__types-item-card[style*="background-image"] {
        background-image:none !important;
    }
    .payments__clock, .payments__earth{
        background-image: none !important;
    }
}


/* End */
/* /local/templates/default/components/bitrix/news.list/payments/style.css?17537956583713 */