/* General */
@import url(/css/styles/index.css);
@import url(/css/layout/index.css);
@import url(/css/buttons/index.css);
@import url(/css/components/index.css);

/* Hero animaiton */
@import url(/css/components/pension-circle.css);

/* Ticker */
@import url(/css/containers/ticker.css);

/* Benefit */
@import url(/css/containers/benefit-container.css);

/* App */
@import url(css/containers/filter-menu.css);
@import url(/css/containers/phone-three-box.css);
@import url(../../animation-refactored/css/index.css);

/* Products*/
@import url( /css/components/custom-switch.css);
@import url(/css/containers/ten-box2.css);


.rate-circle-title {
    position: relative;
    margin-top: 37px;
    font-size: 12px;
    color: rgba(245, 245, 245, 0.774);
}


@media screen and (max-width: 767px) {
    .filter2-menu-item {
        width: fit-content;
        min-width: 100px;
    }

    .filter-menu-item-row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 8px;
    }

    .filter2-menu-item {
        margin: 0;
        height: 34px;
        padding: 5px;
        line-height: 22px;
        font-size: 11.5px;
    }
}