.pricing-card { max-width: 312px; width: 100%; background: #F7F7FA; border-radius: 20px; overflow: hidden; } .pricing-card.mobile-block { display: none; } .pricing-card.border-card { background: -webkit-linear-gradient(155deg, #63B9FF 0%, #6F6BFF 71.52%); background: -moz-linear-gradient(155deg, #63B9FF 0%, #6F6BFF 71.52%); background: -o-linear-gradient(155deg, #63B9FF 0%, #6F6BFF 71.52%); background: -ms-linear-gradient(155deg, #63B9FF 0%, #6F6BFF 71.52%); background: linear-gradient(155deg, #63B9FF 0%, #6F6BFF 71.52%); padding: 0 3px 3px; margin-top: -33px; } .pricing-card .content { display: flex; flex-direction: column; padding: 24px; } .pricing-card.border-card .content { border-radius: 8px 8px 16px 16px; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); padding: 24px 24px 60px 24px; } .pricing-card .top { display: flex; flex-direction: column; margin-bottom: 26px; } .pricing-card.border-card .card-label { font-size: 0.875rem; font-weight: 600; line-height: 150%; text-align: center; color: #FFFFFF; padding: 6px; } .pricing-card .plan-info { margin-bottom: 16px; } .pricing-card .plan-info h3 { font-size: 1.25rem; font-weight: 800; line-height: 130%; margin-bottom: 8px; } .pricing-card.border-card .plan-info h3 { font-size: 1.5rem; margin-bottom: 4px; } .pricing-card .plan-info p { font-weight: 400; line-height: 150%; } .pricing-card.border-card .plan-info p { font-weight: 600; } .pricing-card .plan-price { width: 100%; margin-bottom: 16px; } .pricing-card .plan-price .month { display: inline-flex; align-items: flex-end; margin-bottom: ; } .pricing-card .plan-price .month .currency { font-family: 'Sofia-Pro'; display: inline-flex; font-size: 2.5rem; font-weight: 800; line-height: 130%; color: #111; margin-right: 8px; } .pricing-card .plan-price .month span { font-size: 0.875rem; font-weight: 400; line-height: 150%; color: #6E6E6E; padding-bottom: 8px; } .pricing-card .plan-price .year { font-size: 0.875rem; font-weight: 400; line-height: 150%; color: #6E6E6E; } .pricing-card .plan-price .year span { text-decoration-line: line-through; } .pricing-card .plan-price .trial { font-size: 0.875rem; font-weight: 600; line-height: 150%; letter-spacing: 0.39px; text-transform: uppercase; color: #006EE5; } .pricing-card .top .btn { min-width: unset; width: 100%; padding: 0 20px; } .pricing-card .top p.text { font-size: 1.875rem; height: 73px; font-weight: 800; line-height: 130%; color: #111; } .pricing-card .features p.features-title { font-size: 0.875rem; font-weight: 600; line-height: 150%; margin-bottom: 10px; } .pricing-card .features ul { list-style: none; display: flex; flex-direction: column; gap: 10px; } .pricing-card .features ul li { position: relative; display: inline-flex; align-items: flex-start; gap: 12px; } .pricing-card .features ul li:before { content: ''; position: relative; flex-shrink: 0; width: 16px; height: 16px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/feature-available-blue-icon.svg?1754558463"); background-size: contain; background-repeat: no-repeat; } .pricing-card .features ul li p { font-size: 0.875rem; line-height: 150%; letter-spacing: -0.42px; } .pricing-card .features ul li p span { display: inline-flex; font-size: 0.75rem; font-weight: 600; line-height: normal; font-variant: all-small-caps; color: rgba(102, 112, 126, .9); padding: 2px 6px; border: 1px solid rgba(0, 8, 30, 0.08); border-radius: 6px; } @media (max-width: 991px) { .pricing-card { max-width: 400px; } .pricing-card.mobile-block { display: block; } .pricing-card.border-card { order: -1; margin-top: 0; } .pricing-card.border-card .content { padding: 24px; } .pricing-card .top p.text { height: auto; } } @media (max-width: 767px) { .pricing-card { max-width: 327px; } }.pricing-plan-comparison-table h2 { font-size: 2.5rem; text-align: center; margin: 0 auto 30px; } .pricing-plan-comparison-table .comparison-table { margin-bottom: 64px; } .pricing-plan-comparison-table .table-header { position: relative; display: flex; justify-content: flex-end; align-items: flex-end; } .pricing-plan-comparison-table .table-header .empty-block { width: 280px; flex-shrink: 0; } .pricing-plan-comparison-table .table-header .column-plan { max-width: 179px; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .pricing-plan-comparison-table .table-header .column-plan.color-pro { padding: 0 2px; border-radius: 12px 12px 0 0; background: -webkit-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -moz-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -o-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -ms-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); } .pricing-plan-comparison-table .column-plan.color-pro .label { font-size: 0.687rem; text-align: center; font-weight: 600; text-transform: uppercase; color: #FFFFFF; padding: 4px 6px; } .pricing-plan-comparison-table .column-plan.color-pro .text-block { border-radius: 6px 6px 0 0; background: #F0F6FF; } .pricing-plan-comparison-table .column-plan .text-block { width: 100%; padding: 13px 10px 24px; } .pricing-plan-comparison-table .column-plan .title { font-size: 1rem; font-weight: 600; line-height: 150%; text-align: center; letter-spacing: -0.48px; margin-bottom: 8px; } .pricing-plan-comparison-table .column-plan .info-block { display: flex; justify-content: center; align-items: center; margin-bottom: 12px; } .pricing-plan-comparison-table .column-plan .plan-price { font-family: 'Sofia-Pro'; font-size: 1.125rem; font-style: normal; font-weight: 800; line-height: 130%; letter-spacing: -0.44px; } .pricing-plan-comparison-table .column-plan .plan-price.changeable { display: none; } .pricing-plan-comparison-table .column-plan .plan-price.changeable.active { display: block; } .pricing-plan-comparison-table .column-plan .info-block span { display: inline-flex; font-size: 0.75rem; line-height: 150%; letter-spacing: -0.42px; margin-left: 6px; color: #6E6E6E; } .pricing-plan-comparison-table .column-plan .info-block p.text { font-family: "Sofia-Pro"; font-size: 1rem; font-weight: 800; line-height: 150%; text-align: center; letter-spacing: -0.48px; } .pricing-plan-comparison-table .column-plan .text-block .btn { min-width: unset; width: 100%; min-height: 36px; font-size: 0.875rem; letter-spacing: -0.42px; padding: 0 6px; margin: 0 auto; } .pricing-plan-comparison-table .column-plan .text-block .checkout-buy { display: none; } .pricing-plan-comparison-table .column-plan .text-block .checkout-buy.active { display: flex; } .pricing-plan-comparison-table .table-rows .feature-row { display: flex; position: relative; } .pricing-plan-comparison-table .table-rows .feature-row:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(17, 17, 17, 0.05); } .pricing-plan-comparison-table .table-rows .feature-row:last-child { padding-bottom: 0; } .pricing-plan-comparison-table .table-rows .feature-row .column { max-width: 179px; width: 100%; height: auto; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column { max-width: 280px; width: 100%; display: flex; align-items: center; gap: 10px; flex-shrink: 0; padding: 16px 10px 16px 0; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column p { font-size: 0.875rem; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column p > span { font-weight: 600; line-height: normal; font-variant: all-small-caps; color: rgba(102, 112, 126, .9); padding: 2px 6px; border: 1px solid rgba(0, 8, 30, 0.08); border-radius: 6px; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip { position: relative; display: flex; align-items: center; justify-content: center; padding: 0; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip .icon { width: 16px; height: 16px; display: flex; flex-shrink: 0; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/attention-stroke.svg?1761045562"); background-repeat: no-repeat; background-size: contain; cursor: pointer; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip:hover .text { opacity: 1; visibility: visible; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip .text { position: absolute; right: -311px; display: flex; width: 290px; font-size: 0.875rem; padding: 20px; border-radius: 12px; background-color: #F7F7FA; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .pricing-plan-comparison-table .table-rows .feature-row .column.features-title { padding: 36px 16px 16px 0; } .pricing-plan-comparison-table .table-rows .feature-row .column.color-pro { padding: 0 2px; background: -webkit-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -moz-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -o-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: -ms-linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); background: linear-gradient(90deg, #63B9FF 0%, #6F6BFF 100%); } .pricing-plan-comparison-table .table-rows .feature-row .column.color-pro > div { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #F0F6FF; } .pricing-plan-comparison-table .table-rows .feature-row:last-child .column.color-pro { border-radius: 0 0 12px 12px; padding: 0 2px 2px; } .pricing-plan-comparison-table .table-rows .feature-row:last-child .column.color-pro > div { border-radius: 0 0 10px 10px; } .pricing-plan-comparison-table .table-rows .feature-row .column.features-title p { font-size: 1rem; font-weight: 700; line-height: 150%; letter-spacing: -0.48px; } .pricing-plan-comparison-table .table-rows .feature-row .column:not(.text-column) { display: flex; justify-content: center; align-items: center; } .pricing-plan-comparison-table .table-rows .feature-row .column .unchecked, .pricing-plan-comparison-table .table-rows .feature-row .column.color-pro .unchecked { display: flex; width: 12px; height: 2px; background-color: rgba(69, 152, 250, .8); border-radius: 10px; } .pricing-plan-comparison-table .table-rows .feature-row .column .checked { display: flex; width: 16px; height: 16px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/feature-available-bg-blue-icon.svg?1754834680"); background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; } .pricing-plan-comparison-table .table-rows .feature-row .column div { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 5px; } .pricing-plan-comparison-table .table-rows .feature-row .column div span.desc { font-size: 0.625rem; font-style: italic; font-weight: 400; line-height: 120%; text-align: center; word-break: break-all; letter-spacing: -0.3px; color: #6E6E6E; } .pricing-plan-comparison-table .disclaimer-text { display: flex; flex-direction: column; gap: 11px; } .pricing-plan-comparison-table .disclaimer-text p { font-size: 0.875rem; font-weight: 400; line-height: 150%; color: #6E6E6E; } @media (max-width: 1199px) { .pricing-plan-comparison-table .column-plan .text-block { padding: 13px 4px 24px; } .pricing-plan-comparison-table .column-plan .text-block .btn { min-width: unset; max-width: 100%; width: 100%; } .pricing-plan-comparison-table .column-plan .plan-price { font-size: 1rem; } .pricing-plan-comparison-table .column-plan .info-block span { font-size: 0.75rem; margin-left: 3px; } } @media (max-width: 1024px) { .de .pricing-plan-comparison-table .column-plan .text-block .btn { padding: 0 4px; } } @media (max-width: 991px) { .pricing-plan-comparison-table h2 { font-size: 2rem; margin-bottom: 11px; } .pricing-plan-comparison-table .table-header .empty-block { width: 200px; } .pricing-plan-comparison-table .table-header .column-plan.color-pro { padding: 2px 2px 0; } .pricing-plan-comparison-table .column-plan.color-pro .label { display: none; } .pricing-plan-comparison-table .column-plan.color-pro .text-block { border-radius: 10px 10px 0 0; } .pricing-plan-comparison-table .column-plan .title { font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; } .pricing-plan-comparison-table .table-header .column-plan { max-width: 200px; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column { max-width: 200px; } .pricing-plan-comparison-table .table-rows .feature-row .column { max-width: 200px; } .pricing-plan-comparison-table .table-rows .feature-row .column.features-title p { font-size: 0.875rem; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column p { font-size: 0.75rem; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip .text { width: 200px; right: -215px; padding: 10px; font-size: 0.75rem; } .pricing-plan-comparison-table .column-plan .text-block { padding: 13px 0 0; } .pricing-plan-comparison-table .column-plan .info-block { display: none; } .pricing-plan-comparison-table .column-plan .text-block .btn, .pricing-plan-comparison-table .column-plan .text-block .btn.active { display: none; } } @media (max-width: 767px) { .pricing-plan-comparison-table .comparison-table { margin-bottom: 48px; } .pricing-plan-comparison-table .column-plan .text-block { display: flex; justify-content: center; } .pricing-plan-comparison-table .column-plan .title { max-width: 80px; width: 100%; padding: 0 2px; } } @media (max-width: 575px) { .pricing-plan-comparison-table .table-header .empty-block { width: 150px; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column { max-width: 150px; } .pricing-plan-comparison-table .column-plan .title { max-width: 40px; width: 100%; padding: 0 2px; } } @media (max-width: 480px) { .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip .text { width: 180px; right: -190px; } } @media (max-width: 375px) { .pricing-plan-comparison-table .table-header .empty-block { width: 110px; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column { max-width: 110px; padding: 16px 5px 16px 0; } .pricing-plan-comparison-table .column-plan .title { max-width: 30px; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column p { word-break: break-all; } .pricing-plan-comparison-table .table-rows .feature-row .column.text-column .tooltip .text { width: 166px; right: -176px; } }.faq-section .box { max-width: 740px; width: 100%; margin: 0 auto; } .faq-section.box-shadow .box { max-width: 790px; border-radius: 20px; background: #FFF; padding: 20px; } .faq-section.box-shadow h2.title-center-block { font-weight: 700; margin-bottom: 40px; } .faq-section .item { padding: 27px 16px; border-bottom: 1px solid rgba(68, 68, 68, 0.1); outline: none; } .faq-section .item:focus-visible { border-radius: 6px; -moz-box-shadow: var(--common-focus-box-shadow); -webkit-box-shadow: var(--common-focus-box-shadow); -o-box-shadow: var(--common-focus-box-shadow); -ms-box-shadow: var(--common-focus-box-shadow); box-shadow: var(--common-focus-box-shadow); } .faq-section.box-shadow .item:last-child { border-bottom: none; } .faq-section .item-title { position: relative; width: calc(100% - 104px); display: flex; align-items: center; font-weight: 400; font-size: 1em; line-height: 150%; letter-spacing: -0.03em; color: #333333; cursor: pointer; } .faq-section .item .item-title:after { content: ''; position: absolute; right: -80px; width: 16px; height: 16px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icon-grey-plus.svg?1663589521") no-repeat 0 0; background-size: contain; transition: .4s ease; } .faq-section .item.open .item-title:after { transform: rotate(-45deg); opacity: .25; transition: .4s ease; } .faq-section .item .text-block { display: none; padding-top: 24px; } .faq-section.box-shadow .item .text-block { padding: 24px 8px 0; } .faq-section .item .text-block p { font-weight: 400; font-size: 0.875em; line-height: 150%; letter-spacing: -0.03em; color: var(--grey); } .faq-section.faq-2-columns .list { display: flex; justify-content: space-between; gap: 20px; } .faq-section.faq-2-columns .list .column { width: 50%; } .faq-section.faq-2-columns .box { max-width: 100%; } .faq-section.faq-2-columns .item { padding: 8px 16px; } .faq-section.faq-2-columns .item-title { width: calc(100% - 65px); min-height: 62px; font-family: 'Sofia-Pro', sans-serif; font-size: 1.125rem; font-weight: 700; } .faq-section.faq-2-columns .item .item-title:after { right: -58px; } .faq-section.faq-2-columns .item .text-block { padding: 16px 0 16px; } .faq-section.faq-2-columns .item .text-block p { font-size: 1rem; } @media (max-width: 1199px) { .faq-section.box-shadow .box { max-width: 741px; padding: 32px 24px; } } @media (max-width: 767px) { .faq-section.faq-2-columns .list { display: flex; flex-direction: column; gap: 0; } .faq-section.faq-2-columns .list .column { width: 100%; } .faq-section.box-shadow .box { padding: 20px 0; } .faq-section.faq-2-columns .item-title { font-size: 1rem; } .faq-section.faq-2-columns .item .text-block p { font-size: 0.875rem; } } @media (max-width: 575px) { .faq-section .item-title { width: calc(100% - 75px); } .faq-section.box-shadow .box .item { padding: 27px 16px; } .faq-section .item { padding: 15px 16px; } .faq-section .item .item-title:after { right: -53px; } }.banner-icon-title-text-btn-center .content { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 468px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/bg-try-spark-2x.jpg?1754576757"); background-size: contain; background-repeat: no-repeat; padding: 80px; border-radius: 24px; } .banner-icon-title-text-btn-center .text-block h2 { font-size: 2.5rem; text-align: center; margin-bottom: 24px; } .banner-icon-title-text-btn-center .text-block p { font-size: 1.25rem; line-height: 150%; text-align: center; letter-spacing: -0.48px; margin-bottom: 40px; } .banner-icon-title-text-btn-center .text-block .btn { margin: 0 auto; } @media (max-width: 1199px) { .banner-icon-title-text-btn-center .content { background-size: 996px 468px; background-position: center center; } } @media (max-width: 991px) { .banner-icon-title-text-btn-center .content { min-height: 390px; height: 100%; background-size: 927px 437px; background-position: top center; padding: 60px; } .banner-icon-title-text-btn-center .text-block h2 { font-size: 2rem; margin-bottom: 24px; } .banner-icon-title-text-btn-center .text-block p { font-size: 1.125rem; margin-bottom: 32px; } } @media (max-width: 767px) { .banner-icon-title-text-btn-center .content { min-height: 380px; padding: 20px 20px 60px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/bg-try-spark-mobile-3x.jpg?1754638803"); background-size: 727px 380px; } .banner-icon-title-text-btn-center .text-block h2 { margin-bottom: 16px; } .banner-icon-title-text-btn-center .text-block p { font-size: 1rem; margin-bottom: 24px; } } @media (max-width: 575px) { .banner-icon-title-text-btn-center .content { min-height: 360px; padding: 20px 20px 50px; } .banner-icon-title-text-btn-center .text-block h2 { font-size: 1.5rem; } .banner-icon-title-text-btn-center .text-block .btn { min-width: unset; max-width: 288px; width: 100%; padding: 0 16px; } }.simple-smart-focused-block { padding: 54px 0; background: #F7F7FA; } .simple-smart-focused-block .text-block { display: flex; flex-direction: column; align-items: center; gap: 24px; } .simple-smart-focused-block .top-block { display: flex; align-items: center; gap: 24px; } .simple-smart-focused-block .bottom-block { display: flex; align-items: center; gap: 8px; } .simple-smart-focused-block .bottom-block p { font-size: 1.25rem; line-height: 150%; color: #6E6E6E; } .simple-smart-focused-block .bottom-block a { font-size: 1.125rem; font-weight: 600; line-height: 150%; letter-spacing: -0.54px; } @media (max-width: 1199px) { .simple-smart-focused-block .top-block h3 { font-size: 2rem; } } @media (max-width: 991px) { .simple-smart-focused-block { padding: 48px 0; } .simple-smart-focused-block .top-block { flex-direction: column; } } @media (max-width: 767px) { .simple-smart-focused-block .top-block { width: 100%; } .simple-smart-focused-block .top-block h3 { font-size: 1.5rem; text-align: center; } .simple-smart-focused-block .top-block .btn { min-width: unset; max-width: 300px; width: 100%; } .simple-smart-focused-block .bottom-block p { font-size: 1rem; } .simple-smart-focused-block .bottom-block a { font-size: 1rem; } } @media (max-width: 575px) { .simple-smart-focused-block { padding: 32px 0; } .simple-smart-focused-block .bottom-block { flex-wrap: wrap; justify-content: center; } }.book-demo.popup { display: block; overflow-y: auto; } .book-demo.popup .block { max-width: 722px; margin: 100px 0 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .book-demo form { width: 100%; } .book-demo .fields-block { display: flex; flex-direction: column; gap: 20px; } .book-demo .fields-block.row-fields { flex-direction: row; justify-content: space-between; margin: 0 0 20px; } .book-demo .fields-block input { min-height: 48px; width: 100%; padding: 10px 24px; font-size: 1rem; line-height: 175%; border-radius: 4px; border: 1px solid rgba(25, 133, 255, 0.7); background: #FFFFFF; } .book-demo .fields-block input:focus-visible { outline: none; border-color: rgba(131, 192, 253, 0.50); } .book-demo .fields-block input::placeholder { color: rgba(23, 23, 29, 0.35); } .book-demo .fields-block input[type=number]::-webkit-outer-spin-button, .book-demo .fields-block input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .book-demo .fields-block input.error { border: solid 1px #FA4655; outline: none; } .book-demo .fields-block input[type=number] { -moz-appearance: textfield; } .book-demo .submit-block { margin: 40px 0 20px; } .book-demo .submit-block .btn { width: 100%; min-height: 48px; } .book-demo .submit-block.wait-status .btn { background: #bebebe; cursor: default; } .book-demo .information { display: flex; flex-direction: column; align-items: center; } .book-demo .information span { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; text-align: center; color: var(--popup-information-text-color); } .book-demo .informer-block { padding: 32px 60px 0; font-size: 1.25rem; font-weight: 600; line-height: 1.45; text-align: center; margin: 20px 0 0; border-top: 1px solid rgba(68, 68, 68, 0.1); } .book-demo .success.popup-content { max-width: 760px; } .book-demo .success .icon { width: 253px; height: 157px; margin: 0 auto 30px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/thanks.svg?1630508806") no-repeat center; } .book-demo .success .title { font-size: 2.5rem; margin: 0 0 25px; } .book-demo .success .text { font-size: 1.25rem; line-height: 150%; text-align: center; } @media (max-width: 991px) { .book-demo.popup .block { padding: 40px; } .book-demo .informer-block { padding: 20px 60px 0; } .book-demo .success .icon { width: 245px; height: 152px; margin: 0 auto 25px; } } @media (max-width: 575px) { .book-demo .title { font-size: 1.5rem; } .book-demo .fields-block.row-fields { flex-direction: column; } .book-demo .informer-block { font-size: 1.125rem; padding: 20px 0 0; } .book-demo .success .title { font-size: 1.875rem; } .book-demo .success .icon { width: 220px; height: 136px; margin: 0 auto 25px; } } .top-menu.moved .btn-blue { display: none; } .top-menu.moved .logo.top-logo { visibility: visible; opacity: 1; } section .container { max-width: 1036px; } .btn.btn-blue-unfilled { background: rgba(255, 255, 255, 0); } .section-block { margin-bottom: 120px; } .pricing-block { margin: 140px 0 160px; } .pricing-block .top-block { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .pricing-block .top-block h1 { font-size: 3rem; text-align: center; font-weight: 800; line-height: 130%; } .pricing-block .tabs { display: flex; justify-content: center; margin-bottom: 97px; } .pricing-block .tabs .list { padding: 2px; border-radius: 30px; background-color: #F8F8F8; } .pricing-block .tabs .list .tab { display: inline-flex; align-items: center; font-weight: 400; line-height: 150%; padding: 10px 16px; cursor: pointer; } .pricing-block .tabs .list .tab.active { color: #FFFFFF; font-weight: 600; border-radius: 54px; background: -webkit-linear-gradient(101deg, #63B9FF 7.77%, #2498FA 49.72%, #6F6BFF 93.31%); background: -moz-linear-gradient(101deg, #63B9FF 7.77%, #2498FA 49.72%, #6F6BFF 93.31%); background: -o-linear-gradient(101deg, #63B9FF 7.77%, #2498FA 49.72%, #6F6BFF 93.31%); background: -ms-linear-gradient(101deg, #63B9FF 7.77%, #2498FA 49.72%, #6F6BFF 93.31%); background: linear-gradient(101deg, #63B9FF 7.77%, #2498FA 49.72%, #6F6BFF 93.31%); } .pricing-block .tabs .list .tab p { display: flex; align-items: center; } .pricing-block .tabs .list .tab span { font-size: 0.75rem; line-height: normal; text-transform: uppercase; color: #FFF; padding: 4px 6px; margin-left: 8px; border-radius: 8px; background: -webkit-linear-gradient(96deg, rgba(167, 176, 185, 0.60) 3.14%, rgba(147, 164, 181, 0.60) 93.09%); background: -moz-linear-gradient(96deg, rgba(167, 176, 185, 0.60) 3.14%, rgba(147, 164, 181, 0.60) 93.09%); background: -o-linear-gradient(96deg, rgba(167, 176, 185, 0.60) 3.14%, rgba(147, 164, 181, 0.60) 93.09%); background: -ms-linear-gradient(96deg, rgba(167, 176, 185, 0.60) 3.14%, rgba(147, 164, 181, 0.60) 93.09%); background: linear-gradient(96deg, rgba(167, 176, 185, 0.60) 3.14%, rgba(147, 164, 181, 0.60) 93.09%); } .pricing-block .tabs .list .tab.active span { background: -webkit-linear-gradient(96deg, rgba(124, 209, 255, 0.60) 3.14%, rgba(84, 170, 255, 0.60) 93.09%); background: -moz-linear-gradient(96deg, rgba(124, 209, 255, 0.60) 3.14%, rgba(84, 170, 255, 0.60) 93.09%); background: -o-linear-gradient(96deg, rgba(124, 209, 255, 0.60) 3.14%, rgba(84, 170, 255, 0.60) 93.09%); background: -ms-linear-gradient(96deg, rgba(124, 209, 255, 0.60) 3.14%, rgba(84, 170, 255, 0.60) 93.09%); background: linear-gradient(96deg, rgba(124, 209, 255, 0.60) 3.14%, rgba(84, 170, 255, 0.60) 93.09%); } .pricing-block .price-list { position: relative; } .pricing-block .price-list .item { position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 24px; } .pricing-block .price-list .item { display: none; } .pricing-block .price-list .item.active { display: flex; } .pricing-block .slider-loader { height: calc(100% + 33px); } .error-block { padding: 150px 20px 100px; text-align: center; font-size: 1.5em; } body:not(.en) .pricing-card .plan-price .month .currency { font-size: 2rem; } body:not(.en) .pricing-card .top p.text { height: 62px; line-height: 100%; } .fr .pricing-plan-comparison-table .column-plan .info-block span { font-size: 0.625rem; } @media (max-width: 1199px) { section .container { max-width: 1124px; } body:not(.en) .pricing-block .price-list .item { gap: 20px; } body:not(.en) .pricing-card:not(.border-card) .content { padding: 24px 16px; } body:not(.en) .pricing-card.border-card .content { padding: 24px 16px 60px 16px; } .uk .pricing-card .top p.text { font-size: 1.75rem; } body:not(.en) .pricing-plan-comparison-table .column-plan .plan-price { font-size: 0.875rem; } .de .pricing-plan-comparison-table .column-plan .text-block .btn, .es .pricing-plan-comparison-table .column-plan .text-block .btn, .ja .pricing-plan-comparison-table .column-plan .text-block .btn, .pt .pricing-plan-comparison-table .column-plan .text-block .btn, .uk .pricing-plan-comparison-table .column-plan .text-block .btn { max-width: 100%; font-size: 0.75rem; } } @media (max-width: 991px) { .top-menu.moved .logo.top-logo { display: none; } .pricing-block { margin: 140px 0 120px; } .pricing-block .top-block h1 { font-size: 2.5rem; } .pricing-block .tabs { margin-bottom: 64px; } .pricing-block .price-list .item { flex-direction: column; align-items: center; gap: 20px; } body:not(.en) .pricing-card.border-card .content { padding: 24px 16px; } body:not(.en) .pricing-card .top p.text { height: auto; } .uk .pricing-card .top p.text { font-size: 1.875rem; } } @media (max-width: 767px) { .section-block { margin-bottom: 54px; } .pricing-block { margin: 110px 0 80px; } .pricing-block .top-block h1 { font-size: 2rem; } .pricing-block .tabs { margin-bottom: 48px; } } @media (max-width: 375px) { .pricing-block .tabs .list .tab { padding: 10px; } .pricing-block .tabs .list .tab p { font-size: 0.75rem; } .uk .banner-icon-title-text-btn-center .text-block .btn { font-size: 0.875rem; padding: 0 5px; } }