.service-accordion{
    padding: 32px 0px;
    border-color: #D9D9D9;
    border-width: 1px 0px;
    border-style: solid;
}

.service-accordion:last-of-type{
    border-bottom: 0px;
}

.service-accordion:first-of-type{
    padding-top: 0px;
    border-top: 0px;
}

.service-accordion__title{
    cursor: pointer;
}

.service-accordion__title h3{
    margin-bottom: 0px;
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}

.service-accordion.service-accordion--active h3,
.service-accordion:hover h3{
    opacity: 1;
    color: var(--ignition-orange);
}

.service-accordion__body{
    display: flex;
    flex-direction: row;
    gap: 140px;
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    transform: translateY(-6px);
    padding-top: 0px;
}

.service-accordion.service-accordion--active .service-accordion__body{
    max-height: 1200px;
    opacity: 1;
    transform: translateY(0);
    padding-top: 48px;
}

.service-accordion .service-accordion__body ol{
    margin: 0px;
    padding: 0px 0px 32px 5px;
}

.service-accordion .service-accordion__body ol li::marker{
    font-weight: bold;
}

.service-accordion .service-accordion__body ol li:last-of-type{
    margin-bottom: 0px;
}

.service-accordion__body-column {
    flex: 1 1 50%;
}

.service-accordion__body-column img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
/*     clip-path: polygon(
        90px 0%,             /* Top-left (moved 90px right) */
        100% 0%,             /* Top-right corner */
        100% calc(100% - 90px), /* Bottom-right (90px above the bottom) */
        calc(100% - 90px) 100%, /* Bottom-right (90px left of the edge) */
        0% 100%,             /* Bottom-left corner */
        0% 90px              /* Top-left (90px below the top) */
      ); */
}

.service-accordion__body-column p:last-of-type{
    margin-bottom: 0px;
}

@media screen and (max-width: 1023px){

    .service-accordion__body{
        gap: 60px;
    }
    
}

@media screen and (max-width: 767px){

    .service-accordion{
        padding: 20px 0px;
    }

    .service-accordion__title h3{
        font-size: 28px;
    }

    .service-accordion__body{
        flex-direction: column-reverse;
    }

    .service-accordion__body-column{
        width: 100%;
    }
}