.about-container{
    width: 100%;
    display: flex;
    justify-content: center;
}
.about-container .content{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px   ;
    padding: 20px;
   
}
.about-container .content p:nth-child(1){
    font-size: 20px;
    font-weight: bolder;
    color: #044697;
    width: 100%;
    text-align: justify;
}
.about-container .content p
{width: 100%;
    text-align: justify;
    color: black;
}
    .about-container .content button {
        width: 160px;
        padding: 10px;
        background-color: #B4181E;
        color: white;
        border: none;
        cursor: pointer;
    }


@media(max-width:780px){
    .about-container .content{
        padding: 2px;
         gap: 10px   ;
    }
}