/* 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: 60px; position: relative; background-size: cover; padding: 0px 0px 100px 0px; 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; } .header { height: 70px; transition: all 0.5s; display: flex; align-items: center; direction: ltr; } .header img { width: 145px; max-height: 24.72px; } .banner .banner-left { display: flex; flex-direction: column; gap: 40px; width: 61.25%; } .banner .banner-right { display: flex; justify-content: center; width: 36.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: 50px; 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; } .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 { padding: 16px 42px 16px 56px; } .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: ''; 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'); } .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/ProPricing/assets/img/arrow_right_trsp.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'] .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: 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-education, 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; } .card { gap: 16px; border-radius: 16px; padding: 20px 12px 12px 12px; border: 1px solid #216ec329; background-color: var(--background-color); box-shadow: 0px 4px 36px 0px #00000014; } .card .top { display: flex; flex-direction: column; padding-left: 12px; padding-right: 12px; gap: 16px; } .card .top .badge { background: var(--text-gradient); padding: 6px 12px; width: fit-content; border-radius: 53.31px; color: var(--background-color); font-weight: 600; font-size: 14px; } .card .top .line { border: 1px solid #216ec31a; } .card .top .info { height: 60px; justify-content: space-between; display: flex; align-items: center; } .card .top .info span { font-weight: 600; font-size: 28px; color: var(--black-color); } .card .top .info img { width: 72px; height: 42px; margin-left: 5px; object-fit: contain; } .card .top .date { display: flex; justify-content: space-between; } .card .top .date div { padding: 8px 0px 8px 0px; gap: 8px; display: flex; flex-direction: column; } .card .top .date div span { font-weight: 400; font-size: 16px; line-height: 20px; color: #696969; } .card .top .date div p { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--black-color); } .card .bottom { border-radius: 8px; background: #1199070f; padding: 10px 12px; display: flex; margin-top: 10px; justify-content: space-between; } .card .bottom span { font-weight: 400; font-size: 16px; line-height: 20px; color: #119907; } .card .bottom p { font-weight: 600; font-size: 24px; line-height: 20px; color: #119907; } .card .prize { transform: rotate(-6deg) !important; position: absolute; width: 160.92px; height: 160.92px; bottom: -30px; right: -120px; } .banner .banner-right .card { position: relative; width: 313.05px; transform: rotate(3deg) !important; } /* 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, .graph button, .testimonial button { box-shadow: 0px 8px 18px -10px #7732001f; } /* graph analysis section */ .graph, .science { padding: 80px 15px; background-color: #f5f8fd; } .graph .row { padding: 40px 80px; gap: 80px; background: #fff url('https://landing.investing.com/mobile_html/prod//web-landing/ProPricing/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-right { display: flex; flex-direction: column; width: 50.8%; } .graph__right button { display: none; } .mobile { 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: 12px; 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/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; } .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; } /* 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; } .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%; } .science__left--list .listItem p { font-weight: 400; font-size: 18px; color: #696969; } .science__left--list .listItem p b { font-weight: 600; color: var(--black-color); } .science__left--list .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 img { width: 100%; } /* 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; flex-wrap: wrap; align-items: center; justify-content: space-between; align-self: stretch; gap: 6px; } .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; } .boxData p { display: flex; gap: 5px; color: #c9c9c9; justify-content: space-between; align-items: flex-start; } .boxData p > span { width: auto !important; 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; 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: 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 { 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: 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; } /*.slick-dots li button:before { font-size: 8px; background: #000000; width: 8px; height: 8px; border-radius: 50px; } .slick-dots li.slick-active button:before { background: #ff7901!important; }*/ .wrapper.mobile { overflow: visible; } html[lang='de'] .card .top .info span { font-size: 26px; } html[lang='tr'] .card .top .info span, html[lang='fi'] .card .top .info span { font-size: 25px; } html[lang='it'] .card:nth-child(2) .top .info span { font-size: 22px; } html[lang='sa'] .card-group .card:nth-child(3) .top .info span { font-size: 21px; } html[lang='id'] .card-group .card:nth-child(3) .top .info span { font-size: 25px; } html[lang='ms'] .card-group .card:nth-child(3) .top .info span { font-size: 25px; } html[lang='it'] .card .top .info { min-height: 52px; } @media screen and (max-width: 1300px) { .container { padding: 0px 16px; } .wrapper { overflow: hidden; } .graph-month { width: 400px; } .iframe-lottie { width: 400px; } .as_container_gra_animation img { width: 418px; } .graph .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; } html[lang='de'] .card .top .info, html[lang='it'] .card .top .info, html[lang='tr'] .card .top .info, html[lang='fi'] .card .top .info, html[lang='sa'] .card .top .info, html[lang='id'] .card .top .info, html[lang='ms'] .card .top .info { min-height: 63px; } .graph__left, .graph__right { display: flex; flex-direction: column; align-items: center; width: 100%; } .graph__left .title-group { align-items: center; text-align: center; } .plan__box--body { padding: 20px; } } @media screen and (max-width: 992px) { .card .top .info span { font-size: 24px; } .card .top { padding: 0px 4px; } .science .row { padding-left: 40px; } html[lang='de'] .card .top .info span, html[lang='tr'] .card .top .info span, html[lang='sa'] .card .top .info span, html[lang='id'] .card .top .info span, html[lang='ms'] .card .top .info span { font-size: 24px; } html[lang='fi'] .card .top .info span { font-size: 20px; } html[lang='fi'] .card .bottom span { font-size: 12px; } html[lang='fi'] .card .bottom p { font-size: 20px; } html[lang='fi'] .card .top .info { min-height: 50px; } html[lang='fi'] .card .bottom { padding: 10px 5px; } } @media screen and (max-width: 768px) { button { width: 100%; justify-content: center; } html[dir='rtl'] .banner .banner-left .btn-group .btn-education, html[dir='rtl'] .banner .banner-left .btn-group .btn-pricing { padding: 16px 20px; } .mobile { display: block; } html[lang='de'] .card .top .info, html[lang='it'] .card .top .info, html[lang='tr'] .card .top .info, html[lang='fi'] .card .top .info, html[lang='sa'] .card .top .info, html[lang='id'] .card .top .info, html[lang='ms'] .card .top .info { min-height: auto; } .science .btn-pricing, .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%; } .graph__right button { display: flex; margin-top: 30px; } .graph__left button { display: none; } .card-group { gap: 20px; } .title-group { text-align: center; } .title-group h1, .title-group h2 { 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%; } .science { padding: 40px 16px; } .graph { padding: 40px 8px; } .graph .row, .science .row { padding: 40px 16px !important; } .graph .row { gap: 35px; } .graph__right .info { margin-bottom: 20px; width: 100%; } .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; } .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; } .graph-month { top: 0; } .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; } .as_container_gra_animation img { width: 250px; height: 143px; } .graph-month { width: 250px; margin-left: 0px; } .iframe-lottie { border: none; width: 250px; height: 144px; position: absolute; top: 0px; left: 0px; } .as_container_gra_animation .y_value_1.mobile { left: 252px; top: 9px; } .as_container_gra_animation .y_value_2.mobile { left: 252px; top: 29px; } .as_container_gra_animation .y_value_3.mobile { left: 252px; top: 63px; } .as_container_gra_animation .y_value_4.mobile { left: 252px; top: 98px; } .as_container_gra_animation .y_value_5.mobile { left: 252px; top: 131px; } .banner { padding-bottom: 60px; gap: 20px; } .banner .banner-left .main-content .title { font-size: 30px; } .card { padding: 10px; } .card .top { gap: 10px; } .card .bottom { margin-top: 5px; } .banner .banner-left .reveiws { flex-wrap: nowrap; } .banner .banner-left .reveiws img { width: 110px; } .banner .banner-left .reveiws a { font-size: 16px; } .banner { padding-bottom: 25px; } .banner .banner-left .main-content .description { font-size: 18px; font-weight: 500; } .card .top .info span { font-size: 24px; } .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%; } } /* COMPARE */ .price-experiment .container { width: 100%; max-width: 1320px !important; } .compare { padding-top: 50px; } .price-experiment .row { position: relative; background-size: cover; border-radius: 40px; } .price-experiment h1 { font-size: 36px; } .price-experiment .plan { width: 100%; max-width: 970px; } .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: 18px; 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 { 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; } .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-style: normal; font-weight: 510; 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; } /* FAIR VALUE */ .fair-value .banner .banner-left .main-content .description { width: 80%; } .fair-value .banner .banner-left .btn-group .btn-pricing { padding-left: 43px; padding-right: 38px; } .fair-value .banner .card .top .info img { width: 90px; height: 54px; } .fair-value .banner .card .top { gap: 12px; } .fair-value .card .bottom span { display: flex; align-items: center; justify-content: space-between; width: 100%; } .fair-value .card .top .date > div:nth-child(2) p { color: rgb(17, 153, 7); } .fair-value .testimonial__info--content div h5 { width: 88%; } .fair-value .card .bottom { justify-content: space-between; } .fair-value .graph { background: #26323c; padding: 0; } .fair-value .graph .row { background: #ffffff0a !important; border: 1px solid #ffffff1a; border-radius: 20px; } .fair-value .graph .title-group h1, .fair-value .graph .title-group h2 { color: #fff; } .fair-value .graph .title-group p, .fair-value .graph .as_container_gra_animation .y_value, .fair-value .graph .graph-month { color: rgb(201, 201, 201); } .fair-value .banner .banner-left .btn-group { flex-wrap: nowrap; } html[lang='pt'] .fair-value .card .top .info span { font-size: 25px; } html[lang='fi'] .fair-value .boxData p { font-size: 16px; } 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='pt'] .compare__biled { text-transform: none; } .fair-value .period { text-transform: capitalize; } html[lang='fi'] .period { text-transform: lowercase; } html[lang='fi'] .compare__biled { text-transform: lowercase; } .flex-pricing__group { flex: 1; } html[lang='it'] .price-experiment .plan__box--description { letter-spacing: 0; } html[lang='nl'] .price-experiment .plan__box--description { letter-spacing: 0; } html[dir='rtl'] .compare__popular { border-radius: 16px 0px 0px 0px; } html[dir='rtl'] .benefits__list--orange li, html[dir='rtl'] .benefits__list--grey li { padding-left: 0px; padding-right: 20px; } html[dir='rtl'] .benefits__list--orange li::before, html[dir='rtl'] .benefits__list--grey li::before { left: auto; right: 0; } html[dir='rtl'] .price-experiment .plan-pro-plus { border-radius: 16px 0px 0px 0px; border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.1); } html[dir='rtl'] .cbe-open img { transform: rotate(180deg); } html[dir='rtl'] .comparasion-btn span { padding-right: 0px; padding-left: 5px; } html[dir='rtl'] .pricing-card > b { width: 100%; } @media screen and (max-width: 992px) { .fair-value .banner .banner-left .btn-group { flex-wrap: wrap; } } @media screen and (max-width: 768px) { .fair-value .banner .banner-left .main-content .description { width: 100%; } html[lang='fi'] .fair-value .boxData p { font-size: 12px; } .fair-value .banner .banner-left .btn-group .btn-pricing { padding-left: 10px; padding-right: 10px; } .fair-value .btn-pricing:after, .fair-value .btn-education:after { margin-left: 2px; } } @media screen and (max-width: 500px) { html[lang='fi'] .nav ul li div h4 { font-size: 12px; } html[dir='rtl'] .benefits__list--orange li, html[dir='rtl'] .benefits__list--grey li { padding-left: 0px; padding-right: 20px; } html[dir='rtl'] .benefits__list--orange li::before, html[dir='rtl'] .benefits__list--grey li::before { left: auto; right: 0; } html[dir='rtl'] .price-experiment .plan-pro-plus { border-radius: 16px 0px 0px 0px; border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.1); } html[dir='rtl'] .cbe-open img { transform: rotate(180deg); } html[dir='rtl'] .comparasion-btn span { padding-right: 0px; padding-left: 5px; } html[dir='rtl'] .pricing-card > b { width: 100%; } .compare__popular { border-radius: 16px 0px 0px 0px; } html[lang='nl'] .price-experiment .plan__box--description { letter-spacing: 0.2px; } .amount, .frac { font-size: 42px; } }