.pricing-banner {
    background: var(--blue-color);
    text-align: center;
    position: relative;
    padding: 70px 0 300px;
}
.pricing-banner-shape {
    position: absolute;
    display: flex;
    bottom: -2px;
    z-index: 0;
    width: 100%;
}
.pricing-banner-shape svg{
    width: 100%;
    height: auto;
}
.pricing-banner-inner {
    position: relative;
    z-index: 2;
}
.institute-banner-bg {
    position: absolute;
    z-index: 0;
    top: 50px;
    width: 100%;
    display: flex;
}
.institute-banner-bg svg{
    width: 100%;
    height: auto;
}
.pricing-banner-content h1 {
    color: var(--white-color);
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    max-width: 760px;
    margin: 0 auto 20px;
}
.pricing-banner-content p {
    color: var(--colorE9E9E9);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    max-width: 613px;
    margin: 0 auto;
}
.pricing-banner-review {
    border-radius: 30px;
    background: var(--colorFFEA97);
    z-index: 3;
    position: absolute;
    width: 100%;
    max-width: 550px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    bottom: 70px;
}
.pricing-banner-review-top {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
}
.pricing-banner-review-star {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pricing-banner-review-star svg path {
    fill: var(--color060606);
}
.pricing-banner-review-star span {
    color: var(--black-color);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.pricing-banner-review p {
    color: var(--black-color);
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
}
.pricing-banner-review p strong {
    font-weight: 800;
}
.pricing-banner-pen-img {
    position: absolute;
    display: flex;
    right: 0;
    bottom: -50px;
}
.pricing-box-outer {
    display: flex;
    gap: 30px;
    position: relative;
}
.pricing-box {
    border-radius: 24px;
    padding: 36px;
    position: relative;
    overflow: hidden;
    width: 25%;
    border: 1px solid var(--colorF1F2F9);
    border: 1px solid var(--Colors-Neutrals-Neutral-300, var(--colorF1F2F9));
    background: var(--colorEDEDED);
    box-shadow: 0 12px 40px 0 var(--bg2-light05);
}
.pricing-box-day {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricing-box-day span {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
}
.pricing-box-price {
    display: flex;
    align-items: center;
    margin: 24px 0 20px;
}
sub.price-currency {
    color: var(--color170F49);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-right: 5px;
    bottom: -8px;
    position: relative;
}
.pricing-box-price .price {
    color: var(--color170F49);
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}
sup.price-star {
    color: var(--color170F49);
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    top: 3px;
    position: relative;
    font-family: var(--font-family-heading);
    line-height: 40px;
}
span.membership-text {
    background: linear-gradient(90deg, var(--colorDE3BFF) 0%, var(--main-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px 0 25px;
}
span.price-info {
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.18px;
    display: block;
    margin-bottom: 20px;
}
.pricing-box:nth-child(3) a, .pricing-box:nth-child(3) button {
    border-radius: 10px;
    border: 0.5px solid  var(--colorD2CEFF);
    background: linear-gradient(160deg, var(--color699DE6) -5.15%, var(--blue-color) 87.35%);
    box-shadow: 0 3px 11px 0 var(--box-shadow-color5), 0 -2px 2px 0 var(--box-shadow-color7) inset, 0 1px 1px 0 var(--box-shadow-color7) inset, 0 3px 4px 0 var(--box-shadow-color8) inset;
    color: var(--white-color);
}
.pricing-box a, .pricing-box button {
    border-radius: 14px;
    background: var(--white-color);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 14px;
    color: var(--black-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    justify-content: center;
    column-gap: 10px;
    border: 0;
    transition: all 0.4s;
    background-size: 300% 100%;
    cursor: pointer;
    border: 1px solid  var(--colorD9DBE9);
    box-shadow: 0 3px 6px 0 var(--box-shadow-color9), 0 -2px 2px 0 var(--box-shadow-color10) inset, 0 4px 6px 0 var(--box-shadow-color11) inset;
}
.pricing-box:nth-child(1) a svg path, .pricing-box:nth-child(1) button svg path,
.pricing-box:nth-child(2) a svg path, .pricing-box:nth-child(2) button svg path,
.pricing-box:nth-child(4) a svg path, .pricing-box:nth-child(4) button svg path{
    fill: var(--black-color);
}
span.most-popular {
    border-radius: 200px;
    background: var(--colore1565d81a);
    color: var(--blue-color);
    text-align: center;
    font-size:  12px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    padding: 7px 12px;
    position: absolute;
    right: 10px;
    top: 30px;
}
.pricing-box:nth-child(4) {
    border-radius: 24px;
    border: 0.5px solid var(--colorD2CEFF);
    background: linear-gradient(164deg, var(--blue-color) -0.85%, var(--color09469E) 63.87%);
    box-shadow: 0 12px 17px 0 var(--bg2-light23), 0 -2px 2px 0 var(--box-shadow-color6) inset, 0 1px 1px 0 var(--box-shadow-color7) inset, 0 3px 4px 0 var(--box-shadow-color8) inset;
}
.pricing-box:nth-child(3) {
    border-radius: 24px;
    border: 1px solid var(--colorF1F2F9);
    background: var(--bg-sky-color);
    box-shadow: 0 12px 40px 0 var(--bg2-light05);
}
.pricing-box:nth-child(3) .pricing-box-price .price,
.pricing-box:nth-child(3) sup.price-star,
.pricing-box:nth-child(3) sub.price-currency {
     color: var(--blue-color);
}
.pricing-box:nth-child(4) .pricing-box-day span,
.pricing-box:nth-child(4) .pricing-box-price .price,
.pricing-box:nth-child(4) sup.price-star,
.pricing-box:nth-child(4) span.price-info,
.pricing-box:nth-child(4) sub.price-currency  {
    color: var(--white-color);
}
.pricing-box:nth-child(4) span.membership-text{
    background: linear-gradient(90deg, var(--white-color) 0%, var(--colorFFCD93) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pricing-box:nth-child(4) a, 
.pricing-box:nth-child(4) button{
    color: var(--blue-color);
}
.pricing-box:nth-child(4) a svg path, 
.pricing-box:nth-child(4) button svg path{
    fill: var(--blue-color);
}
span.our-choice {
    border-radius: 200px;
    background: var(--bg2-light25);
    color: var(--white-color);
    text-align: center;
    font-size:  12px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    padding: 6px 8px;
    position: absolute;
    right: 10px;
    top: 30px;
}
.we-help-inner {
    display: flex;
    width: 100%;
    border-top: 3px solid var(--blue-color);
    border-radius: 8px 8px 16px 16px;
    background: var(--white-color);
    box-shadow: 0 10px 35px 8px var(--box-shadow-color2);
}
.we-help-inner-box {
    width: 100%;
    text-align: center;
    padding: 46px 30px 50px;
    position: relative;
}
.we-help-inner-box-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background: var(--main-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.we-help-inner-box-icon svg {
    height: 16px;
    width: auto;
}
.we-help-inner-box-icon svg path {
    fill: var(--white-color);
}
.we-help-inner-box-content span {
    color: var(--dark-blue);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    display: block;
    margin: 30px 0 9px;
}
.we-help-inner-box-content p {
    color: var(--text-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.we-help-inner-box:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    background: var(--colorE5EAF4);
    width: 1px;
}
.we-help-inner-box:last-child:after {
    display: none;
}
.features-inner {
    display: flex;
    gap: 30px;
}
.features-box {
    border-radius: 5px;
    background:  var(--white-color);
    border-top: 7px solid var(--color14B082);
    padding: 20px 27px;
}
.features-box h3 {
    color: var(--color12141D);
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 30px;
}
.features-box ul li {
    color: var(--text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 17px;
}
.features-box ul li:last-child {
    margin-bottom: 0;
}
.features-box ul li img {
    margin-top: 8px;
}
.features-box:nth-child(2) {
    border-color: var(--colorFABB18);
}
.features-box:nth-child(3) {
    border-color: var(--blue-color);
}
span.counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
span.counter-box span{
    margin: 0 !important;
}
@media(max-width:1350px){
    .pricing-banner {
        padding: 60px 0 280px;
    }
    .pricing-banner-content h1 {
        font-size: 44px;
        margin: 0 auto 18px;
    }
    .pricing-box {
        padding: 24px;
        width: 25%;
    }
    .we-help-inner-box {
        padding: 40px 20px 40px;
    }
    .pricing-box-price .price {
        font-size: 38px;
    }
    .pricing-box-outer {
        gap: 24px;
    }
    span.most-popular {
        right: 8px;
        top: 24px;
    }
    span.our-choice {
        right: 8px;
        top: 24px;
    }
    .features-box {
        padding: 18px 20px;
    }
    .features-box h3 {
        font-size: 18px;
        margin-bottom: 26px;
    }
    .features-box ul li {
        font-size: 16px;
        gap: 10px;
        margin-bottom: 14px;
    }
    .features-box ul li img {
        margin-top: 6px;
        width: 18px;
    }
    .features-inner {
        gap: 24px;
    }
}
@media (max-width: 1200px) {
    .we-help-inner-box-content span {
        font-size: 30px;
        margin: 24px 0 9px;
    }
    .we-help-inner-box-content p {
        font-size: 16px;
    }
    .pricing-banner-content h1 {
        font-size: 40px;
        margin: 0 auto 18px;
    }
    .pricing-box-day span {
        font-size: 18px;
    }
    .pricing-box-price .price {
        font-size: 36px;
    }
    span.membership-text {
        font-size: 16px;
        margin: 0px 0 20px;
    }
    .pricing-box-price {
        margin: 20px 0 16px;
    }
    .pricing-box {
        padding: 20px;
    }
    .pricing-box a, .pricing-box button {
        padding: 12px;
        font-size: 14px;
        column-gap: 8px;
    }
    .pricing-box a svg, .pricing-box button svg {
        width: 12px;
        height: auto;
    }
    span.most-popular {
        right: 8px;
        top: 20px;
    }
    span.our-choice {
        right: 8px;
        top: 20px;
    }
}
@media(max-width: 991px){
    .pricing-box-outer {
        flex-flow: wrap;
    }
    .pricing-box {
        padding: 24px;
        width: calc(50% - 12px);
    }
    .features-inner {
        flex-flow: wrap;
    }
    .features-box {
        width: calc(50% - 12px);
    }
    .pricing-banner-pen-img img {
        width: 150px;
    }
    .pricing-banner {
        padding: 50px 0 240px;
    }
    .pricing-banner-review {
        bottom: 40px;
    }
    .pricing-banner-content p {
        font-size: 16px;
    }
    .pricing-banner-content h1 {
        font-size: 36px;
        margin: 0 auto 16px;
    }
}
@media (max-width: 767px) {
    .we-help-inner-box-content span {
        font-size: 26px;
        margin: 20px 0 8px;
    }
    .we-help-inner-box-content p {
        font-size: 14px;
    }
    .we-help-inner-box {
        padding: 30px 15px 30px;
        width: 50%;
    }
    .we-help-inner-box-icon {
        width: 38px;
        height: 38px;
    }
    .we-help-inner-box-icon svg {
        width: 16px;
        height: 16px;
    }
    .we-evaluate-inner .heading {
        max-width: 300px;
    }
    .we-help-inner {
        flex-flow: wrap;
    }
    .we-help-inner-box:nth-child(2):after {
        display: none;
    }
    .we-help-inner-box:nth-child(1), .we-help-inner-box:nth-child(2) {
        border-bottom: 1px solid var(--colorE5EAF4);
    }
    .pricing-banner-pen-img img {
        width: 120px;
    }
    .pricing-banner-review-top img {
        width: 120px;
        height: auto;
        flex: 0 0 120px;
    }
    .pricing-banner-review {
        max-width: calc(100% - 20px);
    }
    .pricing-banner {
        padding: 40px 0 200px;
    }
    .pricing-banner-review {
        bottom: 20px;
    }
    .pricing-banner-content p {
        font-size: 14px;
    }
    .pricing-banner-content h1 {
        font-size: 30px;
        margin: 0 auto 14px;
    }
    .pricing-banner-review {
        padding: 18px;
    }
    .pricing-banner-review-top {
        margin-bottom: 10px;
    }
}
@media (max-width: 600px) {
    .features-box {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .pricing-box {
        padding: 24px;
        width: 100%;
    }
}