.about-section-1{
    margin: 30px 0 80px;
    display: flex;
    flex-wrap: wrap;
}
.about-section-1 .about-pic{width: 50%;padding: 0 20px 0 0;}
.about-section-1 .about-text{width: 50%;background: #fff; padding: 20px 30px;border-top: 15px solid rgba(18,85,138,.3); border-right: 15px solid rgba(18,85,138,.5);}

.about-section-2{
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
}
.about-section-2 .about-pic{width: 50%;order: 2;padding-left: 20px;}
.about-section-2 .about-text{width: 50%;background: #fff;padding: 20px 30px;order: 1; border-top: 15px solid rgba(255,223,0,.3); border-left: 15px solid rgba(255,223,0,.5);}

.about-section-3{position: relative;margin-bottom: 80px;}
.about-section-3 .about-text{width: 90%;text-align: center;background: rgba(18,85,138,.8);padding: 3% 12%;color: #fff;font-weight: 600;}
.about-section-3 .about-text::after{content: "";width: 20%;height: 100px;position: absolute;bottom: -50px;right: 0;background: #1a74bc;z-index: -1;}
@media (max-width: 992px) {
    .about-section-1{padding-bottom: 0;margin-bottom: 30px;border-top: 15px solid rgba(18,85,138,.3); border-right: 15px solid rgba(18,85,138,.5);
    }    
  .about-section-1 .about-pic{width: 100%;padding: 0;}    
  .about-section-1 .about-text{width: 100%;position: relative;margin: 0;border: none;}    
  .about-section-2{padding-bottom: 0;margin-bottom: 30px; border-top: 15px solid rgba(255,223,0,.3);  border-left: 15px solid rgba(255,223,0,.5);} 
  .about-section-2 .about-pic{width: 100%;margin-left: 0%;padding: 0;}
  .about-section-2 .about-text{width: 100%;position: relative;margin: 0;border: none;}     
}

@media (max-width: 576px) {
  .about-section-1{
    border-top: 7px solid rgba(18,85,138,.3);
    border-right: 7px solid rgba(18,85,138,.5);
}    
  .about-section-1 .about-text{padding: 10px;}    
  .about-section-2{
    border-top: 7px solid rgba(255,223,0,.3);
    border-left: 7px solid rgba(255,223,0,.5);  
}    
  .about-section-2 .about-text{padding: 10px;}    
  .about-section-3 .about-text{width: 100%;padding: 10px 15px;}
  .about-section-3 .about-text::after{content: "";width: 10%;height: 40px;bottom: -20px;right: -10px;}    
}