section.service-content{
    padding: 50px calc(8% - 15px) 70px;
    background-color: var(--white);
    margin: 0 15px;
	border-radius: 0 0 15px 15px;
}
.intro {
    width: calc(50% - 15px);
}
.intro.pricing {
        background: #8669b921;
        padding: 40px 30px;
        border-radius: 10px;
        margin-top: 30px;
    }

.intro.pricing img{
	height: 20px;
    margin-top: 6px;
}

.intro h4{
	color: var(--purple);
	font-size: 0.9em;
	font-weight: 500;
}
section.service-content .purple-box{
    background-color: var(--lightpurple);
    padding: 50px;
    border-radius: 15px;
}

section.service-content .purple-box  .top-container{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
    margin-top: 40px;
}

section.service-content .purple-box  .top-container img{
	    width: calc(50% - 15px);
	    padding-right: 20px;
    	width: calc(50% - 15px);
    	object-fit: contain;
}

section.service-content .purple-box .container{
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
    margin-top: 40px;
}

section.service-content .purple-box .container .box{
    background-color: var(--white);
    padding: 30px;
    border-radius: 10px;
    width: calc(50% - 15px);
}

section.service-content .purple-box .container .box ul li,
.intro ul li{
	list-style-type: disc;
}
section.serviceprocess-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;
}

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

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

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

.postid-114 .serviceprocess-slider .header::after{
    width: calc(100% - 900px);
}

.postid-440 .serviceprocess-slider .header::after{
	    width: calc(100% - 850px);
}

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


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

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

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

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

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

.serviceprocess-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;
}

.serviceprocess-card ul li{
	list-style-type: disc;
}


.serviceprocess-card h3{
	margin-bottom: 10px;
	text-transform: capitalize;
}

.serviceprocess-card h5{
	font-weight: 550;
	margin-top: 20px;
}

.serviceprocess-card ul{
margin: 0 0 0 15px;
}

.serviceprocess-card p{
	margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Disabled state (works for class + real disabled buttons) */
.serviceprocess-slider .glide__arrow.is-disabled,
.serviceprocess-slider .glide__arrow:disabled,
.serviceprocess-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;
}

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

.single-services section.faqs{
    padding: 70px calc(8% - 15px);
}

section.faqs{
    background-color: var(--white);
    margin: 15px 15px 0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faqs-header {
    max-width: 570px;
}

.faqs-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:24px;
}

.faq-item{
  background-color: var(--lightpurple);
  border-radius: 10px;
  padding:30px;
}

.faq-question{
  font-family: var(--inter);
  width:100%;
  background:none;
  border:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1rem;
  font-weight:500;
  cursor:pointer;
  padding: 0;
}

.faq-icon{
  font-size:1.3em;
  line-height:1;
  color: var(--purple);
}

.faq-answer{
  padding-top:8px;
  padding-bottom: 0;
  font-family: var(--inter);
}

section.text-image-purple{
    padding: 70px 8%;
    display: flex;
    gap: 60px;
}

section.text-image-purple.layout-row {
    flex-direction: row;
}

section.text-image-purple.layout-row-reverse {
    flex-direction: row-reverse;
}

section.text-image-purple .content{
    width: 55%;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.text-image-purple .content a{
	margin-top: 30px;
}

section.text-image-purple .content h4{
    font-size: 1.8em;
    font-weight: 450;
}

section.text-image-purple .content h2,
section.text-image-purple .content li{
    color: var(--white);
}

section.text-image-purple .content ul li {
	list-style-type: disc;
}
section.text-image-purple .content p{
    color: var(--white);
}

section.text-image-purple img{
    width: 45%;
    object-fit: cover;
    border-radius: 15px;
	aspect-ratio: 3 / 1.5;
}

@media screen and (max-width:1100px){
    section.text-image-purple.layout-row,
	section.text-image-purple.layout-row-reverse {
    flex-direction: column;
    gap: 40px;
}
	section.text-image-purple .content p {
    margin-bottom: 0;
	}
section.text-image-purple .content {
    width: 100%;
    padding: 0;
}
section.text-image-purple img {
    width: 100%;
}
}




@media screen and (max-width:1024px){
section.service-content .purple-box .container{
    flex-direction: column;
}
    section.service-content .purple-box .top-container {
        flex-direction: column-reverse;
        margin-top: 0px;
    }
section.service-content .purple-box .container .box{
    width: 100%;
}
	.intro {
    width: 100%;
}
	section.service-content .purple-box  .top-container img{
		width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width:768px){
.serviceprocess-card {
    padding: 40px 30px;
}
	section.serviceprocess-slider{
    padding: 70px 0 70px 5%;
}
	section.service-content{
    padding: 0px calc(5% - 15px) 70px;
}
section.service-content .purple-box {
    padding: 40px 25px;
}
	    section.faqs{
    padding: 70px calc(5% - 15px);
    }

  .faqs-grid{
    grid-template-columns: 1fr;
  }
  .faq-item{
  background-color: var(--lightpurple);
  border-radius: 10px;
  padding:20px;
}
	section.text-image-purple{
    padding: 50px 5%;
}
}

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