section.services-by-category {
    padding: 30px 8% 70px;
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin: 0 15px 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: var(--white);
}

section.services-by-category .service-category .heading-wrapper{
  padding-bottom: 20px;
  position: relative;
}

section.services-by-category .service-category .heading-wrapper::after{
  position: absolute;
  content: "";
  height: 1px;
  width: calc(100% - 440px);
  background: #d8d8d8;
  top: 30px;
  right: 0;

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

/* when visible */
section.services-by-category .service-category.is-visible .heading-wrapper::after{
  transform: scaleX(1);
}

section.services-by-category .service-category .heading-wrapper p{
  max-width: 450px;
}


section.services-by-category .service-category .heading-wrapper p{
    max-width: 450px;
}

section.services-by-category .services-slider {
    background: var(--lightpurple);
    padding: 30px;
    border-radius: 15px;
}

section.services-by-category .services-slider .glide__arrows{
    margin-top: 0;
}

/* Your existing arrow styling */
section.services-by-category .services-slider .glide__arrow {
  background: var(--purple);
  color: white;
  border: 2px solid var(--purple);
  transition: 0.2s ease all;
}

/* ✅ Opacity + no-click when you can't go further */
section.services-by-category .services-slider .glide__arrow.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
section.services-by-category .services-slider .glide__arrow:hover {
    background: var(--darkpurple);
        border: 2px solid var(--darkpurple) ;
    transition: 0.2s ease all;
}

section.services-by-category .services-slider .glide__arrow--right {
    right: -1em;
}

section.services-by-category .services-slider .glide__slide {
    background: var(--white);
    padding: 35px 30px 25px;
	height: auto;
    border-radius: 10px;
}

section.services-by-category .services-slider .glide__slide a:hover .description{
    color: var(--darkpurple);
}

section.services-by-category .services-slider .glide__slide .description{
    font-weight: 300;
    margin-bottom: 15px;
}

section.services-by-category .services-slider .glide__slide.services-cta-card{
  background: var(--white);
  border: 1px solid #E7E7E7;
}

section.services-by-category .services-slider .glide__slide.services-cta-card .underline-cta{
  margin-top: 10px;
}

section.services-by-category .services-slider .glide__slide:hover  .underline-cta {
    background-size: calc(100% - 28px) 1.5px; 
}

section.services-by-category .services-slider .glide__slide:hover  .underline-cta svg {
    transform: translateX(5px);
}

section.services-by-category .services-slider .glide__slide:hover   .underline-cta svg g {
    transition: fill 0.2s ease;
}


section.services-by-category .services-slider .glide__slide .strat-cta{
	background: var(--lightpurple);
    border: 1px solid var(--darkpurple);
}

html { scroll-behavior: smooth; } 

.service-nav-tabs .tabs{
    padding: 0 calc(8% - 15px);
    background-color: var(--white);
    margin: 0 15px;
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content: end;
}

.service-nav-tabs .tab{
    color: var(--darkpurple);
    border: 1px solid var(--darkpurple);
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 300;
    padding: 8px 16px;
    border-radius: 999px;
}

.service-nav-tabs .tab:hover{
    background-color: var(--darkpurple);
    color: white;
    transition: 0.2s ease all;
}

.service-nav-tabs .tab.is-active{
    background-color: var(--darkpurple);
    color: white;
    transition: 0.2s ease all;
}



@media screen and (max-width:768px){
    section.services-by-category {
    padding: 70px 5%;
    }
    section.services-by-category .services-slider {
    padding: 30px;
    }
}