.gcl-side-by-side-block {
    background: var(--gcl-bg, transparent);
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.gcl-side-by-side-block .gcl-container {
    max-width: calc(var(--bs-container) * var(--gcl-content-width));
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-left: auto;
    margin-right: auto;
}

.gcl-side-by-side-block .gcl-heading ~ .gcl-row {
    margin-top: 47px;
}

.gcl-side-by-side-block .gcl-col-media img {
    border-radius: var(--br-10);
}

.gcl-side-by-side-block .gcl-col-content {
    margin-top: 25px;
    margin-bottom: 25px;
}

.gcl-side-by-side-block .gcl-content-inner {
    max-width: 424px;
    margin-left: auto;
    margin-right: auto;
}

.gcl-side-by-side-block .gcl-col-content .gcl-Fill-buttons-wrapper {
    margin-top: 30px;
}

@media (min-width:360px) and (max-width:767px) {
    .gcl-side-by-side-block .gcl-container {
        --bs-gutter-x: 4.688rem;
    }
}

@media(min-width:768px) {
    .gcl-side-by-side-block {
        padding-top: var(--gcl-padding-top, 40px);
        padding-bottom: var(--gcl-padding-bottom, 40px);
    }

    .gcl-side-by-side-block .gcl-heading ~ .gcl-row {
        margin-top: clamp(2.938rem, 4.601vw + 0.729rem, 6.25rem); /* fluid 100px */
    }

    .gcl-side-by-side-block .gcl-col-media img {
        border-radius: var(--br-30);
    }

    .gcl-side-by-side-block .gcl-col-content {
        font-size: var(--fs-20);
    }

    .gcl-side-by-side-block .gcl-col-content .title-heading {
        margin-bottom: 20px;
    }
}

@media (min-width:1200px) {
    .gcl-side-by-side-block {
        margin-top: var(--gcl-margin-top, 0);
        margin-bottom: var(--gcl-margin-bottom, 0);
    }
}