/**
 * About area left/right panel — scoped tweaks.
 * Layout and Oxygen classes (.left-right-panel, .ct-section, etc.) come from theme / universal.css.
 */

.about-area-left-right-panel {
	text-align: left;
    display: flex;
    flex-direction: row;
    gap: var(--space-175x);
    align-items: center;
}

.left-right-panel-left {
    width: 55%;
}

.left-right-panel-right {
	color: #ffffff;
    width: 45%;
}

/* Match site-wide red rounded CTAs (regbc-styles.css `.btn.btn-secondary`, min-width 300px). */
.about-area-left-right-panel .regbc-aalr__about-link-wrap {
	margin: var(--space-075x) 0 0;
}

.about-area-left-right-panel a.regbc-aalr__about-link.btn.btn-secondary {
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.left-right-panel-left img {
    aspect-ratio: 814 / 596;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 991px) {
    .about-area-left-right-panel {
        flex-direction: column;
        display: flex;
        gap: var(--space-075x);
    }

    .left-right-panel-left,
    .left-right-panel-right {
        width: 100%;
    }

    .left-right-panel-left img {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}