.accordion-left { width: 47.5%; height: calc(100vh - 72px); padding: 60px 0; }
.accordion-right { width: 52.5%; padding-left: 5%; padding-top: 0; }
.accordion-column + .accordion-column { margin-top: 16px; }
.accordion-column { background: transparent; border-radius: 20px; transition: background-color 0.3s ease; }
.accordion-column.is-active { background-color: var(--views-surface-green); }
.accordion-head { padding: 26px 32px; font-size: 32px; line-height: 1.3; color: var(--views-green); cursor: pointer; }
.accordion-content { height: auto; overflow: hidden; }
.accordion-column:not(.is-active) .accordion-content { height: 0; }
.accordion-content-inner { padding: 0 32px 26px; font-size: 16px; color: var(--views-green); }
.accordion-image-hold { width: 100%; height: 100%; position: relative; }
.accordion-image-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 30px; overflow: hidden; }
.accordion-image-inner img { width: 100%; height: 100%; object-fit: cover; }
.no-images .accordion-left { display: none; }
.no-images .accordion-right { width: 100%; padding: 40px 0 0; max-width: 756px; margin: 0 auto; }
/* ====================================================== 
! Extra large devices (large desktops, less than 1600px)
====================================================== */
@media (max-width:1599.98px) {
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .accordion-left { width: 100%; height: auto; padding: 0; margin: 0 auto; max-width: 500px; }
.accordion-image-inner { position: relative; transform: none; inset: auto; }
.accordion-right { width: 100%; padding-left: 0; padding-top: 24px; }
.accordion-column + .accordion-column { margin-top: 0px; }
.accordion-head { padding: 26px 26px 16px; font-size: 24px; }
.accordion-content-inner { padding: 0 26px 26px; }
.no-images .accordion-right { padding: 0; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }