.about-banner {
    margin-top: 100px;
    
}
.about-banner-container {
    border: 1px solid transparent;
    background: url('../images/about/about.png');
    background-position: 100px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
    transform: rotateY(180deg);

}

.about-banner-content {
    margin-top: 130px;
    transform: rotateY(-180deg);
    color: var(--headerclr);
    letter-spacing: 2px;
}

.about-content-container img{
    object-fit: contain;
}

.about-content-container p {
    line-height: 30px;
    /* text-transform: lowercase; */
}

.align-mobile {
    margin-left: 3rem;
}

.logo-watermark:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    background: url('../images/logo.png');
    background-size: 500px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: 2;
}


@media (max-width: 450px) {
    .align-mobile {
        width: 20rem;
        margin-left: 0rem;
    }
}

@media (max-width: 997px) {
    .about-banner-content {
        margin-top: 30px;
    }

    .align-mobile {
        width: 15rem;
        margin-left: 0rem;
    }

    .about-banner-container {
        height: 150px;
        background-position: 0px 0px;
    }
}


@media (max-width: 1000px) {
    .about-content {
        margin-top: 100px;
    }

    align-mobile {
        width: 25rem;
        margin-left: 0rem;
    }
}