@media (min-width: 1200px) {
    .remote-job-circle {
        width: 220px;
    }

    .testimonials-section {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .testimonials-intro {
        text-align: left;
    }

    .testimonials-intro .main-h2 {
        font-size: 48px;
        line-height: 1.2;
        margin-bottom: 19px;
    }

    .orange-bg-box {
        right: -30px;
        top: -65px;
        transform: none;
    }

    .testimonials-intro .subtitle {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 76px;
    }

    .rating-stars {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .rating-stars img {
        max-width: 211px;
    }

    .testimonials-slider-track {
        gap: 50px;
    }

    .testimonial-card-wrapper {
        flex: 0 0 calc(50% - 25px);
        /* Two cards visible */
        width: auto;
    }

    .testimonial-card-body {
        height: 280px;
        padding: 60px 25px 20px;
        font-size: 20px;
        line-height: 1.7;
    }

    .testimonial-user-info {
        padding-left: 60px;
    }

    .user-avatar img {
        width: 70px;
        height: 70px;
    }

    .user-details .user-name {
        font-size: 26px;
    }

    .user-details .user-title {
        font-size: 18px;
    }

    .cta-section {
        margin-top: -84px;
        margin-bottom: 50px;
        position: relative;
        z-index: 10;
    }

    .cta-banner {
        padding: 84px 56px;
    }

    .cta-title {
        font-size: 48px;
        line-height: 1.2;
        /* 58px */
    }

    .cta-button {
        width: 222px;
        line-height: 68px;
        font-size: 24px;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
    }

    .jobs-header {
        padding-top: 33px;
        margin-bottom: 20px;
    }

    .jobs-header .jobs-title {
        font-size: 48px;
        line-height: 1.1;
    }

    .jobs-header .jobs-subtitle {
        font-size: 24px;
        line-height: 1.4;
    }

    .job-card-grid {
        --bs-gutter-x: 105px;
        /* Custom gap for desktop */
    }

    /* Unique positioning for each card on desktop */
    .job-card-1 {
        padding-top: 161px;
    }

    .job-card-2 {
        padding-top: 64px;
    }

    .job-card-3 {
        padding-top: 0;
        margin-top: -34px;
    }

    .join-intro-text {
        margin-bottom: 64px;
    }

    .join-intro-text .main-title {
        font-size: 48px;
        line-height: 1.05;
        margin-bottom: 16px;
    }

    .join-intro-text .highlight-text {
        font-size: 27px;
        line-height: 1.25;
        margin-bottom: 16px;
    }

    .join-intro-text .description {
        font-size: 20px;
        line-height: 1.7;
        max-width: 610px;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-bottom {
        font-size: 22px;
    }
    .nuxt-icon-floating svg {
        width: 96px;
        height: 96px;
    }
    .main-h4-fw {
        font-size: 24px;
    }
    .jobs-section {
        padding-block: 50px;
    }
    .remote-benefits-text {
        left: 145px;
    }
}

@media (max-width: 991px) {
    .remote-benefits-card {
        width: 100px !important;
        height: 90px !important;
        font-size: 1rem;
    }

    .remote-benefits-side-img {
        height: 90px !important;
    }
    
.job-card-grid {
    grid-template-columns: 1fr;
}
}


@media (max-width: 767px) {
    .btn-common {
        padding: 10px 16px;
        font-size: 16px;
        min-width: max-content;
    }
    .join-form-card {
        padding: 30px 20px;
    }
    .remote-benefits-text {
        font-size: 20px;
    }
    .orange-bg-box {
        display: none;
    }
    .remote-benefits-section {
        padding-block: 20px 30px;
    }
    .remote-benefits-icon {
        min-width: 50px;
        min-height: 50px;
    }
    .main-h6 {
        line-height: 24px;
    }
    .hero-content-wrapper .main-h5 {
        font-size: 16px;
        line-height: 1.2em;
    }
    .remote-section-bg {
        height: 520px;
    }
    .hero-ban {
        height: calc(100% - 160px);
    }
    .main-h1 {
        font-size: 2rem;
        line-height: 1em;
    }

    .main-h2 {
        font-size: 1.7rem;
        line-height: 1.4em;
    }

    .main-h3 {
        font-size: 1.3rem;
        line-height: 1.2em;
    }

    .main-h4 {
        font-size: 1.1rem;
    }

    .main-h5 {
        font-size: 1rem;
        line-height: 1.3em;
    }

    .main-h6 {
        font-size: 0.9rem;
    }

    .remote-work-freedom-hero {
        min-height: 70vh;
    }

    .hero-content-wrapper {
        padding: 60px 0;
    }

    .hero-main-title {
        margin-bottom: 1rem;
    }

    .hero-subtitle {
        margin-bottom: 2rem;
    }

    .remote-benefits-text-box,
    .remote-benefits-image-box {
        height: 120px;
    }
    
    .cta-banner .main-h2 {
        font-size: 12px;
        line-height: 1.2em;
    }
}

@media (max-width: 576px) {
    .remote-work-freedom-hero {
        min-height: 60vh;
    }

    .hero-content-wrapper {
        padding: 40px 0;
    }
}