.moon-section{--phase-target-angle:-90;background:#462c6b;background:radial-gradient(circle,#462c6b 0,#26183b 70%,#231636 100%);height:calc(100vh - 95px);overflow:hidden;position:relative}.moon-visual{align-items:center!important;display:flex!important;height:100%;justify-content:center!important;margin:0 auto;max-width:none;position:relative}.moon-visual:before{background-image:url(https://2165395.fs1.hubspotusercontent-na1.net/hubfs/2165395/ALPH-Moon-Phases-Imagery-Services-BG-V3.svg);background-position:0;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:15%;position:absolute;top:0;width:100%;z-index:-1}.moon-svg{aspect-ratio:1/1;display:block;height:100vh;max-width:none;position:relative!important;transform:translateX(54%) scale(187%)!important;width:100vw}.moon-phase{transform-box:fill-box}.moon-path{vector-effect:non-scaling-stroke}@media (max-width:1400px){.moon-visual:before{background-size:cover;left:0;top:0;transform:none;width:100%}.moon-svg{transform:translateX(54%) scale(187%)!important}}@media (max-width:1200px){.moon-section{height:calc(100vh - 64px)}.moon-visual:before{width:100%}.moon-svg{height:auto;overflow:visible;transform:translateX(90%) scale(180%)!important}.col-lg-7.order-2.order-lg-1{display:flex;justify-content:center;position:relative}.col-lg-7.order-2.order-lg-1>div{margin:0 auto;position:relative;z-index:2}}@media (max-width:992px){.moon-visual:before{top:-10%}.moon-visual{max-height:40vh}.moon-svg{transform:translateX(150%) scale(300%)!important}.col-lg-7.order-2.order-lg-1{height:400px}}