body { font-family: 'Inter', sans-serif; } :root { --main-color: #ff7901; --text-gradient: linear-gradient(90deg, #ffa901 0%, #ff7901 100%); --background-color: #ffffff; --main-yellow: #fff200; } .summer-sale .hero__title { color: #fff; text-align: center; font-size: 50px; font-style: normal; font-weight: 700; line-height: normal; } .summer-sale .hero__percent { color: var(--main-yellow); font-size: 84px; font-style: normal; font-weight: 900; line-height: 110%; text-transform: uppercase; margin-top: 0px; } .summer-sale .hero__description { color: #fff; } .summer-sale .hero__description span { color: var(--main-yellow); } .summer-sale .hero__btn { color: #fff; margin-top: 0; } .summer-sale .hero__btn:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/arr-dark.svg'); } .timer { width: 36%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .timer__title { color: #242424; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1px; text-transform: uppercase; } .timer__time { display: flex; align-items: flex-start; color: #242424; font-size: 24px; font-style: normal; font-weight: 510; line-height: normal; margin-top: 5px; } .timer__time span { display: block; } .timer__time > div { min-width: 40px; } .timer__time > div { display: flex; flex-direction: column; align-items: center; justify-content: center; } .timer__time > span { padding: 0px 16px; } .timer__time > div > span:nth-child(2) { font-size: 9px; font-weight: 400; text-transform: uppercase; padding-top: 3px; } .summer-sale .price .timer { margin-top: 15px; } .summer-sale .price .timer__title { font-size: 22px; } .summer-sale .price .timer__time { font-size: 40px; margin-top: 2px; } .summer-sale .price .timer__time > div > span:nth-child(2) { font-size: 12px; } .summer-sale .price .timer__time > span { padding: 0px 21px; } html[dir='rtl'] .summer-sale .timer__time { direction: ltr; } html[lang='ru'] .timer__title { font-size: 13px; } .summer-sale .hero__timer { display: flex; align-items: center; justify-content: center; margin-top: 37px; } .summer-sale .price::before { display: none; } .summer-sale .hero__btn { color: #000; text-align: center; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; border-radius: 8px; background: #fff200; box-shadow: 0px 8px 18px -10px rgba(119, 50, 0, 0.12); } /* .summer-sale .hero { background: linear-gradient(180deg, #005357 3.27%, #47DEE6 51.36%, #FFF 92.99%); } */ .summer-sale .hero__logo img { width: 200px; } .summer-sale .hero__title { display: block; opacity: 0; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.2s; } .summer-sale .hero__percent { display: block; opacity: 0; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.4s; } .summer-sale .timer { display: flex; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.4s; } .summer-sale .price a.btn { color: #fff; background: #ff7901; color: #fff; border-radius: 50px; } .summer-sale .price h1, .summer-sale .price h2 { color: #fff200; font-size: 64px; } .summer-sale .proplus__popular > div span { font-size: 16px; color: #000; font-weight: 700; text-transform: capitalize; background: none !important; background-clip: initial !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; } .summer-sale .get-up__percent { font-size: 72px; } .summer-sale .proplus__popular > div { background: #fff201; color: #000; font-weight: 700; border: none; } .summer-sale .tax-text { color: #000; background: #fff; padding: 7px 16px; border-radius: 16px; display: inline-block; margin: 0 auto; }