@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap); html, body { min-height: 100vh; height: 100%; position: relative; } body { font-family: 'Inter', sans-serif; color: #fff; font-size: 16px; line-height: 1.4; background: #1E232D; background-size: cover; } .page-wrapper { display: flex; align-items: center; justify-content: center; min-height: 100%; } .wrap { max-width: 1200px; padding: 0 18px; margin: 0 auto; } .content { position: relative; display: flex; align-items: center; padding-bottom: 50px; } .content img { max-width: 407px; margin-right: 92px; width: 100%; } .content .main-title { position: relative; font-size: 108px; line-height: 131px; font-weight: 600; background: linear-gradient(90deg, #68CC50 2.32%, #62CA59 10.92%, #53C470 21.64%, #3BBB97 35.16%, #19AECC 54.13%, #0CA9E1 79.04%), #DDA84F; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-top: 30px; } .content .main-title:after { content: ''; display: block; background: url(/landings/278175/1684764162/images/arrow.svg) no-repeat top center; width: 272px; height: 168px; position: absolute; right: -90px; bottom: -17px; background-size: cover; } @media (max-width: 1600px) { .content img { max-width: 340px; margin-right: 50px; } .content .main-title { font-size: 76px; line-height: 88px; } .content .main-title:after { width: 200px; height: 123px; } } @media (max-width: 992px) { .content img { max-width: 236px; } .content .main-title { font-size: 52px; line-height: 63px; padding-top: 50px; } .content .main-title:after { width: 120px; height: 74px; right: -40px; bottom: -6px; } } @media (max-width: 640px) { .content { display: block; } .content img { margin: 0 auto; } }