.flip-cards{max-height:800px;padding:2rem 0}.flip-card{--min-width:300px;--max-width:380px;aspect-ratio:31/45;background-color:transparent;flex:0 0 auto;margin-bottom:0;margin-right:2rem;-webkit-perspective:1000px;perspective:1500px;position:relative;width:clamp(var(--min-width),30vw,var(--max-width))}.flip-card:hover .flip-card__inner,.flip-card__inner:focus{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card__inner{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;-o-transition:transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.flip-card__back,.flip-card__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:absolute;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:1rem;box-shadow:0 5px 32px -2px rgba(0,0,0,.12);-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:1.75rem 1.25rem}.flip-card__front{transform:rotateX(0deg);&:after{background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78));content:"";inset:0;position:absolute;z-index:1}}.flip-card__front-content{align-items:flex-end;display:flex;gap:1.5rem;justify-content:space-between;margin-top:auto}.flip-card__back{background:#fff;overflow-y:auto;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card__image{height:100%;inset:0;max-width:100%;object-fit:cover;position:absolute;width:100%;z-index:1}.flip-card__title{color:#fff;font-size:1.94444rem;font-weight:600;line-height:1.1;max-width:90%;position:relative;word-break:normal;z-index:2;.flip-card__subtitle{display:inline-block;font-size:1.38889rem;line-height:1.2;margin-top:.3em}}.flip-card__front .flip-card__title{color:#fff;margin:0}.flip-card__back .flip-card__title{color:#4a9462;margin-bottom:.75em}.flip-card__text{font-size:.88889rem;p{font-size:inherit}p:not(:last-child){margin-bottom:1em}}.circle-arrow{align-items:center;background:var(--background-color);border:0;border-radius:100%;color:var(--text-color);display:inline-flex;flex:none;gap:0;line-height:1;margin-left:auto;padding:10px;text-decoration:none;width:fit-content;z-index:2}.flip-card__back .circle-arrow{margin-top:auto}.circle-arrow--solid{outline:none;--background-color:#fff;--text-color:#000;&.circle-arrow--green{--background-color:#4a9462;--text-color:#fff}}.circle-arrow svg{height:20px;width:20px}