.hover-cards{padding:80px 0}.hover-cards__wrapper{display:flex;column-gap:80px;row-gap:40px;flex-wrap:wrap;justify-content:center}.hover-cards__left{min-width:300px;position:relative}.hover-cards__right{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:200px}.laptop-frame{position:relative;width:100%;max-width:650px;margin:0 auto}.hover-cards__laptop-frame{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.laptop-base-container{position:relative;max-width:725px;margin:0 -20%;display:flex;justify-content:center;z-index:2}.laptop-screen{background:#1E1F1F;border-radius:12px 12px 0 0;padding:4px;box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative;border-top:4px solid #1E1F1F;border-left:4px solid #1E1F1F;border-right:4px solid #1E1F1F;border-bottom:20px solid #1E1F1F;width:100%}.laptop-screen::before{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:0;background:#1E1F1F;border-radius:8px 8px 0 0}.hover-cards__image{width:100%;height:auto;display:block;position:relative;z-index:1;border-radius:6px}.laptop-base{background:#000;height:15px;position:relative;margin:0 auto;width:95%;border-radius:0 0 6px 6px;display:none}.laptop-base-image{width:100%;height:auto;margin-top:-8px;position:relative;z-index:-1}.hover-cards__button{background:linear-gradient(0deg,rgba(204,228,255,.3) 0%,rgba(204,228,255,.3) 100%),#FFF;border-radius:8px;padding:30px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);position:absolute;left:0;right:0;transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease}.hover-cards__button.active{opacity:1;visibility:visible;transform:translateY(0);position:relative}.hover-cards__button.fade-out{opacity:0;transform:translateY(-20px);visibility:hidden}.hover-cards__button.fade-in{opacity:1;transform:translateY(0);visibility:visible}.hover-card-button-trigger{transition:all 0.3s ease}.hover-card-button-trigger.active{opacity:1}.hover-cards__content{transition:all 0.3s ease}.hover-cards__content *:last-child{margin-bottom:0}a.hover-card-button-trigger{display:block;padding:16px;border-radius:50%;width:68px;height:68px;position:relative}a.hover-card-button-trigger.active{background:var(--Vivid-Blue-vivid-09,#00316A)}a.hover-card-button-trigger:not(.active){background:var(--Primary-Blue,#207DE9)}a.hover-card-button-trigger:not(.active)::after{content:'';display:block;width:100%;height:100%;background:transparent;left:-10px;position:absolute;border-radius:50%;border:10px solid rgba(32,125,233,.3);top:-10px;animation:play-btn-expand 2s infinite}.hover-card-button-trigger[data-hover-card-button-trigger="left-centered"]{position:absolute;left:-10px;top:calc(50% - 34px);z-index:2}.hover-card-button-trigger[data-hover-card-button-trigger="right-top"]{position:absolute;right:10px;top:-21px;z-index:2}.hover-card-button-trigger[data-hover-card-button-trigger="right-bottom"]{position:absolute;right:16px;bottom:55px;z-index:2}@keyframes play-btn-expand{0%{transform:scale(0);opacity:0;top:-10px;left:-10px}50%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}@media (max-width:991px){.hover-cards__laptop-frame{margin-left:auto;margin-right:auto;width:fit-content}.hover-card-button-trigger[data-hover-card-button-trigger="left-centered"]{left:-40px}.hover-card-button-trigger[data-hover-card-button-trigger="right-top"]{right:-40px}.hover-card-button-trigger[data-hover-card-button-trigger="right-bottom"]{right:-17px}.hover-cards{padding:40px 0}.hover-cards__wrapper{flex-direction:column}.hover-cards__left,.hover-cards__right{width:100%}.hover-cards__right{min-height:0}.laptop-screen{padding:3px;border-bottom:4px solid #1E1F1F;border-radius:12px}.laptop-screen::before{top:3px;left:3px;right:3px}.laptop-base{height:12px}.laptop-base-container{width:130%;display:none;margin:0 -15%}.laptop-base-image{max-width:500px;margin-top:-6px}.hover-cards__button{padding:20px}.hover-cards__content p{font-size:18px;line-height:27px}}@media (max-width:745px){.hover-cards__left{padding-left:40px;padding-right:40px}}@media (max-width:641px){a.hover-card-button-trigger{width:40px;height:40px;padding:10px}.hover-cards__left{padding-left:0;padding-right:0}.hover-card-button-trigger[data-hover-card-button-trigger="left-centered"]{left:-16px}.hover-card-button-trigger[data-hover-card-button-trigger="right-top"]{right:-17px;top:-11px}}@media (max-width:576px){.hover-cards{padding:30px 0}.hover-cards__wrapper{gap:20px}.laptop-screen{padding:3px}.laptop-screen::before{top:3px;left:3px;right:3px}.laptop-base{height:10px}.laptop-base-container{width:120%;margin:0 -10%}.laptop-base-image{max-width:300px;margin-top:-4px}.hover-cards__button{padding:15px}}.laptop-base::after{display:none}