*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
}

input:focus,
input:focus-visible{
    outline: none;
}

.container{
    width: 100%;
    max-width: 1400px;
    padding: 0 20px;
    margin: auto;
}

.area-pagination{
    margin-top: 70px;
}

.area-pagination .swiper-pagination-bullet-active{
    transform: scale(1.4);
    background-color: #d9d9d9;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}