@media (max-width: 1024px) {
    .about_leadership_container {
        padding: 0 75px;
    }

    .about_leadership_row {
        align-items: flex-start;
    }

    .about_leadership_title_row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .about_leadership_title {
        font-size: 30px;
    }

    .about_leadership_image {
        width: 350px;
    }

    .about_team_row {
        grid-template-columns: repeat(4, 1fr);
    }

    .about_our_approach_row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .about_hero_section {
        padding: 200px 0 200px 0;
    }

    .about_msmes_matter_card {
        margin-top: 80px;
    }

    .about_leadership_row {
        flex-direction: column;
    }

    .about_leadership_image {
        width: 100%;
    }

    .about_leadership_image_col {
        width: 100%;
    }

    .about_team_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .about_our_approach_row {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 480px) {
    .hero_title_secondary {
        font-size: 25px;
        line-height: 30px;
    }

    .hero_description_secondary {
        font-size: 14px;
    }

    .about_hero_button {
        width: 90%;
    }

    .hero_secondary_btn {
        width: 100%;
    }

    .about_who_we_are_section {
        padding: 10px 30px 50px 30px;
    }

    .about_who_we_are_header {
        align-items: center;
    }

    .about_who_we_are_section_title, .about_our_approach_section_title {
        text-align: center;
        font-size: 25px;
        line-height: 35px;
    }

    .about_who_we_are_section_subtitle, .about_team_section_subtitle, .about_our_approach_section_subtitle {
        text-align: center;
        font-size: 14px;
    }

    .about_msmes_matter_card {
        margin-top: 50px;
        padding: 30px;
    }

    .about_msmes_matter_card_title, .about_team_section_title {
        font-size: 25px;
    }

    .about_leadership_team_section {
        padding: 50px 0px;
        gap: 75px;
    }

    .about_leadership_container {
        padding: 0 30px;
    }

    .about_leadership_content_col {
        gap: 20px;
    }

    .about_team_row {
        grid-template-columns: repeat(1, 1fr);
    }

    .about_our_approach_section {
        padding: 50px 30px;
    }

    .about_our_approach_content {
        padding: 50px 10px 0px 10px;
    }
}