﻿.two-column{padding:2rem 0}
.two-column .wrapper-sm .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.two-column .wrapper-sm .grid.left-grid .left{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
@media(max-width:768px){.two-column .wrapper-sm .grid{grid-template-columns:1fr}
.two-column .wrapper-sm .grid.left-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}.two-column .wrapper-sm .grid .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;color:var(--color_body-text)}
.two-column .wrapper-sm .grid .left.text-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.two-column .wrapper-sm .grid .left a:not(.primary-button),.two-column .wrapper-sm .grid .left a:not(.secondary-button){text-decoration:underline;color:var(--color_text-light-purple)}
.two-column .wrapper-sm .grid .left h2{color:var(--color_bg-purple);font-size:24px}
.two-column .wrapper-sm .grid .left p{font-weight:300}
.two-column .wrapper-sm .grid .right.text-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.two-column .wrapper-sm .grid .right .embed-container{padding:16px;background:-webkit-gradient(linear,left top,left bottom,from(#5158a7),to(#4b2c58));background:linear-gradient(#5158a7,#4b2c58);border-radius:24px}
.two-column .wrapper-sm .grid .right .embed-container iframe{width:100%;border-radius:12px;height:100%;min-height:260px;max-height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-o-object-fit:cover;object-fit:cover}
.two-column .wrapper-sm .grid .right figure picture{height:clamp(329px,25vw,495px);display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.two-column .wrapper-sm .grid .right figure picture.fit-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
@media(max-width:768px){.two-column .wrapper-sm .grid .right figure picture{width:100%}
}.two-column .wrapper-sm .grid .right figure picture img{-o-object-fit:contain;object-fit:contain;border-radius:18px;-o-object-position:top;object-position:top}
.two-column .wrapper-sm .grid .right figure picture img.cover{-o-object-fit:cover;object-fit:cover}