.modalComSav__body {
    text-align: center;
}

.modalComSav__body h3 {
    color: var(--blue);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
    padding-inline: 29px;
    padding-right: 40px;
}

@media screen and (max-width: 575px) {
    .modalComSav__body h3 {
        font-size: 30px;
        line-height: 1.2;
    }
}

.modalComSav__body>p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    width: 700px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    color: var(--dark-grey);
}

.modalComSav-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1051;
    overflow-y: auto;
    height: 100%;
    max-height: 100vh;
    align-items: center;
    padding: 40px 0;
}

.modalComSav-overlay.custom-hidden {
    display: none;
}

.modalComSav-window {
    max-width: 1100px;
    width: 90%;
    background-color: #fff;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    margin: auto 0;
}

.modalComSav-window .btn-close__modal {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

@media screen and (max-width: 575px) {
    .modalComSav-window .btn-close__modal {
        top: 16px;
        right: 16px;
    }
}

@media screen and (max-width: 575px) {
    .modalComSav-window {
        padding: 16px;
    }
}

.btn-cancel {
    color: var(--blue);
    text-decoration: underline;
    background: transparent;
    transition: color ease 555ms;
    display: flex;
    margin-inline: auto;
    font-size: 18px;
    font-weight: 400;
    margin-top: 8px;
}

.btn-cancel:hover {
    color: var(--secondary);
}

[data-name],
[data-tab] {
    cursor: pointer;
}

.no-scroll {
    overflow: hidden;
}

.com-sav__form {
    margin-top: 40px;
}

.com-sav__form .btn-main {
    background: var(--blue);
    border-color: var(--blue);
    margin-top: 56px;
    font-size: 20px;
    font-weight: 700;
}

.com-sav__form .btn-main:hover {
    color: var(--white);
    box-shadow: none;
    background: var(--secondary);
    border-color: var(--secondary);
}

.com-sav-form__wrap {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.com-sav-form__row {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .com-sav-form__row {
        align-items: flex-end;
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form__row {
        column-gap: 12px;
    }
}

.com-sav-form__row .form__input {
    display: flex;
    align-items: center;
    column-gap: 16px;
    justify-content: space-between;
    line-height: 1;
}

@media screen and (max-width: 991px) {
    .com-sav-form__row .form__input {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 8px;
    }
}

.com-sav-form__row .form__input.com-sav-form-saving {
    flex-direction: column;
    align-items: flex-end;
}

.com-sav-form__row label {
    margin-bottom: 0;
    width: calc((100% / 2) - 8px);
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #7e7e7e;
    line-height: 1.25;
}

@media screen and (max-width: 991px) {
    .com-sav-form__row label {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .com-sav-form__row label {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form__row label {
        font-size: 12px;
    }
}

.com-sav-form__row input {
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    padding: 16px 16px 16px 38px;
    color: var(--dark-grey);
    font-weight: 400;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .com-sav-form__row input {
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .com-sav-form__row input {
        font-size: 14px;
    }
}

.com-sav-form__row input::placeholder {
    opacity: 1;
    color: #7e7e7e;
}

.input-wrap {
    position: relative;
    width: calc((100% / 2) - 10px);
}

@media screen and (max-width: 991px) {
    .input-wrap {
        min-width: 100%;
    }
}

.input-wrap::before {
    content: "£";
    position: absolute;
    left: 16px;
    top: 18px;
    width: 14px;
    height: 20px;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .input-wrap::before {
        font-size: 16px;
        top: 10px;
        left: 8px;
    }
}

@media screen and (max-width: 400px) {
    .input-wrap::before {
        left: 4px;
        font-size: 14px;
    }
}

.com-sav-form-input {
    width: 40%;
}

@media screen and (max-width: 991px) {
    .com-sav-form-input {
        width: 35%;
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form-input {
        width: 32%;
    }
}

.com-sav-form-saving {
    width: calc(20% - 32px);
}

@media screen and (max-width: 991px) {
    .com-sav-form-saving {
        width: calc(30% - 32px);
    }
}

@media screen and (max-width: 767px) {
    .com-sav-form-saving {
        width: calc(30% - 24px);
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form-saving {
        width: calc(36% - 24px);
    }
}

.com-sav-form-saving p {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #7e7e7e;
    line-height: 1.25;
}

@media screen and (max-width: 767px) {
    .com-sav-form-saving p {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form-saving p {
        font-size: 12px;
    }
}

.com-sav-form-saving p:nth-of-type(2) {
    font-weight: 700;
    color: #393f46;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .com-sav-form-saving p:nth-of-type(2) {
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .com-sav-form-saving p:nth-of-type(2) {
        font-size: 16px;
    }
}

.com-sav-form__row .form__input:first-child input {
    padding: 16px 16px 16px 38px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .com-sav-form__row .form__input:first-child input {
        padding: 8px 8px 8px 24px;
    }
}

@media screen and (max-width: 400px) {
    .com-sav-form__row .form__input:first-child input {
        padding: 8px 4px 8px 20px;
    }
}

.com-sav-form__row .form__input:nth-child(2) input {
    padding: 16px 16px 16px 16px;
    text-align: end;
    width: calc((100% / 2) - 8px);
}

@media screen and (max-width: 991px) {
    .com-sav-form__row .form__input:nth-child(2) input {
        min-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .com-sav-form__row .form__input:nth-child(2) input {
        padding: 8px;
    }
}

.title-section__styles .title__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-section__styles .title__content p {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    font-size: 22px;
    line-height: 1.45;
    color: var(--dark-grey);
}

.title-section__styles .title__content p:not(:last-of-type) {
    margin-bottom: 16px;
}

@media (max-width: 1024px) {
    .title-section__styles .title__content p {
        font-size: 20px;
    }
}

@media (max-width: 820px) {
    .title-section__styles .title__content p {
        font-size: 18px;
    }
}

@media screen and (max-width: 575px) {
    .title-section__styles .title__content p {
        font-size: 16px;
    }
}

.title-section__styles .title__content p:first-of-type {
    width: 700px;
}

.title-section__styles h1 {
    font-size: 52px;
    color: var(--dark-grey);
}

@media (max-width: 1024px) {
    .title-section__styles h1 {
        font-size: 48px;
    }
}

@media (max-width: 820px) {
    .title-section__styles h1 {
        font-size: 44px;
    }
}

@media screen and (max-width: 575px) {
    .title-section__styles h1 {
        font-size: 38px;
    }
}

.title-section__styles .blue__button {
    color: var(--white);
    text-align: center;
    border-radius: 6px;
}

.features-title__plan-name .blue__button {
    font-weight: 700;
}

.pricing-slider__wrap {
    width: 562px;
    max-width: 100%;
    margin-inline: auto;
}

.pricing-slider__wrap p {
    text-align: center;
    color: var(--dark-grey);
}

@media screen and (max-width: 575px) {
    .pricing-swiper__wrap {
        display: none;
    }
}

.swiper-pricing {
    padding-bottom: 0;
    padding-top: 80px;
}

.swiper-pricing .swiper-wrapper {
    display: flex;
    align-items: flex-start;
}

.swiper-pricing .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.swiper-pricing .swiper-slide h4 {
    font-size: 20px;
    transition: transform ease 555ms;
    text-align: center;
    margin-top: 28px;
    font-weight: 700;
    color: var(--dark-grey);
}

@media screen and (max-width: 820px) {
    .swiper-pricing .swiper-slide h4 {
        font-size: 16px;
    }
}

.swiper-pricing .swiper-slide.swiper-slide-next .slide-pricing__image {
    transform: scale(1.4);
    background: #ecf5fc;
}

.swiper-pricing .swiper-slide.swiper-slide-next h4 {
    transform: scale(1.4);
}

.slide-pricing__image {
    background: #ededea;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 555ms ease, background 555ms ease;
}

.slide-pricing__image img {
    width: 90%;
    height: auto;
    object-fit: contain;
    max-width: 90%;
    transition: transform 555ms ease;
}

.swiper-slide {
    height: auto;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
}

.swiper-pagination-bullet {
    opacity: 1;
    width: 8px;
    height: 8px;
    background: #b9b9b9;
    border-radius: 8px;
    border-color: #b9b9b9;
}

.swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.pagination__styles.swiper-horizontal>.swiper-pagination-bullets,
.pagination__styles.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px;
    margin-block: 16px;
    justify-content: center;
    z-index: 0;
    position: relative;
}

.swiper-pagination-bullet-active {
    width: 24px;
    border: none;
    background: var(--blue);
}

.pricing-select__wrap {
    display: none;
}

@media screen and (max-width: 575px) {
    .pricing-select__wrap {
        display: block;
        padding-top: 80px;
    }
}

.pricing__select .choices__inner:before,
.plans__select .choices__inner:before {
    display: none;
}

.pricing__select label,
.plans__select label {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--dark-grey);
    text-align: center;
}

.pricing__select .choices[data-type*=select-one] .choices__inner,
.plans__select .choices[data-type*=select-one] .choices__inner {
    padding: 8px 22px 8px 12px;
}

.pricing__select .choices__inner,
.plans__select .choices__inner {
    color: var(--dark-grey);
}

.pricing__select .choices__item,
.plans__select .choices__item {
    color: var(--dark-grey);
}

.solution-content {
    text-align: center;
    margin-top: 40px;
}

.solution-content .solution-content__image {
    background: #ecf5fc;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    margin-bottom: 16px;
}

.solution-content .solution-content__image img {
    width: 90%;
    height: auto;
    object-fit: contain;
}

.solution-content .solution-content__title {
    font-size: 34px;
    font-weight: 700;
}

.solution-content .solution-content__text {
    font-size: 18px;
    font-weight: 400;
}

.team-size__wrapper {
    display: flex;
    column-gap: 4px;
    justify-content: center;
    width: 468px;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 100px auto 80px;
    border: 1px solid var(--blue);
    padding: 4px;
    border-radius: 16px;
}

@media screen and (max-width: 575px) {
    .team-size__wrapper {
        flex-direction: column;
        row-gap: 4px;
        width: 236px;
    }
}

.team-size__wrapper label {
    flex: 1;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .team-size__wrapper {
        justify-content: center;
    }
}

.team-size__wrapper input[type="radio"] {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.team-size__wrapper input[type="radio"]:checked+span {
    background-color: var(--blue);
    z-index: 1;
    color: var(--white);
}

.team-size__wrapper label span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    padding: 8px 12px;
    position: relative;
    color: var(--blue);
    text-align: center;
    transition: background-color 0.5s ease;
    background: #ecf5fc;
    border-radius: 12px;
    font-weight: 700;
    min-height: 100%;
    font-size: 16px;
}

.team-size__wrapper label span i {
    font-weight: 400;
    font-size: 14px;
}

@media screen and (max-width: 450px) {
    .team-size__wrapper label span {
        padding: 5px 10px;
    }
}

.pricing-plans__wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    column-gap: 32px;
}

@media screen and (max-width: 1279px) {
    .pricing-plans__wrap {
        column-gap: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .pricing-plans__wrap {
        column-gap: 32px;
        flex-wrap: wrap;
        row-gap: 32px;
    }
}

@media screen and (max-width: 767px) {
    .pricing-plans__wrap {
        column-gap: 16px;
        row-gap: 16px;
    }
}

.pricing-plans__wrap .pricing-plans__item {
    width: calc((100% /4) - 24px);
    border: 1px solid var(--blue);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    min-height: 100%;
}

@media screen and (max-width: 1279px) {
    .pricing-plans__wrap .pricing-plans__item {
        width: calc((100% /4) - 12px);
    }
}

@media screen and (max-width: 1024px) {
    .pricing-plans__wrap .pricing-plans__item {
        width: calc((100% /2) - 16px);
    }
}

@media screen and (max-width: 767px) {
    .pricing-plans__wrap .pricing-plans__item {
        width: calc((100% /2) - 8px);
    }
}

@media screen and (max-width: 575px) {
    .pricing-plans__wrap .pricing-plans__item {
        width: 100%;
    }
}

.pricing-plans__item .pricing-plans-name__wrap {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.pricing-plans__item .pricing-plans-name__wrap img {
    width: 20px;
    height: auto;
    object-fit: contain;
    min-width: 20px;
}

.pricing-plans__item .pricing-plans-name__wrap .pricing-plans-name {
    color: var(--blue);
    font-size: 20px;
    font-weight: 700;
}

.pricing-plans__item .pricing-plans__description {
    font-weight: 400;
    font-size: 14px;
    min-height: 50px;
    color: var(--dark-grey);
}

@media screen and (max-width: 575px) {
    .pricing-plans__item .pricing-plans__description {
        min-height: 0;
    }
}

.pricing-plans__item .pricing-plans__price span {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 400;
}

.pricing-plans__item .pricing-plans__price p {
    margin-top: 4px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    color: var(--dark-grey);
}

.pricing-plans__item .blue__button {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.pricing-plans__item .blue__button:hover {
    text-decoration: none;
}

.pricing-plans__item .includes__wrap p {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
}

.pricing-plans__item .includes__wrap ul {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.pricing-plans__item .includes__wrap ul li {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.pricing-plans__item .includes__wrap ul li img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    min-width: 24px;
}

.pricing-plans__item .includes__wrap ul li .subscription__quantity {
    min-width: 24px;
    font-weight: 700;
    font-size: 16px;
    color: var(--dark-grey);
}

.pricing-plans__item .includes__wrap ul li .includes-list__item {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-grey);
}

.features__wrap {
    padding-top: 80px;
}

.features__wrap .features-mobile {
    display: none;
}

@media screen and (max-width: 575px) {
    .features__wrap .features-mobile {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .features__wrap .features-desktop {
        display: none;
    }
}

.features__titles {
    display: flex;
    margin-bottom: 32px;
}

.features-col-small {
    width: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

@media screen and (max-width: 575px) {
    .features-col-small {
        width: 100%;
    }
}

.features-title__name h3 {
    font-size: 32px;
    font-weight: 700;
    color: var(--blue);
}

@media screen and (max-width: 767px) {
    .features-title__name h3 {
        font-size: 24px;
    }
}

.features-title__plan-name {
    flex-direction: column;
    row-gap: 8px;
    padding-inline: 5px;
}

.features-title__plan-name p {
    color: #7e7e7e;
    font-weight: 700;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .features-title__plan-name p {
        font-size: 11px;
    }
}

.features-title__plan-name .blue__button {
    padding: 6px 12px;
    line-height: 1.1;
    font-size: 14px;
}

.features-title__plan-name .blue__button:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .features-title__plan-name .blue__button {
        font-size: 10px;
    }
}

.features-col-large {
    width: 28%;
    border-radius: 8px;
    position: relative;
}

@media screen and (max-width: 575px) {
    .features-col-large {
        width: 100%;
    }
}

.features__block {
    border: 1px solid #ecf5fc;
    border-radius: 10px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

@media screen and (max-width: 575px) {
    .features__block {
        margin-top: 60px;
    }
}

.features__block .features-col-large {
    font-size: 18px;
    color: var(--dark-grey);
    border: 1px solid #ecf5fc;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1279px) {
    .features__block .features-col-large {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .features__block .features-col-large {
        font-size: 12px;
    }
}

@media screen and (max-width: 575px) {
    .features__block .features-col-large {
        font-size: 18px;
    }
}

.features__block .features-col-small {
    border: 1px solid #ecf5fc;
}

.features__block .features-col-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--dark-grey);
    text-align: center;
}

@media screen and (max-width: 991px) {
    .features__block .features-col-text p {
        font-size: 12px;
    }
}

@media screen and (max-width: 575px) {
    .features__block .features-col-text p {
        font-size: 14px;
    }
}

.features__block .features-col-text p b {
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .features__block .features-col-text p b {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .features__block .features-col-text p b {
        font-size: 12px;
    }
}

@media screen and (max-width: 575px) {
    .features__block .features-col-text p b {
        font-size: 16px;
    }
}

.features__fin-crm {
    margin-bottom: 36px;
}

.features__title-row {
    background: #ecf5fc;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

@media screen and (max-width: 767px) {
    .features__title-row {
        padding: 8px;
    }
}

@media screen and (max-width: 575px) {
    .features__title-row {
        justify-content: center;
        padding: 16px;
    }
}

.features__title-row h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--blue);
}

@media screen and (max-width: 767px) {
    .features__title-row h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .features__title-row h4 {
        font-size: 20px;
    }
}

.features__title-row img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.features__item-row {
    display: flex;
    column-gap: 4px;
}

@media screen and (max-width: 575px) {
    .features__item-row {
        flex-wrap: wrap;
        row-gap: 4px;
    }
}

.features__item-row .features-col-small {
    padding: 16px;
}

@media screen and (max-width: 767px) {
    .features__item-row .features-col-small {
        padding: 8px;
    }
}

@media screen and (max-width: 575px) {
    .features__item-row .features-col-small {
        padding: 16px;
    }
}

.features__item-row .features-col-small img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.features__item-row .features-col-large {
    padding: 16px 40px 16px 16px;
}

@media screen and (max-width: 767px) {
    .features__item-row .features-col-large {
        padding: 8px 28px 8px 8px;
    }
}

@media screen and (max-width: 575px) {
    .features__item-row .features-col-large {
        justify-content: center;
        padding: 16px;
    }
}

.features__block .features__item-row:nth-child(even) .features-col-large,
.features__block .features__item-row:nth-child(even) .features-col-small {
    background: #ecf5fc;
}

.features-col-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 6px;
    color: var(--dark-grey);
}

.features__fin-crm .features-col-text p {
    color: var(--dark-grey);
    font-size: 14px;
}

@media screen and (max-width: 991px) {
    .features__fin-crm .features-col-text p {
        font-size: 12px;
    }
}

.btn-tooltip {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .btn-tooltip {
        right: 8px;
        top: 8px;
    }
}

@media screen and (max-width: 575px) {
    .btn-tooltip {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.tooltip-inner {
    background: var(--white);
    color: var(--dark-grey);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: Inter-f, sans-serif;
}

.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--white);
}

.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--white);
}

.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--white);
}

.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--white);
}

.features__item-row {
    display: none;
    position: relative;
}

.features__item-row.highlight:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
}

.features__more-btn {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--blue);
    font-size: 16px;
    font-weight: 700;
    transition: color ease 555ms;
    background: transparent;
    text-decoration: underline;
}

.features__more-btn:hover {
    color: var(--secondary);
}

.features__more-btn.expanded {
    position: relative;
    margin-top: 40px;
}

.pricing-page__logo-section {
    text-align: center;
    padding-block: 0;
}

.pricing-page__logo-section h2 {
    font-size: 24px;
    margin-bottom: 0;
}

.pricing-page__logo-section .logo__wrapper {
    width: 520px;
    max-width: 100%;
    margin-inline: auto;
    justify-content: center;
    column-gap: 4%;
    padding: 0;
}

.pricing-page__logo-section .logo__wrapper a {
    width: 22%;
    margin-bottom: 15px;
}

@media screen and (max-width: 575px) {
    .pricing-page__logo-section .logo__wrapper a {
        width: 30%;
    }
}

.pricing-page__logo-section p {
    margin-block: 16px;
    color: var(--dark-grey);
}

.pricing-page__logo-section.pricing-page__clients {
    padding-block: 80px;
}

.pricing-page__logo-section.pricing-page__clients .logo__wrapper {
    align-items: flex-end;
}

.pricing-page__logo-section.pricing-page__clients .logo__wrapper a {
    width: 30%;
}

@media screen and (max-width: 575px) {
    .pricing-page__logo-section.pricing-page__clients .logo__wrapper a {
        width: 70%;
        max-width: 250px;
    }

    .pricing-page__logo-section.pricing-page__clients .logo__wrapper a img {
        max-height: 50px;
    }
}

.features-mobile h3 {
    color: var(--blue);
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px;
}

.features-mobile .blue__button {
    font-size: 16px;
    padding: 8px 16px;
    font-weight: 700;
    margin-top: 16px;
}

@media screen and (max-width: 575px) {
    .features-mobile {
        display: block;
    }
}

/*accordion*/
.accordion-section {
    padding-bottom: 80px;
}

.accordion-section h2 {
    text-align: center;
    margin-bottom: 32px;
    font-size: 24px;
}

@media screen and (max-width: 575px) {
    .accordion-section .container {
        padding: 0;
    }

    .accordion-section .row {
        margin: 0;
    }

    .accordion-section .col-12 {
        padding-inline: 0;
    }
}

.accordion__faq .accordion-item {
    margin-bottom: 8px;
    border-radius: 8px;
    border: 1px solid #b9b9b9;
    background: transparent;
}

@media screen and (max-width: 575px) {
    .accordion__faq .accordion-item {
        background: #ededea;
        border: none;
        border-radius: 0;
        margin-bottom: 4px;
    }
}

.accordion__faq .accordion-body {
    background: transparent;
    padding: 0 16px 16px 42px;
    border-radius: 0;
    color: var(--dark-grey);
}

.accordion__faq .accordion-body p {
    font-size: 16px;
    font-weight: 400;
}

.accordion__faq .accordion-body ul li {
    font-size: 16px;
    font-weight: 400;
    list-style-type: disc;
}

.accordion__faq .accordion-body ul {
    padding-left: 30px;
    margin-bottom: 10px;
}

.accordion__faq .accordion-button {
    border-radius: 8px;
    font-family: Inter-f, sans-serif;
    font-weight: 500;
    font-size: 18px;
    box-shadow: none;
    background: transparent;
    padding: 16px 16px 16px 42px;
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    overflow-anchor: none;
    color: var(--dark-grey);
}

@media screen and (max-width: 575px) {
    .accordion__faq .accordion-button {
        font-size: 16px;
    }
}

.accordion__faq .accordion-button:focus {
    border: 0;
    box-shadow: none;
}

.accordion__faq .accordion-button::after {
    content: '';
    width: 10px;
    height: 16px;
    display: block;
    background: url('../img/chevron-right-black.svg') no-repeat;
    background-position: center;
    background-size: 10px 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}

.accordion__faq .accordion-button:not(.collapsed) {
    color: var(--blue);
}

.accordion__faq .accordion-button:not(.collapsed)::after {
    transform: translateY(0) rotate(90deg);
    top: 22px;
    filter: invert(8%) sepia(99%) saturate(7488%) hue-rotate(242deg) brightness(96%) contrast(127%);
}

.pricing-banner__wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 80px;
    margin-block: 80px;
}

@media screen and (max-width: 991px) {
    .pricing-banner__wrap {
        column-gap: 40px;
    }
}

@media screen and (max-width: 575px) {
    .pricing-banner__wrap {
        flex-direction: column;
        row-gap: 16px;
        padding: 16px;
    }
}

.pricing-banner__wrap p {
    font-size: 20px;
    font-weight: 700;
    color: var(--blue);
}

@media screen and (max-width: 575px) {
    .pricing-banner__wrap p {
        text-align: center;
    }
}

.pricing-banner__wrap a {
    font-size: 16px;
    font-weight: 700;
    color: var(--blue);
    padding: 11px 32px 10px;
    border: 2px solid var(--blue);
    border-radius: 8px;
    transition: all ease 0.5s;
    line-height: 1.2;
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
    .pricing-banner__wrap a {
        padding: 12px 16px;
    }
}

.pricing-banner__wrap a:hover {
    text-decoration: none;
    background: var(--blue);
    color: var(--white);
}

.styles-blolck {
    border: 1px solid #b9b9b9;
    padding: 16px;
    border-radius: 16px;
}

@media screen and (max-width: 575px) {
    .styles-blolck {
        padding: 12px;
    }
}

.select-plan-block h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--dark-grey);
    margin-bottom: 16px;
}

.select-plan__items-wrap {
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 991px) {
    .select-plan__items-wrap {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 575px) {
    .select-plan__items-wrap {
        gap: 12px;
    }
}

.select-plan__item {
    border-radius: 8px;
    border: 1px solid #b9b9b9;
    padding: 10px 10px 10px 12px;
    width: calc((100% / 4) - 12px);
}

.select-plan__item.active {
    background: #ecf5fc;
    border-color: var(--blue);
}

@media screen and (max-width: 991px) {
    .select-plan__item {
        width: calc((100% / 2) - 8px);
    }
}

@media screen and (max-width: 575px) {
    .select-plan__item {
        width: 100%;
    }
}

.select-plan__item .custom-radio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    min-width: 100%;
}

.select-plan__item .custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.select-plan__item .custom-radio label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #7e7e7e;
    border-radius: 4px;
    transition: border-color 0.3s;
    margin: 0;
    z-index: 1;
    box-sizing: border-box;
}

.select-plan__item .custom-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-plan__item .custom-radio label:after {
    content: "✓";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    color: var(--white);
    border: 2px solid var(--blue);
    background-color: var(--blue);
    padding-left: 0px;
    font-size: 12px;
    border-radius: 4px;
    transition: all ease 333ms;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.select-plan__item .custom-radio label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-left: 26px;
    line-height: 16px;
    font-weight: 400;
    font-size: 20px;
    font-family: Inter-f, sans-serif;
    margin-bottom: 0;
    color: #7e7e7e;
    transition: color ease 333ms;
    min-width: 100%;
}

@media screen and (max-width: 991px) {
    .select-plan__item .custom-radio label {
        font-size: 18px;
    }
}

.select-plan__item .custom-radio label p {
    color: #7e7e7e;
    font-weight: 500;
    font-size: 16px;
}

@media screen and (max-width: 991px) {
    .select-plan__item .custom-radio label p {
        font-size: 14px;
    }
}

.select-plan__item .custom-radio label p span {
    font-weight: 700;
    font-size: 20px;
}

.select-plan__item .custom-radio input[type="radio"]:checked+label:after {
    opacity: 1;
}

.select-plan__item .custom-radio input[type="radio"]:checked+label {
    color: var(--dark-grey);
    font-weight: 700;
}

.select-plan__item .custom-radio input[type="radio"]:checked+label p {
    color: var(--dark-grey);
    font-weight: 500;
    font-size: 16px;
}

.select-plan__item .custom-radio input[type="radio"]:checked+label p span {
    font-weight: 700;
    font-size: 20px;
}

.select-plan__indicators {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}

@media screen and (max-width: 820px) {
    .select-plan__indicators {
        flex-wrap: wrap;
    }
}

.select-plan-indicators__wrap {
    width: 71%;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.select-plan-indicators__wrap input[type="number"] {
    width: 74px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    padding: 8px 12px 8px 12px;
    line-height: 1;
    color: #7e7e7e;
    font-size: 18px;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .select-plan-indicators__wrap input[type="number"] {
        padding: 7px 12px;
        max-width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .select-plan-indicators__wrap {
        width: 65%;
    }
}

@media screen and (max-width: 820px) {
    .select-plan-indicators__wrap {
        width: 100%;
    }
}

.select-plan-indicators__total {
    width: calc(29% - 24px);
    border: 2px solid var(--blue);
    border-radius: 16px;
    padding: 16px;
    height: fit-content;
}

.select-plan-indicators__total .custom-checkbox {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .select-plan-indicators__total {
        width: calc(35% - 24px);
    }
}

@media screen and (max-width: 820px) {
    .select-plan-indicators__total {
        width: 100%;
    }
}

.select-plan-indicators__total h5 {
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.select-plan-indicators-total__price {
    color: var(--blue);
    font-weight: 700;
    text-align: center;
    font-size: calc(24px + (52 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.select-plan-indicators-total__price span {
    font-size: 20px;
}

@media screen and (min-width: 1921px) {
    .select-plan-indicators-total__price span {
        font-size: 52px;
    }
}

.select-plan-indicators-total__price span.total-price {
    font-size: calc(24px + (52 - 24) * ((100vw - 320px) / (1920 - 320)));
}

@media screen and (min-width: 1921px) {
    .select-plan-indicators-total__price span.total-price {
        font-size: 52px;
    }
}

.total-annually {
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-grey);
    text-align: center;
    margin-bottom: 28px;
}

.total-annually span {
    font-weight: 700;
}

.select-plan__indicators .custom-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}

.select-plan__indicators .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.select-plan__indicators .custom-checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #7e7e7e;
    border-radius: 4px;
    transition: border-color 0.3s;
    margin: 0;
}

.select-plan__indicators .custom-checkbox label:after {
    content: "✓";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    color: var(--white);
    border: 1px solid var(--blue);
    background-color: var(--blue);
    padding-left: 0px;
    font-size: 12px;
    border-radius: 4px;
    transition: all ease 333ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-plan__indicators .custom-checkbox label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-left: 26px;
    line-height: 16px;
    font-weight: 500;
    font-size: 16px;
    font-family: Inter-f, sans-serif;
    margin-bottom: 0;
    color: var(--dark-grey);
    transition: color ease 333ms;
    color: #7e7e7e;
}

.select-plan__indicators .custom-checkbox label .open-popup-link,
.select-plan__indicators .custom-checkbox label a {
    font-weight: 400;
    font-size: 16px;
    color: var(--blue);
    text-decoration: underline;
    transition: color ease 0.3s;
}

.select-plan__indicators .custom-checkbox label .open-popup-link:hover,
.select-plan__indicators .custom-checkbox label a:hover {
    color: var(--secondary);
}

.select-plan__indicators .custom-checkbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.choose-indicators__item .custom-checkbox label {
    font-size: 20px;
    font-weight: 400;
}

@media screen and (max-width: 820px) {
    .choose-indicators__item .custom-checkbox label {
        font-size: 18px;
    }
}

.total-info-block__wrapper {
    display: flex;
    flex-direction: column;
}

.total-info-block__wrapper .btn-main {
    text-decoration: none;
    text-align: center;
}

.total-info-block__wrapper .btn-main:hover {
    box-shadow: none;
}

.total-info-block {
    display: flex;
    flex-direction: column;
    margin-block: 16px;
    row-gap: 8px;
}

.total-info-block h5 {
    font-weight: 700;
    font-size: 18px;
    color: var(--blue);
    line-height: 1.2;
    margin-bottom: 0;
}

.total-price__close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.total-price__close:hover {
    filter: invert(10%) sepia(99%) saturate(7457%) hue-rotate(243deg) brightness(86%) contrast(129%);
}

.select-plan-indicators__total .total-info-block:first-of-type {
    margin-top: 32px;
}

.total-info-block__item {
    border: 1px solid #393f46;
    padding: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    border-radius: 6px;
    position: relative;
}

.info-block__item-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: var(--dark-grey);
    padding-right: 30px;
}

.info-block__item-indicators {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #7e7e7e;
}

.f18 {
    font-size: 18px;
    font-weight: 700;
}

.select-plan-indicators__item {
    display: flex;
    column-gap: 16px;
    justify-content: space-between;
    padding: 12px 16px;
}

@media screen and (max-width: 575px) {
    .select-plan-indicators__item {
        flex-direction: column;
    }
}

.select-plan-indicators__item.column-direction {
    flex-direction: column;
}

.select-plan-indicators__item.column-direction .indicators-item__name {
    margin-bottom: 16px;
}

.indicators-item__name {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.indicators-item__name img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.indicators-item__name h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--blue);
    margin-bottom: 0;
}

.indicators-item__indicators {
    display: flex;
    column-gap: 16px;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .indicators-item__indicators {
        margin-top: 16px;
    }
}

.multiplication {
    color: var(--dark-grey);
    font-size: 20px;
    font-weight: 400;
}

span.indicators-price-wrap {
    color: #7e7e7e;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 820px) {
    span.indicators-price-wrap {
        font-size: 18px;
    }
}

span.indicators-price-wrap .mth {
    font-weight: 500;
    font-size: 16px;
}

@media screen and (max-width: 575px) {
    .sup-serv-ind span.indicators-price-wrap {
        width: 100%;
        text-align: center;
    }
}

.sup-serv-ind-description {
    font-size: 14px;
    color: #7e7e7e;
}

.choose-indicators__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 16px;
    border: 1px solid #b9b9b9;
    padding: 8px 16px;
    border-radius: 8px;
    line-height: 1;
    min-height: 56px;
}

@media screen and (max-width: 575px) {
    .choose-indicators__item {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        row-gap: 8px;
    }
}

.choose-indicators__item.active {
    background: #ecf5fc;
    border-color: var(--blue);
}

.choose-indicators__item.active label,
.choose-indicators__item.active .sup-serv-ind-description,
.choose-indicators__item.active span.indicators-price-wrap {
    color: var(--dark-grey);
}

.choose-indicators__item.active .custom-checkbox label {
    font-weight: 700;
}

.choose-indicators__item.active .choose-indicators-item__ind input[type=number] {
    color: var(--dark-grey);
}

.choose-indicators__item .btn-tooltip {
    position: relative;
    top: 0;
    left: 0;
}

@media screen and (max-width: 575px) {
    .choose-indicators__item .btn-tooltip {
        margin-left: auto;
    }
}

.cust-checkbox__wrap {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .cust-checkbox__wrap {
        width: 100%;
    }
}

.indicators-item__choose-indicators {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.choose-indicators-item__ind {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .choose-indicators-item__ind {
        margin-left: auto;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 575px) {
    .sup-serv-ind .choose-indicators-item__ind {
        justify-content: center;
        margin-inline: auto;
        flex-wrap: wrap;
        row-gap: 8px;
    }
}

.checkbox-with-dropdown {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 8px;
}

.sand-env__radio-btns {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-left: 40px;
    pointer-events: none;
}

.sand-env__radio-btns.show-btn {
    pointer-events: auto;
}

.sand-env__radio-btns .choose-indicators__item {
    min-height: 48px;
}

.custom-radiobtns label {
    margin-bottom: 0;
}

.custom-radiobtns {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}

.custom-radiobtns input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-radiobtns label {
    position: relative;
    cursor: pointer;
    font-size: 20px;
    color: #7e7e7e;
    padding-left: 26px;
}

@media screen and (max-width: 820px) {
    .custom-radiobtns label {
        font-size: 18px;
    }
}

.custom-radiobtns label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 2px solid #7e7e7e;
    border-radius: 50%;
    background-color: transparent;
    transition: border-color 0.3s;
}

.custom-radiobtns label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: var(--blue);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.custom-radiobtns input[type="radio"]:checked+label::after {
    opacity: 1;
}

.custom-radiobtns input[type="radio"]:checked+label::before {
    border-color: var(--blue);
}

.checkbox-with-dropdown .custom-radiobtns label {
    font-size: 18px;
}

.usage-fees {
    border: 1px solid #ecf5fc;
    border-radius: 10px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    margin-top: 80px;
}

.usage-fees .indicators-item__name {
    background: #ecf5fc;
    padding: 16px;
    border-radius: 8px;
}

.usage-fees .usage-fees__row:nth-child(even) .usage-fees__col {
    background: #ecf5fc;
}

.usage-fees .usage-fees__row:nth-child(odd) .usage-fees__col {
    background: var(--white);
    border: 1px solid #ecf5fc;
}

.usage-fees__col {
    padding: 8px 16px;
    border-radius: 8px;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--dark-grey);
}

.usage-fees__col p {
    font-size: 14px;
    font-weight: 400;
}

.usage-fees__row {
    display: flex;
    gap: 4px;
}

@media screen and (max-width: 575px) {
    .usage-fees__row {
        flex-direction: column;
    }
}

.usage-fees__row .usage-fees__col:not(:first-child) {
    align-items: center;
    text-align: center;
}

.usage-fees__row .usage-fees__col:not(:first-child) span {
    font-weight: 700;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .usage-fees__row .usage-fees__col:not(:first-child) span {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .usage-fees__row .usage-fees__col:not(:first-child) span {
        font-size: 20px;
    }
}

.usage-fees__row .usage-fees__col:not(:first-child) span.font-weight__light {
    font-weight: 400;
    font-size: 14px;
}

.usage-fees__col-small {
    width: calc((100% / 3) - 2.66px);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .usage-fees__col-small {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .usage-fees__col-small {
        width: 100%;
        text-align: center;
        font-size: 24px;
    }
}

.usage-fees__col-large {
    width: calc(((100% / 3) * 2) - 1.34px);
}

@media screen and (max-width: 575px) {
    .usage-fees__col-large {
        width: 100%;
    }
}

.plus-span {
    margin-inline: 5px;
}

.pricing-contact-form__wrap {
    background: var(--blue);
    padding: 40px;
    border-radius: 16px;
    margin: 80px 0 80px;
}

@media screen and (max-width: 575px) {
    .pricing-contact-form__wrap {
        padding: 16px;
    }
}

.pricing-contact-form__wrap h3,
.pricing-contact-form__wrap p {
    color: var(--white);
    text-align: center;
}

.pricing-contact-form__wrap h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 24px;
}

.pricing-contact-form__wrap p {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.3;
}

.contact__form.form__input-style input {
    border: 1px solid #dfe4ea;
    border-radius: 6px;
    width: 100%;
    padding: 12px 16px;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    color: var(--dark-grey);
    font-weight: 400;
}

.contact__form.form__input-style label {
    margin-bottom: 8px;
    color: var(--white);
    font-weight: 500;
}

.contact__form.form__input-style label,
.contact__form.form__input-style input {
    font-family: Inter-f, sans-serif;
    font-size: 16px;
    line-height: 1.12;
}

.contact__form.form__input-style input::placeholder {
    color: B9B9B9;
    opacity: 1;
}

.contact__form.form__input-style .form__input {
    display: flex;
    flex-direction: column;
    width: 48%;
}

@media (max-width: 575px) {
    .contact__form.form__input-style .form__input {
        width: 100%;
    }
}

.contact__form.form__input-style .form__input.form__input-full-width {
    width: 100%;
}

.btn-main {
    background: var(--yellow);
    color: var(--white);
    padding: 14px 16px;
    width: 100%;
    border: 1px solid var(--yellow);
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    transition: all ease 555ms;
    line-height: 1.3;
    margin-top: 8px;
}

.btn-main:hover {
    color: var(--yellow);
    background: var(--white);
    box-shadow: 0 4px 10px rgba(243, 179, 62, 0.4);
}

.contact-form__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form__input-style input:focus-visible {
    border-color: var(--yellow);
}

/*form-error form-success*/
.form__error {
    display: none;
}

.form__success {
    display: none;
}

.form_text_field_error input {
    border: 1px solid #ff4343;
}

.form_text_field_success input {
    border: 1px solid #42904f;
}

.form_send_error,
.form_send_success {
    width: 100%;
    text-align: center;
    padding: 5px 8px;
    margin-top: 20px;
}

.form_send_error {
    border: 1px solid #ff4343;
}

.form_send_success {
    border: 1px solid #42904f;
}

.accelerate-growth__title-section {
    padding-bottom: 0;
}

.accelerate-growth__title-section h1,
.accelerate-growth__title-section p {
    color: var(--dark-grey);
}

.accelerate-growth__title-section .title-block__row {
    padding-bottom: 80px;
    border-bottom: 1px solid #b9b9b9;
}

.accelerate-growth__title-section .title-block__image img {
    width: 100%;
    border-radius: 16px;
}

.accelerate-growth__title-section .blue__button {
    width: auto;
    padding-inline: 32.5px;
}

.accelerate-growth__title-h2 {
    font-size: 38px;
    font-weight: 700;
}

@media screen and (max-width: 991px) {
    .accelerate-growth__title-h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 767px) {
    .accelerate-growth__title-h2 {
        font-size: 30px;
    }
}

.center-title-block {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-block: 80px;
}

.center-title-block p {
    font-size: 18px;
    width: 562px;
    max-width: 100%;
    margin-inline: auto;
    margin-top: 16px;
}

.accelerate-growth__section-left-image {
    padding-block: 0;
}

.accelerate-growth__section-left-image .crm-page-section-left-image__wrapper {
    padding-block: 80px;
    border-top: 1px solid #b9b9b9;
}

@media screen and (max-width: 991px) {
    .accelerate-growth__section-left-image .crm-page-section-left-image__block-content h2 {
        padding-bottom: 16px;
    }
}

.accelerate-growth__section-left-image .partner-program__list li {
    padding-left: 36px;
    padding-top: 40px;
    background-position: left top 42px;
    color: var(--dark-grey);
}

@media screen and (max-width: 1279px) {
    .accelerate-growth__section-left-image .partner-program__list li {
        padding-top: 24px;
        background-position: left top 26px;
    }
}

@media screen and (max-width: 991px) {
    .accelerate-growth__section-left-image .partner-program__list li {
        padding-top: 16px;
        background-position: left top 18px;
    }
}

.accelerate-growth__section-left-image .partner-program__list li p {
    padding-top: 8px;
}

@media screen and (max-width: 991px) {
    .accelerate-growth__section-left-image .partner-program__list li {
        padding-left: 30px;
    }
}

.accelerate-growth__section-left-image.cust-port_section-left-image p:not(:last-child) {
    padding-bottom: 0;
}

.accelerate-growth__section-left-image .crm-page-section-left-image__block-image img {
    border-radius: 16px;
}

@media screen and (max-width: 991px) {
    .accelerate-growth__section-left-image .crm-page-section-left-image__block-content h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 820px) {
    .accelerate-growth__section-left-image .crm-page-section-left-image__block-content h2 {
        font-size: 30px;
    }
}

.banner-section {
    background: #ecf5fc;
    padding-block: 80px;
}

@media screen and (max-width: 820px) {
    .banner-section {
        text-align: center;
    }
}

.banner-section p {
    font-size: 20px;
    width: 600px;
    max-width: 100%;
    padding-block: 40px;
}

@media screen and (max-width: 820px) {
    .banner-section p {
        margin-inline: auto;
    }
}

.banner-section .blue__button {
    width: auto;
    padding-inline: 32.5px;
}

.key-features h2 {
    text-align: center;
    margin-bottom: 24px;
}

.key-features__wrap {
    border-top: 1px solid #b9b9b9;
    width: 1070px;
    max-width: 100%;
    margin-inline: auto;
}

.key-features__item {
    border-bottom: 1px solid #b9b9b9;
    display: flex;
}

@media screen and (max-width: 575px) {
    .key-features__item {
        flex-direction: column;
    }
}

.key-features__item>div {
    flex: 1;
}

.key-features-item__title {
    padding: 40px;
}

@media screen and (max-width: 820px) {
    .key-features-item__title {
        padding: 16px;
    }
}

.key-features-item__title p {
    display: flex;
    flex-direction: column;
    column-gap: 24px;
    color: var(--dark-grey);
}

.key-features-item__title p span {
    margin-top: 24px;
}

@media screen and (max-width: 820px) {
    .key-features-item__title p span {
        margin-top: 8px;
    }
}

.key-features-item__content {
    background: #ecf5fc;
    padding: 40px;
}

@media screen and (max-width: 820px) {
    .key-features-item__content {
        padding: 16px;
    }
}

.key-features-item__content .partner-program__list,
.eligibility-item .partner-program__list {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

@media screen and (max-width: 991px) {

    .key-features-item__content .partner-program__list,
    .eligibility-item .partner-program__list {
        row-gap: 24px;
    }
}

@media screen and (max-width: 820px) {

    .key-features-item__content .partner-program__list,
    .eligibility-item .partner-program__list {
        row-gap: 16px;
    }
}

.key-features-item__content .partner-program__list li,
.eligibility-item .partner-program__list li {
    padding-left: 46px;
    padding-top: 0;
    background-position: left 4px;
    color: var(--dark-grey);
}

@media screen and (max-width: 820px) {

    .key-features-item__content .partner-program__list li,
    .eligibility-item .partner-program__list li {
        padding-left: 36px;
    }
}

.eligibility {
    padding: 40px 0 80px;
}

.eligibility .col-12>p {
    font-size: 18px;
    margin: 16px 0 24px;
}

.eligibility h2,
.eligibility .col-12>p {
    text-align: center;
}

.template-blocks__wrap {
    display: flex;
    gap: 40px;
}

@media screen and (max-width: 991px) {
    .template-blocks__wrap {
        gap: 24px;
    }
}

.template-blocks__wrap>div {
    flex: 1;
}

@media screen and (max-width: 767px) {
    .template-blocks__wrap {
        flex-direction: column;
    }
}

.template-blocks__item {
    padding: 40px;
    border: 1px solid rgba(76, 76, 255, 0.5);
    border-radius: 16px;
}

@media screen and (max-width: 991px) {
    .template-blocks__item {
        padding: 24px;
    }
}

.template-blocks__item h5 {
    font-weight: 700;
    font-size: 20px;
}

.eligibility-item p {
    margin-block: 40px;
}

@media screen and (max-width: 991px) {
    .eligibility-item p {
        margin-block: 24px;
    }
}

.color-violet {
    color: var(--secondary);
}

.how-to-join {
    padding: 40px 0 80px;
}

.how-to-join h2 {
    text-align: center;
    margin-bottom: 24px;
}

.how-to-join__item {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

@media screen and (max-width: 767px) {
    .how-to-join__item {
        align-items: center;
        row-gap: 16px;
        text-align: center;
    }
}


.accelerate-growth__section-left-image .crm-page-section-left-image__wrapper {
    display: flex;
    justify-content: space-between;
}

.accelerate-growth__title-section.title-block__section {
    padding-top: 177px;
}

@media (max-width: 820px) {
    .accelerate-growth__title-section.title-block__section {
        padding-top: 160px;
    }
}

@media (max-width: 575px) {
    .accelerate-growth__section-left-image .crm-page-section-left-image__wrapper {
        flex-wrap: wrap;
    }

    .accelerate-growth__title-section.title-block__section {
        padding-top: 130px;
    }
}