section.process-slider {
    padding: 100px 0 100px 8%;
    border-radius: 20px;
      background: linear-gradient(
    90deg,
    rgba(40, 25, 66, 1) 0%,
    rgba(81, 54, 119, 1) 50%,
    rgba(40, 25, 66, 1) 100%
  );
    overflow: hidden;
}

.page-id-51 section.process-slider {
    border-radius: 0;
}

.process-slider .header{
    position: relative;
}

.process-slider .header::after{
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100% - 600px);
    background: #8E869C;
    top: 36px;
    right: calc(8% + 150px);

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1s ease;
}

/* When visible */
.process-slider.is-visible .header::after{
    transform: scaleX(1);
}


.process-slider .header h2{
    color: var(--white);
}

.process-slider .header h2 span{
    color: #8E869C;
    display: block;
}

.process-glide .glide__track{
        overflow-y: visible!important;
    overflow-x: hidden!important;
}

.process-glide .glide__slide {
    height: auto;
    display: flex; 
    margin: 20px 0;
}

.process-glide .glide__slides {
    align-items: stretch;
    overflow-y: visible;
    overflow-x: hidden;
}

.process-card {
    background: #fff;
    border-radius: 20px;
    padding: 55px 30px;
    height: 100%; 
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glide__slide:nth-child(2) .process-card {
    background: #F4ECFF;
}

.glide__slide:nth-child(3) .process-card {
    background: #DFD2EF;
}

.glide__slide:nth-child(4) .process-card {
    background: #F1EDF6;
}

.glide__slide:nth-child(even) .process-card {
    background: #F4ECFF;
}

.glide__slide:nth-child(odd) .process-card {
    background: #fff;
}

.process-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(111, 70, 183, 0.15);
}

.process-card__number {
    color: #CABEDE;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
}

.process-card .underline-cta {
    margin-top: auto; 
}

.process-slider .glide__arrow {
    background: transparent!important;
    color: #FFFFFF!important;
    border: 2px solid #8E869C!important;
    top: -40px;
     transition: 0.3s ease all;
}

.process-slider .glide__arrow:hover {
    color: #FFFFFF!important;
    border: 2px solid #FFFFFF!important;
    transition: 0.3s ease all;
}

.process-slider .glide__arrows {
    display: flex;
    gap: 1rem;
    justify-content: end;
    margin: 0;
}

.process-slider .glide__arrow--left {
     right: calc(8% + 60px);
     left: unset;
}

.process-slider .glide__arrow--right {
     right: 8%;
}

/* Disabled state (works for class + real disabled buttons) */
.process-slider .glide__arrow.is-disabled,
.process-slider .glide__arrow:disabled,
.process-slider .glide__arrow[aria-disabled="true"]{
  opacity: 0.35;
  border-color: rgba(142, 134, 156, 0.6) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: not-allowed;
  pointer-events: none;
}

.process-slider .glide__arrow.is-disabled:hover,
.process-slider .glide__arrow:disabled:hover,
.process-slider .glide__arrow[aria-disabled="true"]:hover{
  border-color: rgba(142, 134, 156, 0.6) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}



@media screen and (max-width:768px){
.process-card {
    padding: 40px 30px;
}
	section.process-slider{
    padding: 70px 0 70px 5%;
}
}

@media screen and (max-width:460px){
section.process-slider h2 {
    margin-bottom: 60px;
}
	.process-slider .glide__arrow {
    top: -20px;
	}
	.process-slider .header::after {
    width: calc(100% - 170px);
    bottom: -40px;
    left: 5%;
	top: unset;
	}
}