/* ========================================= */
/* SECTION */
/* ========================================= */

.medical-section{

  position:relative;
  overflow:hidden;
}

/* BACKGROUND SHAPES */

.medical-section::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-100px;
  width:320px;
  height:320px;
  background:rgba(38,52,137,0.05);
  border-radius:50%;
}

.medical-section::after{
  content:"";
  position:absolute;
  bottom:-100px;
  left:-80px;
  width:240px;
  height:240px;
  background:rgba(236,29,37,0.05);
  border-radius:50%;
}

/* ========================================= */
/* CARD */
/* ========================================= */

.medical-card{
  background:#ffffff;
  border-radius:28px;
  padding:50px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  position:relative;
  z-index:2;
}

/* ========================================= */
/* TITLE */
/* ========================================= */

.medical-content h1{
  color:var(--primary-blue);
  font-size:40px;
  font-weight:700;
  margin-bottom:28px;
  position:relative;
  padding-left:22px;
}

.medical-content h1::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  width:6px;
  height:88%;
  background:var(--accent-red);
  border-radius:10px;
}

/* ========================================= */
/* PARAGRAPH */
/* ========================================= */

.medical-content p{
  color:var(--text-black);
  font-size:16px;
  line-height:1.9;
  margin-bottom:24px;
  text-align:justify;
}

/* ========================================= */
/* LIST */
/* ========================================= */

.medical-list{
  margin:30px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:18px;
}

/* ITEM */

.medical-list li{
  background:#ffffff;
  border:1px solid rgba(38,52,137,0.10);
  border-left:5px solid var(--accent-red);
  border-radius:18px;
  padding:18px 20px 18px 55px;
  color:var(--text-black);
  font-size:15px;
  line-height:1.7;
  position:relative;
  transition:0.35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

/* ICON */

.medical-list li::before{
  content:"✓";
  position:absolute;
  left:18px;
  top:18px;
  width:24px;
  height:24px;
  background:var(--primary-blue);
  color:#ffffff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
}

/* HOVER */

.medical-list li:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 24px rgba(0,0,0,0.10);
  border-left-color:var(--primary-blue);
}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media(max-width:991px){

  .medical-card{
    padding:35px 24px;
  }

  .medical-content h1{
    font-size:32px;
  }

  .medical-list{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .medical-section{
    padding:40px 0;
  }

  .medical-content h1{
    font-size:26px;
  }

  .medical-content p{
    font-size:15px;
  }

  .medical-list li{
    font-size:14px;
    padding:16px 18px 16px 50px;
  }

}