.reality.reality-container{width:100%;height:100%}.reality .flip-card-front img{object-fit:cover;width:100%;height:100%}.reality section{background-color:#f9f7f4;width:100%;height:100vh;position:relative}.reality h1{color:#fff;text-align:center;font-size:5vw;font-weight:lighter;line-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reality .cards-heading{color:#fff;text-align:center;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:2rem;font-size:max(2rem,min(6vw,4rem));font-weight:lighter;line-height:1.2;position:absolute;top:15%;left:50%;transform:translate(-50%,-50%)}.reality .card{perspective:1000px;border-radius:.8em;width:22vw;height:22vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reality .card-wrapper{border-radius:.8em}.reality .flip-card-front{border:2px solid #e5e5e5}.reality .flip-card-back{background:linear-gradient(135deg,#0a1b2d 0%,#0a1b2d 100%);border:2px solid #b3945f;outline:3px solid #0a1b2d;justify-content:center;align-items:center;padding:1.5rem;display:flex;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}@media screen and (min-width:1340px) and (max-width:1441px){.reality .card{width:21vw;height:21vw}}@media (max-width:1024px){.reality .card{width:22vw;height:40vw}}@media (max-width:768px){.reality h1{font-size:6vw}.reality .cards-heading{margin-bottom:1.5rem;font-size:max(1.5rem,min(7vw,3rem));top:12%}.reality .flip-card-back{padding:1rem}.reality .card-content{gap:.6rem}.reality .card{width:45vw;height:42vh}.reality .card-description{font-size:14px}}@media (max-width:426px){.reality .card{width:47vw;height:40vh}.reality .card-description{font-size:3.5vw}.reality .flip-card-back{padding:.8rem}.reality .card-content{gap:.5rem}.reality .cards{touch-action:pan-y}.reality .card-wrapper{animation-duration:4s}}@media (max-width:320px){.reality .card{width:47vw;height:42vh}h1{font-size:8vw}.reality .cards-heading{margin-bottom:.8rem;font-size:max(1rem,min(9vw,2rem));top:8%}.reality .flip-card-back{padding:.6rem}.reality .card-content{gap:.4rem}}.reality .card-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:100%;height:100%;display:flex}.reality .icon-container{justify-content:center;align-items:center;width:100%;display:flex}.reality .card-title{text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2}.reality .card-description strong{color:#fff;font-weight:700}.card-wrapper{width:100%;height:100%;animation:3s ease-in-out infinite floating;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reality #card-1 .card-wrapper{animation-delay:0}.reality #card-2 .card-wrapper{animation-delay:.2s}.reality #card-3 .card-wrapper{animation-delay:.4s}.reality #card-4 .card-wrapper{animation-delay:.6s}.reality .flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.reality .flip-card-front,.reality .flip-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.8em;width:100%;height:100%;position:absolute;overflow:hidden}.reality .flip-card-back{padding:10px;transform:rotateY(180deg)}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}