.faq-con{
	padding: 120px 0;
}
.faq-con button{
	font-size: 20px;
	color: var(--secondary--color);
	text-decoration: none;
	font-weight: 600;
	text-align: left;
}
.faq-con button:hover,
.faq-con button:focus{
	text-decoration: none;
	color: var(--secondary--color);
}
.faq-con .card-header button{
	padding: 30px 36px;
}
.faq-con .card-header{
	background: none;
	border-color: #eeeeee;
	border-radius: 5px;
	padding: 0;
	border-bottom: 0;
}
.faq-con .card{
	margin-bottom: 30px;
}
.faq-con .card-body{
	background: var(--accent-color);
	color: var(--primary--color);
	padding:0  36px 30px 36px;
	font-size: 16px;
}
.faq-con .card-header:focus button{
	color: var(--primary--color);
}
.card-header:hover{
	border-color: transparent;
	border-radius: 0;
}
.faq-con button[aria-expanded="true"]{
	background:var(--accent-color);
	width: 100%;
	color: var(--primary--color);
	border-radius: 0;
	text-align: left;
}

.faq-system-con .quality-system-right-con::before{
	top: 36%;
}

@media only screen and (max-width: 1199px) {
      .Schedule-con,
    .contact-page-form-con,
    .professional-con,
    .service-box-con,
    .faq-con {
        padding: 80px 0;
    }

}
@media only screen and (max-width: 991px) {
     .faq-con {
        padding: 50px 0;
    }
     .faq-con button {
        font-size: 18px;
    }

    .faq-con .card {
        margin-bottom: 20px;
    }

    .faq-con .card-header button {
        padding: 22px 26px;
    }

}
@media only screen and (max-width: 767px) {
    
    .faq-con {
        padding: 40px 0;
    }

     .faq-con .card {
        margin-bottom: 15px;
    }

    .faq-con .card-header button {
        padding: 22px 26px;
    }
}

@media only screen and (max-width: 575px) {
    .faq-con {
        padding: 30px 0;
    }
      .faq-con button {
        font-size: 14px;
        white-space: inherit;
    }

    .faq-con .card-body {
        font-size: 14px;
    }

    
    .faq-con .card-header button,
    .faq-con .card-body {
        padding: 15px 7px;
    }
}


/* REMOVE table behavior issue */
/* .benefits-section {
    display: block !important;
} */

/* video container */
.benefits-video {
    width: 100%;
    max-width: 1250px;
    height: auto;            /* FIXED AREA */
    margin: 0 auto 40px;
    overflow: hidden;
    border-radius: 16px;
    margin-top:-120px;
}

/* video itself */
.benefits-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* video fills box */
    display: block;
    background: #000;
    pointer-events: none;     /* no interaction */
}