.about-div {
    padding: .5rem;
    place-self: center;
    

    h3{
        font-weight: 400;
        font-size: 1rem;
        opacity: .9;
    }
}




.img-hide-desktop {
    display: none;
}

span {
    color: white;
    border-radius: 16px;
}

.about-page-main1 {
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    
    .about-text {
        position: absolute;
        margin-top: 4rem;
        z-index: 99;
    }


    h1 {
        font-size: 3.4rem;
        font-weight: 500;
        line-height: .9;
        color: white;
        
    }

    p {
        opacity: .9;
        margin-top: 1.2rem;
        max-width: 600px;
        line-height: 1.4;
        color: white;
        font-size: 1.2rem;
    }
}

.main-stat-box {
    margin: 4.6rem 3rem;
    background-color: rgb(250, 250, 250);
    gap: 10px;
    

    .main-stat {
        background-color: white;     
        margin: 30px;
        border-radius: 8px;
    }
}

.about-img {
    display: flex;
    justify-content: center;
    
    img {
        background: linear-gradient(to bottom, transparent 0%,rgba(0, 0, 0, 0.8));
        width: 100%;
        border-radius: 26px;
        filter: brightness(.7);
        z-index: -1;
        overflow: hidden;
    }
}

#solutions {
    margin: 1.2rem
}

.mission-vision {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    margin: 4rem 1.2rem
}

.mission, .vision {

    .mission-logo {
        background-color: rgb(146, 230, 146);
        height: 30px;
        width: fit-content;
        padding: 8px;
        border-radius: 50%;

        img {
            height: 100%;
        }
    }

    .vision-logo {
    
        background-color: rgb(146, 230, 146);
        height: 30px;
        width: fit-content;
        padding: 8px;
        border-radius: 50%;

        img {
            height: 100%;
        }

        
    }

    p {
        max-width: 400px;
        opacity: .7;
    }
}

.vision h3, .mission h3{
    font-size: 2rem;
    padding: 1rem 0;
}

.about-page-venture {
    display: grid;
    justify-items: center;
    margin: 1.2rem;

    p {
        max-width: 700px;
        line-height: 22px;
        margin: 1.4rem 0;
        opacity: .8;
    }

    .venture-logo {
        background-color: rgb(146, 230, 146);
        height: 40px;
        width: fit-content;
        padding: 8px;
        border-radius: 50%;

        img {
            height: 100%;
        }
    }
}



@media(width < 880px) {

    .hide-tab {
        display: none;
    }

    

    .about-img-tab {
        display: flex;
        justify-content: center;
        
        
        img {
            width: 100%;
            height: 600px;
            filter: brightness(.7);
        }
    }
    
}

@media (width < 440px) {

    .main-stat-box {
        margin: 4.6rem 1.6rem;
        background-color: rgb(250, 250, 250);
        gap: 10px;
    }

    .about-img-tab {
        
        img {
            display: none;
        }
    }
    

    .img-hide-desktop {
        display: block;
    }


    .about-img-mobile {
        display: flex;
        justify-content: center;
        
        
        img {
            width: 100%;
            height: 100%;
            filter: brightness(.7);
        }

    
        .aboutpage-1-h1 {
           font-size: 1.2rem;
        }
    
    }

    .about-page-main1 {
        p {
            font-size: 1rem;
        }
    }
}