/* About Us Section
--------------------------------*/
#about {
    padding: 80px 0;
}

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

        #about .about-content h2 {
            color: black;
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
        }

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

        #about .about-content h4 {
            margin-top: 50px;
            color: black;
            font-weight: 400;
            font-size: 19px;
            line-height: 30px;
            text-align: justify;
        }

        #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;
    }

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

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

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

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