.speciality-box{border-bottom: 1px solid #CFCFCF;}

/* .craniospinal-tab{margin: 0 -30px;} */
.craniospinal-tab .craniospinal-tab-left{width: 25%; padding: 20px 30px; overflow-y: auto; height: auto; max-height: 400px;}
.craniospinal-tab-right{width: 75%; padding: 0 30px;}
.craniospinal-tab-btn{font-size: 20px; background-color: #fff; color: var(--gray-color); font-weight: 700; border-radius: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); padding: 25px 30px 25px 20px; margin-bottom: 25px; flex-wrap: nowrap; gap: 20px; cursor: pointer;}
.craniospinal-tab-btn.active{color: var(--blue-color);}
.craniospinal-tab-btn .arrow{width: 30px; height: 30px; min-width: 30px; border: 1px solid var(--blue-color); border-radius: 50%; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center;}
.craniospinal-tab-btn.active .arrow{background: var(--blue-color);}
.craniospinal-tab-btn.active .arrow svg path{stroke: var(--white-color);}
.craniospinal-tab-btn:last-child{margin-bottom: 0;}

.craniospinal-tab-panel{display: none;}
.craniospinal-tab-panel.active{display: block;}
.craniospinal-tab-panel .craniospinal-tab-btn{display: none;}
.craniospinal-tab-content{flex-wrap: nowrap; gap: 40px;}
.craniospinal-tab-content .craniospinal-tab-thumb{width: 55%;}
.craniospinal-tab-content .craniospinal-tab-thumb img{border-radius: 15px; line-height: 0;}
.craniospinal-tab-content .craniospinal-tab-text{width: 40%;}
.craniospinal-tab-content .craniospinal-tab-text p{color: var(--gray-color);}
.craniospinal-tab .craniospinal-tab-left::-webkit-scrollbar-track{border-radius: 5px;background-color: transparent;}
.craniospinal-tab .craniospinal-tab-left::-webkit-scrollbar{width: 6px;background-color: transparent; border-radius: 5px;}
.craniospinal-tab .craniospinal-tab-left::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: var(--blue-color);}

.top-content p{margin-bottom: 20px;}
.doctor-slider .item{padding: 15px 15px 20px; height: inherit;}
.inner-banner .blog-detail-wraper {
    width: 300px;
    max-width: 100%;
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);
}

.blog-detail-fo-inner .parasmdheading{
    color: var(--light-black);
    font-weight: 700;
    margin-bottom: 15px;
}
.blog-detail-fo-inner .form-label{
    margin-bottom: 0px;
}
/* Main Tab Header Styling */
        .main-tab-header {
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            gap: 16px;
        }

        .main-tab-btn {
            font-size: 16px;
            font-family: "News Cycle", sans-serif;
            color: var(--blue-color);
            text-align: center;
            display: inline-block;
            border: 1px solid var(--blue-color);
            padding: 12px 50px;
            text-transform: capitalize;
            border-radius: 50px;
            cursor: pointer;
            background: transparent;
            font-weight: 700;
            transition: all 0.3s ease;
        }

        .main-tab-btn:hover {
            background: var(--blue-color);
            color: var(--white-color);
        }

        .main-tab-btn.active {
            background: var(--blue-color);
            color: var(--white-color);
        }

        /* Main Tab Content Styling */
        .main-tab-content {
            display: none;
        }

        .main-tab-content.active {
            display: block;
        }

        @media screen and (max-width: 479px) {
            .main-tab-header {
                flex-direction: column;
                gap: 10px;
            }

            .main-tab-btn {
                width: 100%;
                padding: 12px 20px;
            }

            .doctor-image {
                padding-bottom: 60%;
                /* Shorter on mobile */
            }

            .doctor-details {
                padding: 15px;
            }
        }

@media screen and (max-width:1199px) {
.craniospinal-tab{align-items: flex-start;}
.craniospinal-tab .craniospinal-tab-left{width: 40%;}
.craniospinal-tab-right{width: 60%;}
.craniospinal-tab-btn{font-size: 18px; padding: 15px 20px;}
.craniospinal-tab-content{flex-wrap: wrap; gap: 20px;}
.craniospinal-tab-content .craniospinal-tab-thumb, .craniospinal-tab-content .craniospinal-tab-text{width: 100%;}
/* .search-form{right: 250px;} */
.new-sec-content h3{font-size: 30px;}
}

@media screen and (max-width:991px) {
.search-form{right: 0px;}
.inner-banner .blog-detail-wraper{width: 90%; max-width: 90%; right: 0; top: 0; margin: 30px auto; box-shadow: 0 0px 20px #00000026; transform: translateY(0%); position: relative;}
}

@media screen and (max-width:767px) {
.craniospinal-tab{align-items: center;}
.craniospinal-tab-left .craniospinal-tab-btn, .craniospinal-tab-content{display: none;}
.craniospinal-tab-content{margin-bottom: 20px;}
.craniospinal-tab-panel{display: block;}
.craniospinal-tab-panel.active .craniospinal-tab-content{display: flex;}
.craniospinal-tab-panel .craniospinal-tab-btn{font-size: 20px; display: flex; padding: 15px 20px 15px 20px; border-radius: 15px;}
.craniospinal-tab-right{width: 100%; padding: 0 15px;}
.craniospinal-tab-content{flex-wrap: wrap; gap: 20px;}
.craniospinal-tab-content .craniospinal-tab-thumb, .craniospinal-tab-content .craniospinal-tab-text{width: 100%;}
.craniospinal-tab-btn.active .arrow{transform: rotate(-90deg);}
.craniospinal-tab-panel:last-child .craniospinal-tab-content{margin-bottom: 0px;}
.new-sec-content h3{font-size: 26px;}
}


@media screen and (max-width:767px) { 
.main-tab-header {
  gap: 12px;
  margin-bottom: 30px;
}

.main-tab-btn {
  padding: 10px 30px;
  font-size: 14px;
}

.doctor-details {
  padding: 20px 15px;
}

.doctor-details .parassmheading {
  font-size: 16px;
}

.doctor-speciality {
  font-size: 14px;
}

.doctor-expertise ul li {
  font-size: 12px;
}
}