.app-section .phone-card.do-animate{transition:transform .65s cubic-bezier(.34,1.4,.64,1),opacity .5s ease,visibility 0s}.app-section .phone-card.pos-center{z-index:10;transform:rotateY(0deg) translateX(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.app-section .phone-card.pos-left{z-index:5;transform:translateX(-290px) rotateY(38deg) scale(.8);transform-origin:right center;opacity:1;visibility:visible;pointer-events:auto}.app-section .phone-card.pos-right{z-index:5;transform:translateX(290px) rotateY(-38deg) scale(.8);transform-origin:left center;opacity:1;visibility:visible;pointer-events:auto}.app-section .phone-card.pos-hidden-l{z-index:-1;transform:translateX(-290px) rotateY(38deg) scale(.8);transform-origin:right center;opacity:0;visibility:hidden;pointer-events:none}.app-section .phone-card.pos-hidden-r{z-index:-1;transform:translateX(290px) rotateY(-38deg) scale(.8);transform-origin:left center;opacity:0;visibility:hidden;pointer-events:none}.app-section .pos-left .card-text,.app-section .pos-right .card-text{opacity:.6}.app-section .dot{width:6px;height:6px;border-radius:3px;background:#ede7dc;border:1px solid rgba(45,90,74,.2);cursor:pointer;transition:width .3s ease,background .3s ease}.app-section .dot.active{width:22px;background:#2d5a4a;border-color:#2d5a4a}