.HeroPhoneComponent{--theme-settings-button-variant-primary-background-color: #47a4d8;--theme-settings-button-text-transform: capitalize;transform:perspective(2000px) rotate(-28deg) rotateY(23deg) rotateX(18deg) translate3d(-58px,44px,154px);transform-style:preserve-3d;filter:drop-shadow(-28px 38px 40px hsla(0,0%,0%,.25));height:600px;text-align:center}.HeroPhoneComponent .phoneImage{height:100%}.HeroPhoneComponent .phoneContent{position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;padding-top:100px!important;align-items:center}.HeroPhoneComponent .brandLogo{max-height:50px;object-fit:contain;object-position:center}.HeroPhoneComponent .logoStack,.HeroPhoneComponent .faceplateStack{display:grid}.HeroPhoneComponent .logoStack .stackItem,.HeroPhoneComponent .faceplateStack .stackItem{grid-area:1/1;opacity:0;transition:opacity .5s ease}.HeroPhoneComponent .logoStack .stackItem.active,.HeroPhoneComponent .faceplateStack .stackItem.active{opacity:1}.HeroPhoneComponent .phoneHeader{font-size:11px!important;margin-bottom:1.25rem}.HeroPhoneComponent h2{font-size:28px!important}.HeroPhoneComponent h3{font-size:11px!important}.HeroPhoneComponent p{font-size:8px!important}.HeroPhoneComponent .eg-button{font-size:11px!important;cursor:auto!important;transition:background-color .5s ease!important}@media (max-width: 991.98px){.HeroPhoneComponent{height:400px}.HeroPhoneComponent .phoneContent{padding-top:70px!important}.HeroPhoneComponent .brandLogo{width:66px;margin-bottom:.7rem!important}.HeroPhoneComponent .phoneHeader{font-size:8px;margin-bottom:.7rem!important}.HeroPhoneComponent h2{font-size:18px}.HeroPhoneComponent .eg-button,.HeroPhoneComponent h3{font-size:8px}.HeroPhoneComponent p{font-size:6px}}