.mk-services-accordion { display:flex; position: relative; }

/* Slide */
.mk-services-accordion .mk-services-accordion-slide { position: relative; display:flex; flex-direction:column; justify-content:space-between; height:485px; padding:2%; overflow: hidden; border: 1px solid var(--swm-color-border); transition: all .4s ease .2s; cursor:pointer; border-right:0; }

.mk-services-accordion .mk-services-accordion-slide:last-child { border-right:1px solid var(--swm-color-border); }

/* Sections */
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-slide-top { display:flex; justify-content:space-between; align-items:flex-start; position:relative; flex-direction:column; }
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-slide-bottom { display:flex; flex-direction:row; position:relative; justify-content:space-between; align-items:flex-end;  }

/* Number - Category */
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-number,
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-category { font-size:15px; line-height:1; font-weight: var(--swm-headings-font-weight); font-family: var(--swm-headings-font-family); color:var(--swm-color-headings); text-transform:uppercase; letter-spacing:0.5px; }

.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-category { font-size:30px; letter-spacing:0; transition: all .4s ease .2s; }

/* Image */
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-image { width:59px; display:block; position:relative; }

/* Title */
.mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-title {
    font-size:40px;
    margin:0;
    line-height:1.1em;
    color:var(--swm-color-headings);
    font-family: var(--swm-headings-font-family);
    font-weight:300;
    position:absolute;
    left:0;
    margin-top:30px;
}

@media only screen and (min-width:1025px) {

    .mk-services-accordion .mk-services-accordion-slide:not(.active) { width: 17%; flex-shrink: 0; }
    .mk-services-accordion .mk-services-accordion-slide.active { width: calc(100vw - ((var(--mk-services-accordion-items) - 1) * 17%)); cursor:auto; }
    .mk-services-accordion .mk-services-accordion-slide.active .mk-services-accordion-category { font-size:15px; letter-spacing:0.5px; }

    .mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-title {
        transition: opacity .4s ease-out, -webkit-clip-path .6s cubic-bezier(.25,.59,.29,.96);
        transition: opacity .4s ease-out, clip-path .6s cubic-bezier(.25,.59,.29,.96);
        transition: opacity .4s ease-out, clip-path .6s cubic-bezier(.25,.59,.29,.96),-webkit-clip-path .6s cubic-bezier(.25,.59,.29,.96);
        -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
        clip-path: polygon(0 0,0 0,0 100%,0 100%);
        opacity:0;
        max-width:550px;
    }

    .mk-services-accordion .mk-services-accordion-slide.active .mk-services-accordion-title {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        transition-delay: .4s;
        opacity:1;
    }

    .mk-services-accordion-slide:nth-child(even) { flex-direction:column-reverse; }
    .mk-services-accordion-slide:nth-child(even) .mk-services-accordion-slide-top { flex-direction:column-reverse; }
    .mk-services-accordion-slide:nth-child(even) .mk-services-accordion-slide-bottom { align-items:flex-start; }
    .mk-services-accordion-slide:nth-child(even) .mk-services-accordion-title { margin-top:0; margin-bottom:30px; }
}

@media only screen and (max-width:1024px) {
    .mk-services-accordion { flex-direction:column;  }
    .mk-services-accordion .mk-services-accordion-slide { border-right:1px solid var(--swm-color-border); border-bottom:0; width:100%;  padding:30px; }
    .mk-services-accordion .mk-services-accordion-slide:last-child { border-bottom:1px solid var(--swm-color-border); }

    .mk-services-accordion .mk-services-accordion-slide.active,
    .mk-services-accordion .mk-services-accordion-slide { width:100%; height:300px; }
    .mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-title { position:relative; opacity:1; transition:unset; margin-top:10px; font-size:27px; }
    .mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-category { font-size:15px; letter-spacing:0.5px; }
}

@media only screen and (max-width:767px) {
    .mk-services-accordion .mk-services-accordion-slide .mk-services-accordion-title { font-size:24px; }
}