/* 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; } .desktop { display: block; } .mobile { display: none; } .d-none { display: none; } .d-block { display: block; } .dir-ltr { direction: ltr; } .order-1 { order: 1; } .order-0 { order: 0; } .flex { display: flex; } .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: 40px; position: relative; background-size: cover; padding: 0px 0px 60px 0px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/adsfree/assets/img/grid.svg') center top/1440px no-repeat, radial-gradient(59.14% 62.13% at 50% 0%, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(127deg, #6244ff 0%, #ff3363 24.45%, #ff7901 55.12%), linear-gradient(180deg, #19232b 0%, #26323c 100%) !important; } .header { height: 70px; transition: all 0.5s; display: flex; align-items: center; } .header img { width: 145px; max-height: 24.72px; } .banner .banner-left { display: flex; flex-direction: column; gap: 40px; width: 60.25%; } .banner .banner-right { display: flex; justify-content: center; width: 38.6%; } .banner .banner-left .main-content { display: flex; flex-direction: column; gap: 20px; } .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: 52px; vertical-align: middle; color: var(--background-color); } .banner .banner-left .main-content .title span, .title-group h1 span, .title-group h2 span { background: var(--text-gradient); -webkit-background-clip: text; background-clip: text; padding-top: 15px; -webkit-text-fill-color: transparent; } .banner .banner-left .main-content .description { font-weight: 400; font-size: 18px; width: 73%; color: #c9c9c9; 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; } .card { border-radius: 16px; box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.08); } .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; } .banner .banner-left .btn-group .btn-pricing { width: 347px; padding: 16px 42px 16px 56px; } .protector .btn-pricing { padding: 16px 45px 16px 58px; } .btn-pricing: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/ProPricing/assets/img/arrow_right_primary.svg'); } html[dir='rtl'] .btn-pricing:after, html[dir='rtl'] .btn-education:after { transform: rotate(180deg); } html[dir='rtl'] .reveal__info--middle > div:nth-child(1) { order: 3; } html[dir='rtl'] .reveal__info--middle > div:nth-child(2) { order: 2; } html[dir='rtl'] .reveal__info--middle > div:nth-child(3) { order: 1; } html[dir='rtl'] .newsBox img { margin-left: 12px; margin-right: 0px; } html[dir='rtl'] .best-offer-img { right: 323px; top: -33px; width: 300px; } html[dir='rtl'] .card .prize { right: auto; left: -105px; } html[dir='rtl'] .newsBox .newsBox_inr p:after { right: auto; left: 10px; transform: rotate(180deg); } html[dir='rtl'] .btn-pricing:after, html[dir='rtl'] .btn-education:after { margin-left: 0px; } html[dir='rtl'] .btn-pricing { padding: 16px 30px; } html[dir='rtl'] .banner .banner-left .btn-group .btn-pricing { padding: 16px 45px; } .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: var(--organge-color); font-weight: 400; font-size: 18px; vertical-align: middle; text-decoration: underline; } /* winners section */ .winners { padding: 80px 0px; display: flex; flex-direction: column; gap: 40px; } .title-group { display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center; } .winners .title-group, .reveal .title-group { text-align: center; } .title-group img { width: 56px; height: 52px; } .title-group h1, .title-group h2 { 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, .testimonial button { box-shadow: 0px 8px 18px -10px #7732001f; } .mobile { display: none; } .protector__left .title-group { align-items: flex-start; } /* testimonial */ .testimonial { padding: 80px 0px; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/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 !important; border: 1px solid rgba(18, 86, 160, 0.16); } .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 h5 { font-weight: 400; font-size: 14px; color: var(--organge-color); } .testimonial__info--content div h5 span { color: #707070; } .testimonial__info--content div img { width: 24px; height: 24px; } .testimonial .btn-pricing { width: 347px; } .protector__left .flex { gap: 40px; } /* reveal section */ .reveal { position: relative; background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/bg_row_grad.svg') center top/1440px no-repeat, linear-gradient(180deg, #19232b 0%, #26323c 100%) !important; background-size: cover; padding: 80px 0px; } .reveal .row { flex-direction: column; gap: 40px; } .testimonial .title-group h1, .testimonial .title-group h2 { text-align: center; } .reveal .title-group h1, .protector .title-group h1, .reveal .title-group h2, .protector .title-group h2 { color: var(--background-color); } .reveal .title-group p, .protector .title-group p { font-weight: 400; font-size: 18px; color: #c9c9c9; } .reveal__info--top { display: flex; align-items: center; gap: 10%; } .reveal__info .box { padding: 16px 24px; font-size: 16px; 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: 10px; margin-bottom: 15px; margin-top: 5px; 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/ProPricing/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/ProPricing/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/ProPricing/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/ProPricing/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); } html[dir='rtl'] .boxBadge span:before { margin-right: unset; margin-left: 8px; } .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/ProPricing/assets/img/ai_stock_b_icon.svg') 50% / contain no-repeat; } .boxBadge span:last-child:before { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/ai_stock_bl_icon.svg') 50% / contain no-repeat; } html[dir='rtl'] .boxBadge span:after { transform: rotate(180deg); left: 10px; right: unset; } .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/ProPricing/assets/img/ai_stock_right_icon.svg') 50% / contain no-repeat; } .boxBadge span:last-child:before { background: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/ai_stock_bl_icon.svg') 50% / contain no-repeat; } .boxData { max-width: 407px; } .boxData div { display: flex; 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/ProPricing/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 28px; } .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/ProPricing/assets/img/ai_stock_ico_right_item.svg') 50% / contain no-repeat; } .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%; height: 20px; } /* protector section */ .protector { padding: 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: url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/assets/img/bg_row_grad.svg') center top/1440px no-repeat, linear-gradient(180deg, #19232b 0%, #26323c 100%) !important; 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 { display: flex; align-items: stretch; justify-content: space-between; margin-top: 25px; flex-wrap: wrap; } .plan__box { background: #fff; border-radius: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); color: var(--black-color); 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: 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; } .plan__benefits--list { font-size: 14px; font-weight: 400; line-height: 20px; } .plan__benefits--list li:nth-child(2) span { 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__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; } .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: #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: 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: #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; } .tax-text { text-align: center; font-size: 14px; color: var(--background-color); margin-top: 25px !important; } .slick-dots li button:before { font-size: 8px; color: #000000; } .slick-dots li.slick-active button:before { color: #ff7901 !important; } .wrapper.mobile { overflow: visible; } @media screen and (max-width: 1300px) { .container { padding: 0px 16px; } .wrapper { overflow: hidden; } } @media screen and (max-width: 1070px) { .price { background-position: center; } .plan__box--body { padding: 20px; } } @media screen and (max-width: 768px) { button { width: 100%; justify-content: center; } html[dir='rtl'] .banner .banner-left .btn-group .btn-pricing { padding: 16px 20px; } .mobile { display: block; } .protector .btn-pricing, .banner .banner-left .btn-group .btn-pricing { width: 100%; padding: 16px; } .btn-pricing { width: 100% !important; } .banner .banner-right { display: none; } .plan { margin-top: 13px; } .reveal { padding: 40px 0px; } .banner .banner-left .main-content .description { width: 100%; } .banner .banner-left { align-items: center; gap: 20px; width: 100%; } .banner .banner-left .main-content { text-align: center; } .banner .banner-left .btn-group button { justify-content: center; width: 100%; } .card-group { gap: 20px; } .title-group { text-align: center; } .title-group h1, .title-group h2 { text-align: center; } .card, .testimonial .card-group .card { width: 100%; } .banner .banner-left .btn-group { justify-content: space-around; width: 100%; } .protector__left, .protector__right { width: 100%; align-items: center; padding: 0px; } .protector__left .title-group { align-items: center; } .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; } .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 { align-items: center; justify-content: center; padding: 16px; font-size: 15px; } .price { padding: 40px 0px; } .price h1, .price h2 { font-size: 26px; } .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; } .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: 100%; padding-top: 30px; padding-bottom: 50px; } .best-offer-img { right: 80px; top: auto; bottom: -40px; } html[dir='rtl'] .best-offer-img { right: unset; top: 88px; left: 70px; width: 250px; } .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 { margin-bottom: 15px; order: 1; } .plan__benefits button { 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 button: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; transform: translateX(0px); } .plan__benefits button.active:after { transform: rotate(180deg); } .flex-pricing__group .plan__benefits .hide { display: none; } .flex-pricing__group .plan__benefits .hide { margin-top: 10px; } .nav ul { width: 100%; border-radius: 40px; } .nav div { width: 100%; } } @media (max-width: 580px) { .banner .banner-left .reveiws { justify-content: center; } .reveal__info .box h4 { margin-bottom: 7px; padding-bottom: 7px; } .boxBadge span { padding: 6px 22px 6px 7px; } .reveal__info--middle > div:nth-child(1) { position: relative; right: -15px; } .reveal__info--middle > div:nth-child(3) { position: relative; left: -15px; } .banner .banner-left .main-content .title { font-size: 30px; } .banner .banner-left .reveiws { flex-wrap: nowrap; } .banner .banner-left .reveiws img { width: 110px; } .banner .banner-left .reveiws a { font-size: 16px; } .banner { gap: 20px; padding-bottom: 40px; } .banner .banner-left .main-content .description { font-size: 18px; font-weight: 500; } .title-group h1, .title-group h2 { 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 { width: 100%; } } .flex-pricing__group { flex: 1; } .price-experiment .plan__box { height: auto; } html[lang='ru'] .boxData div, html[lang='fi'] .boxData div, html[lang='es'] .boxData div, html[lang='mx'] .boxData div, html[lang='jp'] .boxData div { gap: 5px; flex-wrap: wrap; } html[lang='pt'] .banner .banner-left .btn-group .btn-education { padding-left: 40px; padding-right: 40px; white-space: nowrap; } html[lang='fi'] .period { text-transform: lowercase; } html[dir='rtl'] .pricing-card > b { width: 100%; } @media screen and (max-width: 500px) { html[lang='fi'] .nav ul li div h4 { font-size: 12px; } html[dir='rtl'] .pricing-card > b { width: 100%; } .amount, .frac { font-size: 42px; } }