#page2{
    height: fit-content;
    width: 100%;
    position: relative;
overflow: hidden;
    /* background: #0000005d; */
}

#page2 #marquee{
    min-width:max-content;
    height: 200px;
    display: flex;
    /* overflow-x: scroll; */

    /* background: #000; */
    gap: 40px;
position: relative;
    animation: marquee 25s linear 0s infinite  ;
}

#page2 #marquee h1{
    font-size: 7vw;
    flex-shrink: 0;
    color: rgb(0, 0, 0);
    transition: color 0.1s 0.1s ease-in-out;

    -webkit-text-stroke:rgba(255, 255, 255, 0.63) ;
    -webkit-text-stroke-width: 3px;
}

#page2 #marquee h1:hover{
    color: #95c11e;
    -webkit-text-stroke:transparent;
}

@keyframes marquee {
    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(calc(-50% - 20px ));
    }
    
}


#page2 #about-us{
    height: 70vh;
    width: 100%;
/* background: #000000; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    gap: 30px;
    color: white;

    padding: 20px;
}
#page2 #about-us #p2 {
    width: 50%;

}
#page2 #about-us #p2 h2{
    font-size: 50px;
    text-align: center;
}#page2 #about-us #p2 p{
    font-size: 20px;
    text-align: center;

    margin: 20px 0px;
}


#page2 #about-us #img-wrapper{
    height: 70%;
    width: 30%;
     display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* background: #5a3f3f; */
}

#page2 #about-us #img-wrapper img {
    height: 50%;
    object-fit: contain;

    /* height: 100%;/ */
    width: 90%;
}