.sector-slider .subservice-accordion{
    margin-bottom: 80px;
}
.sector-slider .subservice-accordion .acc--title{
    font-size: 2.425rem;
    line-height: 2.825rem;
    color: var(--color-green);
    margin-bottom: 2.5rem;
}
.sector-slider .subservice-accordion-divider{
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding-top: 2rem;
}
.sector-slider .subservice-accordion .acc-body--content .content--body p{
    line-height: 1.5rem !important;
}
@media (min-width:992px) {
    .sector-slider .subservice-accordion .acc--title{
        min-width: 363px;
    }
    .sector-slider .subservice-accordion svg{
        display: none;
    }
    .sector-slider .subservice-accordion {
        overflow: hidden;
        height: 50vh !important;
        display: flex
    }

    .sector-slider .subservice-accordion .hor-accordion--item {
        border-color: rgba(51, 51, 51, 0.1) !important;
        position: relative;
        display: flex;
        flex: 0 1 auto;
        width: auto;
        transition: 0.6s all ease-in-out
    }

    .sector-slider .subservice-accordion .hor-accordion--item:first-child .acc-body {
        padding-left: 0
    }

    .sector-slider .subservice-accordion .hor-accordion--item:last-child .acc-body {
        padding-right: 0
    }

    .sector-slider .subservice-accordion .hor-accordion--item:not(:first-child) {
        border-left: 1px solid rgba(51, 51, 51, 0.1)
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button {
        flex-shrink: 0;
        display: flex;
        align-items: flex-end;
        padding-left: 1.0416666667vw;
        padding-right: 1.0416666667vw;
        height: 50vh;
        width: 5.1666666667vw;
        border: none;
        border-left: 1px solid rgba(51, 51, 51, 0.1);
        color: currentColor;
        background-color: transparent;
        transition: opacity 0.3s, visibility 0.3s
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button.active {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        user-select: none
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button:hover .acc-button--title {
        color: var(--color-green);
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button .acc-button--title {
        flex-shrink: 0;
        width: 46.7592592593vh;
        text-align: left;
        transform: translateY(100%) rotate(-90deg);
        transform-origin: left top;
        pointer-events: none;
        transition: 0.3s all ease-in-out;
        font-weight: 300;
        font-size: 1.6rem;
        line-height: 3.0625rem;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body {
        position: absolute;
        padding: 0 max(1rem, 2.5vw);
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        justify-content: space-between;
        visibility: hidden;
        opacity: 0
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--head,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--image {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-2rem);
        transition: 0.43s all ease-in-out
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body p,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body ul{
        list-style: none;
        padding-left: 0;
        padding-right: 2rem;
    }
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body ul li,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body p{
        margin-bottom: 1rem;
        font-size: .9375rem;
        line-height: 1.125rem;
    }

    .acc-body--image img {
        max-width: 100%
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body.active {
        visibility: visible;
        opacity: 1;
        background-image: url(https://cdn.emerald.vc/2025/04/emerald-outline-mark.png);
        background-size: 350px;
        background-repeat: no-repeat;
        background-position: 25px 70px;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body.active .content--head,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body.active .content--body,
    .sector-slider .subservice-accordion .hor-accordion--item .acc-body.active .acc-body--image {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content {
        width: 45%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content .content--head {
        transition-delay: 100ms !important
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content .content--head .acc--title .acc--num {
        font-weight: 300 !important;
        font-size: 14px !important;
        margin-right: 0.5rem
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content .content--body {
        transition-delay: 500ms !important
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--image {
        transition-delay: 700ms !important;
/*                    width: 45%*/
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}
@media (max-width:992px) {
    .sector-slider .subservice-accordion {
        display: flex;
        flex-direction: column
    }

    .sector-slider .subservice-accordion .esg-icon{
        border: 1px solid var(--color-primary);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        position: relative;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 200;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sector-slider .subservice-accordion .esg-icon::before{
        content: "";
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzEwNTUgMEw1LjMxMDU1IDEwLjUiIHN0cm9rZT0iIzJGNDk2MCIvPgo8cGF0aCBkPSJNMTAuOTA1IDUuMzg3NzZMMi43NTM3M2UtMDUgNS4zODc3NiIgc3Ryb2tlPSIjMkY0OTYwIi8+Cjwvc3ZnPgo=);
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        width: 100%;
        height: 100%;
    }
    .sector-slider .subservice-accordion .hor-accordion--item.active .esg-icon::before{
        content: "";
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%222%22%20viewBox%3D%220%200%2011%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.905%200.999999L2.75373e-05%200.999999%22%20stroke%3D%22%232F4960%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        width: 100%;
        height: 100%;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body ul{
        list-style: none;
        padding-left: 0;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .content--body ul li{
        margin-bottom: 1rem;
        font-size: .9375rem;
        line-height: 1.125rem;
    }
    .sector-slider .subservice-accordion .hor-accordion--item {
        border-color: rgba(51, 51, 51, 0.1) !important;
        position: relative;
        transition: 0.6s all ease-in-out
    }

    .sector-slider .subservice-accordion .hor-accordion--item:not(:first-child) .acc-button {
        border-top: 1px solid rgba(51, 51, 51, 0.1)
    }

    .sector-slider .subservice-accordion .hor-accordion--item.active .acc-body {
        max-height: 80rem;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        user-select: auto
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button {
        background-color: transparent;
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-align: left;
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button svg {
        transform: rotate(180deg) !important;
        transition: transform 0.3s ease-in-out
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button.active svg {
        transform: rotate(0deg) !important
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-button .acc-button--title {
        margin: 0;
        transition: opacity 0.3s;
        font-size: 1.875rem;
        line-height: 2.125rem;
        padding: 2rem 0;
        color: var(--color-primary);
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        user-select: none;
        display: flex;
        flex-direction: column;
        transition: 0.3s all 0.15s ease-in-out
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content {
        margin-bottom: max(1rem, 1vw)
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content .content--head .acc--title {
        display: none;
        margin-bottom: max(1rem, 1vw)
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--content .content--head .acc--title .acc--num {
        font-size: 300 !important;
        font-size: 14px !important;
        margin-right: 2rem
    }

    .sector-slider .subservice-accordion .hor-accordion--item .acc-body .acc-body--image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .sector-slider .subservice-accordion .hor-accordion--item .acc-button {
        background-color: transparent;
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-align: left;
        padding:0;
    }
}