/* Responsive Styles */

/* Large Screens (1200px and up) */
@media (min-width: 1200px) {
    .intro-header { font-size: 4rem; }
}

/* Medium Large Screens (992px to 1199px) */
@media (min-width: 992px) {
    .intro-header { font-size: 3.4rem; }
    .form-container { border-left: 2px solid #000000; }
}

/* Medium Screens (768px to 991px) */
@media (max-width: 992px) {
    .intro-header { font-size: 3rem; }
    .slide-content { margin: 0 30px; }
    .swiper-navBtn::before,
    .swiper-navBtn::after {
    font-size: 35px;
    }
}

/* Small Screens (576px to 767px) */
@media (max-width: 768px) {
    .intro-header { font-size: 2.6rem; }
    .popup { font-size: 1.25rem; }
    .slide-content { margin: 0 10px; }
    .swiper-navBtn { display: none; }
    .swiper-pagination { left: 52% !important; }
}

/* Extra Small Screens (up to 575px) */
@media (max-width: 576px) {
    .intro-header { font-size: 2.3rem; }
    .intro-paragraph { font-size: 1rem !important; }
}

/* Mobile Screens (up to 450px) */
@media (max-width: 450px) {
    .opnions-left-section { margin-bottom: 1.5rem !important; }
    .video-container { aspect-ratio: 5 / 7; }
}

/* Tiny Screens (up to 350px) */
@media (max-width: 350px) {
    .section-header { font-size: 2.5rem; }
    .section-header::before { width: 240px; }
    #partners-title { font-size: 2.5rem; }
}