/* ==========================================
   INNOVOPRISM ABOUT CMS SEGMENT
   Desktop image: 470 x 584 px
========================================== */

.about-two { overflow: hidden; }
.about-two .row { align-items: center; }
.about-two__content { width: 100%; max-width: 100%; }
.about-two__text,
.about-two__item__text { line-height: 1.8; }
.about-two__item__title { word-break: break-word; }
.about-two__item__text { margin-bottom: 0; }

/* Do not show a broken shape before an image is selected in CMS. */
.about-two__image__shape[src=""] { display: none !important; }

@media (min-width: 1200px) {
    .about-two__image {
        position: relative;
        width: 470px;
        max-width: 470px;
        margin-left: auto;
        margin-right: 0;
        overflow: visible;
    }

    .about-two__image__one {
        display: inline-block;
        width: 470px;
        max-width: 470px;
    }

    .about-two__image__one img {
        display: block;
        width: 470px !important;
        max-width: 470px !important;
        height: 584px !important;
        object-fit: cover;
        border-radius: 20px;
    }

    .about-two__image__shape {
        display: block;
        position: absolute;
        width: 237px;
        max-width: 237px;
        height: auto;
        left: -120px;
        bottom: -22px;
        object-fit: contain;
    }
}

@media (max-width: 1199px) {
    .about-two__image {
        position: relative;
        width: min(100%, 470px);
        max-width: 470px;
        margin: 0 auto;
    }

    .about-two__image__one { width: 100%; }

    .about-two__image__one img {
        display: block;
        width: 100%;
        max-width: 470px;
        height: auto;
        margin: 0 auto;
    }

    .about-two__image__shape { display: none; }
}

@media (max-width: 767px) {
    .about-two__item-grid { grid-template-columns: 1fr; }
    .about-two__text,
    .about-two__item__text { text-align: left; }
    .about-two__image { width: min(100%, 360px); max-width: 360px; }
}