/* body {
    margin-bottom: 5000px;
} */


/* About Section 01 Start */

.about__section__01 {
    padding: 6rem 0rem 1.5rem 0;
}

.about__section__styles {
    text-align: center;
}

.about__section__styles h1 {
    font-size: var(--size-4xl);
    font-weight: 600;
}

/* .about__section__styles p {
    font-size: var(--size-sm);

    margin-top: 0rem;
    padding: 0 5%;
} */

.about__section__01__description {
    font-size: var(--size-sm);

    margin-top: 0rem;
    padding: 0% 8%;
}


/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
@media (min-width: 768px) {

    .about__section__01 {
        padding: 8rem 0rem 6rem 0;
    }

    .about__section__styles h1 {
        font-size: var(--size-7xl);
        font-weight: 600;
    }

    
    .about__section__01__description {
        font-size: var(--size-base);
    }
}

/* lg */
/* @media (min-width: 1024px) {} */

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */


/* About Section 01 End */
/* About Section 02 Start */

.about__section__02__wrapper {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 2rem 0;

    padding: 1.5rem 0;
}

.about__section__02__image img {
    border-radius: 20px;
    box-shadow: 0 0 80px -60px var(--clr-white);
    border: 3px solid var(--clr-black);
    filter: saturate(1.4);

    transition: all 0.5s;
}

.about__section__02__image img:hover {
    box-shadow: 0 0 80px -40px var(--clr-white);
    border: 3px solid var(--clr-green);
    transform: scale(1.01);
    filter: saturate(1.9);
}

.about__section__02__text {
    font-size: var(--size-base);
    text-align: justify;
}


/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
/* @media (min-width: 768px) {
} */

/* lg */
@media (min-width: 1024px) {
    .about__section__02__text {
        font-size: var(--size-xl);
    }

    .about__section__02__wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-items: center;
        gap: 0 4rem;
    }
}

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */

/* About Section 02 End */
/* Vision__Mission Start */



.about__section__vision {
    padding: 3rem 0 1rem 0;
}

.vision__mission__hr__line {
    margin: 0 auto;
    width: 150px;
    border: 2px solid var(--clr-blue);
}

.about__section__mission {
    padding: 2rem 0 1.5rem 0;
}

.about__section__vision__description,
.about__section__mission__description {
    font-size: var(--size-sm);
    padding-top: 1rem;
}



/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
/* @media (min-width: 768px) {} */

/* lg */
@media (min-width: 1024px) {

    .about__section__vision {
        padding: 6rem 0 3.5rem 0;
    }
    
    .vision__mission__hr__line {
        width: 300px;
    }
    
    .about__section__mission {
        padding: 3.5rem 0 6rem 0;
    }

    .about__section__vision__description,
    .about__section__mission__description {
    font-size: var(--size-base);
}
}

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */

/* Vision__Mission End */