.expandable-sections{padding:64px 32px}.expandable-sections__container{max-width:1226px;margin:0 auto;display:flex;gap:48px;justify-content:space-between;align-items:center}.expandable-sections--image-position-left .expandable-sections__container{flex-direction:row-reverse}.expandable-sections__media{width:528px;height:528px}.expandable-sections__media-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}.expandable-sections__content{flex:1}.expandable-sections__heading{font-family:General Sans,sans-serif;font-size:32px;font-weight:600;margin-bottom:28px}.expandable-sections__heading strong{color:#00a9f7;font-weight:600;background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.expandable-sections__trigger{padding:20px 0;cursor:pointer;border:none;border-bottom:1px solid #00202f40;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:space-between}.expandable-sections__trigger-content{display:flex;align-items:center;gap:8px;width:100%}.expandable-sections__icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid var(--border-icon)}.expandable-sections__icon-image{max-width:24px;max-height:24px}.expandable-sections__title{font-size:18px;font-weight:600;text-align:left;color:var(--text-primary)}.expandable-sections__arrow{transition:transform ease .3s}.expandable-sections__item[data-open] .expandable-sections__arrow{transform:rotate(180deg)}.expandable-sections__content-body{font-family:General Sans,sans-serif;color:var(--text-secondary);font-weight:500;max-height:0;transition:max-height .3s ease;overflow:hidden}.expandable-sections__item[data-open] .expandable-sections__content-body{max-height:200px}@media screen and (max-width: 768px){.expandable-sections{padding:32px 16px}.expandable-sections__container{flex-direction:column-reverse!important;gap:48px}.expandable-sections__content{width:100%}.expandable-sections__media{width:100%;height:300px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-heatsbox-expandable-sections.css.map */