.section-pricing-plans {
    padding-top: 96px;
    padding-bottom: 96px;
}
.section-pricing-plans h3 {
    margin-bottom: 64px;
}
.section-pricing-plans .price-head {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.section-pricing-plans .price-head .label {
    color: var(--text-primary, #0D0F33);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    text-transform: uppercase;

}
.section-pricing-plans .price-head .price {
    color: var(--text-primary, #0D0F33);
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
}

.section-pricing-plans .price-head .frequency {
    color: var(--text-primary, #0D0F33);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
    position: relative;
    bottom: 17px;
}

.section-pricing-plans .price-head .price span {
    color: var(--text-primary, #0D0F33);
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px; /* 171.053% */
}
.section-pricing-plans table.pricing-plan {
    width: 100%;
}
.section-pricing-plans .pricing-plan thead th {
    padding-bottom: 32px;
}
.section-pricing-plans .pricing-plan thead th .price-head,
.section-pricing-plans .pricing-plan tbody td {
    padding: 24px;
}
.section-pricing-plans .pricing-plan thead th,
.section-pricing-plans .pricing-plan tbody td {
    border-bottom: 1px solid #A2A2A2;

}
.section-pricing-plans .pricing-plan thead  .higlighted-text {
    
    display: flex;
    padding: 4px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--colors-purple, #524FB8);
    color: white;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.45px;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;

}
.section-pricing-plans .pricing-plan tbody td {
    color: var(--text-primary, #0D0F33);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */

}
.section-pricing-plans .pricing-plan tbody td.title {
    width: 329px;
    
}
.section-pricing-plans .pricing-plan .higlighted-text {
    display: flex;
    padding: 4px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--colors-purple, #524FB8);
    color: white;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.45px;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    min-height: 40px;
}
.section-pricing-plans .higlighted-text-placeholder {
    min-height: 40px;
}
.section-pricing-plans .highlighted-cell {
    background: var(--colors-light-blue, #F7FAFC);
}


.section-pricing-plans .pricing-slider .tooltip {
    position: relative;
    display: block;
}

.section-pricing-plans .tooltip {
	margin-left: 6px;
	width: 16px;
	display: inline;
    position: relative;
}

.section-pricing-plans .tooltip img {
    display: none;
}
.section-pricing-plans .tooltip img {
	display: inline-block;
	width: 16px!important;
    height: auto!important;
}

.section-pricing-plans .tooltip__content {
    width: 220px;
    display: block;
    position: absolute;
    background-color: var(--color-blue);
    color: var(--color-white);
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 0;
    left: 31px;    
    top: 50%;
    border-radius: 8px;
    transform: translateY(-50%) translateX(20px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out,
                transform 0.3s ease-in-out;
	z-index: 2;
    font-weight: normal;
    line-height: initial;
}

.section-pricing-plans .tooltip__content:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -8px;
	border-top: 8px solid transparent;
	border-right: 8px solid var(--color-blue);
	border-bottom: 8px solid transparent;
	border-left: 0;
}

.section-pricing-plans .tooltip:hover .tooltip__content {
    pointer-events: initial;
    transform: translateY(-50%) translateX(0);
    opacity: 1;
    
}

.section-pricing-plans .title-content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-pricing-plans .title-content .title-text {
}

@media screen and (max-width: 991px) {
    .section-pricing-plans .pricing-plans {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 20px;
    }
    .section-pricing-plans .pricing-plans .pricing-plan {
        width: 100%;
        min-width: 893px;
        padding-bottom: 36px;
    }
}