.hero-container-global {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 5rem;
    width: 100dvw;
}

.aboutus {
    background-image: url('../images/aboutus.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 66vh !important; /* Height ko bada diya */

    /* aspect-ratio: 9 / 9; */
}


.dynamic-content {
    width: 100%;
    padding-bottom: 0 !important;
    border-bottom: 3px solid var(--primary-color);
    display: flex;
    gap: 0rem;
}

.dynamic-content button {
    width: 50%;
    padding-block: 1.5rem;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: larger;
    background-color: transparent;
    transition: all ease-in-out .3s;
}

.dynamic-content .active {
    background-color: var(--primary-color);
    color: var(--white-color);
}