/* Fonts */ :root { --default-font: sans-serif; /* --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ --heading-font: 'Nunito', sans-serif; --nav-font: 'Inter', sans-serif; } /* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */ :root { --background-color: #ffffff; --organge-color: #ff7901; --default-color: #212529; --black-color: #000000; --heading-color: #2d465e; --accent-color: #0d83fd; --surface-color: #ffffff; --contrast-color: #ffffff; --text-gradient: linear-gradient(90deg, #ffa901 0%, #ff7901 100%); } /* Smooth scroll */ :root { scroll-behavior: smooth; } * { box-sizing: border-box; margin: 0; padding: 0; } /*-------------------------------------------------------------- # General Styling & Shared Classes --------------------------------------------------------------*/ body { font-family: 'Inter', sans-serif; } ul, ol { list-style: none; } p, span, h1, h2, h3, h4, h5, h6 { line-height: 120%; } p { margin: 0px !important; } .wrapper { width: 100%; } .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; } .spinner-section span { font-family: 'arial'; font-size: 15px; } .mtb-40 { margin-top: 40px; margin-bottom: 40px; } .desktop { display: block; } .mobile { display: none; } .d-none { display: none; } .d-block { display: block; } .dir-ltr { direction: ltr; } .flex { display: flex; } .order-1 { order: 1; } .order-0 { order: 0; } .graph-month.mobile { display: none; } .flex-direct-column { flex-direction: column; } .justify-space-between { justify-content: space-between; } .align-items-center { align-items: center; } button { cursor: pointer; border: none; } .container, .container-md { margin: 0 auto; width: 100%; } .container { max-width: 1120px !important; } .container-md { max-width: 1280px !important; } .gap-40 { gap: 40px; } .row { justify-content: space-between; display: flex; flex-wrap: wrap; align-items: center; } .banner { display: flex; flex-direction: column; gap: 30px; position: relative; background-image: url('https://landing.investing.com/mobile_html/prod//web-landing/Warren/assets/img/warrenAI_top_bg.svg'); background-size: cover; padding: 0px 0px 100px 0px; } .header { height: 70px; transition: all 0.5s; display: flex; align-items: center; } .header img { width: 145px; max-height: 24.72px; } .banner .banner-left { padding-right: 30px; display: flex; flex-direction: column; gap: 40px; width: 56.25%; } html[dir='rtl'] .banner .banner-left { padding-right: 0px; padding-left: 30px; } html[dir='rtl'] .summer-warren .banner .banner-left { padding-left: 0px; } .banner .banner-right { position: relative; width: 43%; } html[dir='rtl'] .banner .banner-right { right: unset; left: -20px; } .banner .banner-left .main-content { display: flex; flex-direction: column; gap: 20px; } .banner .banner-left .main-content div { display: flex; align-items: center; gap: 6px; } .banner .banner-left .main-content div h1 { font-weight: 700; font-size: 36px; color: var(--background-color); } .banner .banner-left .main-content .special-offer__badge { padding: 10px 16px; border-radius: 152.56px; box-shadow: 0px 0px 10px 0px #fff501b2; background-color: #ffe600; font-weight: 800; font-size: 14px; width: fit-content; text-align: center; color: var(--black-color); vertical-align: middle; } .banner .banner-left .main-content .title { font-weight: 700; font-size: 46px; vertical-align: middle; color: var(--background-color); } .banner .banner-left .main-content .title span, .title-group .title-group__main span { background: var(--text-gradient); -webkit-background-clip: text; padding-top: 15px; background-clip: text; -webkit-text-fill-color: transparent; } .summer-warren .banner .banner-left .main-content .title span { background: none !important; background-clip: initial !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; color: #005357; } .slider-wrapper { width: 85vw; } .slider-wrapper .box { padding: 0px 7px; } .carousel .slick-slide img { width: 170px; height: 200px; border: 1px solid #1256a029; box-shadow: 0px 12px 30px 0px #0000000d; border-radius: 12px; } .science__left .title-group .title-group__main span { padding: 0px 22px; margin-left: -22px; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-clip: unset; background-repeat: round; background-size: cover; background-image: url('https://landing.investing.com/mobile_html/prod//web-landing/Warren/assets/img/warrenAI_text_mark.svg'); } .science__left .title-group p { font-size: 18px; color: rgb(0, 0, 0); font-weight: 400; } .banner .banner-left .main-content .description { font-weight: 400; font-size: 18px; color: var(--background-color); vertical-align: middle; } .banner .banner-left .main-content .description b { font-weight: 500 !important; color: var(--background-color); } .banner .banner-left .main-content .description b span { font-weight: 500 !important; color: var(--organge-color); } .banner .banner-left .btn-group, .banner .banner-left .reveiws { flex-wrap: wrap; display: flex; gap: 16px; align-items: center; } .btn-pricing { 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; } .summer-warren .banner .btn-pricing { color: #000; background: #47dee6; box-shadow: 0px 8px 18px -10px rgba(119, 50, 0, 0.12); border-radius: 50px; } html[dir='rtl'] .btn-pricing { padding: 16px 30px 16px 22px; } .banner .banner-left .btn-group .btn-pricing { padding: 16px 45px 16px 58px; } html[dir='rtl'] .banner .banner-left .btn-group .btn-pricing, html[dir='rtl'] .banner .banner-left .btn-group .btn-education { padding: 16px 58px 16px 45px; } .science .btn-pricing, .protector .btn-pricing { padding: 16px 45px 16px 58px; } .banner .banner-left .btn-group .btn-education { border: none; border-radius: 8px; font-weight: 600; padding: 16px 45px 16px 58px; background-color: var(--background-color); color: var(--organge-color); display: flex; gap: 12px; font-size: 16px; align-items: center; } .btn-pricing:after { transition: transform 0.5s; flex-shrink: 0; content: ''; width: 24px; height: 24px; margin-left: 12px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/arrow_right_primary.svg'); } .summer-warren .banner .btn-pricing:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Warren/assets/img/warren-icon-btn.svg'); } .btn-education:after { transition: transform 0.5s; flex-shrink: 0; content: ''; display: block; width: 24px; height: 24px; margin-left: 12px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/arrow_right_trsp.svg'); } html[dir='rtl'] .btn-pricing:after, html[dir='rtl'] .btn-education:after { transform: rotate(180deg); } html[dir='rtl'] .graph__right .value { margin-right: 5px; } html[dir='rtl'] .science .row { padding-left: 0px; padding-right: 80px; } html[dir='rtl'] .newsBox img { margin-left: 12px; margin-right: 0px; } html[dir='rtl'] .best-offer-img { right: 330px; top: -33px; width: 300px; } .banner .banner-right .screenShot_2 { width: 211px; border-radius: 16px; height: 374px; position: absolute; top: 67px; right: -47px; } html[dir='rtl'] .banner .banner-right .screenShot_2 { right: 88px; } .newsBox .newsBox_inr:before { margin-left: 8px; margin-right: 0px; } button:focus:after, button:hover:after { transform: translateX(5px); } .banner .banner-left .reveiws img { width: 130px; height: 22px; } .banner .banner-left .reveiws a { color: #ffb25b; font-weight: 400; font-size: 18px; vertical-align: middle; text-decoration: underline; } .summer-warren .banner .banner-left .reveiws a { color: #000; } .banner .banner-right div { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.16) 100%); border: 1px solid #ffffff0d; padding: 10px; border-radius: 19px; width: 600px; } .banner .banner-right div img { border-radius: 10px; width: 100%; } /* winners section */ .winners { background: #f5f8fd; padding: 20px 0px 80px 0px; display: flex; flex-direction: column; } .winners .row { gap: 40px; flex-direction: column; } .title-group { display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center; } .box-blocks { display: flex; flex-direction: column; gap: 24px; } .box-blocks__item { background: #1256a008; display: flex; justify-content: space-between; align-items: center; border: 1px solid #1256a01a; padding: 16px; border-radius: 20px; } .box-blocks__item--info { width: 47%; justify-content: space-between; background: #ffffff; border: 1px dashed #1256a03d; padding: 16px; border-radius: 10px; display: flex; align-items: center; } .box-blocks__item--info p { font-weight: 400; font-size: 16px; color: #4d4d4d; } html[dir='rtl'] .box-blocks__item--info img { transform: rotate(240deg); position: relative; top: -3px; } .winners .listItem { width: 49%; } .title-group img { width: 56px; height: 52px; } .title-group .title-group__main { font-family: 'arial'; font-weight: 700; font-size: 40px; color: var(--black-color); } .title-group p { font-weight: 400; font-size: 18px; color: #696969; } .card-group { width: 100%; flex-wrap: wrap; display: flex; justify-content: space-between; } .winners .card-group .card { width: 32%; } .winners button, .graph button, .testimonial button { box-shadow: 0px 8px 18px -10px #7732001f; } /* graph analysis section */ .graph, .science { padding: 80px 15px; background-color: #f5f8fd; } html[dir='rtl'] .reveal__info--middle .arrow_line { transform: scaleY(-1) rotate(180deg); } html[lang='sa'] .reveal__info--top { align-items: baseline; } .slick-dots li button:before { font-size: 8px; color: #000000; } .slick-dots li.slick-active button:before { color: #ff7901 !important; } .graph .row { padding: 40px 80px; gap: 80px; background: #fff url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_graf_grid_bg.svg') left top / 1152px no-repeat !important; border: 1px solid #1256a029; border-radius: 20px; justify-content: unset; box-shadow: 0px 4px 36px 0px #00000014; } .graph__left { display: flex; flex-direction: column; gap: 40px; width: 43.8%; } .graph__left .title-group div { align-items: center; display: flex; gap: 10px; } .graph__left .title-group div .title-group__main { background: var(--text-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .graph-right { display: flex; flex-direction: column; width: 50.8%; } .graph__right button { display: none; } .graph__right .info { display: flex; flex-direction: column; gap: 10px; } .graph__right .info-1, .graph__right .info-2 { display: flex; gap: 5px; align-items: center; } .graph__right .dot { width: 11px; height: 11px; border-radius: 50%; } .graph__right .info-1 .dot { background: var(--organge-color); } .graph__right .info-2 .dot { background: #949494; } .graph__right .name { font-weight: 400; text-align: left; font-size: 19px; } .graph__right .info-1 .name { color: var(--organge-color); } .graph__right .info-2 .name { color: #949494; } .graph__right .value { margin-left: 5px; padding: 6px 10px; border-radius: 8px; font-weight: 600; font-size: 16px; } .graph__right .info-2 .value { border: 1px solid #949494; background: #9494941a; color: #949494; } .graph__right .info-1 .value { border: 1px solid var(--organge-color); background: var(--organge-color) 1A; color: var(--organge-color); } .graph__left .title-group, .science__left .title-group, .protector__left .title-group { align-items: flex-start; } .as_container_gra_animation { position: relative; } .as_container_gra_animation img { width: 500px; height: 262px; } .as_container_gra_animation .y_value { position: absolute; font-size: 10px; white-space: nowrap; font-weight: 600; color: #696969; } .as_container_gra_animation .y_value_1 { color: var(--organge-color); font-weight: 600; top: 24px; left: 508px; } .as_container_gra_animation .y_value_2 { top: 61px; left: 508px; } .as_container_gra_animation .y_value_3 { top: 123px; left: 508px; } .as_container_gra_animation .y_value_4 { top: 184px; left: 508px; } .as_container_gra_animation .y_value_5 { top: 246px; left: 508px; } .graph-month { width: 495px; color: #696969; font-size: 14px; display: flex; margin-top: 5px; margin-left: 6px; align-items: baseline; justify-content: space-between; } html[dir='rtl'] .graph-month { direction: ltr; } .iframe-lottie { border: none; width: 484px; height: 270px; position: absolute; top: 1px; left: 16px; } .graph-month .year { font-size: 10px; } /* testimonial */ .testimonial { padding: 80px 0px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_what_grid_bg.svg') center top/100% no-repeat !important; display: flex; flex-direction: column; } .testimonial .card-group .card { display: flex; flex-direction: column; justify-content: space-between; width: 32%; padding: 20px; gap: 16px; border-radius: 16px; border: 1px solid #216ec329; background-color: var(--background-color); box-shadow: 0px 4px 36px 0px #00000014; } .testimonial__description { font-weight: 400; font-size: 18px; color: #333333; } .testimonial__info { display: flex; align-items: center; gap: 16px; margin-top: 20px; border-top: 1px solid #1256a029; padding-top: 16px; } .testimonial__info--avatar { width: 56px; height: 56px; } .testimonial__info--content { width: 100%; display: flex; flex-direction: column; gap: 5px; } .testimonial__info--content p { font-weight: 700; font-size: 18px; color: #333333; } .testimonial__info--content div { display: flex; justify-content: space-between; align-items: center; } .testimonial__info--content div p { font-weight: 400; font-size: 14px; color: var(--organge-color); } .testimonial__info--content div p span { color: #707070; } .testimonial__info--content div img { width: 24px; height: 24px; } /* science */ .science .row { padding-left: 80px; background: var(--background-color); border: 1px solid #1256a029; border-radius: 20px; box-shadow: 0px 4px 36px 0px #00000014; justify-content: space-between; } .science__left { padding: 40px 0px; gap: 40px; display: flex; width: 49%; flex-direction: column; } .science__left .flex, .protector__left .flex { gap: 40px; } .science__left--list { display: flex; gap: 24px; flex-direction: column; } .listItem { display: flex; gap: 16px; justify-content: flex-start; } .listItem div { display: flex; flex-direction: column; gap: 10px; } .listItem div h3 { font-weight: 600; font-size: 24px; padding-top: 5px; background: linear-gradient(90deg, #250882 0%, #7f76ea 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .listItem .number { font-weight: 700; font-size: 48px; line-height: 55px; text-align: center; color: #216ec3; opacity: 12%; } .listItem p { font-weight: 400; font-size: 18px; color: var(--black-color); } .listItem p b { font-weight: 600; color: var(--black-color); } .listItem p span { color: var(--organge-color); text-decoration: underline; } .science__left a { color: var(--organge-color); text-decoration: underline; font-size: 18px; } .science__right { width: 49%; } .science__right div { display: flex; gap: 10px; } .science__right div.ima_block_1 { margin-bottom: -16px; } .science__right div.ima_block_2 { margin-top: -42px; } .science__right div.ima_block_1 .screenshot_1 { margin-left: 54px; } html[dir='rtl'] .science__right div.ima_block_1 .screenshot_1 { margin-right: 54px; } .science__right div.ima_block_1 .screenshot_2 { margin-top: -142px; margin-left: -55px; } html[dir='rtl'] .science__right div.ima_block_1 .screenshot_2 { margin-right: -112px; } .science__right div.ima_block_2 .screenshot_4 { margin-left: -100px; margin-top: -179px; } html[dir='rtl'] .science__right div.ima_block_2 .screenshot_4 { margin-right: -100px; } html[dir='rtl'] .science__right div.ima_block_2 .screenshot_3 { z-index: 1; } /* reveal section */ .reveal { position: relative; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_else_bg_grad.svg') center top/1440px no-repeat, linear-gradient(180deg, #19232b 0%, #26323c 100%) !important; background-size: cover; padding: 80px 0px; } .reveal .container-md .row { padding: 40px 80px; gap: 80px; background: #ffffff0a; border: 1px solid #ffffff1a; border-radius: 20px; justify-content: flex-start; margin-top: 40px; box-shadow: 0px 4px 36px 0px #00000014; } .reveal .container .row { flex-direction: column; gap: 40px; } .testimonial .title-group .title-group__main { text-align: center; } .reveal .title-group .title-group__main, .protector .title-group .title-group__main { color: var(--background-color); } .reveal .title-group p, .protector .title-group p { font-weight: 400; font-size: 18px; color: #c9c9c9; } .reveal .title-group { text-align: center; } .reveal__info--top { display: flex; align-items: center; gap: 10%; } .reveal__info .box { padding: 16px 24px; font-size: 18px; background: rgba(245, 248, 253, 0.05); color: var(--background-color); border: 1px solid hsla(0, 0%, 100%, 0.16); border-radius: 16px; flex-direction: column; display: flex; } .reveal__info .box h4 { font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; margin-bottom: 16px; line-height: 10.89px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.16); } .reveal__info .box h4:after { content: ''; width: 36px; height: 36px; display: block; } .boxBadge { max-width: 339px; } .reveal__info .boxBadge h4:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_pro_logo.svg') 50% / contain no-repeat; } .reveal__info .boxData h4:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_compare.svg') 50% / contain no-repeat; } .reveal__info .newsBox h4:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_news_ico.svg') 50% / contain no-repeat; } .reveal__info .grafBox h4:after { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_graf_ico.svg') 50% / contain no-repeat; } .boxBadge span { font-weight: 400; position: relative; display: block; color: var(--background-color); padding: 6px 40px 6px 11px; background: rgba(231, 84, 77, 0.2); border-radius: 8px; display: inline-flex; align-items: center; } html[dir='rtl'] .boxBadge span { padding: 6px 11px 6px 40px; } .boxBadge span:last-child { margin-top: 6px; background: rgba(106, 198, 76, 0.2); } .boxBadge span:before { content: ''; width: 28px; height: 28px; flex-shrink: 0; margin-right: 8px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_b_icon.svg') 50% / contain no-repeat; } html[dir='rtl'] .boxBadge span:before { margin-right: unset; margin-left: 8px; } .boxBadge span:last-child:before { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_bl_icon.svg') 50% / contain no-repeat; } .boxBadge span:after { content: ''; width: 16px; height: 16px; transition: right 0.2s; position: absolute; right: 10px; width: 7px; height: 12px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_right_icon.svg') 50% / contain no-repeat; } html[dir='rtl'] .boxBadge span:after { transform: rotate(180deg); left: 10px; right: unset; } .boxBadge span:last-child:before { background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_bl_icon.svg') 50% / contain no-repeat; } .boxData { max-width: 407px; } .boxData div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .boxData b { grid-area: 1 / 1 / 2 / 3; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.16); } .boxData p { display: flex; gap: 4px; margin: 5px 0px; color: #c9c9c9; } .boxData p > span { white-space: nowrap; font-weight: 500; color: #01a4ff; } .boxData h5 { margin-top: 16px; font-size: 16px; text-align: right; color: #e7544d; } .boxData img { width: 100%; } .reveal__info--middle { margin-top: -21px; display: flex; gap: 10px; align-items: center; justify-content: center; } .reveal__info--middle .desktop:first-child { margin-top: 18px; } .badgeBox { padding: 10px 17px; display: flex; gap: 7px; justify-content: center; align-items: center; background: #252e34; border-radius: 50px; border: 1px solid #ffa901; } .badgeBox img { width: 44px; height: 51px; flex-shrink: 0; margin-right: 6px; } .badgeBox div { margin: 0px; font-weight: 700; display: flex; flex-direction: column; gap: 6px; font-size: 20px; color: #fff; } .badgeBox div p { font-weight: 700; font-size: 30px; } .badgeBox div span { font-size: 20px; font-weight: 400; } .reveal__info--bottom { display: flex; margin-top: -2px; gap: 10%; align-items: start; } .newsBox { max-width: 407px; } .newsBox img { width: 40px; height: 40px; border-radius: 24px; border: 1px solid #ffffff40; margin-right: 12px; } .newsBox span { display: flex; align-items: center; font-weight: 500; color: #01a4ff; } .newsBox .newsBox_inr { margin-top: 9px; display: flex; align-items: center; } .newsBox .newsBox_inr:before { margin-right: 8px; flex-shrink: 0; content: ''; width: 24px; height: 24px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_location_icon.svg') 50% / contain no-repeat; } .newsBox .newsBox_inr p { overflow-wrap: anywhere; position: relative; display: inline-flex; align-items: center; background: rgba(1, 164, 255, 0.08); padding: 4px 20px 4px 10px; color: #01a4ff; border-radius: 20px; font-size: 14px; } html[dir='rtl'] .newsBox .newsBox_inr p { padding: 4px 10px 4px 20px; } .newsBox .newsBox_inr p:after { transition: right 0.5s; content: ''; position: absolute; width: 16px; height: 16px; right: 7px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_ico_right_item.svg') 50% / contain no-repeat; } html[dir='rtl'] .newsBox .newsBox_inr p:after { right: unset; left: 7px; transform: rotate(180deg); } .grafBox { max-width: 356px; } .grafBox p { font-weight: 700; font-size: 28px; margin-top: 16px; color: #119907; } .grafBox span { margin-top: 4px; font-weight: 500; font-size: 16px; text-align: right; color: #51a735; } .grafBox img { width: 100%; } /* protector section */ .protector { padding: 40px 0px 80px 0px; background-color: #26323c; } .protector__left { gap: 40px; display: flex; width: 53%; flex-direction: column; } .boxGroup { display: flex; flex-direction: column; gap: 16px; } .protector__left--box { background: #ffffff0a; border: 1px solid #ffffff1a; padding: 16px; border-radius: 16px; display: flex; gap: 16px; } .protector__left--box img { width: 36px; height: 36px; } .protector__left--box div { display: flex; flex-direction: column; gap: 16px; font-size: 18px; } .protector__left--box div p { font-weight: 600; color: var(--background-color); } .protector__left--box div span { font-weight: 400; color: #c9c9c9; } .protector__right { width: 44%; } .protector__right img { width: 100%; } /* pricing section */ .price { padding: 80px 0px; position: relative; background-image: url('https://landing.investing.com/mobile_html/prod//web-landing/Partners/assets/img/ai_stock_pricing_bg.webp'); background-size: cover; font-family: 'Arial'; } .price .main__text { color: #fff; font-weight: 700; font-size: 36px; margin-bottom: 25px; text-align: center; } .get-up { text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 20px; margin-top: 30px; } .get-up__percent { font-weight: 700; font-size: 72px; } .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: 50px; } .nav div { position: relative; } .nav ul { width: 391px; 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 p { font-size: 14px; padding-bottom: 3px; font-weight: 700; } .nav ul li div span { font-size: 24px; font-weight: 700; text-transform: uppercase; } /* 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); } .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; } .plan-pro .plan__box--name { padding-top: 9px; } .plan__box--description { font-size: 18px; color: var(--black-color); padding-top: 15px; } .plan__box--biled { font-size: 16px; font-weight: 400; line-height: 24px; color: #707070; margin-top: 20px; } .plan__box--body { position: relative; } .plan__box--btn { cursor: auto; background: #dadada; } .mobile-more { display: none; } .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%); } .plan-pro-plus .plan__benefits--list li .textbg { padding: 0px 22px; margin-left: -22px; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-clip: unset; background-size: cover; background-image: url('https://landing.investing.com/mobile_html/prod//web-landing/Warren/assets/img/warrenAI_text_mark.svg'); } .plan-pro .plan__benefits--list li:nth-child(1) > span:nth-child(1) { width: 70%; } html[dir='rtl'] .plan-pro-plus .plan__benefits--list li .textbg { margin-left: unset; margin-right: -22px; } 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; } .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: 44px; 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: var(--black-color); 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: #ff6b00; font-size: 16px; 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: #ff6b00; 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; } .tax-text { text-align: center; font-size: 14px; color: var(--background-color); margin-top: 25px !important; } .btn__more img { transition: transform 0.3s ease; } .btn__more.active img { transform: rotate(180deg); } @media screen and (max-width: 1300px) { .container { padding: 0px 16px; } .wrapper { overflow: hidden; } .banner .banner-right .screenShot_2 { right: 10px; } html[dir='rtl'] .banner .banner-right .screenShot_2 { right: 50px; } .graph-month { width: 400px; } .iframe-lottie { width: 400px; } .as_container_gra_animation img { width: 418px; } .reveal .container-md .row { padding: 40px; } .as_container_gra_animation .y_value_1, .as_container_gra_animation .y_value_2, .as_container_gra_animation .y_value_3, .as_container_gra_animation .y_value_4, .as_container_gra_animation .y_value_5 { left: 426px; } .as_container_gra_animation .y_value_3 { top: 112px; } .as_container_gra_animation .y_value_4 { top: 170px; } .as_container_gra_animation .y_value_5 { top: 220px; } .graph-month { position: relative; top: -17px; } } @media screen and (max-width: 1070px) { .price { background-position: center; } .card .prize { display: none; } .graph__left, .graph__right { display: flex; flex-direction: column; align-items: center; width: 100%; } .science__left { width: 100%; } .science__right { margin-top: 30px; width: 100%; } .graph__left .title-group { align-items: center; text-align: center; } } @media screen and (max-width: 768px) { .btn-pricing { width: 100%; justify-content: center; } .testimonial .btn-pricing { width: fit-content; } .box-blocks__item { padding: 16px 12px 12px 12px; } .science .btn-pricing, .protector .btn-pricing { padding: 16px 22px 16px 30px; } .banner .banner-left .main-content .description { width: 100%; } .banner .banner-right .screenShot_2 { width: 140px; top: 38px; height: 249px; right: 23px; } html[page='chart'] .banner .banner-right img { width: 100%; } .banner .banner-left { padding-right: 0px; align-items: center; gap: 20px; width: 100%; } .banner .banner-left .main-content div { justify-content: center; } .banner .banner-left .main-content { text-align: center; } .banner .banner-left .btn-group button { justify-content: center; width: 100%; } .banner .banner-right div { margin-right: -20px; } .banner .banner-right { display: flex; justify-content: flex-start; align-items: center; position: relative; width: 100%; margin-top: 30px; } .mobile-more { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 15px; } .btn__more { display: inline-flex; align-items: center; justify-content: center; color: #006bf6; font-size: 15.625px; font-weight: 400; line-height: 100%; } .graph__right button { display: flex; margin-top: 30px; } .graph__left button { display: none; } .card-group { gap: 20px; } .title-group { text-align: center; } .title-group .title-group__main { text-align: center; } .card, .winners .card-group .card, .testimonial .card-group .card { width: 100%; } .banner .banner-left .btn-group { justify-content: space-around; width: 100%; } .banner .banner-right div { width: 100%; } .science { padding: 40px 16px; } .graph { padding: 40px 8px; } .graph .row, .science .row { padding: 40px 16px !important; } .graph .row { gap: 35px; } .graph__right .info { width: 100%; margin-bottom: 20px; } .graph__left, .graph-right, .science__left, .science__right, .protector__left, .protector__right { width: 100%; align-items: center; padding: 0px; } .graph__left .title-group, .science__left .title-group, .protector__left .title-group { align-items: center; } .as_container_gra_animation { margin-left: -20px; } .graph-month.mobile { display: flex; } .science__left a { text-align: center; } .science__right, .protector__right { display: none; } .special-offer__badge { display: none; } .reveal__info .box { width: 48%; padding: 8px; max-width: 100%; font-size: 9px; } .reveal__info--top { justify-content: space-between; align-items: end; gap: unset; } .reveal__info--bottom { justify-content: space-between; align-items: flex-start; gap: unset; } .reveal__info .box h4:after, .boxBadge span:before { width: 18px; height: 18px; } .winners .row { gap: 20px; } .winners button { margin-top: 10px; } .reveal__info--middle { margin-top: -2px; } .boxBadge span:after { width: 12px; height: 12px; } .boxData h5 { font-size: 8px; } .newsBox img { width: 20px; height: 20px; } .newsBox .newsBox_inr:before { width: 12px; height: 12px; } .newsBox .newsBox_inr p { font-size: 7px; } .newsBox .newsBox_inr p:after { width: 8px; height: 8px; } .grafBox p { font-size: 14px; } .grafBox span { font-size: 8px; } .badgeBox div p { font-size: 20px; } .badgeBox div span { font-size: 16px; } .protector, .winners, .testimonial { padding: 40px 0px; } .plan { gap: 25px; } a.btn { padding: 16px; font-size: 15px; } .price { padding: 40px 0px; } .price .main__text { font-size: 22px; } .plan__box { height: 100%; } .pricing .plan__box { height: auto; } .plan__box { width: 100%; } .plan__box--body { padding: 20px; } .pricing .plan__benefits { display: block; } .for-you__box { display: none; } .proplus__popular > div img { display: none; } .proplus__popular > div { border-radius: 4px; position: absolute; top: -13px; right: 22px; padding: 4px 8px; font-size: 12px; } .pricing .plan__benefits--title { color: #fff; } .flex-mobile { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .flex-mobile .plan__box--description { order: 3; width: 100%; padding-bottom: 5px; } .flex-mobile .plan_box--prices { margin: 0; } .flex-mobile .period { text-align: right; color: #707070; } .pricing { padding: 40px 0px; margin-top: 40px; } .plan__box--biled, .plan__benefits { margin-top: 15px; } .plan__benefits--title { padding: 15px 0px; } .plan__benefits--list li { margin-bottom: 10px; } .plan__benefits { margin-top: 0px; } .nav ul li { height: 55px; padding: 3px; } .desktop.best-offer-img { display: none; } .mobile.best-offer-img { display: block; } .plan-choose.active { border-radius: 50px; } .nav { width: 336px; padding-top: 30px; padding-bottom: 30px; } .best-offer-img { right: 58px; top: auto; bottom: -33px; } html[dir='rtl'] .best-offer-img { right: unset; top: 68px; left: 49px; width: 217px; } .mobile { display: block; } .desktop { display: none; } .price-flex .save { display: none !important; } .flex-pricing__group .cta-btns { order: 2; } .flex-pricing__group .plan__box--biled { text-align: center; order: 3; } .flex-pricing__group .plan__benefits { display: none; margin-bottom: 15px; order: 1; } .plan__benefits a { text-align: right; font-weight: 400; font-size: 15px; line-height: 24px; text-decoration: none; color: #006bf6; cursor: pointer; display: flex; justify-content: end; align-items: center; } .plan__benefits a:after { content: ''; margin-left: 3px; width: 20px; height: 20px; display: block; background: url('https://landing.investing.com/mobile_html/prod//web-landing/assetsCommon/img/arrow_up.svg') 50% / contain no-repeat; } .plan__benefits a.expand:after { transform: rotate(180deg); } .flex-pricing__group .plan__benefits .hide { display: none; } .nav ul { width: 100%; border-radius: 40px; } .nav div { display: flex; flex-direction: column; align-items: center; width: 100%; } .amount, .frac { font-size: 42px; } } @media (max-width: 580px) { .desktop { display: none; } .mobile { display: block; } .mtb-40 { margin-top: 30px; margin-bottom: 30px; } .banner .banner-left .reveiws { justify-content: center; } .title-group { gap: 10px; } .box-blocks__item { gap: 16px; flex-direction: column; } .listItem div h3 { font-size: 24px; } .listItem div { gap: 6px; } .reveal .container-md .row { gap: 12px; padding: 40px 12px 20px 12px; margin-top: 20px; gap: 20px; } .winners .listItem { width: 100%; } .box-blocks__item--info { gap: 12px; width: 100%; } .card { padding: 12px; } .card .top { gap: 8px; } .banner .banner-left .main-content { gap: 10px; } .banner .banner-left .btn-group .btn-pricing { padding: 16px 22px 16px 30px; border: none; } .graph__right button { width: 100%; } .reveal { padding: 40px 12px; } .reveal .container { padding: 0px 0px; } .reveal__info .box h4 { margin-bottom: 8px; padding-bottom: 8px; } .banner { padding-bottom: 75px; gap: 30px; } .banner .banner-left .main-content .title { font-size: 30px; } .banner .banner-left .main-content .description { font-size: 18px; font-weight: 400; } .banner .banner-left .main-content div h1 { font-size: 24px; } .banner .banner-left .main-content div img { width: 29px; height: 29px; } .science__left { gap: 0px; } .card .top .info span { font-size: 24px; } .title-group .title-group__main { font-size: 30px; } .get-up__percent { font-size: 40px; } .plan__box--body { padding: 20px; } .plan__box--name { font-size: 28px; } .period { padding-top: 0px; font-size: 12px; } .nav ul { padding: 0px; } .nav ul li div p, .nav ul li div span { font-size: 14px; font-weight: 700; font-family: 'Arial'; } } @media (max-width: 420px) { .as_container_gra_animation { margin-left: -27px; } .as_container_gra_animation img { width: 253px; height: 143px; } .as_container_gra_animation .y_value_1.mobile { left: 261px; top: 14px; } .as_container_gra_animation .y_value_2.mobile { left: 261px; top: 33px; } .as_container_gra_animation .y_value_3.mobile { left: 261px; top: 64px; } .as_container_gra_animation .y_value_4.mobile { left: 261px; top: 94px; } .as_container_gra_animation .y_value_5.mobile { left: 261px; top: 126px; } .iframe-lottie { width: 245px; height: 142px; top: 2px; left: 8px; } .graph-month { top: 0px; margin-top: 0px; width: 247px; margin-left: 6px; } .nav { width: 296px; } } @media (min-width: 420px) and (max-width: 580px) { .as_container_gra_animation { margin-left: -27px; } .as_container_gra_animation img { width: 332px; height: 157px; } .as_container_gra_animation .y_value_1.mobile { left: 327px; top: 8px; } .as_container_gra_animation .y_value_2.mobile { left: 327px; top: 32px; } .as_container_gra_animation .y_value_3.mobile { left: 327px; top: 70px; } .as_container_gra_animation .y_value_4.mobile { left: 327px; top: 108px; } .as_container_gra_animation .y_value_5.mobile { left: 327px; top: 145px; } .iframe-lottie { width: 302px; height: 152px; top: 4px; left: 21px; } .graph-month { top: 0px; width: 306px; margin-left: 15px; } }