-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
.nice-select, .pricing-table table tr td:nth-child(2), .pricing-table table tr td:nth-child(4) {
.faq-lists .faq-list, .key-table *, .price-container, .slick-slider, .table-tooltip-text {
.nice-select, .slick-slider {
-webkit-tap-highlight-color: transparent
.client-testimonial-slide a, .go-back-button, .pricing-table a {
.nice-select, .nice-select .list {
.nice-select .list, .nice-select:after {
.nice-select, .nice-select .option {
.plan-name, .plan-price span, .plan-type, .pricing-header-top .plan-row:nth-child(2), .pricing-header-top .plan-row:nth-child(2) .current {
.fill-width, .mobile-plan .plan-button a, .nice-select, .no-csspointerevents .nice-select.open .list, .pricing-table .has-tooltip .table-tooltip:hover .table-tooltip-text, .slick-initialized .slick-slide, .slick-slide img {
border: 1px solid #605de3;
text-align: left !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-user-select: none;
.nice-select .current, .plan-details-bottom .plan-option.active .plan-desc, .plan-details-bottom .plan-option.active .plan-title {
border-bottom: 2px solid #6641e5;
border-right: 2px solid #6641e5;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .15s ease-in-out;
transition: .15s ease-in-out;
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
.nice-select.open .list {
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
.nice-select.disabled:after {
.nice-select.wide, .plan-details {
.nice-select.wide .list {
.nice-select.right, [dir=rtl] .slick-slide {
.nice-select.right .list {
.nice-select.small:after {
.nice-select.small .option {
box-shadow: 0 0 0 1px rgb(102 65 229 / 15%);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-webkit-transform: scale(.75) translateY(-21px);
-ms-transform: scale(.75) translateY(-21px);
transform: scale(.75) translateY(-21px);
-webkit-transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important
.nice-select .option + .option, .plan-row + .plan-row {
border-top: 1px solid #d8d5ec
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
background-color: #f7f5fe;
.nice-select .option.disabled {
background-color: transparent;
.desktop-table.sticky-table .best-value, .desktop-table.sticky-table .plan-name, .desktop-table.sticky-table .plan-renew, .desktop-table.sticky-table .plan-type, .desktop-table.sticky-table-hide-col .plan-name, .desktop-table.sticky-table-hide-col .plan-renew, .desktop-table.sticky-table-hide-col .plan-type, .mobile-table, .no-csspointerevents .nice-select .list, .slick-arrow.slick-hidden, .slick-slide.slick-loading img {
.pricing-top .price-container {
.pricing-top .price-container.pricing-top-container {
background: linear-gradient(92.24deg, #1c095b -17.78%, #4215a5 104%);
.pricing-top .price-container.pricing-top-container .unlock-features.text-center {
.pricing-top .price-container.pricing-top-container .plan-details {
background: url("../images/wave-bg-image.png") center bottom/cover
font-family: Poppins, sans-serif;
box-shadow: 0 4px 24px rgba(0, 0, 0, .06);
box-shadow: 0 0 24px rgb(0 0 0 / 8%);
border-radius: 16px 16px 0 0;
.plan-details-bottom .plan-option {
.plan-details-bottom .plan-option:first-child {
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px
.plan-details-bottom .plan-option:last-child {
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px
.plan-option + .plan-option {
border-left: 1px solid #e3e3e3
.plan-details-bottom .plan-option.active, .plan-details-bottom .plan-option:hover {
.plan-option .plan-title {
.plan-option .plan-desc, .plan-option .plan-title span {
.plan-option .plan-desc {
padding: 5px 10px 0 15px;
.pricing-table .has-tooltip, .pricing-table .has-tooltip:focus, .pricing-table .has-tooltip:hover {
.pricing-body .plan-row .plan-col.first-row>.has-tooltip {
padding: 16px 10px 0 20px;
.pricing-body .plan-row .plan-col.first-row>.has-tooltip span.table-tooltip {
.plan-renew, .plan-type, .pricing-header-top .plan-row {
width: calc(100% - 30px);
max-width: calc(100% - 30px);
transform: translateY(12px);
border: 1px solid #f7f8fc;
box-shadow: 0 2px 18px 5px rgb(73 104 126 / 20%);
.desktop-table.sticky-table .pricing-header-top .plan-price span, .plan-name {
.table-tooltip-text:after {
border-color: #fff transparent transparent;
transform: translateY(-2px)
.table-tooltip-text img {
border: 1px solid #efefef
text-align: center !important
.head-logo span:not(.fill-width) {
.plan-monthly, .plan-price {
.pricing-table table tr td.plan-info {
.plan-monthly, .update-support {
text-transform: uppercase;
.current-plan-name, .plan-button a {