.custom--flip-banner--section{background-color:#edf7fa}.custom--flip-banner--section .flip-card{perspective:1000px;justify-content:center;align-content:center;place-items:center;align-self:center}.custom--flip-banner--section .flip-card-inner{position:relative;width:40vw;height:40vw;text-align:center;transition:transform .8s;transform-style:preserve-3d;max-height:580px;max-width:580px}.custom--flip-banner--section .flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:100%;align-content:center}.custom--flip-banner--section .flip-card-back{background-color:#fff;color:#000;transform:rotateY(180deg);box-shadow:15px 15px 24px #0000000d;display:block;z-index:9999}section.custom--flip-banner--section{min-height:85vh;align-content:center}section.custom--flip-banner--section>div{max-width:1440px;margin:auto;display:flex;width:100%}.custom--flip-banner--section .flip-card-wrapper{width:50%;text-align:center;margin:auto;justify-content:center;align-content:center;place-items:center;display:flex}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-front{background-color:#86c9dc;color:#fff}.custom--flip-banner--section .flip-card-wrapper.right-side .flip-card-front{background-color:#cda67d;color:#fff}.custom--flip-banner--section .flip-card-front .flip-card--text-container>p{position:absolute;bottom:10%;left:50%;transform:translate(-50%);letter-spacing:3.2px}.custom--flip-banner--section .flip-card-front .flip-card--text-container>h1{font-family:Inter;font-weight:600;font-size:54px;line-height:52px;letter-spacing:0px;text-transform:uppercase;z-index:9999;position:relative}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-front .flip-card--text-container>h1{text-align:right}.custom--flip-banner--section .flip-card-wrapper.right-side .flip-card-front .flip-card--text-container>h1{text-align:left}.custom--flip-banner--section .flip-card-front .flip-card--text-container{max-width:75%;margin:auto}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-back *{color:#86c9dc}.custom--flip-banner--section .flip-card-wrapper.right-side .flip-card-back *{color:#cda67d}.custom--flip-banner--section .flip-card-wrapper .flip-card-back p{font-family:Inter;font-weight:500;font-size:28px;line-height:32px;text-align:center;vertical-align:middle;max-width:90%;margin:auto}.custom--flip-banner--section .flip-card-wrapper .flip-card-back .flip-btn{letter-spacing:3.2px;position:relative;top:5%}.custom--flip-banner--section .flip-card-wrapper .flip-card-back div span span{position:relative;top:5px;margin-left:10px}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-front .flip-card--text-container{margin-left:0}.custom--flip-banner--section .flip-card-wrapper.right-side .flip-card-front .flip-card--text-container{margin-right:0}.custom--flip-banner--section .flip-card-wrapper.right-side .donut-ring{left:5%;right:unset;background:radial-gradient(circle at center,transparent 40%,#86C9DC 40%)}.custom--flip-banner--section .flip-card-wrapper.left-side .donut-ring{right:5%;left:unset;background:radial-gradient(circle at center,transparent 40%,#c89b6b 40%)}.custom--flip-banner--section .donut-ring{width:60%;height:60%;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media screen and (min-width: 501px){.custom--flip-banner--section .flip-card:hover .flip-card-inner{transform:rotateY(180deg)}}@media screen and (max-width: 500px){section.custom--flip-banner--section>div{flex-direction:column;gap:20px}.custom--flip-banner--section .flip-card-wrapper{width:100%}section.custom--flip-banner--section{min-height:80vh;padding:20px}.custom--flip-banner--section .flip-card-inner{width:80vw;height:80vw}.custom--flip-banner--section .flip-card-front .flip-card--text-container>h1{font-size:28px;line-height:27px}.custom--flip-banner--section .flip-card-front .flip-card--text-container>p{font-size:12px;bottom:5%}.custom--flip-banner--section .flip-card-wrapper.left-side .donut-ring{left:5%;right:unset}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-front .flip-card--text-container{margin-right:0;margin-left:auto}.custom--flip-banner--section .flip-card-wrapper .flip-card-back p{font-size:14px;line-height:17px}.custom--flip-banner--section .flip-card-wrapper .flip-card-back .flip-btn{font-size:12px}.custom--flip-banner--section .flip-card-wrapper.left-side .flip-card-front .flip-card--text-container>h1{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom--flip-banner.css.map */