/* @media screen and (min-width: 2200px) {
    .why-circle {
        left: 30%;
    }
}

@media screen and (min-width: 2000px) {
    .hero-books {
        left: 60%;
    }
}

@media screen and (max-width: 1500px) {
    .hero-img-bg {
        width: 550px;
        height: 550px;
        left: -2%;
    }

    .hero-score {
        left: -5%;
    }
}

@media screen and (max-width: 1200px) {
    .hero-img-bg {
        width: 500px;
        height: 500px;
        bottom: -15%;
    }

    .hero-score {
        top: 25%;
    }

    .hero-score,
    .hero-users,
    .hero-books{
        width: 160px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-nav .nav-item {
        margin-bottom: 1rem;
    }

    .hero-img {
        width: 57%;
    }

    .hero-score {
        left: 12%;
    }

    .hero-img-bg {
        width: 550px;
        height: 550px;
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .form_image {
        display: none;
    }

    .why-img {
        position: relative !important;

    }

    .why-circle {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 800px) {
    .hero-score {
        top: 10%;
        left: 5%;
    }

    .hero-users {
        left: -5%;
    }

    .hero-img-bg {
        width: 450px;
        height: 450px;
    }


}

@media screen and (max-width: 650px) {
    .hero-img {
        width: 70%;
    }

    .hero-score {
        left: -5%;
    }

    .hero-users {
        left: -12%;
    }
}

@media screen and (max-width: 550px) {
    .hero-score {
        top: -25%;
        left: -14%;
    }

    .hero-users {
        left: -15%;
    }

    .hero-score, .hero-users, .hero-books {
        width: 110px;
    }

    .hero-books {
        left: 84%;
        top: 20%;
    }

    .hero-img-bg {
        width: 370px;
        height: 370px;
    }
}

@media screen and (max-width: 500px) {
    .nav-register {
        display: none;
    }

    .hero-img-bg {
        width: 300px;
        height: 300px;
    }

    .hero-score, .hero-users, .hero-books {
        width: 90px;
    }

    .hero-users {
        bottom: -40%;
    }

    .hero-score::after {
        bottom: -21%;
    }
} */

/* calc(var(--dimension-ratio) * 32px) */



:root {
    --dimension-ratio: 1;
}

@media (max-width: 1750px) {
    :root {
        --dimension-ratio: 0.9; 
    }
}

@media (max-width: 1600px) {
    :root {
        --dimension-ratio: 0.8; 
    }
}

@media (max-width: 1500px) {
    :root {
        --dimension-ratio: 0.7; 
    }
}

@media (max-width: 1400px) {
    :root {
        --dimension-ratio: 0.65; 
    }
}


@media (max-width: 1300px) {
    :root {
        --dimension-ratio: 0.6; 
    }
}

@media (max-width: 1200px) {
    :root {
        --dimension-ratio: 0.55; 
    }
}


@media (max-width: 1020px) {
    :root {
        --dimension-ratio: 0.5; 
    }
}

@media (max-width: 770px) {
    :root {
        --dimension-ratio: 0.4; 
    }
}

@media (max-width: 475px) {
    :root {
        --dimension-ratio: 0.3; 
    }
}

@media (max-width: 430px) {
    :root {
        --dimension-ratio: 0.2; 
    }
}