body{line-height:1.2em}.flip-box-row{display:flex;justify-content:space-between;gap:20px;max-width:1200px;margin:40px auto}.flip-box{flex:1;min-width:0;perspective:1000px}.flip-box-inner{position:relative;width:100%;height:200px;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;color:#fff}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:0px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.flip-box-front{background:#329FED;color:#fff}.flip-box-back{background:#FFCB03;color:#fff;transform:rotateY(180deg)}@media (max-width:768px){.flip-box-row{flex-direction:column}}.flip-box-1 .flip-box-front{background:#002c60;color:#fff}.flip-box-1 .flip-box-back{background:#002c60;color:#fff;font-weight:500}.flip-box-2 .flip-box-front{background:#1e5959;color:#fff}.flip-box-2 .flip-box-back{background:#1e5959;color:#fff;font-weight:500}.flip-box-3 .flip-box-front{background:#6599a6;color:#fff}.flip-box-3 .flip-box-back{background:#6599a6;color:#fff;font-weight:500}