/* About Us ===================================================================== */
.about-section{
    margin-bottom: 80px;
}

.about-pic{
    position: relative;
    padding-bottom: 20px;
}
.about-pic .about-title{
    color: #fff;
    clip-path: polygon(0 0, 95% 3%, 100% 100%, 0% 100%);
    background: rgba(43,74,58,0.8);
    padding: 10px 50px;
    position: absolute;
    font-weight: 600;
    bottom: 50px;
    left: 0;
}


.about-s-title{
    font-weight: 600;
    color: #527a6c;
    font-size: 24px;
}

@media (max-width: 768px) {
    .about-pic h2{
        font-size: 24px;
    }

    .about-s-title{
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .about-section{
    margin-bottom: 40px;
}
    .about-pic .about-title{
        position: relative;
        bottom: auto;
        padding: 10px 30px 10px 10px;
    }
}

/*construction*/
.construction-section {
    margin-bottom: 80px;
}
.construction-section h2{
    font-size: 24px;
    font-weight: 600;
    color: #527a6c;
    margin-bottom: 20px;
}
.construction-section ul{
    padding: 0;
}
.construction-text > div{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f0eb;
}
.construction-text > div:last-child{
    border-bottom: none;
}
.construction-text > div > p{
    font-size: 18px;
    font-weight: 600;
    padding: 0 20px;
    width: 20%;
}
.construction-text > div > ul{
    padding: 0 0 0 40px;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.construction-text > div > div{
    padding: 0 20px;
    width: 80%;
}
.construction-text > div > ul li{
    width: 50%;
}
.construction-pic{
    display: flex;
    flex-wrap: wrap;
}
.construction-pic li{
    width: 25%;
    list-style: none;
    padding: 0 5px;
}

@media (max-width: 768px) {
    .construction-text > div > ul li{ width: 100%;}
    
}
@media (max-width: 576px) {
    .construction-section {  margin-bottom: 50px;}
    .construction-text > div > p{  width: 100%; padding: 0;}
    .construction-text > div > ul{ padding: 0 0 0 20px;  width: 100%; }
    .construction-text > div > div{ padding: 0 ;  width: 100%;  }
    .construction-pic li{ width: 50%; padding: 5px;}
    .construction-text > div{margin-bottom: 10px;}
}