.tariffs-b .tariffs-container .title {
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 50px;
}

.tariffs-b .tariffs-container .title h5,
.tariffs-b .tariffs-container .title h4,
.tariffs-b .tariffs-container .title h3,
.tariffs-b .tariffs-container .title h2,
.tariffs-b .tariffs-container .title h1 {
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    margin: 0;
}

.tariffs-b .tariffs-container .tariffs-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px;
}

.tariffs-b .tariffs-item {
    border-radius: 20px;
    width: 100%;
    min-width: 300px;
    max-width: calc(100% / 3 - 30px);
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 8px 25px;
    border: 1px solid #DBD7D1;
    box-shadow: 0 1px 1px rgba(4, 10, 21, 0.04), 0 3px 14px rgba(4, 12, 29, 0.09), 0 0 1px rgba(7, 13, 26, 0.27);
}

.tariffs-b .tariffs-item .tariffs__header {
    padding: 12px 24px;
    border-bottom: 1px solid #DBD7D1;
    background: #EDEBE8;
    color: #323F4B;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.tariffs-b .tariffs-item .tariffs__content {
    padding: 20px 24px 24px 24px;
}

.tariffs-b .tariffs-item.tariffs-item--transparent {
    background: transparent;
    box-shadow: none !important;
    border: 1px solid #323F4B;
}

.tariffs-b .tariffs-item.tariffs-item--popular {
    border: 2px solid #F5B53D;
}

.tariffs-b .tariffs-item.tariffs-item--popular .tariffs__header {
    border: 0;
    background: #F5B53D;
}

.tariffs-b .tariffs-item.tariffs-item--support {
    background: #BA403E;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__header {
    border: 0;
    background: #D35C5A;
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__top .payment-price .crossed-price {
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container.course-tariff .tariffs__list-container ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM14.815 7.55174C15.0783 7.28784 15.0778 6.86046 14.814 6.59714C14.5501 6.33383 14.1227 6.3343 13.8594 6.59819L8.49992 11.9694L6.22893 9.69412C5.96557 9.43026 5.53818 9.42986 5.27433 9.69322C5.01048 9.95657 5.01008 10.384 5.27343 10.6478L8.02225 13.4018C8.14889 13.5287 8.32079 13.6 8.50005 13.6C8.67931 13.5999 8.8512 13.5286 8.97782 13.4017L14.815 7.55174Z' fill='white'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__top {
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__top .ms-buy select {
    color: #fff;
    border-color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__top .ms-buy select option {
    color: #171f26;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-header {
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-header span:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41794 0.85896C8.68894 0.59096 9.12694 0.590961 9.39594 0.858961C9.66594 1.12696 9.66794 1.55996 9.39594 1.82796L5.48794 5.65796C5.21794 5.92596 4.78094 5.92596 4.50894 5.65796L0.600937 1.82796C0.330937 1.56096 0.330937 1.12696 0.600937 0.858959C0.871938 0.590959 1.30994 0.590959 1.57894 0.858959L4.99994 3.99996L8.41794 0.85896Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-container ul li {
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-container ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM14.815 7.55174C15.0783 7.28784 15.0778 6.86046 14.814 6.59714C14.5501 6.33383 14.1227 6.3343 13.8594 6.59819L8.49992 11.9694L6.22893 9.69412C5.96557 9.43026 5.53818 9.42986 5.27433 9.69322C5.01048 9.95657 5.01008 10.384 5.27343 10.6478L8.02225 13.4018C8.14889 13.5287 8.32079 13.6 8.50005 13.6C8.67931 13.5999 8.8512 13.5286 8.97782 13.4017L14.815 7.55174Z' fill='white'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-container ul li.off {
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__container .tariffs__list-container ul li.off:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10.75C10.1989 10.75 10.3897 10.829 10.5303 10.9697C10.671 11.1103 10.75 11.3011 10.75 11.5V13.5C10.75 13.6989 10.671 13.8897 10.5303 14.0303C10.3897 14.171 10.1989 14.25 10 14.25C9.80109 14.25 9.61032 14.171 9.46967 14.0303C9.32902 13.8897 9.25 13.6989 9.25 13.5V11.5C9.25 11.3011 9.32902 11.1103 9.46967 10.9697C9.61032 10.829 9.80109 10.75 10 10.75Z' fill='%23FFFFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7.029V5C6 3.93913 6.42143 2.92172 7.17157 2.17157C7.92172 1.42143 8.93913 1 10 1C11.0609 1 12.0783 1.42143 12.8284 2.17157C13.5786 2.92172 14 3.93913 14 5V7.029C14.588 7.065 15.006 7.145 15.362 7.327C15.9265 7.61462 16.3854 8.07354 16.673 8.638C17 9.28 17 10.12 17 11.8V13.2C17 14.88 17 15.72 16.673 16.362C16.3854 16.9265 15.9265 17.3854 15.362 17.673C14.72 18 13.88 18 12.2 18H7.8C6.12 18 5.28 18 4.638 17.673C4.07354 17.3854 3.61462 16.9265 3.327 16.362C3 15.72 3 14.88 3 13.2V11.8C3 10.12 3 9.28 3.327 8.638C3.61462 8.07354 4.07354 7.61462 4.638 7.327C4.994 7.145 5.412 7.065 6 7.029ZM10 2.5C10.663 2.5 11.2989 2.76339 11.7678 3.23223C12.2366 3.70107 12.5 4.33696 12.5 5V7H7.5V5C7.5 4.33696 7.76339 3.70107 8.23223 3.23223C8.70107 2.76339 9.33696 2.5 10 2.5ZM7.8 8.5C6.935 8.5 6.377 8.501 5.952 8.536C5.544 8.569 5.393 8.626 5.319 8.663C5.03651 8.80685 4.80685 9.03651 4.663 9.319C4.626 9.393 4.569 9.544 4.536 9.952C4.501 10.377 4.5 10.935 4.5 11.8V13.2C4.5 14.065 4.501 14.623 4.536 15.048C4.569 15.456 4.626 15.607 4.663 15.681C4.80685 15.9635 5.03651 16.1931 5.319 16.337C5.393 16.374 5.544 16.431 5.952 16.464C6.377 16.499 6.935 16.5 7.8 16.5H12.2C13.065 16.5 13.623 16.499 14.048 16.464C14.456 16.431 14.607 16.374 14.681 16.337C14.9631 16.193 15.1924 15.9633 15.336 15.681C15.374 15.607 15.431 15.456 15.464 15.048C15.499 14.623 15.5 14.065 15.5 13.2V11.8C15.5 10.935 15.499 10.377 15.464 9.952C15.431 9.544 15.374 9.393 15.336 9.319C15.1924 9.03666 14.9631 8.80702 14.681 8.663C14.607 8.626 14.456 8.569 14.048 8.536C13.623 8.501 13.065 8.5 12.2 8.5H7.8Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__control .btn--dark {
    background: #171f26;
    border-color: #171f26;
    color: #fff;
}

.tariffs-b .tariffs-item.tariffs-item--support .tariffs__control .btn--dark:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.tariffs-b .tariffs-item .tariffs__top .ms-name {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.tariffs-b .tariffs-item .tariffs__top .ms-description {
    margin-bottom: 32px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

.tariffs-b .tariffs-item .tariffs__top .ms-date {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    margin-left: auto;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price {
    margin-bottom: 15px;
    width: 100%;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .grid {
    display: inline-grid;
    grid-template-columns: auto auto auto;
    align-items: normal;
    gap: 5px;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .total {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .discount-promocode {
    text-align: center;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .discount {
    padding: 0 5px;
    border-radius: 4px;
    background: #FCCC5B;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .crossed-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: #52606D;
    text-decoration: line-through;
}

.tariffs-b .tariffs-item .tariffs__top .payment-price .discount-loyalty .discount {
    background: #000;
    color: #fff;
}

.tariffs-b .tariffs-item .tariffs__top em {
    font-size: 20px;
    font-style: normal;
}

/** TODO remove .ms-price */
.tariffs-b .tariffs-item .tariffs__top .ms-price {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    width: 100%;
}

.tariffs-b .tariffs-item .tariffs__top .ms-price .disc {
    position: absolute;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background: #00BB5B;
    border-radius: 4px;
    padding: 0 5px;
    left: 0;
    bottom: calc(100% + 3px);
    font-weight: 600;
    text-align: center;
}

.tariffs-b .tariffs-item .tariffs__top .ms-price .disc:empty {
    display: none;
}

.tariffs-b .tariffs-item .tariffs__top .ms-price .total {
    position: absolute;
    font-size: 14px;
    line-height: 22px;
    right: 0;
    bottom: 0;
    font-weight: 600;
    color: #52606D;
    text-decoration: line-through;
}

.tariffs-b .tariffs-item .tariffs__top .ms-price .total:empty {
    display: none;
}

.tariffs-b .tariffs-item .tariffs__top .ms-price span {
    position: relative;
    min-width: 45px;
    min-height: 21px;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.tariffs-b .tariffs-item .tariffs__top .ms-buy {
    margin-top: 8px;
    width: 100%;
    min-height: 22px;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.tariffs-b .tariffs-item .tariffs__container {
    padding: 0;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-header {
    color: #52606D;
    cursor: pointer;
    display: none;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-header.open span:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-header span {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-header span:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41794 0.85896C8.68894 0.59096 9.12694 0.590961 9.39594 0.858961C9.66594 1.12696 9.66794 1.55996 9.39594 1.82796L5.48794 5.65796C5.21794 5.92596 4.78094 5.92596 4.50894 5.65796L0.600937 1.82796C0.330937 1.56096 0.330937 1.12696 0.600937 0.858959C0.871938 0.590959 1.30994 0.590959 1.57894 0.858959L4.99994 3.99996L8.41794 0.85896Z' fill='%237B8794'/%3E%3C/svg%3E%0A");
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul li {
    position: relative;
    padding-left: 32px;
    margin: 9px 0;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9ZM17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9ZM12.2803 7.78033C12.5732 7.48744 12.5732 7.01256 12.2803 6.71967C11.9874 6.42678 11.5126 6.42678 11.2197 6.71967L8 9.9393L6.78033 8.71967C6.48744 8.42678 6.01256 8.42678 5.71967 8.71967C5.42678 9.0126 5.42678 9.4874 5.71967 9.7803L7.46967 11.5303C7.76256 11.8232 8.23744 11.8232 8.53033 11.5303L12.2803 7.78033Z' fill='%23323F4B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
}

.tariffs-b .tariffs-item .tariffs__container.course-tariff .tariffs__list-container ul li:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM14.815 7.55174C15.0783 7.28784 15.0778 6.86046 14.814 6.59714C14.5501 6.33383 14.1227 6.3343 13.8594 6.59819L8.49992 11.9694L6.22893 9.69412C5.96557 9.43026 5.53818 9.42986 5.27433 9.69322C5.01048 9.95657 5.01008 10.384 5.27343 10.6478L8.02225 13.4018C8.14889 13.5287 8.32079 13.6 8.50005 13.6C8.67931 13.5999 8.8512 13.5286 8.97782 13.4017L14.815 7.55174Z' fill='%23171F26'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul li.off {
    color: #52606D;
    text-decoration: line-through;
}

.tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul li.off:before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10.75C10.1989 10.75 10.3897 10.829 10.5303 10.9697C10.671 11.1103 10.75 11.3011 10.75 11.5V13.5C10.75 13.6989 10.671 13.8897 10.5303 14.0303C10.3897 14.171 10.1989 14.25 10 14.25C9.80109 14.25 9.61032 14.171 9.46967 14.0303C9.32902 13.8897 9.25 13.6989 9.25 13.5V11.5C9.25 11.3011 9.32902 11.1103 9.46967 10.9697C9.61032 10.829 9.80109 10.75 10 10.75Z' fill='%2352606D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7.029V5C6 3.93913 6.42143 2.92172 7.17157 2.17157C7.92172 1.42143 8.93913 1 10 1C11.0609 1 12.0783 1.42143 12.8284 2.17157C13.5786 2.92172 14 3.93913 14 5V7.029C14.588 7.065 15.006 7.145 15.362 7.327C15.9265 7.61462 16.3854 8.07354 16.673 8.638C17 9.28 17 10.12 17 11.8V13.2C17 14.88 17 15.72 16.673 16.362C16.3854 16.9265 15.9265 17.3854 15.362 17.673C14.72 18 13.88 18 12.2 18H7.8C6.12 18 5.28 18 4.638 17.673C4.07354 17.3854 3.61462 16.9265 3.327 16.362C3 15.72 3 14.88 3 13.2V11.8C3 10.12 3 9.28 3.327 8.638C3.61462 8.07354 4.07354 7.61462 4.638 7.327C4.994 7.145 5.412 7.065 6 7.029ZM10 2.5C10.663 2.5 11.2989 2.76339 11.7678 3.23223C12.2366 3.70107 12.5 4.33696 12.5 5V7H7.5V5C7.5 4.33696 7.76339 3.70107 8.23223 3.23223C8.70107 2.76339 9.33696 2.5 10 2.5ZM7.8 8.5C6.935 8.5 6.377 8.501 5.952 8.536C5.544 8.569 5.393 8.626 5.319 8.663C5.03651 8.80685 4.80685 9.03651 4.663 9.319C4.626 9.393 4.569 9.544 4.536 9.952C4.501 10.377 4.5 10.935 4.5 11.8V13.2C4.5 14.065 4.501 14.623 4.536 15.048C4.569 15.456 4.626 15.607 4.663 15.681C4.80685 15.9635 5.03651 16.1931 5.319 16.337C5.393 16.374 5.544 16.431 5.952 16.464C6.377 16.499 6.935 16.5 7.8 16.5H12.2C13.065 16.5 13.623 16.499 14.048 16.464C14.456 16.431 14.607 16.374 14.681 16.337C14.9631 16.193 15.1924 15.9633 15.336 15.681C15.374 15.607 15.431 15.456 15.464 15.048C15.499 14.623 15.5 14.065 15.5 13.2V11.8C15.5 10.935 15.499 10.377 15.464 9.952C15.431 9.544 15.374 9.393 15.336 9.319C15.1924 9.03666 14.9631 8.80702 14.681 8.663C14.607 8.626 14.456 8.569 14.048 8.536C13.623 8.501 13.065 8.5 12.2 8.5H7.8Z' fill='%2352606D'/%3E%3C/svg%3E%0A");
}

.tariffs-b .tariffs-item .tariffs__control {
    margin: 15px 0 25px;
}

.tariffs-b .tariffs-item .tariffs__control .btn {
    width: 100%;
}

.tariffs-b .tariffs-item .tariffs__control .btn.btn--transparent {
    background: transparent;
}

@media only screen and (max-width: 991px) {
    .tariffs-b .tariffs-item .tariffs__container .tariffs__list-container ul {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .tariffs-b .tariffs-container .title {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .tariffs-b .tariffs-container .title h5,
    .tariffs-b .tariffs-container .title h4,
    .tariffs-b .tariffs-container .title h3,
    .tariffs-b .tariffs-container .title h2,
    .tariffs-b .tariffs-container .title h1 {
        font-size: 26px;
        line-height: 28px;
    }

    .tariffs-b .tariffs-item {
        width: 100%;
        max-width: 100%;
    }

    .tariffs-b .tariffs-item .tariffs__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tariffs-b .tariffs-item .tariffs__top .ms-date {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .tariffs-b .tariffs-item .tariffs__top .ms-price {
        margin-top: 10px;
    }
}