/* Based on max width */
@media (max-width: 1279px) {
    .base-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .base-card .icon-container {
        order: 1;
        margin-bottom: var(--spacing-8);
    }
    .base-card .description-container {
        order: 2;
    }
}

@media (max-width: 959px) {
    section {
        padding: var(--spacing-10) 0;
    }

    .main-button {
        padding: var(--spacing-2, 8px) var(--spacing-5, 20px);
        font-size: var(--font-size-2);
    }

    header .contact-us-btn {
        display: none;
    }

    .footer-section {
        margin-bottom: var(--spacing-7);
    }
}

@media (max-width: 599px) {
    section {
        padding: var(--spacing-7) 0;
    }

    .title-main {
        font-size: var(--font-size-5);
        line-height: var(--line-height-5);
    }

    .case-study-card .content-container .title {
        font-size: var(--font-size-4);
    }

    .home-partner-logo {
        width: 115px !important;
    }

    .pile-type-1 {
        padding: var(--spacing-1) var(--spacing-3);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

    .background-layer.navbar-blob {
        background-size: 250px;
    }
}

/* Based on min-width */
@media (min-width: 960px) {
    .left-sided-title-container {
        align-items: flex-start;
        text-align: left;
    }
}

/* Specific screen sizes */
@media (min-width: 1280px) {

}

@media (min-width: 960px) and (max-width: 1279px) {

}

@media (min-width: 600px) and (max-width: 959px) {

}

@media (min-width: 361px) and (max-width: 599px) {

}

@media (max-width: 360px) {
    .title-sub {
        font-size: var(--font-size-2);
        line-height: var(--line-height-3); 
    }

    .base-card-2 .title,
    .base-card .description-container .title {
        font-size: var(--font-size-4);
        line-height: var(--line-height-3);
        padding: var(--spacing-1);
    }
}