.flip-section{margin:0 auto;max-width:1200px}.flip-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px 0}.flip-card{border-radius:16px;cursor:pointer;height:200px;overflow:hidden;position:relative}.flip-back,.flip-front{align-items:flex-start;background:linear-gradient(145deg,#2b2db0,#0a0a4a);border-radius:16px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:5px 30px;position:absolute;text-align:left;transition:opacity .35s ease,transform .35s ease}.flip-back{justify-content:center;opacity:0;padding-top:60px;transform:translateY(12px)}.flip-back-title{color:#fff;font-family:inherit;font-size:25px;font-weight:500;left:20px;line-height:1.2;margin:0;opacity:0;position:absolute;right:20px;text-align:left;top:16px;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.flip-card:hover .flip-back-title{opacity:1;transform:translateY(0)}.flip-card .flip-front{background-image:linear-gradient(180deg,#3533cd,#000);height:100%;transition:transform .9s ease-in-out,height 1.2s ease-out,opacity .35s ease;z-index:1}.flip-card:hover .flip-front{height:70px;opacity:1;padding:20px 30px;transform:translateY(0);z-index:99}.flip-card .flip-back{background-image:linear-gradient(180deg,#3533cd,#000);opacity:0;padding-top:70px;transform:translateY(20px);transition:transform .9s ease-in-out,opacity .9s ease-in-out}.flip-card:hover .flip-back{opacity:1;transform:translateY(0)}.ekit-flip-box-inner:hover .ekit-flip-box-front-title,.ekit-flip-box-inner:hover .ekit-icon-wrapper,.flip-card:hover .flip-front .flip-icon{opacity:0;visibility:hidden}.flip-card:hover .flip-front .flip-title{position:relative;top:-10px}.ekit-flip-box-inner:hover .ekit-flip-box-front-title{left:20px;opacity:1;position:absolute;right:20px;top:16px;transform:none;visibility:visible}.ekit-flip-box-inner:hover .ekit-flip-box-back-title{opacity:1;visibility:visible}.flip-icon{color:#fff;height:44px;margin-bottom:16px;opacity:.9;width:44px}.ekit-flip-box-front-title,.flip-title{margin-block-end:1rem;margin-block-start:.5rem}.ekit-flip-box-back-title,.ekit-flip-box-front-title,.flip-back-title,.flip-title{color:#fff;font-family:inherit;font-size:25px;font-weight:500;line-height:1.2;margin:0}.ekit-flip-box-back-title,.flip-back-title{left:20px;opacity:0;position:absolute;right:20px;text-align:left;top:16px;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.flip-card:hover .ekit-flip-box-back-title,.flip-card:hover .flip-back-title{opacity:1;transform:translateY(0)}.flip-back ul{margin:0;padding:0}.flip-back ul li{color:#fff;font-size:16px;line-height:1.5}@media (max-width:800px){.flip-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.flip-grid{grid-template-columns:1fr}.flip-card{height:auto;min-height:200px}}