.image-content-section {
    isolation: isolate;
    padding-block: 65px 125px;
    overflow-x: clip;
}
.image-content-section .wrapper {
    overflow-x: hidden;
    position: relative;
    z-index: 2;
}

.section-glow {
    position: absolute;
    width: 17%;
    height: 80%;
    left: -130px;
    top: -60px;
    background-color: var(--color-secondary-light);
    filter: blur(242px);
    border-radius: 600px;
    opacity: 0.6;
    z-index: 1;
    pointer-events: none;
}

/* Right image variant */
.image-content-section.image-right .section-glow {
    left: auto;
    right: -180px;
    top: 0;
}
/* .image-content-section::before {
    content: "";
    width: 17%;
    height: 79.7%;
    position: absolute;
    left: -130px;
    border-radius: 600px;
    background-color: var(--color-secondary-light);
    filter: blur(242px);
    top: -60px;
    bottom: unset;
    z-index: -1;
    opacity: 0.6;
} */

/* .image-content-section.image-right::before {
    right: -200px;
    left: unset;
    top: 0;
} */

.image-right .image-content-wrap {
    flex-direction: row-reverse;
}

.image-content-left-col {
    width: 48%;
}

.image-content-right-col {
    width: 47%;
}

.showcase-image-wrap {
    padding-top: 83.1%;
    max-width: 479px;
    clip-path: polygon(100% 0, 100% 93%, 92% 100%, 0 100%, 0 0);
}

.image-right .image-wrap {
    margin-inline-start: auto;
}

.image-content-title {
    line-height: 1.25;
    margin: 0 0 48px 0;
}

.image-content-button {
    margin: 40px 0 0 0;
}
.full-image-content-wrap {
	margin: 40px 0 0 0;
}

@media screen and (max-width: 1600px) {
    .image-content-section {
        padding-block: 60px 105px;
    }

    .showcase-image-wrap {
        margin-inline-start: auto;
        margin-inline-end: unset;
        padding-top: 100%;
    }

    .image-content-wrap {
        justify-content: center;
        gap: 0 30px;
    }

    .image-content-left-col {
        width: 40%;
    }

    .image-content-right-col {
        width: 50%;
    }

    .image-content-title {
        margin: 0 0 38px 0;
    }

}

@media screen and (max-width: 1366px) {
    .image-content-section {
        padding-block: 50px 60px;
    }

    .image-content-section::before {
        width: 10.9%;
    }

    .image-content-wrap {
        gap: 0 20px;
    }

    .image-content-title {
        margin: 0 0 28px 0;
    }

    .image-content-left-col,
    .image-content-right-col {
        width: 48%;
    }

    .image-content-wrap {
        gap: 0 10px;
    }

    .image-content-title {
        margin: 0 0 23px 0;
    }
}

@media screen and (max-width: 991px) {
    .image-content-section.image-full-lg {
        padding-top: 0;
    }

    .image-full-lg .image-content-left-col,
    .image-full-lg .image-content-right-col {
        width: 100%;
    }

    .image-full-lg .image-content-box {
        padding-top: 50px;
    }

    .image-full-lg .showcase-image-wrap {
        margin-inline-end: auto;
        padding-top: 60%;
        max-width: 60% !important;
    }
}

@media screen and (max-width: 768px) {
    .image-full-lg .image-content-box {
        padding-top: 0;
    }

    .image-content-section {
        padding-block: 30px 60px;
    }

    .image-content-section::before {
        height: 100%;
    }


    .image-content-left-col,
    .image-content-right-col {
        width: 100%;
    }

    .image-content-right-col {
        order: -1;
    }

    .image-content-wrap {
        gap: 40px 10px;
    }

    .showcase-image-wrap {
        padding-top: 65%;
        margin-inline: auto;
        max-width: 55%;
    }

    .image-content-button {
        margin: 30px 0 0 0;
    }
    .full-image-content-wrap {
        margin: 30px 0 0 0;
    }
}

@media screen and (max-width: 640px) {
    .image-content-section {
        padding-block-end: 40px;
    }

    .image-content-title {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .showcase-image-wrap {
        padding-top: 90%;
        max-width: 80%;
    }
}