.gaptopart {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-gap: 10px;
}

.subscribedbox_text ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.subscribedbox_text > div {
    width: 100%;
}

.subscribedbox_text ul li {
    font-size: var(--fontsize14);
    color: var(--headingcolor);
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
}

    .subscribedbox_text ul li span {
        font-size: var(--fontsize12);
        color: var(--othercolor);
    }

.subscribedbox_text p {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.filter_sideview_main .subscriptionplansection .subscribedbox_active .edsyboxstructure {
    border-radius: 0 0 8px 8px;
    border: transparent;
}

.subscribedbox_active .subscribedbox_text {
    background: var(--button-hovercolor);
    color: #fff;
}

.subscribedbox_text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 6px 6px 0 0;
}

.subscriptionplansection .edsyboxstructure {
    height: 100%;
}

.subscribedbox {
    background: transparent;
    border: 1px solid transparent !important;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .subscribedbox.subscribedbox_active .edsyboxstructure {
        border-radius: 0px 0px 8px 8px;
        border: transparent;
    }

    .subscribedbox.subscribedbox_active {
        /*    background: var(--success-bg);
    border: 1px solid var(--success-text) !important;
    padding: var(--padding16);
    border-radius: var(--borderradius24);*/
        background: transparent;
        border: 1px solid var(--button-hovercolor) !important;
        padding: 0px;
        border-radius: 8px;
    }

.adduserview {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    justify-content: center;
}

    .adduserview input {
        text-align: center !important;
        border-radius: 0px !important;
        border-left: 0;
        border-right: 0px;
        width: 60px !important;
        flex: unset !important;
        padding: 0;
        padding-left: 0px;
        background: var(--background-white);
        border-top: 1px solid var(--button-bordercolor);
        border-bottom: 1px solid var(--button-bordercolor);
        font-size: var(--fontsize14);
    }

    .adduserview .input-group {
        flex-wrap: nowrap;
        width: auto;
    }

.header-fixed {
    padding: 0 40px;
    height: 80px;
    color: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.input-group-text {
    border: 1px solid var(--button-hovercolor);
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--button-hovercolor);
    cursor: pointer;
    padding: 0;
    color: var(--textwhite-color);
}

    .input-group-text svg, .input-group-text img {
        width: var(--svgiconheightwidth14);
        height: var(--svgiconheightwidth14);
        filter: brightness(0) invert(1);
    }

        .input-group-text svg path {
            stroke: var(--subinfocolor);
        }

.header-fixed-placeholder {
    height: 80px;
    display: none;
}

body.fixed .header-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 1px 7px #ccc;
    padding: 0 40px;
    height: 80px;
    color: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body.fixed .header-fixed-placeholder {
    display: block;
}

body.fixed section.subscriptionplansection {
    margin-top: 80px;
}

a.header_logo img, a.header_logo svg {
    width: 150px;
    height: 46px;
}

/* Content CSS */
.subscriptionplansection {
    padding: 40px 0 16px;
}

.title_pln {
    margin-bottom: 16px;
}

.newadd_k {
    font-weight: var(--font-weight-regular);
    color: var(--headingcolor);
    margin-bottom: 12px;
}

.toggle-switch {
    justify-content: center;
}

.subscriptionplansection .leftrightview_title {
    position: relative;
    border-top: 1px solid var(--button-bordercolor);
    margin-bottom: 16px;
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-medium);
    padding-top: 8px;
}

.subscriptionplansection .edsyboxstructure {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--padding16);
    border-radius: 8px;
}

.subscriptionplansection .formgroup p {
    text-align: center;
}

.subscriptionplansection .col-lg-4.col-md-6 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.mainsubscription_text strong {
    font-weight: var(--font-weight-medium);
    font-size: var(--fontsize20);
}

.edsyaccordion .accordion-header.accordion_header_minheight {
    padding: 10px 0px;
}

.resources_cat_arrow.accordion-button.collapsed svg {
    rotate: 0deg;
}

.resources_cat_arrow.accordion-button svg {
    rotate: 180deg;
}

.assessment_innerbody {
    background-color: var(--background-white);
    border-radius: 0;
    padding: 0;
}

span.currency {
    font-size: var(--fontsize16);
    margin: 0;
    font-weight: 800;
    line-height: normal;
    color: var(--button-hovercolor);
}

.leftrightview_title p strong {
    font-weight: var(--font-weight-medium);
}

ul.list li strong {
    font-weight: var(--font-weight-medium);
}

span.period {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.price-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    grid-gap: 6px;
}

span.period span {
    font-size: var(--fontsize12);
    color: var(--ink3);
    position: relative;
    bottom: 2px;
}

ul.list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 12px;
}

    ul.list li {
        padding-left: 25px;
        position: relative;
        line-height: normal;
    }

.subscriptionplansection li.active:before {
    content: "";
    background-color: var(--button-hovercolor);
    mask-image: url(../images/check.svg);
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 0;
    mask-size: 13px;
}

.resourcescard_top p {
    color: var(--headingcolor);
    font-size: var(--fontsize14);
    font-weight: var(--font-weight-regular);
    margin-bottom: 10px;
}

    .resourcescard_top p:last-child {
        margin-bottom: 0;
    }

/* FAQ'S CSS */
.faqmainsubscription {
    padding: 40px 0;
}

section.subscription_faq_plansection {
    padding: 0;
}

.resourcescard_top {
    flex-direction: column;
}

.edsyaccordion .accordion-item {
    margin-bottom: 0px;
}
/*  Footer CSS */
footer {
    padding: 40px 0 25px;
}

.footer_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    text-align: center;
}

    .footer_content img, .footer_content svg {
        width: 130px;
        height: 42px;
    }

    .footer_content p {
        margin: 0;
    }



/* FREE_TRIAL scheme note (Edsy Admin console). Theme tokens only, so it is correct in white
   and dark mode; shown on all three plan pages. */
.trial_note {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--card-greenlight);
    border: 1px solid var(--card-greenseparator);
    color: var(--card-greendark);
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: var(--fontsize14);
    line-height: 1.4;
}

/* payment-link notice: text grows, the Pay now button keeps its width and never wraps mid-word */
.trial_note > span {
    flex: 1;
    min-width: 0;
}

.trial_note_invoice .edsybtn_button {
    white-space: nowrap;
    flex: 0 0 auto;
}

@media (max-width: 575px) {
    .trial_note_invoice {
        flex-wrap: wrap;
    }

    .trial_note_invoice .edsybtn_button {
        width: 100%;
        justify-content: center;
    }
}