@import url(/css/styles/index.css);
@import url(/css/layout/index.css);
@import url(/css/buttons/index.css);
@import url(/css/components/index.css);
@import url(/css/buttons/index.css);
@import url(/css/components/custom-switch.css);

@import url(/css/containers/phone-three-box.css);
@import url(/css/containers/three-box-small.css);
@import url(/css/containers/feature-twobox.css);
@import url(/css/containers/ten-box2.css);
@import url(/css/components/message-banner.css);
@import url(/css/components/rate-chart.css);
@import url(/css/containers/mini-scrollbar-natural.css);

@import url(../containers/ticker.css);
@import url(../../animation-refactored/css/index.css);
@import url(../containers/signup-container.css);
@import url(../containers/benefit-container.css);

@import url(../containers/filter-menu.css);

@import url(/css/containers/phone-three-box.css);

@import url(/css/containers/four-box.css);

.canvas-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 350px;
    max-width: 300px;
    padding-bottom: 10px;
}

canvas {
    width: 100%;
    height: 100%;
}


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

    .white-button.invest-button1,
    .white-button.invest-button2 {
        margin-top: 25px;
    }

    .white-button.invest-button2 {
        margin-bottom: -5px;
    }

    canvas {
        max-width: 300px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .rate-circle-details-container {
        text-align: center;
        display: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }


    .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;
    }
}