.pricing.hero {
    padding: 3% 4% 0% 4%;
}

.pricing .hero__description {
    padding: 0% 8% !important;
    gap: 16px !important;
}

.close-button svg path {
    transition: stroke 0.3s ease-in;
}

.close-button:hover svg path {
    stroke: var(--pink-500, #ee0f8e);
}

/* .modal-section {
    transition: all 0.3s ease-in-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.modal-section.active {
    opacity: 1;
    height: auto;
} */

.header-content h4 {
    color: var(--neutral-800, #333);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: capitalize;
}

.header-content p {
    color: var(--neutral-500, #b3b2b3);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.checkbox-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.checkbox-group__item {
    display: flex;
    min-width: 100%;
    min-height: 68.2323px;
    padding: 8px 24px 8px 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 0.5px solid var(--neutral-100, #ececec);
    background: #fff;
    transition: background 0.3s ease-in, border 0.3s ease-in;
}

.checkbox-group__item:hover {
    background: var(--cool-purple-50, #f5f2ff);
}

.checkbox-group__item.active {
    border: 1px solid var(--purple-600, #6a44a8);
    background: var(--cool-purple-50, #f5f2ff);
}

.checkbox-group__item.active .checkbox-group__icon {
    border: 1px solid var(--cool-purple-600, #6043bd);
    background: var(
        --gradiants-gradiant,
        radial-gradient(
            100% 100% at 50% 0%,
            #010214 0%,
            #000223 16.84%,
            #130c3c 34.9%,
            #4b26b4 61.46%,
            #6532eb 73.96%,
            #845bf2 86.98%,
            #ac8ff7 100%
        )
    );
}

.checkbox-group__item.active .checkbox-group__icon svg path {
    stroke: var(--purple-50, #f7f2ff);
}

.checkbox-group__item-inner {
    display: flex;
    align-items: center;
    gap: 13.286px;
    align-self: stretch;
}

.checkbox-group__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 47.33px;
    min-height: 47.33px;
    padding: 9px;
    border-radius: 7.858px;
    border: 1px solid var(--cool-purple-600, #6043bd);
    transition: background 0.3s ease-in, border 0.3s ease-in;
}

.checkbox-group__icon svg path {
    stroke: #6043bd;
}

.checkbox-group__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 6.643px 0px;
    gap: 4px;
    align-self: stretch;
}

.checkbox-group__text {
    color: var(--cool-purple-600, #6043bd);
    text-align: start;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.9px;
}

.checkbox-group__indicator {
    color: var(--cool-purple-400, #9d7fff);
    text-align: start;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.6px;
}

.checkbox-group__input {
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border: 1px solid var(--purple-600, #6a44a8);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: border 0.3s ease-in;
}

.checkbox-group__input:checked {
    border: 6px solid var(--cool-purple-600, #6043bd);
}

.input-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.input-item__label {
    color: var(--neutral-700, #555);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.8px;
}

.input-item__input {
    display: flex;
    min-width: 100%;
    /* min-height: 62px; */
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--neutral-400, #ccc);
    background: #fff;
    outline: none;
    transition: border 0.3s ease-in;
}

.input-item__input:hover,
.input-item__input:focus {
    border: 1px solid var(--cool-purple-600, #6043bd);
}