.medical-box .medical-top{display: flex; justify-content: center; margin-bottom: 30px;}
.medical-box .medical-top .form-group{width: 250px;}

.faq-accordion{padding: 0; margin-bottom: 0;}
.accordion-item .accordion-header{border-bottom: 1px solid var(--slight-gray-color); padding: 15px 0; cursor: pointer;}
.accordion-item .accordion-header .parasxsheading{width: 90%; color: var(--light-black); font-weight: 700;}
.accordion-item .accordion-arrow{width: 18px; height: 14px;}
.accordion-item .accordion-arrow .arrow-blue{display: none;}
.accordion-item .accordion-content{padding: 15px 0; display: none;}
.accordion-item .accordion-content p{color: var(--light-black); margin-bottom: 10px;}
.accordion-item .accordion-content p:last-child{margin-bottom: 0;}

.accordion-item.opened .accordion-content{display: block;}
.accordion-item.opened .accordion-arrow .arrow-blue{display: block; transform: rotate(180deg);}
.accordion-item.opened .accordion-arrow .arrow-black{display: none;}
 
.medical-tab-top{display: flex; justify-content: center; margin-bottom: 15px; padding: 0; list-style: none;}
.medical-tab-top li{width: 90px; font-size: 16px; color: var(--blue-color); text-align: center; display: inline-block; margin-right: 15px; border: 1px solid var(--blue-color); padding: 8px 20px; text-transform: capitalize; border-radius: 50px; cursor: pointer;}
.medical-tab-top li.active, .medical-tab-top li:hover{color: var(--white-color); background: var(--blue-color);}
.medical-tab-top li:last-child{margin-right: 0;}

@media screen and (max-width: 767px) {
.medical-tab-top{width: 85%; margin: 0 auto; margin-bottom: 15px;}
.medical-tab-top .custom-next-button, .medical-tab-top .custom-prev-button{margin-top: -15px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.14); border: 0;}
.medical-tab-top .custom-prev-button{left: -35px;}
.custom-next-button{right: -25px;}
}