.flip-container{perspective:1000px;justify-content:center;gap:20px;margin-top:15px;display:flex}.super-title-sistem-belajar{color:#fff;text-align:center;font-size:1.875rem;font-weight:700;line-height:1.2}.flip-box{width:100%;height:200px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.flip-container .flip-box:hover{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{backface-visibility:hidden;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.flip-box-front{color:#000;background-color:#fff;border-bottom:5px solid #054599;border-right:5px solid #054599;border-radius:10px;box-shadow:0 3px 8px #0000003d}.flip-box-back{color:#fff;background-color:#054599;background-image:url(../media/mt_bg.dfffb4bd.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;transform:rotateY(180deg);box-shadow:0 3px 8px #0000003d}.icon-sistem-belajar{width:30%}.title-sistem-belajar{text-transform:uppercase;font-size:22px;font-weight:700}.parent-desk-online{text-align:left}.desk-sistem-belajar{font-size:18px}.desk-sistem-belajar-selengkapnya{color:#054599;cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-weight:500;display:flex}.btn-regist-now-sistem-belajar{background-color:#f33a6b;border-radius:3px;padding:10px}@media only screen and (min-width:320px) and (max-width:896px){.flip-container{display:block}.flip-box{margin-top:10px}.desk-sistem-belajar{font-size:15px}.desk-sistem-belajar-selengkapnya{font-size:13px;font-weight:400}.title-sistem-belajar{font-size:17px}.super-title-sistem-belajar{font-size:20px}}