textarea {
    resize: both;
}

.w-100px {
    width: 100px;
}

.w-50px {
    width: 50px;
}

iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
}

iframe.vertical-ratio {
    aspect-ratio: 1 / 1;
}

@media (width < 768px) {
    iframe.vertical-ratio {
        aspect-ratio: 9 / 16;
    }
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: auto;
    top: 20px;
}

.swiper-pagination-bullet {
    border: 2px solid rgba(255, 255, 255, 0.8);
    width: 20px;
    height: 20px;
}

.swiper-pagination-bullet-active {
    background-color: #008a10;
    border-color: #fff;
}