/* ===== Start - Intro Section Details ===== */
.Intro-Details {
    background-image: url(../Assets/Image/Gallery/BG.jpg);
    height: 350px;
}
    @media (max-width: 768px) {
        .Intro-Details {
            height: 560px;
        }
    }


.Intro-Details h1 span {
    color: var(--orange);
}

.Intro-Details > p {
    color: var(--white);
}
/* ===== End - Intro Section Details ===== */



/* ===== Start - Branch Section ===== */
.Gallery-Wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 100px;

    padding: 0 var(--page-pad);
    margin: 45px 0 var(--section-pad) 0;
}
    @media (max-width: 1000px) {
        .Gallery-Wrapper {
            gap: 80px;
        }
    }

.Gallery-Wrapper .Heading {
    margin-bottom: -50px;
}


/* Branch List */
.Gallery-List {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.Gallery-List a {
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: var(--weight-medium);

    padding: 8px 30px;
    color: var(--white);
    background-color: var(--green);
    border-radius: 5px;
}
    .Gallery-List a:hover {
        color: var(--white);
        background-color: var(--orange);
    }
    @media (max-width: 500px) {
        .Gallery-List a {
            padding: 8px 20px;
        }
    }

    #Gallery-01, #Gallery-02, #Gallery-03, #Gallery-04, #Gallery-05, #Gallery-06, #Gallery-07, #Gallery-08, #Gallery-09 {
        scroll-margin-top: 100px;
      }


/* Gallery Heading */
.Gallery-Title {
    font-size: calc(var(--size-large) - 5rem);
    text-align: center;
    font-weight: var(--weight-medium);
    color: var(--white);
    background-color: var(--green);

    width: fit-content;
    padding: 5px 30px;
    border-radius: 3px;
    margin: 0 auto 25px auto;
}
    @media (max-width: 1000px) {
        .Gallery-Title {
            margin: 0 auto 15px auto;
        }
    }


.Gallery {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}

.Gallery a {
    width: 300px;
    aspect-ratio: 4/3;
    overflow: hidden;

    border-radius: 5px;
    cursor: pointer;
}
    @media (max-width: 1500px) {
        .Gallery a {
            width: 270px;
        }
    }
    @media (max-width: 1400px) {
        .Gallery a {
            width: 250px;
        }
    }
    @media (max-width: 1200px) {
        .Gallery a {
            width: 220px;
        }
    }
    @media (max-width: 1000px) {
        .Gallery a {
            width: 200px;
        }
    }
    @media (max-width: 500px) {
        .Gallery a {
            aspect-ratio: 4/2.2;
            width: 300px;
        }
    }

.Gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: all 0.2s ease-out;
}
    .Gallery a img:hover {
        transform: scale(1.1);
        filter: brightness(0.5);
    }


.Video-Container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* Watch More Videos Button */
.btn-More {
    font-size: calc(var(--size-large) - 5rem);
    text-align: center;
    font-weight: var(--weight-medium);
    color: var(--white);
    background-color: var(--orange);

    padding: 5px 30px;
    border-radius: 3px;
    margin: 25px 0 0 0;
}
    .btn-More:hover {
        background-color: var(--red);
    }
/* ===== End - Branch Section ===== */