/* ---------------------------------------------------------------- */
/* 01.About Section                     
/* ---------------------------------------------------------------- */

.about-section{
    position: relative;
    margin: 0 0 20px;
}

.about-section .about-content-wrapper{
    margin-top: 20px;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid var(--gray);
    background: var(--white);
}

.about-section .about-content-wrapper .about-heading h1{
    font-size: 24px;
    font-weight: 600;
}

.about-section .about-content-wrapper .about-desc p{
    margin-top: 20px;
    line-height: 27px;
}


/* --------------------------------------------------------------------------------- */
/* ------------------------- About Section Responsive ------------------------- */
/* --------------------------------------------------------------------------------- */

/* ---- Min-Widht: 992px To Max-Width: 1199px ---- */
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .about-section .about-content-wrapper .about-heading h1{
        font-size: 22px;
    }
}

/* ---- Min-Widht: 768px To Max-Width: 991px ---- */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .about-section .about-content-wrapper .about-heading h1{
        font-size: 22px;
    }
}

/* ---- Max-Width: 768px ---- */
@media only screen and (max-width: 768px){
    .about-section .about-content-wrapper .about-heading h1{
        font-size: 16px;
    }
    .about-section .about-content-wrapper .about-desc p{
        font-size: 14px;
    }
}