.faq-item {
	position: relative;
	margin-bottom: 10px;
	padding-left: 35px; /* spacing for dot */
	background-image: url(/wp-content/uploads/2025/09/Ellipse-Inactive.svg);
	background-repeat: no-repeat;
	background-position: 10px 8px; /* keeps dot aligned */
	background-size: 16px; /* consistent dot size */
}

/* Vertical line */
.faq-item::after {
	content: "";
    position: absolute;
    left: 16px;
    top: 26px;
    height: 52%;
    width: 2px;
    background: #323E48;
    margin: 2px 0;
}
.faq-item.open::after{
	height:92%;
}
/* Active state */
.faq-item.open {
	background-image: url(/wp-content/uploads/2025/09/Ellipse-Active.svg);
	background-size: 20px;
	background-position: 8px 6px; /* adjust to keep circle centered */
}

/* last item: no line */
.faq-item:last-child::after {
	display: none;
}


/* Active dot: black with ash ring */
.faq-item.open {
	background-image: url(/wp-content/uploads/2025/09/Ellipse-Active.svg);
}

.faq-question {
	cursor: pointer;
	margin: 0;
	font-weight: bold;
}

.faq-answer {
	display: none;
	margin: 15px 0px;
}

.faq-item.open .faq-answer {
	display: block;
}





.testimonial-section {

}

.testimonial-content {
	display: none;
	background: #323E48;
    border-radius: 20px;
    padding: 50px;
}

.testimonial-content.active {
	display: block;
}
.testimonial-left .quote{
	padding-bottom:30px;
}
.testimonial-left .quote p{

	color:#fff;
}

.testimonial-left .testi-author {

	color:#fff;
	margin-bottom:5px !important;
}

.testimonial-left .testi-role {

	color:#fff;
}
.testi-image{
	width:100%;
	height:auto;
}
.testimonial-right {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
  
.testimonial-tab {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	padding: 20px 30px;
	border-radius: 8px;
	transition: background 0.3s;
}
.tab-head-wrap{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testi-head-img-cover{
	display:inline-flex;
	flex-direction: column;
	width:13%!important;
}
.testi-head-text-cover{
	display:inline-flex;
	flex-direction: column; 
	width:86%!important;
}
.testimonial-tab .testi-head-img {
	width: 60px;
	height: 60px;
}
.testi-head-title{
	color:#323E48;
	margin-bottom:0;
	padding-bottom:15px;
}
.testi-head-company{
	color:#323E48;
	margin-bottom:0;
}
.testimonial-tab.active {
	background: #FFFFFF;
	font-weight: bold;
	border-radius:20px;
}
  

.vertical-tabs {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	font-family: Arial, sans-serif;
}
.vertical-tabs-left{
	width:15%;
}
.vertical-tabs-right{
	width:85%;
}
/* Left: Headings */
.tab-headings {
	display: flex;
	flex-direction: column;
	gap: 120px; /* space between tabs */
	padding-left: 40px;
	position: relative;
	font-family: "Roboto", Sans-serif!important;
	font-size: 25px!important;
	font-weight: 700!important;
	line-height: 35px!important;
	color:#323E48;
}

/* Each heading */
.tab-heading {
	position: relative;
	cursor: pointer;
	font-weight: 500;
	padding-left: 20px;
}

/* Default dot (black filled) */
.tab-heading::before {
	content: "";
	position: absolute;
	left: -32px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #FA6A28;
	border: 7px solid #f4f1f1;
	border-radius: 50%;
	z-index: 2;
}

/* Line segment below each dot (except last) */
.tab-heading::after {
	content: "";
    position: absolute;
    top: calc(50% + 17px);
    width: 2px;
    height: calc(100% + 90px);
    background: #B7D6BC;
    z-index: 1;
}

/* Remove line from last item */
.tab-heading:last-child::after {
	display: none;
}

/* Active = ash circle around black dot */
.tab-heading.active::before {
	width: 20px;
	height: 20px;
	background: #FA6A28;
	border: 7px solid #B7D6BC;
	box-sizing: border-box;
	left: -32px;
}

/* Right: Contents */
.tab-contents {
	flex: 1;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}
.vertical-tabs-right {
    position: relative;
}

.tab-navigation {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}

.tab-navigation .prev-step {
    background-image:url('https://project1-7gqkrfdbfe.live-website.com/wp-content/uploads/2025/09/Sign_in.svg');
	background-repeat:no-repeat;
	background-size: 20px;
	background-position: 8px 6px; /* adjust to keep circle centered */
}

  
  
