.core-v2-icon-text-callout {
    margin-bottom: var(--space-10);
    text-align: center;

    .inner,
    .img-cont,
    .slide-img {
        width: 100%;
        min-height: 375px;
    }

    .inner {
        position: relative;

        .img-cont {
            &::before {
                content: '';
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
                position: absolute;
                inset: 0;
                z-index: 1;
            }
        }

        .content-section {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 2;
            padding: 1.875rem;
            max-width: 50.625rem;
            margin-inline: auto;

            .info-flag,
            .slide-desc,
            .slide-title-text {
                display: block;
                line-height: 1.2;
                color: var(--white);
            }

            .info-flag {
                font-family: var(--font-noka);
                font-size: var(--text-lg);
                font-weight: var(--font-weight-semibold);
            }

            .slide-title-text {
                font-family: var(--font-noka);
                font-size: var(--text-3xl);
                font-weight: var(--font-weight-extrabold);
                margin-bottom: var(--space-2);
            }

            .slide-desc {
                font-size: var(--text-sm);
                font-weight: var(--font-weight-normal);
                margin-bottom: var(--space-5);
            }

            .icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 3.5rem;
                height: 3.5rem;
                border-radius: var(--rounded-circle);
                background-color: var(--green);
                color: var(--white);
                font-size: var(--text-3xl);
                font-weight: var(--font-weight-light);
                line-height: 1.5;
                margin-bottom: var(--space-5);
            }


        }
    }

    @media (min-width:64em) {

        .inner,
        .img-cont,
        .slide-img {
            max-height: 450px;
        }

        .inner .content-section {
            .info-flag {
                font-size: var(--text-2xl);
            }

            .slide-title-text {
                font-size: var(--text-6xl);
            }

            .slide-desc {
                font-size: var(--text-lg);
            }
        }
    }
}