.etp-hero{width:100%}.etp-hero .etp-hero-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:108px;justify-content:center;margin:0 auto;width:100%}.etp-hero .etp-hero-content-wrapper .texts-container{border-bottom:2px solid var(--primary-color);display:flex;flex-direction:column;justify-content:center;max-width:640px;text-align:center}.etp-hero .etp-hero-content-wrapper .texts-container h1{opacity:0;overflow-wrap:break-word;transform:translateY(-40px);transition:all .5s ease-in}.etp-hero .etp-hero-content-wrapper .texts-container .page-subtitle{margin:0;opacity:0;transform:translateY(-40px);transition:all .5s ease-in}.etp-hero .etp-hero-content-wrapper .buttons-wrapper{display:flex;justify-content:center}.etp-hero .etp-hero-content-wrapper .images-container{display:grid;gap:var(--space-xm);grid-template-columns:repeat(4,1fr);width:100%}.etp-hero .etp-hero-content-wrapper .images-container .image-wrapper{align-items:end;aspect-ratio:228/377;background:linear-gradient(180deg,#59a99a,#3d625b);background-position:50%;background-size:cover;border-radius:10px;display:flex;justify-content:center;min-height:377px;transition:all .6s ease-in-out;width:100%}.etp-hero .etp-hero-content-wrapper .images-container .image-wrapper img{height:auto;width:90%}@media screen and (min-width:1025px){.etp-hero .etp-hero-content-wrapper .image-wrapper{transform:translateY(-26px)}.etp-hero .etp-hero-content-wrapper .image-wrapper:hover{animation:lift .6s ease forwards}.etp-hero .etp-hero-content-wrapper .image-wrapper:nth-of-type(2n){transform:translateY(26px)}.etp-hero .etp-hero-content-wrapper .images-container .image-wrapper:nth-of-type(2n):hover{animation:lover .6s ease}}@media screen and (max-width:1024px){.etp-hero .etp-hero-content-wrapper{gap:var(--space-xl)}.etp-hero .etp-hero-content-wrapper .texts-container h1{inline-size:calc(100vw - 48px);overflow-wrap:break-word}.etp-hero .etp-hero-content-wrapper .images-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.etp-hero .etp-hero-content-wrapper .images-container{grid-template-columns:1fr}}@keyframes lift{0%{transform:translateY(-26px)}40%{transform:translateY(-52px)}to{transform:translateY(-26px)}}@keyframes lover{0%{transform:translateY(26px)}40%{transform:translateY(52px)}to{transform:translateY(26px)}}