/* Global Reset & Box Sizing */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
}

/* To Ensure all images fit  in their containers */
img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove extra spacing under images */
}

/* Default div styling */
div {
    margin: 0;
    padding: 0;
}
/* ========== FLEXBOX LAYOUTS ========== */

/* Industries & Education Section */
#Holder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adds spacing between elements */
    justify-content: space-between;
}

/* Industries Section */
#industries {
    width: 65%;
    margin-top: 50px;
}

/* Software Skills Section (inside Industries) */
#softwares {
    width: 100%;
    margin: 30px 0;
}

/* Education Section */
#education {
    width: 30%;
}

/* Bio & Cultural Experiences Section */
#Holder2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Bio Image */
#Bio2 {
    width: 30%;
}

#Bio2 img {
    height: 310px;
    width: 100%;
    object-fit: cover; /* Prevents distortion */
}

/* Cultural Experiences Section */
#cultural-experiences {
    width: 65%;
}

/* Recommendations & Certifications */
#Holder3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 20px;
}

/* Recommendations Section */
#Recomendations {
    width: 25%;
}

/* Certifications Section */
#Certification-section {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* ========== RESPONSIVE DESIGN ========== */

@media (max-width: 1024px) {
    /* Adjust layout for tablets */
    #Holder, #Holder2, #Holder3 {
        flex-direction: column;
        align-items: center;
    }

    #industries, #education, #cultural-experiences, #Bio2, #Recomendations, #Certification-section {
        width: 90%;
        text-align: center;
    }
}

@media (max-width: 720px) {
    /* Full-width sections for small screens */
    #industries, #education, #cultural-experiences, #Bio2, #Recomendations, #Certification-section {
        width: 100%;
    }

    /* Adjust image sizes */
    #Bio2 img {
        width: 100%;
        height: auto;
    }

    #softwares {
        margin: 15px 0;
    }
}

@media (max-width: 480px) {
    /* Adjustments for extra small screens */
    #industries, #education, #cultural-experiences, #Bio2, #Recomendations, #Certification-section {
        width: 100%;
    }

    /* Reduce image sizes */
    img {
        max-width: 100%;
        height: auto;
    }
}