@media only screen and (max-width: 767px) {
    .about_banner_content{
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .about_banner_content h1{
        font-size: 20px;
        line-height: 20px;
        font-family: 'Inter-Regular';
        color: var(--white);
    }
    .redefined-content h2{
        font-size: 25px;
    }
    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 130px;
    }
    .our_history_text h2{
        font-size: 25px;
    }
    .features_content h2{
        font-size: 25px;
    }
    .card_features h3{
        font-size: 18px;
    }
    .unmatched_text h2{
        font-size: 25px;
    }
    .unmatched_content h3{
        font-size: 20px;
    }
    .redefined-content h2{
        font-size: 25px;
    }
}