section.hero-contact{background:linear-gradient(to bottom,black,rgba(0,0,0,.2),transparent);padding:40px 16px}section.hero-contact .wrapper{display:flex;align-items:auto;justify-content:center;flex-direction:column;flex-wrap:auto;gap:32px;padding:40px 0;max-width:1216px;width:100%;margin:0 auto}section.hero-contact .wrapper .content{padding:42px 20px;text-align:center}section.hero-contact .wrapper .content h1{font-family:Figtree;font-weight:700;font-size:3rem;color:#fff;line-height:48px}section.hero-contact .wrapper .content h1 strong{font-family:Figtree;font-weight:700!important;font-size:3rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.hero-contact .wrapper .content p{font-family:Figtree;font-weight:400;font-size:1.5rem;color:#fff;line-height:32px}section.hero-contact .wrapper .socials{margin:0 auto}section.hero-contact .wrapper .socials>p{font-family:Figtree;font-weight:400;font-size:1.2rem;color:#fff;line-height:32px;text-align:center;margin-bottom:24px}section.hero-contact .wrapper .socials .icons{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:10px}section.hero-contact .wrapper .socials .icons .icon{padding:5px;background:#000;box-shadow:0 0 8px #0aba90;border-radius:100px;transition:all .3s ease}section.hero-contact .wrapper .socials .icons .icon img{max-width:30px;max-height:30px;width:30px;padding:5px;transition:all .3s}section.hero-contact .wrapper .socials .icons .icon:hover{transform:scale(1.3);cursor:pointer;background:#0ABA90;box-shadow:0 0 10px #0aba90,0 0 40px #0aba90,0 0 80px #0aba90;border-radius:100px}section.hero-contact .wrapper .socials .icons .icon:hover img{filter:invert(1)}@media only screen and (min-width: 992px){section.hero-contact{padding:80px 0 42px}section.hero-contact .wrapper{flex-direction:row;align-items:flex-end;justify-content:space-between}section.hero-contact .wrapper .content{padding:80px 0 0;max-width:650px;width:100%;text-align:left}section.hero-contact .wrapper .content h1{font-size:6rem;line-height:104px;margin-bottom:40px}section.hero-contact .wrapper .content h1 strong{font-size:6rem}section.hero-contact .wrapper .content p{font-size:2rem;line-height:54px}section.hero-contact .wrapper .socials{margin:0}section.hero-contact .wrapper .socials>p{font-size:2rem;text-align:left}section.hero-contact .wrapper .socials .icons{justify-content:flex-start}}