.about-tabs .MuiTab-wrapper {
    justify-content: flex-start !important;
    text-align: left;
    flex-direction: unset !important;
}

.about-tabs .MuiTabs-flexContainer{
    width: 245px;
}
.about-tabs .MuiButtonBase-root {
    color: #000 !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 15px !important;
    margin-bottom: 20px;
}

.about-tabs .MuiTabs-root{
    overflow: unset;
}
.about-tabs {
    margin: 100px 0px;
    gap: 100px;
}


@media only screen and (max-width: 1300px){
    .about-tabs{
        gap: 50px;
    }
}

@media only screen and (max-width: 700px){
    .about-tabs{
        gap: 10px;
    }
}

@media only screen and (max-width:600px){
    .about-tabs {
        flex-direction: column;
    }
    .about-tabs .MuiTabs-flexContainer {
        width: 245px;
        flex-direction: row;
    }
    .about-tabs .MuiTabs-scroller{
        overflow: scroll !important;
    }
}