.hero {
     background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
     padding: 80px 0;
     text-align: center;
     border-bottom: 4px solid #1fc602;
 }

 .images--wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 50px;
 }

 .images--wrapper img {
     max-width: 600px;
     width: 100%;
     /* height: 300px; */
     margin: 0 20px;
     border-radius: 10px;
 }

 .hero-title {
     font-size: 2.2rem;
     color: #1a1a1a;
     margin-bottom: 20px;
     line-height: 1.3;
 }

 .author {
     font-size: 1.1rem;
     color: #555;
     font-style: italic;
     margin-top: 20px;
 }

 /* Content Section */
 .content-section {
     padding: 60px 0;
 }

 .case-story {
     max-width: 900px;
     margin: 0 auto 40px;
     background: white;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
 }

 .case-intro {
     font-size: 1.1rem;
     color: #d32f2f;
     font-style: italic;
     margin-bottom: 30px;
     padding: 20px;
     background-color: #fff8e6;
     border-radius: 8px;
     border-left: 4px solid #ffc107;
 }

 .case-details {
     margin: 20px 0;
     line-height: 1.8;
 }

 .key-moment {
     background-color: #e3f2fd;
     border-left: 4px solid #2196f3;
     padding: 25px;
     border-radius: 0 8px 8px 0;
     margin: 30px 0;
     font-style: italic;
 }

 .doctor-realization {
     background-color: #ffebee;
     border-left: 4px solid #f44336;
     padding: 25px;
     border-radius: 0 8px 8px 0;
     margin: 30px 0;
     font-weight: 600;
 }

 .bad-doctor {
     /* text-align: center; */
     max-width: 600px;
     width: 100%;
     margin: 40px auto;
     padding: 30px;
     background: linear-gradient(135deg, #ffebee 0%, #f3e5f5 100%);
     border-radius: 12px;
     border: 2px dashed #f44336;
 }

 .bad-doctor h3 {
     color: #f44336;
     margin-bottom: 20px;
     font-size: 1.5rem;
 }

 .know-list {
     list-style: none;
     margin: 20px 0;
 }

 .know-item {
     padding: 10px 0;
     padding-left: 25px;
     position: relative;
 }

 .know-item::before {
     content: '➤';
     position: absolute;
     left: 0;
     color: #1fc602;
     font-weight: bold;
 }

 .but-warning {
     text-align: center;
     font-size: 1.3rem;
     color: #f44336;
     font-weight: 600;
     margin: 30px 0;
 }

 .pss-section {
     max-width: 800px;
     margin: 0 auto 40px;
     background: white;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 .pss-section h3 {
     color: #1fc602;
     margin-bottom: 20px;
     text-align: center;
 }

 .result-list {
     list-style: none;
     margin-top: 20px;
 }

 .result-item {
     padding: 10px 0;
     padding-left: 25px;
     position: relative;
     font-weight: 600;
     color: #28a745;
 }

 .result-item::before {
     content: '✓';
     position: absolute;
     left: 0;
     font-weight: bold;
     font-size: 1.2rem;
 }

 .final-thought {
     text-align: center;
     font-size: 1.2rem;
     font-style: italic;
     color: #1fc602;
     margin: 30px 0;

     background-color: #f0f9f0;
     border-radius: 8px;
 }

 @media screen and (max-width: 768px) {
     .hero-title {
         font-size: 1.5rem;
     }
     .know-list{
         margin: 0;
         padding: 0;
     }

     .result-list{
         margin: 0;
         padding: 0;
     }
     
     
 }