.steps{display:grid;grid-auto-flow:column;aspect-ratio:3.95/1.5}@media all and (max-width: 960px){.steps{grid-template-columns:1fr 1fr 1fr;aspect-ratio:1.95/1.5;grid-auto-flow:row}}@media all and (max-width: 768px){.steps{grid-template-columns:1fr 1fr;aspect-ratio:1.95/3.5}}@media all and (max-width: 420px){.steps{grid-template-columns:1fr;aspect-ratio:1.95/7}}.steps .step-item{position:relative;overflow:hidden}.steps .step-item img{height:101%;object-fit:cover}@media all and (max-width: 960px){.steps .step-item img{width:101%}}.steps .step-item .content{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(1,1,1,.5);text-align:center;padding:7rem 3rem 4rem;transform:translateY(calc(100% - 6rem));transition:all 500ms ease-in-out}@media all and (max-width: 1300px){.steps .step-item .content{padding:7rem 1rem 4rem}}.steps .step-item .content div{font-size:3rem;font-family:"Playfair Display",serif;background:var(--ast-global-color-0);height:90px;width:90px;border-radius:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:50%;transform:translate(-50%, -50%)}.steps .step-item .content div span{margin-bottom:10px}.steps .step-item .content p{padding:3px;padding-left:10px;padding-right:10px;font-size:1.5rem;background-color:var(--ast-global-color-0);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.steps .step-item:hover .content{padding:5rem 3rem 4rem;transform:translateY(calc(100% - 20rem))}@media all and (max-width: 1300px){.steps .step-item:hover .content{padding:5rem 1rem 4rem;transform:translateY(calc(100% - 13rem))}}