/*  ===  ABOUT  ===
******************************************* */
.section-about {
    align-items: center;
    /* padding-bottom: 9rem; */
    /* padding: 0 0.5rem 0 0.5rem; */
}

.aboutUs,
.about-photo {
    justify-self: center;
    max-width: 100%;
}

.aboutUs {
    padding-right: 12%;
}

.aboutUs .h2 {
    margin-bottom: 4.6rem;
}

.about-description {
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.btn-aboutUs {
    text-align: right;
    margin-top: 4.8rem;
}


/*  ===  image effects clear-effect  ===  */
.clear-effect {
    position: relative;
}

.clear-effect::before {
    right: 0;
    opacity: 1;
    top: 0;
}

.clear-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0;
}

.clear-effect::before,
.clear-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    transition: all 1s ease;
}

.clear-effect:hover::after,
.clear-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
    /* transition: all 2s ease; */
}