/*   
Theme Name: PathSoft
Theme URI: https://www.templatemonster.com/wordpress-themes/pathsoft-it-solutions-for-your-business-services-wordpress-theme-99496.html
Author: Koval Web
Author URI: https://www.templatemonster.com/vendors/kovalweb
Description: The Template is created for web template
Tags: html5, css3, sass, gulp, bootstrap grid
Version: 1.9.0
*/
.about-imgs {
    position: relative;
}

.about-imgs.about-imgs-reverse .about-media-item {
    margin-left: auto;
}

.about-imgs-2,
.about-imgs-3 {
    padding-bottom: 30%;
}

.about-imgs-2 .about-media-item,
  .about-imgs-3 .about-media-item {
    width: 65%;
}

.about-imgs-2.about-imgs-reverse .about-media-item:nth-child(2),
  .about-imgs-3.about-imgs-reverse .about-media-item:nth-child(2) {
    right: inherit;
    left: 0;
}

.about-imgs-2 .about-media-item:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
}

.about-imgs-3 {
    padding-top: 30%;
}

.about-imgs-3 .about-media-item:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.about-imgs-3 .about-media-item:nth-child(3) {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60%;
}

.about-media-item {
    position: relative;
    cursor: pointer;
}

.aii-item {
    display: flex;
    margin-bottom: 1.25rem;
}

.aii-item:last-child {
    margin-bottom: 0;
}

.aii-item .material-icons {
    color: var(--main-color);
}

.aii-item-details {
    padding-left: 1.5rem;
}

.aii-item-details .item-heading {
    margin-bottom: 0.25rem;
}

.aii-item-details p {
    color: var(--text-secondary);
    margin: 0;
}

.about-footer-btns {
    margin-top: 2.25rem;
}