body { font-family: 'Inter', sans-serif; } :root { --main-color: #ff7901; --text-gradient: linear-gradient(90deg, #ffa901 0%, #ff7901 100%); --background-color: #ffffff; } .spinner-section { position: fixed; width: 100%; z-index: 9999; background: var(--background-color); height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; display: none; } .spinner-section span { font-family: 'arial'; font-size: 15px; } .container { width: 100%; max-width: 1280px; margin: 0 auto; } .btn { width: fit-content; border-radius: 8px; background: var(--text-gradient); box-shadow: 0px 8px 18px -10px #ffe6001f; color: var(--background-color); font-weight: 600; font-size: 16px; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 16px 22px 16px 30px; } .btn:after { transition: transform 0.5s; flex-shrink: 0; content: ''; display: block; width: 24px; height: 24px; margin-left: 6px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/arrow_right_primary.svg'); } .btn__find { display: flex; align-items: center; justify-content: center; } .btn__how { color: #ff7901; width: 290px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1.5px solid #c4c4c4; background: #fff; } .btn__how:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/arrow_right_trsp.svg'); } .mobile { display: none; } .d-block { display: block; } .d-none { display: none; } /* HERO SECTION */ .hero { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/grad_legendary_vector.svg') center top/1440px no-repeat, linear-gradient(180deg, #ff6b00 21.7%, #f5ab76 50.16%, #fff 89.07%); } .hero .container { max-width: 800px; text-align: center; } .hero__logo { display: inline-block; margin-top: 50px; } .hero__logo img { margin: 0 auto; } .hero__title { color: #000; text-align: center; font-size: 50px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 37px; } .hero__title span:nth-child(2) { color: #fff; font-size: 84px; font-style: normal; font-weight: 900; line-height: 110%; display: block; } .hero__description { color: #000; text-align: center; font-size: 26px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 20px; } .hero__description span { color: #fff; font-weight: 700; } .hero__btn { color: #fff; text-align: center; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; width: 310px; border-radius: 8px; background: #242424; box-shadow: 0px 8px 18px -10px rgba(119, 50, 0, 0.12); display: flex; align-items: center; justify-content: center; padding: 16px; margin: 0 auto; margin-top: 37px; transition: 0.4s; } .hero__btn:after { flex-shrink: 0; content: ''; display: block; width: 24px; height: 24px; margin-left: 12px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/arr-grey.svg'); position: relative; transition: 0.2s; background-size: contain; } .hero__btn:hover { color: var(--main-color); } .hero__btn:hover::after { transform: translateX(5px); background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/arrow_right_trsp.svg'); } .reveiws { display: flex; align-items: center; justify-content: center; margin-top: 30px; } .reveiws button { border: none; color: #242424; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: underline; margin-left: 16px; } .animation { margin-top: 82px; } .animation__navigation { display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 18px; } .animation__navigation button { position: relative; overflow: hidden; color: #fff; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(36, 36, 36, 0.3); background: rgba(36, 36, 36, 0.5); box-shadow: 0px 4px 16px -10px rgba(0, 0, 0, 0.04); transition: color 0.3s ease; } .animation__navigation button::before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; width: 0; background: #000; height: 5px; z-index: 0; border-radius: 8px; transition: width var(--progress-duration, 8s) linear; } .animation__navigation button.active::before { width: 100%; } .animation__navigation button span { position: relative; z-index: 1; } .animation__navigation button.active { color: #000; border-radius: 8px; border: 1px solid #fff; background: #fff; box-shadow: 0px 0px 10px 0px #fff; } .video-player { width: 800px; height: auto; display: none; border-radius: 15px; } .video-player.active { display: block; } /* Winner Section */ .winner { background: #fff; padding-top: 83px; } .winner .container { max-width: 1217px; } .title { color: #000; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; margin-bottom: 40px; } .title span { color: var(--main-color); } .winner__card { display: flex; align-items: center; justify-content: space-between; } .winner__card--box { border-radius: 12px; border: 1px solid #c4c4c4; background: #fcfcfc; padding: 20px 12px 12px 12px; width: 32.5%; position: relative; height: 224px; } .winner__card--propicks .winner__card--box, .winner__card--fairvalue .winner__card--box { padding: 31px 24px 12px 24px; } .winner__card--screener .winner__card--box { padding-top: 28px; padding-left: 19px; padding-right: 19px; } .warren__card--title { color: #181c21; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 44px; background: #d5d5d5; padding: 8px 10px; } .warren__card--answear { border-radius: 6px; background: #f0f0f0; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; margin-top: 16px; margin-bottom: 10px; } .warren__card--answear > div:nth-child(1) { display: flex; align-items: flex-start; width: 86%; } .warren__card--text { color: #404040; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; margin-left: 5px; } .warren__card--text span { color: #0a9d00; font-weight: 700; } .warren__card--send { border-radius: 44px; background: #d5d5d5; padding: 8px 15px; color: #929292; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; display: flex; align-items: center; justify-content: space-between; } .winner__button { display: flex; align-items: center; justify-content: center; margin-top: 40px; gap: 10px; } .winner-slider { position: relative; } .winner__slider--btn { border-radius: 120px; background: rgba(255, 121, 1, 0.1); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; position: absolute; top: 47%; } .slider__btn--prev { left: -55px; } .slider__btn--next { right: -55px; transform: rotate(180deg); } .animation-video { width: 800px; border-radius: 16px; display: none; } /* .animation__navigation button.active.show-shadow { box-shadow: 0 0 10px #FF7901; } .animation__navigation button.active { background: #FF7901; color: #000; transition: background 8s linear; } .animation__navigation button { background: rgba(36, 36, 36, 0.5); transition: background 0s; } */ .animation__video--box .animation-video:nth-child(1) { display: block; } /* .animation, .hero__description, .hero__btn, .reveiws, .hero__title span { opacity: 0; } .animation.load { display: block; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.5s; } .hero__description.load, .hero__btn.load, .reveiws.load { transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.3s; } .hero__title.load span { display: block; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; } .hero__title.load span:nth-child(1) { animation-delay: 0.1s; } .hero__title.load span:nth-child(2) { animation-delay: 0.2s; } */ .animation { display: block; opacity: 0; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 1s; } .hero__description, .hero__btn, .reveiws { opacity: 0; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; animation-delay: 0.6s; } .hero__title span { opacity: 0; display: block; transform: translateY(40px); animation: fadeUp 0.6s ease-out forwards; } .hero__title span:nth-child(1) { animation-delay: 0.2s; } .hero__title span:nth-child(2) { animation-delay: 0.4s; } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } } .bill__header { display: flex; align-items: center; justify-content: space-between; } .bill__name { color: #000; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .bill__holding { display: flex; align-items: center; color: #6f7988; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; } .bill__holding--img { display: flex; align-items: center; gap: 5px; margin-left: 10px; } .bill__face img { border-radius: 50px; max-width: 50px; } .winner__card--billionare, .winner__card--screener, .winner__card--warren, .winner__card--fairvalue { display: none; } .xray-switch { display: none !important; } .xray-switch.active { display: inline-block !important; } .bill__graph { margin-top: 16px; margin-bottom: 16px; } .bill__graph img { margin: 0 auto; } .winner__card .bottom { border-radius: 6px; background: rgba(66, 220, 0, 0.25); padding: 7px 12px; display: flex; margin: 22px 0px 0px 0px; justify-content: space-between; align-items: center; height: 34px; } .winner__card--propicks .bottom, .winner__card--fairvalue .bottom { margin: 16px -14px 0px -14px; } .winner__card--screener .bottom { margin-top: 20px; } .winner__card .bottom span { color: #065d00; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } .winner__card .bottom p { color: #065d00; text-align: right; font-size: 20px; font-style: normal; font-weight: 600; } .screener__title { display: flex; align-items: center; } .screener__title div { color: #242424; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding-left: 15px; } .screener__settings { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 24px; align-items: center; } .screener__settings div:not(:first-child) { color: #6b6b6b; text-align: center; font-size: 13px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: -0.176px; border-radius: 26px; background: #ececec; padding: 9px; } .slider__btn--dots { border-radius: 100%; background: #d9d9d9; width: 12px; height: 12px; transition: 1s; } .slider__btn--dots.active { background: #ff7901; width: 30px; border-radius: 10px; } .winner__slider--click { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 40px; } .line { border-top: 1px solid rgba(18, 86, 160, 0.16); margin-top: 16px; margin-bottom: 16px; } .prod__winner--header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(18, 86, 160, 0.16); padding-bottom: 21px; color: #000; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; height: 60px; } .prod__winner--body { margin-top: 16px; } .prod__winner--body > div { color: #6f7988; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; display: flex; align-items: center; justify-content: space-between; } .pw__body--spoted div:nth-child(2), .pw__body--estimated div:nth-child(2) { color: #000; text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .pw__body--spoted { margin-bottom: 16px; } .winner__card--fairvalue .pw__body--estimated div:nth-child(2) { color: #119907; text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .prod__winner--top { border-radius: 12px 12px 0px 0px; padding: 5px 25px; background: rgba(255, 170, 12, 0.1); position: absolute; left: 0; top: 0; width: 100%; } .prod__winner--top > div:nth-child(1) { color: var(--main-color); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .winner-cup { position: absolute; right: 7px; top: -33px; } /* .prod__winner .winner__card--box:nth-child(1) { padding: 0; } */ /* .prod__winner .winner__card--box:nth-child(1) .prod__winner--body { padding: 0px 12px; padding-bottom: 12px; } */ /* .prod__winner .winner__card--box:nth-child(1) .prod__winner--header { padding-top: 14px; padding-bottom: 16px; padding-left: 12px; padding-right: 12px; } */ .winner .title:nth-child(1) { display: block; } .winner .title { display: none; } /* .winner__card { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; display: none; } .winner__card.active { display: flex; opacity: 1; transform: translateY(0); } */ /* PARTNERS */ .partners { padding: 42px 0px 25px 0px; } .partners__box { display: flex; align-items: center; justify-content: center; gap: 5px; } .partners__box > div:nth-child(1) { color: #6f7988; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } /* TESTIMONIAL */ #youtube { display: none; position: absolute; width: 100%; height: 100%; z-index: 10; } #player { border-radius: 12px; height: 100%; background: #000; } .video-container { position: relative; width: 100%; overflow: hidden; border-top-left-radius: 16px; border-top-right-radius: 16px; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background-size: cover; justify-content: center; align-items: center; cursor: pointer; z-index: 2; } .play-button { background: #ffffff33; width: 64px; backdrop-filter: blur(10px); height: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } .play-button::after { content: ''; width: 0; height: 0; border-style: solid; border-radius: 5px; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent rgb(255, 255, 255); margin-left: 4px; } #close_button { cursor: pointer; width: 26px; height: 26px; border-radius: 9999px; background-color: #000000; position: absolute; right: 6px; top: 6px; display: flex; justify-content: center; } .text-center { text-align: center !important; } /* SCIENE */ html[dir='rtl'] .science .row { padding-left: 0px; padding-right: 80px; } .science { padding: 80px 15px; background-color: #f5f8fd; } .science .title { text-align: left; } .science__left .title-group { align-items: flex-start; } .science .btn-pricing { padding: 16px 45px 16px 58px; } .science .container { background: var(--background-color); border: 1px solid #1256a029; border-radius: 20px; box-shadow: 0px 4px 36px 0px #00000014; overflow: hidden; } .science .row { padding-left: 80px; display: flex; justify-content: space-between; } .science__left { padding: 40px 0px; gap: 23px; display: flex; width: 49%; flex-direction: column; } .science__left .flex-a, .protector__left .flex-a { gap: 40px; } .science__left--list { display: flex; gap: 10px; flex-direction: column; } .science__left--list .listItem { display: flex; gap: 16px; justify-content: flex-start; align-items: flex-start; } .science__left--list .listItem h2 { font-weight: 700; font-size: 48px; line-height: 55px; text-align: center; color: #216ec3; opacity: 12%; min-width: 29px; position: relative; top: -5px; } .science__left--list .listItem { font-weight: 400; font-size: 16px; color: #696969; } .science__left--list .listItem p b { font-weight: 600; color: #000; font-size: 18px; } .science__left--list .listItem p a { color: var(--main-color); text-decoration: underline; } .science__right { width: 49%; } .science__right img { width: 100%; } .science__bottom { border-radius: 10px; background: rgba(235, 235, 235, 0.5); padding: 18px 109px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 9; color: #6f7988; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin: 12px; margin-top: -16px; } .science__bottom--left { display: flex; align-items: center; gap: 10px; } .science__bottom--right { font-weight: 400; font-size: 20px; display: flex; align-items: center; gap: 50px; } .science__bottom--right span { font-weight: 600; } /* REVEAL SECTION */ .reveal { background: #242424; padding: 80px 0px 40px 0px; } .reveal .title { color: #fff; } .reveal__box { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(0, 0, 0, 0.5); padding: 60px 80px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; position: relative; } .reveal__box::before { content: ' '; position: absolute; width: 100%; height: 170px; left: 6px; top: 2px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/dot-revual.png') center center; background-repeat: no-repeat; border-radius: 20px 20px 0px 0px; background-size: cover; z-index: 1; } .warren__content::before { transform: scaleX(-1); left: -6px; } .reveal__box > * { z-index: 2; } .reveal__container .reveal__box:nth-child(1) { padding: 30px 80px; } .reveal__box--number { color: rgba(255, 255, 255, 0.5); font-size: 68px; font-style: normal; font-weight: 700; line-height: normal; } .reveal__box--title { color: #fff; font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; } .reveal__box--title span { color: var(--main-color); } .xray__text { color: #c9c9c9; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .xray__nav { display: flex; align-items: center; gap: 15px; } .xray__nav button { border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.02); opacity: 0.8; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; padding: 6px 12px; width: 140px; cursor: pointer; } .xray__nav button span { padding-left: 6px; } .xray__nav button.active { opacity: 1; border-radius: 8px; border: 1px solid #ff7901; background: rgba(255, 122, 1, 0.15); } .xray__slider--box { border-radius: 11.2px; border: 0.7px solid #fff; background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(7px); padding: 11px 17px; width: 335px !important; height: 160px !important; } .xray__slider--header { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 12.6px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); } .fv__body { display: flex; align-items: center; justify-content: space-between; color: #c9c9c9; font-size: 12.6px; font-style: normal; font-weight: 400; line-height: normal; } .fv__body > div { width: 48%; display: flex; align-items: center; justify-content: space-between; } .fv__body > div span { color: #01a4ff; font-weight: 500; } .fv__line { color: #e7544d; text-align: right; font-size: 11.2px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 55px; padding-bottom: 10px; position: relative; } .fv__line > span { position: absolute; } .fv__line--fair { color: #ffa500; text-align: center; left: 50%; transform: translate(-50%, -50%); top: -15px; } .hl__score--box { position: relative; margin-top: 20px; } .hl__score--box .hl_score_3 { position: absolute; color: #f4e87d !important; left: 50%; transform: translate(-50%, -50%); top: -15px; } .hl__score--box .hl_score_5 { position: absolute; color: #119907 !important; right: 0; transform: translate(0, -50%); top: -15px; } .fv__line--over { color: #e7544d; right: 0; transform: translate(0, -50%); top: -15px; } .fv__line > span::before { content: ' '; position: absolute; width: 14px; height: 8px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/fv-arrow.svg'); left: 50%; transform: translate(-50%, -50%); bottom: -12px; } .reveal__box--left { display: flex; flex-direction: column; gap: 20px; position: relative; top: -25px; width: 55%; } /* REVEAL SLIDER */ .slick-slider { margin-bottom: 0px; } .xray__slider { max-height: 300px; overflow: hidden; } .xray__slider--box { height: 100%; /* або конкретну висоту, наприклад 240px */ margin: 12px 0; } .reveal__slider--wrapper { position: relative; overflow: hidden; max-width: 335px; margin-right: 70px; } .shadow { position: absolute; left: 0; right: 0; height: 65px; z-index: 2; pointer-events: none; } .shadow--top { top: 0; background: linear-gradient(to bottom, rgba(18, 18, 18, 1), transparent); } .shadow--bottom { bottom: 0; background: linear-gradient(to top, rgba(18, 18, 18, 1), transparent); } .news__slider--text { color: #01a4ff; font-size: 12.6px; font-style: normal; font-weight: 500; line-height: normal; display: flex; align-items: center; margin-bottom: 20px; } .news__slider--text p { padding-left: 8px; } .news__slider--link { display: flex; align-items: center; } .news__slider--link div { margin-left: 5px; border-radius: 14px; background: rgba(1, 164, 255, 0.08); color: #01a4ff; font-size: 9.8px; font-style: normal; font-weight: 400; line-height: 11.2px; padding: 3px 7px; display: flex; align-items: center; justify-content: space-between; width: 92%; } .news__slider--link div p { display: inline-block; max-width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; margin-right: 5px; } .protips__slider--body .protips__box:nth-child(1) { background: rgba(231, 84, 77, 0.2); margin-bottom: 10px; margin-top: 8px; } .protips__slider--body .protips__box:nth-child(2) { background: rgba(106, 198, 76, 0.2); margin-bottom: 5px; } .protips__box { border-radius: 5.6px; width: 100%; color: #fff; font-size: 12.6px; font-style: normal; font-weight: 400; line-height: normal; position: relative; padding: 4.5px 8px; display: flex; align-items: center; } .protips__box p { margin-left: 8px; margin-right: 12px; } .protips__box::after { content: ' '; position: absolute; right: 10px; top: 9px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/protips-arr.svg'); width: 11px; height: 11px; margin-left: 4px; } .health__line { margin-top: 30px; } .health__line div { color: #119907; font-size: 20px; font-style: normal; font-weight: 700; text-align: left; line-height: normal; margin-bottom: 5px; } .hl_bar { position: relative; } .hl_score_5 { color: #119907 !important; } .hl_bar::before { content: ' '; position: absolute; width: 14px; height: 8px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/fv-arrow.svg'); left: 50%; transform: translate(-50%, -50%); bottom: -12px; } .health__line span { color: #51a735; text-align: right; display: block; font-size: 11.2px; font-style: normal; font-weight: 500; line-height: normal; } .testimonial { margin-top: 100px; } .testimonial .title { margin-bottom: 20px; } .tesimonial__btn--box { display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 40px; } .testimonial__content { display: flex; align-items: stretch; justify-content: space-between; } .testimonial__box { border-radius: 16px; border: 1px solid rgba(18, 86, 160, 0.16); background: #fff; box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.08); width: 25.3%; display: flex; flex-direction: column; position: relative; } .testimonial__content .testimonial__box:nth-child(1) { width: 47%; } .testimonial__content .testimonial__box:nth-child(1) .tesimonial__head--img > img:nth-child(1) { max-height: 352px; } .testimonial__content .testimonial__box:nth-child(1) .tesimonial__head { max-height: 352px; } .tesimonial__head { width: 100%; max-height: 210px; position: relative; } .tesimonial__head--img > img:nth-child(2) { position: absolute; left: 50%; transform: translate(-50%, -50%); bottom: -50px; } .tesimonial__head--img > img:nth-child(1) { border-radius: 16px 16px 0px 0px; max-width: 100%; width: 100%; max-height: 210px; object-fit: cover; } .testimonial__text { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding: 20px 20px 0px 20px; flex-grow: 1; } .testimonial__user { padding: 20px; display: flex; align-items: center; justify-content: space-between; } .testimonial__user--info { width: 70%; } .testimonial__user--info > div:nth-child(1) { color: #333; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } .testimonial__user--info > div:nth-child(2) { color: var(--main-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: inline-block; max-width: 21ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } .testimonial__user--info > div:nth-child(3) { color: #6f7988; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .testimonial__user--social img { max-width: 25px; max-height: 25px; } .market__box { display: flex; flex-direction: column; justify-content: center; align-items: center; } .market__content { display: flex; align-items: center; justify-content: center; margin-top: 37px; gap: 73px; } .market__stars { margin-top: 18px; display: flex; align-items: center; } .market__stars span { color: #242424; font-size: 16.2px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: underline; padding-left: 14px; } .market__stars img { width: 118px; } /* */ .warren__box { border-radius: 16px; border: 1px solid #353535; background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.05) 100%); padding: 12px 24px 24px 24px; } .warren__head { color: #fff; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 24px; text-align: center; display: flex; align-items: baseline; justify-content: center; } .warren__head img { width: 80px; } /* .letter { opacity: 0; visibility: hidden; display: inline; transition: opacity 0.05s; } .letter.visible { opacity: 1; visibility: visible; } */ .warren__chat { color: #fff; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; transition: height 0.3s ease; overflow: hidden; } .warren__chat--question { color: #6f7988; padding-bottom: 16px; text-align: right; } .warren__chat--answer p { padding-bottom: 20px; text-align: left; } .warren__chat--answer p button { display: contents; border: none; color: #5d5dff; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .warren__response { color: #fff; font-size: 12px; font-style: italic; font-weight: 400; line-height: 20px; margin-bottom: 13px; } .warren__content { display: flex; align-items: center; justify-content: space-between; height: 440px; } .warren__left { width: 43%; } .warren__right { width: 54%; } .warren__send { border-radius: 4px; border: 1px solid #3d3d3d; background: #404040; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06) inset; backdrop-filter: blur(47px); display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; } .warren__send p { color: rgba(255, 255, 255, 0.7); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; width: 60%; } .warren__send img { width: 18px; } .warren__title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .warren__title h3 { width: 80%; } .warren__title div { width: 17%; text-align: right; } .warren__btn { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.02); display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; color: #fff; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 16px; width: 100%; } .warren__btn.active { border-radius: 10px; border: 1px solid #fff; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); } .warren__btn--boxes .warren__btn:last-child { margin-bottom: 0; } .warren__chat--1, .warren__chat--2, .warren__chat--3 { display: none; } .faq__item { position: relative; padding: 12px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; } .faq__question { color: #fff; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; position: relative; opacity: 0.7; } .faq__question::after { position: absolute; content: ' '; right: 0; top: 50%; transform: translate(-50%, -50%); background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/arr-faq.svg') center center no-repeat; background-size: contain; width: 12px; height: 12px; transition: 0.5s; transform-origin: center; display: block; } /* .faq__item.active .faq__question::after { transform: rotate(180deg); } */ .faq__answer { padding-top: 12px; color: #fff; font-size: 14px; font-style: normal; font-weight: 300; line-height: 130%; display: none; } .faq__img { border-radius: 16px; border: 1px solid #4b4b4b; background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.05) 100%); width: 477px; display: flex; align-items: center; justify-content: center; height: 547px; } .faq__content .reveal__box--title { padding-top: 3px; padding-bottom: 28px; } .faq__content.reveal__box { align-items: flex-start; } .faq__content .faq__left { width: 52.7%; padding-top: 25px; } /* pricing section */ .flex { display: flex; } .price { padding: 80px 0px; position: relative; background: #404040; position: relative; } .price::before { content: ' '; position: absolute; width: 100%; height: 335px; left: 0; top: 0; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/dot-footer.png') center center; background-repeat: no-repeat; background-size: cover; } .price h1, .price h2 { color: #fff; font-weight: 700; font-size: 36px; margin-bottom: 30px; line-height: normal; text-align: center; } .get-up { text-align: center; color: #fff; text-transform: uppercase; font-size: 20.8px; } .get-up__percent { font-weight: 700; font-size: 57.2px; } .best-offer-img { position: absolute; right: -217px; top: -30px; } .flex-pricing__group { display: flex; flex-direction: column; flex-wrap: wrap; } .nav { display: flex; align-items: center; justify-content: center; padding-top: 60px; } .nav div { position: relative; } .nav ul { width: 383px; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: rgba(255, 255, 255, 0.35); position: relative; } .nav ul li div { color: var(--background-color); } .nav ul li.active div { color: var(--black-color); } .nav ul li { width: 49%; text-align: center; height: 64px; color: var(--white); display: flex; align-items: center; justify-content: center; } html[lang='il'] .nav ul li { direction: ltr; } .nav ul li div h4 { font-size: 14px; padding-bottom: 3px; } .nav ul li div span { font-size: 24px; font-weight: 700; text-transform: uppercase; } /* PLAN BOXES */ /* PLAN BOXES */ .plan { display: flex; align-items: stretch; justify-content: space-between; margin-top: 25px; flex-wrap: wrap; } .plan__box { background: #fff; border-radius: 16px; width: 49%; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); color: var(--black-color); height: 958px; border: 4px solid #fff; } .plan-pro-plus { border: 4px solid #f9ad4e; } .plan__box--body { padding: 45px 48px 48px 48px; } .plan__box--name { font-size: 40px; font-weight: 700; } html[lang='il'] .plan__box--name { direction: ltr; } html[lang='il'] .nav ul li.active div, html[lang='sa'] .nav ul li.active div { direction: ltr; } html[lang='il'] .nav ul li div, html[lang='sa'] .nav ul li div { direction: ltr; } .plan__box--description { font-size: 20px; color: var(--black-color); padding-top: 15px; } .plan__box--biled { font-size: 16px; font-weight: 400; line-height: 24px; color: #707070; } .plan__box--body { position: relative; } .plan__box--btn { cursor: auto; background: #dadada; } .plan__benefits--list { font-size: 14px; font-weight: 400; line-height: 20px; } .plan__benefits { margin-top: 15px; } .plan__benefits--list li { position: relative; padding-left: 32px; margin-bottom: 20px; } html[dir='rtl'] .plan__benefits--list li { padding-right: 32px; padding-left: 0px; } .plan__benefits--list li:last-child { padding-bottom: 0px; } .plan__benefits--list li::before { content: ' '; background: url('https://landing.investing.com/mobile_html/prod//web-landing/assetsCommon/img/check.svg') center center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 20px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); } html[dir='rtl'] .plan__benefits--list li::before { right: 0px; } .plan__benefits--title { border-top: 1px solid #dadada; color: var(--black-color); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; padding-top: 25px; padding-bottom: 25px; } .price__compare-v1_2 .plan__benefits--title { font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; padding-top: 25px; } .price__compare-v1_2 .who-for > div { font-size: 14px; } .price__compare-v1_2 .benefits__list--grey { margin-top: 0px; } .price__compare-v1_2 .benefits__list--orange span { color: #ff7901; } .price__compare-v1_2 .benefits__list--orange li::before { background: #ff7901; } .currency { display: flex; color: var(--black-color); font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; } .amount, .frac { color: var(--black-color); font-family: Arial; font-size: 48px; font-style: normal; font-weight: 700; line-height: 1; } .period { color: #707070; padding-top: 10px; font-family: Arial; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; } .plan_box--prices { margin-top: 25px; margin-bottom: 25px; } .d-flex { display: flex; } a.btn { background: linear-gradient(74.99deg, #fac761 0%, #f7681c 100%); box-shadow: 0px 4px 10px 0px #00000026; border-radius: 8px; color: #fff; text-decoration: none; font-size: 20px; padding: 18px; width: 100%; font-weight: 700; text-align: center; } .price-flex { display: flex; align-items: end; justify-content: space-between; } .price-flex > div:nth-child(1) { display: flex; font-weight: 700; } .price-flex > div:nth-child(1) .flex { align-items: baseline; } .price-flex > div:nth-child(1) .flex .frac { font-size: 36px; } .save-price { color: #f2a93b; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .for-you { display: flex; align-items: center; justify-content: space-between; } .for-you__box { display: flex; align-items: center; color: #222; font-size: 14px; font-weight: 400; line-height: 16px; border-radius: 20px; background: rgba(255, 165, 0, 0.15); padding: 6px 12px; } .for-you__box span { display: block; padding-right: 3px; } .proplus__popular { display: flex; align-items: center; justify-content: space-between; line-height: normal; } .proplus__popular > div { background: #f2a93b; border-radius: 20px; color: var(--background-color); font-family: Arial; font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: center; padding: 8px 16px; } .proplus__popular > div span { padding-left: 3px; } .plan-choose { cursor: pointer; } .plan-choose.active { background: var(--background-color); border-radius: 16px; color: var(--black-color); } .flex-pricing__group .plan__benefits .show { display: show; } .flex-pricing__group .plan__benefits .hide { display: show; } .price-experiment .container { width: 100%; max-width: 1320px !important; } .compare { padding-top: 50px; } .price-experiment .row { position: relative; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; } .price-experiment h1 { font-size: 36px; } .price-experiment .plan { width: 100%; max-width: 970px; margin: 0 auto; margin-top: 25px; } .price-experiment .plan__box--body { padding: 0; display: flex; flex-direction: column; flex: 1; } .price-experiment .plan__benefits { flex: 1; } .flex-pricing__group { flex: 1; } .price-experiment .plan__box { height: auto; } .price-experiment .plan__benefits { background: rgba(0, 0, 0, 0.04); padding: 20px 26px 32px 26px; } .price-experiment .plan__box--container { padding: 40px 26px 24px 26px; } .price-experiment .plan__box--description { font-size: 20px; opacity: 0.5; padding-top: 12px; letter-spacing: 0.7px; } .price-experiment .proplus__popular > div { border-radius: 20px; border: 1px solid #ff9f00; background: rgba(255, 158, 0, 0.1); text-transform: uppercase; padding: 7px 16px; } .price-experiment .proplus__popular > div span { background: linear-gradient(90deg, #ffa400 0%, #ff6e00 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; } .price-experiment .plan_box--prices { margin-top: 21px; } .price-experiment .period { padding-top: 5px; } .compare { background: #fff; } .compare .container { width: 100%; max-width: 970px !important; } .compare h2 { color: #000; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; } .compare .nav ul { border-radius: 50px; background: #f2f2f2; width: 420px; } .compare .nav ul li { color: #000; height: 35px; } .compare .nav ul li div { color: #000; display: flex; align-items: center; } .compare .nav ul li div h4 { font-size: 14px; padding-bottom: 0px; font-weight: 400; } .compare .nav ul li div span { font-size: 18px; padding-left: 8px; } .compare .nav { padding-top: 20px; margin-top: 18px; } .compare .plan-choose.active { background: #1c333e; } .compare .plan-choose.active > div { color: #fff; } .compare__box--item { display: flex; } .compare__box { position: relative; } .cb__item--scroll { margin-top: 22px; border-radius: 16px 16px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; border-bottom: none; } .compare__list { border-radius: 0px 0px 16px 16px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; } .cb-scroll { background: #fff; position: sticky; top: 0; border-radius: 16px 16px 0px 0px; } .compare__box--item > div { padding: 28px 20px 12px 20px; } .compare__box--item > div:nth-child(1) { width: 41.5%; } .compare__box--item > div:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); width: 29.3%; } .compare__box--item > div:nth-child(3) { width: 29.3%; } .compare__btn { display: block; color: #000; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; width: 100%; padding: 10px; border-radius: 8px; background: linear-gradient(90deg, #ffa400 0%, #ff6e00 100%); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); margin-top: 16px; text-align: center; } .compare__biled { text-align: center; color: #000; opacity: 0.5; font-size: 14px; font-weight: 400; margin-top: 12px; text-transform: capitalize; } html[lang='ru'] .compare__biled, html[lang='es'] .compare__biled { text-transform: none; } .compare__price--head { display: flex; align-items: flex-start; justify-content: space-between; } .compare__price--title { color: #000; font-size: 30px; font-style: normal; font-weight: 600; line-height: 40px; } .compare__box--item .amount { font-size: 30px; line-height: 40px; } .compare__box--item .price-flex > div:nth-child(1) .flex .frac { font-size: 18px; } .compare .price-flex { justify-content: flex-end; } .compare .symbol { font-size: 16px; } .compare .period { font-size: 14px; padding-top: 4px; } .compare__box--3 { position: relative; } .compare__popular { position: absolute; width: 100%; left: 0; top: 0; border-radius: 0px 16px 0px 0px; background: var(--orange-210, rgba(255, 158, 0, 0.1)); } .compare__popular > div { display: flex; align-items: center; justify-content: center; padding: 6px; } .compare__popular > div span { font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding-left: 5px; background: linear-gradient(90deg, #ffa400 0%, #ff6e00 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .compare__list--title { padding: 16px; color: #f2a93b; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* .compare__list { height: 400px; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; } .compare__list::-webkit-scrollbar { display: none; } */ .grey { background: rgba(0, 0, 0, 0.04); } .compare__list .compare__box--item > div { padding: 0; } .compare__box--text > div { padding: 10px 16px; color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .compare__box--2.compare__box--text > div, .compare__box--3.compare__box--text > div { display: flex; align-items: center; justify-content: center; } .orange > div { color: #ff7901; } .compare__box--last { border-top: 1px solid rgba(0, 0, 0, 0.1); } .compare__box--last .compare__box--1 { color: #f2a93b; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding: 16px !important; } .compare__box--last .compare__box--2, .compare__box--last .compare__box--3 { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 14px 20px !important; } .reserved { margin-top: 60px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 25px; text-align: center; color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .compare { display: none; } .comparasion-btn { border-radius: 12px; border: 1px solid #ffa500; background: rgba(255, 165, 0, 0.08); display: flex; align-items: center; justify-content: center; color: #ffa500; color: #f2a93b; font-size: 16px; font-style: normal; font-weight: 510; line-height: 20px; letter-spacing: -0.4px; padding: 16px 20px; margin-top: 25px; } .comparasion-btn.active .comparasion-btn__open { display: none; } .comparasion-btn.active .comparasion-btn__close { display: block; } .cbe-close img { transform: rotate(-90deg); } .cbe-open img { transform: rotate(0deg); } .comparasion-btn .comparasion-btn__close { display: none; } .comparasion-btn .comparasion-btn__open { display: block; } .comparasion-btn span { padding-right: 5px; } .compare.active { display: block; } .plan__benefits--title { border-top: none; padding-top: 1px; } .price-experiment .plan__box--container { padding-bottom: 12px; } .benefits__list--orange span { color: #f2a93b; font-weight: 700; } .benefits__list--orange { color: #000; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } .benefits__list--orange li { position: relative; margin-left: 10px; padding-left: 20px; margin-bottom: 19px; } .benefits__list--orange li::before { content: ' '; width: 6px; height: 6px; background: #f2a93b; border-radius: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .benefits__list--orange { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .benefits__list--grey { color: #000; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; margin-top: 20px; } .benefits__list--grey li { position: relative; margin-left: 10px; padding-left: 20px; margin-bottom: 19px; } .benefits__list--grey li::before { content: ' '; width: 6px; height: 6px; background: #ababab; border-radius: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .who-for > div { color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; padding-top: 10px; } .who-for > p { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding-top: 15px; } .cb__item { display: flex; align-items: stretch; width: 100%; } .cb__item > div { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 10px 16px; } .cb__item > div:nth-child(1) { width: 41.5%; } .cb__item > div:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); width: 29.3%; } .cb__item > div:nth-child(3) { width: 29.3%; color: #f2a93b; } .cb__item > div:nth-child(2), .cb__item > div:nth-child(3) { display: flex; align-items: center; justify-content: center; } .period-box { display: flex; align-items: center; } .period-box .plan__box--biled { padding-left: 5px; } html[dir='rtl'] .period-box .plan__box--biled { padding-left: 0px; padding-right: 5px; } .price-experiment a.btn { border-radius: 8px; background: linear-gradient(90deg, #ffa901 0%, #ff7901 100%); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); color: #000; } .price-experiment a.btn::after { display: none; } .compare__price--title span { color: #f2a93b; text-align: center; font-size: 14px !important; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; margin-top: 3px; } .price-experiment .plan { background: #fff; border-radius: 16px; } .comparasion-btn--experiment { margin: 0 auto; background: none; border: none; color: #f2a93b; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -0.4px; } .price__compare-v1_2 .comparasion-btn--experiment, .price__compare-v1_2 .save-price { color: #ff7901; } .compare_v1_2 .compare__list--title, .compare_v1_2 .compare__box--last .compare__box--1 { font-size: 18px; } .compare_v1_2 .cb__item > div:nth-child(3), .compare_v1_2 .compare__price--title span, .compare_v1_2 .compare__list--title { color: #ff7901; } .compare_v1_2 .compare__box--last .compare__box--1 { color: #ff7901; } .price-experiment .plan__box { box-shadow: none; border: none; width: 50%; display: flex; flex-direction: column; } .price-experiment .plan-pro-plus { box-shadow: none; border: none; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 16px 16px 0px; display: flex; } .comparasion-btn-box { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; width: 100%; } .cbe-close { display: none; } .tax-text { text-align: center; font-size: 14px; color: var(--background-color); margin-top: 25px !important; } html[dir='rtl'] .best-offer-img { right: 323px; top: -33px; width: 300px; } /* DARK VERSION */ .dark-version .hero { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/grad_legendary_vector.svg') center top/1440px no-repeat, linear-gradient(182deg, #171717 22.12%, #8d8d8d 47.79%, #fff 75.5%); } .dark-version .hero__title { color: #fff; } .dark-version .hero__title span:nth-child(2) { color: var(--main-color); } .dark-version .hero__description { color: #fff; } .dark-version .hero__description span { color: var(--main-color); } .dark-version .hero__btn { border-radius: 8px; background: #ff7901; box-shadow: 0px 8px 18px -10px rgba(119, 50, 0, 0.12); color: #fff; } .dark-version .reveiws button { color: #fff; } .dark-version .hero__btn:hover { color: #fff; } .dark-version .hero__btn:hover::after { transform: translateX(5px); background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/interactive/arr-grey.svg'); } .dark-version .animation__navigation button::before { background: var(--main-color); } .dark-version .hero__logo img { width: 200px; } @media screen and (max-width: 992px) { .science .row { padding-left: 40px; } } @media screen and (max-width: 768px) { .science .btn { width: 100%; padding: 16px; } .science { padding: 40px 16px; } .science__left, .science__right { width: 100%; align-items: center; padding: 0px; } .science__left a { text-align: center; } .science__right { display: none; } }