/* pricing section */ .price { padding: 80px 0px; position: relative; background-size: cover; } .price .container { max-width: 1120px; } .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-block { text-align: center; }