#about {
    padding: 70px 0
}

#about .about-content {
    padding-top: 40px
}

#about .about-content h2 {
    color: #413e66;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

#about .about-content h3 {
    color: #696592;
    font-weight: 400;
    font-size: 22px;
    font-style: italic
}

#about .about-content ul {
    list-style: none;
    padding: 0
}

#about .about-content ul li {
    padding-bottom: 10px
}

#about .about-content ul li i {
    font-size: 20px;
    padding-right: 4px;
    color: #1bb1dc
}

#about .about-img {
    position: relative;
    margin: 30px 30px 30px 30px;
}

@media (max-width: 700px) {
    #about .about-img {
       
        margin: 100px
    }
   }

   @media (max-width: 500px) {
    #about .about-img {
       
        margin: 250px 40px 40px 40px;
    }
   }

#about .about-img img {
    width: 100%;
    border: 8px solid #fff;
    transition: .5s
}

#about .about-img img:hover {
    width: 100%;
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

#about .about-img::before {
    position: absolute;
    left: -31px;
    top: -30px;
    width: 90%;
    height: 92%;
    z-index: -1;
    content: '';
    background-color: #ebf1fa;
    transition: .5s
}

#about .about-img::after {
    position: absolute;
    right: -31px;
    bottom: -30px;
    width: 90%;
    height: 92%;
    z-index: -1;
    content: '';
    background-color: #ebf1fa;
    transition: .5s
}