body,html{scroll-behavior:smooth!important}.card2{position:absolute;top:.25em;right:.25em;width:2.5em;height:2.5em;background:transparent;box-shadow:0 0 0 .5em #eff1f4;border-radius:50%}.card2:before{content:"";position:absolute;right:2.43em;top:0;width:.25em;height:.55em;background:#eff1f4;border:none;border-end-end-radius:50%;box-shadow:0 0 0 .25em #eff1f4;z-index:1}.flip-card{background-color:transparent;height:400px;perspective:1000px;font-family:sans-serif}.title{font-size:1.5em;font-weight:900;text-align:center}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{box-shadow:0 8px 14px 0 rgba(0,0,0,.2);position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem}.flip-card-front{background:linear-gradient(120deg,#000029 60%,#020055 88%,#020055 0,rgba(0,0,41,.603) 48%);color:#336}.flip-card-back{background:linear-gradient(120deg,#010033 30%,#020055 88%,#000029 0,#030066 78%);color:#fff;transform:rotateY(180deg)}.clip-path-element{clip-path:polygon(0 0,100% 0,100% 0,66% 100%,0 100%);border-start-end-radius:20px;border-end-end-radius:20px}