.card-img-top {
  object-fit: cover;
  height: 180px;
}
.webinar-photo {
  width: 96px;
  height: 96px;
  object-fit: cover;
}
.webinar-photo {
  border: 1px solid rgba(0,0,0,.08);
}
.card {
  background-color: #ffffff;
  border-radius: 0.75rem;
}
body {
  background-color: #fde2e4;
}
.sidebar {
  background-color: #f8c8d8;
}
.main-bg-pink {
  background-color: #fde2e4;
}
.btn.btn-pink {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f8c8d8;
  --bs-btn-border-color: #f8c8d8;

  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f4b6cb;
  --bs-btn-hover-border-color: #f4b6cb;

  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #f0a5bf;
  --bs-btn-active-border-color: #f0a5bf;
}
.btn.ws-btn-register {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f8c8d8;
  --bs-btn-border-color: #f8c8d8;

  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f4b6cb;
  --bs-btn-hover-border-color: #f4b6cb;

  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #f0a5bf;
  --bs-btn-active-border-color: #f0a5bf;
}

/* Full-width frame */
.page-frame {
  background-color: #f8c8d8; /* sidebar pink */

  padding-top: 0.5in;        /* 👈 match side borders */
  padding-bottom: 0.5in;     /* optional, but looks balanced */
}


/* Center content with EXACT ½-inch borders */
.page-content {
  width: calc(100vw - 1in);   /* 👈 ½in left + ½in right */
  margin-left: auto;
  margin-right: auto;

  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .page-frame {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .page-content {
    width: calc(100vw - 1.5rem);
  }
}