.tab-accordion {
    background: #F3F8F9;
}

.tab-accordion__panel:not(.is-active) .tab-accordion__panel__content {
    display: none;
}

.tab-accordion__tabs {
    display: flex;
    flex-wrap: wrap;
    top: 1px;
    position: relative;
    z-index: 2;
}

.tab-accordion__panel {
    border-bottom: 1px solid var(--medium-blue);
}

.tab-accordion__tab,
.tab-accordion__panel__toggle {
    list-style-type: none !important;
    margin: 0;
    display: block;
    line-height: normal;
    background: transparent;
    padding: 12px 40px 12px 16px;
    text-decoration: none;
    font-family: "Rajdhani", sans-serif;
    border: none;
    border-radius: 0;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    color: var(--dark);
}

.tab-accordion__tab:after,
.tab-accordion__panel__toggle:after {
    content: "\e902";
    position: absolute;
    right: 22px;
    font-family: 'motion-index-icon' !important;
    font-size: 16px;
    font-weight: normal;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
}

.tab-accordion__tab.is-active:after,
.tab-accordion__panel__toggle.is-active:after {
    transform: translate(0, -50%) rotate(-90deg);
}

.tab-accordion__tab.is-active,
.tab-accordion__panel__toggle.is-active {
    background: rgba(139, 185, 200, 0.5);
}

.tab-accordion__tab:hover,
.tab-accordion__tab:focus,
.tab-accordion__panel__toggle:hover,
.tab-accordion__panel__toggle:focus {
    text-decoration: none;
}

.tab-accordion__panel__content {
    padding: 0;
    background: #fff;
    filter: drop-shadow(0px 0px 16px rgba(25, 38, 44, 0.08));
}

.tab-accordion {
    position: relative;
}

.tab-accordion__panel__content .blog-listing__pagination [class*="col-"] {
    padding-left: 0;
}

.tab-image-content__text {
    padding: 32px 32px 32px 16px;
}

.tab-image-content__text h3 {
    font-size: 22px;
    margin: 0;
}

.tab-accordion__heading {
    margin: 0 0 30px;
}

.tab-image-content__image {
    height: 200px;
    border-radius: 50px 0 0 0;
    overflow: hidden;
}

.tab-accordion--homepage {
    padding: 48px 0;
}

.tab-load-more-item {
    display: none;
}

.tabloadMore {
    margin: 32px 0 0;
}

.tabloadMore .btn:after {
    content: "\e906";
    transform: translate(0, -50%) rotate(45deg);
    right: 28px;
    font-size: 11px;
    font-weight: 600;
}


@media (min-width: 768px) {
    .tab-image-content {
        display: flex;
    }

    .tab-image-content__text {
        padding: 32px 16px 40px 16px;
        width: calc(100% - 280px);
    }

    .tab-image-content__image {
        height: auto;
        width: 280px;
        border-radius: 100px 0 0 0;
    }

    .tab-image-content__text .btn {
        margin: 10px 0 0;
    }

    .tab-accordion--homepage {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .tab-accordion--homepage {
        padding: 96px 0 68px;
    }

    .tab-accordion__panel__content {
        background: transparent;
        filter: none;
    }

    .tab-accordion__panel {
        border-bottom: none;
    }

    .tab-image-content__text {
        background: #fff;
        width: 100%;
        filter: drop-shadow(0px 0px 16px rgba(25, 38, 44, 0.08));
        padding: 64px 32px 32px 32px;
        border-radius: 0 0 8px 8px;
        position: relative;
        z-index: 1;
    }

    .tab-image-content__text h3 {
        font-size: 32px;
    }

    .tab-accordion__panels {
        max-width: 507px;
        margin-left: auto;
    }

    .tab-accordion__tab,
    .tab-accordion__panel__toggle {
        margin: 0;
        width: 100%;
        padding: 16px 45px 16px 22px;
        font-size: 22px;
        border-top: 1px solid var(--medium-blue);
        box-shadow: inset 0 0 rgba(139, 185, 200, 0.5);
        transition: box-shadow 0.5s ease-in-out;
    }

    .tab-accordion__tab:after,
    .tab-accordion__panel__toggle:after {
        transform: translate(0, -50%);
    }

    .tab-accordion__tab.is-active:after,
    .tab-accordion__panel__toggle.is-active:after {
        transform: translate(0, -50%);
    }

    .tab-accordion__tabs {
        display: block;
        top: 0;
        column-count: 2;
        column-gap: 32px;
    }

    .tab-accordion__flex {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .tab-accordion__left {
        width: calc(50% - 16px);
    }

    .tab-accordion__right {
        width: calc(50% - 16px);
    }

    .tab-accordion .container {
        max-width: 1306px;
    }

    .tab-image-content {
        position: relative;
        flex-direction: column-reverse;
    }

    .tab-float-image {
        position: absolute;
        left: -100px;
        top: 150px;
        z-index: 2;
        max-width: 250px;
        height: auto;
    }

    .tab-image-content__image {
        height: 358px;
        width: 100%;
        filter: drop-shadow(0px 0px 16px rgba(25, 38, 44, 0.08));
        border-radius: 100px 0 0 0;
    }

    .tab-accordion__tab:not(.is-active):hover,
    .tab-accordion__panel__toggle:not(.is-active):hover {
        box-shadow: inset 0 -100px rgba(139, 185, 200, 0.5);
    }

    .tab-accordion__tab.is-active,
    .tab-accordion__panel__toggle.is-active {
        pointer-events: none;
    }

    .tab-accordion__tabs:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background: #f3f8f9;
    }
}