.top-card {
 background: url(/Content/Areas/Hospitals/images/zjjsbg.jpg) no-repeat center / cover;
 padding: 30px;
 border: none;
 border-radius: 0;
 box-shadow: 0 2px 10px rgba(164, 0, 0, 0.15);
 margin-bottom: 0;
 position: relative;
 overflow: visible;
}

.inner-card {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 30px;
 border: none;
 border-radius: 0;
 background-color: rgba(255, 255, 255, 0.9);
}

.doctor-ava {
 flex-shrink: 0;
}

.doctor-ava img {
 width: 180px;
 height: 240px;
 object-fit: cover;
 border-radius: 0;
 box-shadow: 0 4px 8px rgba(164, 0, 0, 0.2);
}

.doctor-desc {
 margin-right: 30px;
}

.doctor-desc h2 {
 font-size: 28px;
 color: #000;
 margin-bottom: 25px;
 position: relative;
 padding-left: 20px;
}

.doctor-desc h2::before {
 content: "";
 position: absolute;
 left: 0;
 top: 10%;
 bottom: 10%;
 width: 4px;
 background-color: rgb(164, 0, 0);
}

.doctor-desc h2 .doctor-redep-name {
 font-size: 16px;
 margin-left: 10px;
}
.doctor-text {
  font-size: 17px;
}
.doctor-text .doctor-text-item {
 margin-bottom: 15px;
 color: #555;
 line-height: 1.8;
}

.doctor-text .doctor-text-item:last-of-type {
 margin-bottom: 0;
}

.doctor-text-item span {
 color: #000;
 font-weight: 500;
 text-shadow: 0 0 0.5px #000, 0 0 0.5px #000;
}

.ksjj-section-title h2 {
 color: #A40000;
 margin-bottom: 0.5vw;
 display: flex;
 align-items: flex-end;
 font-size: 22px;
 line-height: 1;
}

.ksjj-section-title h2 span {
 font-size: 014px;
 color: #666;
 margin-left: 12px;
 font-weight: normal;
 opacity: 0.85;
 padding-bottom: 6px;
}

.connector-container {
 display: flex;
 justify-content: center;
 gap: 450px;
 margin: -12px 0;
 position: relative;
 z-index: 10;
}

.connector {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0;
}

.connector-dot {
 width: 6px;
 height: 6px;
 background-color: rgb(164, 0, 0);
 border-radius: 50%;
 position: relative;
 z-index: 2;
}

.connector-dot::after {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 14px;
 height: 14px;
 border: 1px dashed rgb(164, 0, 0);
 border-radius: 50%;
 z-index: 1;
}

.connector-line {
 width: 2px;
 height: 42px;
 background-color: rgb(164, 0, 0);
}

.bottom-card {
 padding: 20px;
 background-color: #fff;
 border: none;
 border-radius: 0;
 box-shadow: 0 2px 10px rgba(164, 0, 0, 0.15);
 margin-top: 0;
 position: relative;
 overflow: visible;
}

.doctor-subdesc-detial {
 margin: 30px 60px;
 font-size: 17px;
 line-height: 1.5;
 text-indent: 2em;
}
.doctor-subdesc-detial table{
 margin: 0 auto;
}
.doctor-scheduling .Com_tit {
 display: none;
}
@media only screen and (max-width: 768px) {
 .top-card{
 padding: 10px;
 margin: 0 0 10px 0;
 }
 .inner-card{
 padding: 10px;
 flex-direction: row-reverse;
 align-items: normal;
 gap: 10px;
 }
 .doctor-desc{
 margin-right: 0px;
 margin-bottom: 10px;
 }
 .doctor-desc h2{
 font-size: 16px;
 color: #000;
 margin-bottom: 8px;
 position: relative;
 padding-left: 0px;
 }
 .doctor-text .doctor-text-item:last-of-type{
 padding-left: 0px;
 }
 .doctor-desc h2::before{
 display: none;
 }
 .doctor-ava{
   width: 40%;
 }
 .doctor-ava img {
 width: 100%;
 height: 180px;
 }
 .bottom-card{
 padding: 10px;
 }
 .doctor-subdesc-detial{
 margin: 0;
 font-size: 14px;
 }
 .ksjj-section-title h2{
 font-size: 16px;
 margin: 0 0 10px 0;
 }
 .connector-container{
 display: none;
 }
 .doctor-text .doctor-text-item {
 margin-bottom: 8px;
 color: #555;
 line-height: normal;
}

}