.list_block {
    padding: 150px 0;
    position: relative;
    max-width: 100vw;
    overflow: hidden;
}

.list_block .tos_big {
    padding-top: 230px
}

.list_block .bos_big {
    padding-bottom: 230px
}

.list_block .tos_biggest {
    padding-top: 400px
}

.list_block .bos_biggest {
    padding-bottom: 400px
}

.list_block .tos_remove {
    padding-top: 0
}

.list_block .bos_remove {
    padding-bottom: 0
}

.list_block:before {
    background-color: #f7f7f7;
    border-radius: 100%;
    content: "";
    height: 271px;
    left: -71px;
    mix-blend-mode: multiply;
    position: absolute;
    top: -118px;
    width: 271px
}

.list_block.cream_circle:after {
    background-image: url(../../images/cream_circle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -16%;
    content: "";
    height: 614px;
    position: absolute;
    right: -13%;
    width: 615px;
    z-index: 0
}

.list_block .list_block_inner {
    position: relative;
    z-index: 5
}

.list_block .list_block_inner .heading_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 66px;
    max-width: 651px;
    text-align: center
}

.list_block .list_block_inner .heading_section .tagline_text {
    color: var(--color_Infinite_Skies_Shade);
    font-family: var(--font_raleway_bold);
    font-weight: 400;
    margin-bottom: 16px;
    text-transform: capitalize
}

.list_block .list_block_inner .heading_section .heading_text {
    margin-bottom: 0
}

.list_block .list_block_inner .cards_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    max-width: 870px;
    position: relative
}

.list_block .list_block_inner .cards_list.blue_circle:after {
    background-image: url(../../images/medium_blue_circle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: calc(50% - 189px);
    content: "";
    height: 377.53px;
    left: -117px;
    position: absolute;
    width: 382.02px;
    z-index: -1
}

.list_block .list_block_inner .cards_list.purple_circle:before {
    background-image: url(../../images/small_purple_circle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 200px;
    position: absolute;
    right: -87px;
    top: -50px;
    width: 202.38px;
    z-index: 0
}

.list_block .list_block_inner .cards_list .card {
    background: var(--color_White);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: all .8s ease
}

.list_block .list_block_inner .cards_list .card:before {
    background-image: url(../../images/list_block_Variant3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    visibility: visible;
    width: calc(100% + 35px);
    z-index: 1;
    will-change: transform, opacity;
}

.list_block .list_block_inner .cards_list .card .card_inner {
    background-color: var(--color_White);
    border-radius: 20px;
    box-shadow: 0 2px 20px 0 rgba(13, 46, 105, .3);
    display: flex;
    gap: 30px 0;
    min-height: 128px;
    opacity: 0;
    position: relative;
    transition: all .6s ease
}

.list_block .list_block_inner .cards_list .card .card_inner .numbers {
    border-radius: 20px 0 0 20px;
    color: var(--color_White);
    font-size: 0;
    letter-spacing: normal;
    width: 30px
}

.list_block .list_block_inner .cards_list .card .card_inner .content_section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px;
    transition: all .6s ease;
    width: calc(100% - 30px)
}

.list_block .list_block_inner .cards_list .card .card_inner .content_section .heading {
    width: 39.8%
}

.list_block .list_block_inner .cards_list .card .card_inner .content_section .heading .heading_text {
    color: var(--color_Cal_Black);
    font-family: var(--font_raleway_medium);
    font-size: 28px;
    margin: 0
}

.list_block .list_block_inner .cards_list .card .card_inner .content_section .content {
    color: var(--color_Cal_Black);
    width: calc(60.2% - 30px)
}

.list_block .list_block_inner .cards_list .card.show:before {
    animation: gradientFlash 1.6s ease forwards
}

.list_block .list_block_inner .cards_list .card.show .card_inner {
    animation: showCard_inner 1.4s ease forwards
}

.list_block .list_block_inner .cards_list .card.shadow {
    overflow: visible
}

@keyframes gradientFlash {
    0% {
        transform: translateX(-100%)
    }

    50% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: .3
    }

    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes blackgradient {
    0% {
        left: 0
    }

    50% {
        left: calc(50% + 40px)
    }

    to {
        left: calc(100% + 40px)
    }
}

@keyframes showCard_inner {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:1359px) {
    .list_block {
        padding: 130px 0
    }

    .list_block .tos_big {
        padding-top: 200px
    }

    .list_block .bos_big {
        padding-bottom: 200px
    }

    .list_block .tos_biggest {
        padding-top: 350px
    }

    .list_block .bos_biggest {
        padding-bottom: 350px
    }

    .list_block:before {
        height: 240px;
        width: 240px
    }

    .list_block.cream_circle:after {
        bottom: -16%;
        height: 600px;
        right: -13%;
        width: 601px
    }

    .list_block .list_block_inner .cards_list.blue_circle:after {
        bottom: calc(50% - 179px);
        height: 357.53px;
        width: 362.02px
    }

    .list_block .list_block_inner .cards_list.purple_circle:before {
        height: 180px;
        width: 182.38px
    }
}

@media (max-width:1199px) {
    .list_block {
        padding: 100px 0
    }

    .list_block .tos_big {
        padding-top: 180px
    }

    .list_block .bos_big {
        padding-bottom: 180px
    }

    .list_block .tos_biggest {
        padding-top: 300px
    }

    .list_block .bos_biggest {
        padding-bottom: 300px
    }

    .list_block:before {
        height: 210px;
        top: -90px;
        width: 210px
    }

    .list_block.cream_circle:after {
        bottom: -16%;
        height: 500px;
        right: -13%;
        width: 501px
    }

    .list_block .list_block_inner .cards_list.blue_circle:after {
        bottom: calc(50% - 125px);
        height: 250.53px;
        left: -90px;
        width: 250.02px
    }

    .list_block .list_block_inner .cards_list.purple_circle:before {
        height: 160px;
        right: -60px;
        top: -50px;
        width: 162.38px
    }
}

@media (max-width:991px) {
    .list_block {
        padding: 80px 0 92px
    }

    .list_block .tos_big {
        padding-top: 160px
    }

    .list_block .bos_big {
        padding-bottom: 160px
    }

    .list_block .tos_biggest {
        padding-top: 250px
    }

    .list_block .bos_biggest {
        padding-bottom: 250px
    }

    .list_block:before {
        height: 180px;
        top: -90px;
        width: 180px
    }

    .list_block.cream_circle:after {
        bottom: -16%;
        height: 450px;
        right: -13%;
        width: 452px
    }

    .list_block .list_block_inner .cards_list.blue_circle:after {
        bottom: calc(50% - 100px);
        height: 200.53px;
        left: -90px;
        width: 200.02px
    }

    .list_block .list_block_inner .cards_list.purple_circle:before {
        height: 100px;
        width: 101.19px
    }
}

@media (max-width:767px) {
    .list_block {
        padding: 60px 0 92px
    }

    .list_block .tos_big {
        padding-top: 140px
    }

    .list_block .bos_big {
        padding-bottom: 140px
    }

    .list_block .tos_biggest {
        padding-top: 200px
    }

    .list_block .bos_biggest {
        padding-bottom: 200px
    }

    .list_block:before {
        height: 150px;
        top: -75px;
        width: 150px
    }

    .list_block.cream_circle:after {
        bottom: 0;
        right: -40%
    }

    .list_block .list_block_inner .cards_list.blue_circle:after {
        content: none
    }

    .list_block .list_block_inner .cards_list.purple_circle:before {
        right: -15px;
        top: -30px
    }

    .list_block .list_block_inner .cards_list .card .card_inner .content_section {
        padding: 20px
    }

    .list_block .list_block_inner .cards_list .card .card_inner .content_section .heading {
        width: 100%
    }

    .list_block .list_block_inner .cards_list .card .card_inner .content_section .heading .heading_text {
        font-size: 24px
    }

    .list_block .list_block_inner .cards_list .card .card_inner .content_section .heading .heading_text br {
        display: none
    }

    .list_block .list_block_inner .cards_list .card .card_inner .content_section .content {
        padding-right: 0;
        width: 100%
    }
}

/*# sourceMappingURL=list_block.css.map */