/* hero start */
    .hero{
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding-block-end: calc(var(--section-padding) / 2);
    }
    /* hero text area */
    .hero-content{ 
      margin-top: 10px;
      margin-block-end: 50px;
    }
    .hero-title{ 
      margin-block: 15px 30px;
      text-align: center;
    }
    .hero-text{
      font-size: var(--fs-6);
      line-height: 1.45;
      margin-block-end: 40px;
    }
    /* hero image */
    .hero-banner{
      position: relative;
      margin-top: 80px;
      margin-block-end: 20px;
    }
    /* hero form */
    .hero-form{
      background-color: var(--white);
      max-width: 95%;
      padding: 15px;
      border-radius: var(--radius-4);
      box-shadow: var(--shadow-3);
    }
    .hero-form .phone-field{
      background-color: var(--cultured);
      color: var(--black);
      min-height: 70px;
      padding-inline: 15px;
      border-radius: var(--radius-4);
      margin-block-end: 15px;
    }
    .hero-form .btn{ width: 100%;}
/* hero end */

/* service start */
    .service-banner{ display: none;}
    .service{ padding-block-end: 0;}
    .service .section-title{ margin-block-end: 50px;}
    .service-list{
      display: grid;
      gap: 15px;
    }
    .service-card{
      display: flex;
      align-items: flex-start;
      gap: 30px;
      min-height: 100%;
      border: 1px solid var(--light-gray);
      border-radius: var(--radius-4);
      padding: 30px;
    }
    .service-card .card-icon{
      width: 50px;
      flex-shrink: 0;
    }
    .service-card .card-title{ margin-block-end: 8px;}
/* service end */

/* cta start */
    .cta{ background-color: var(--oxford-red-1);}
    .cta-banner{ margin-block-end: 50px;}
    .cta .section-subtitle{ text-transform: capitalize;}
    .cta .section-title{
      color: var(--white);
      font-size: var(--fs-3);
      margin-block-end: 30px;
    }
    .cta .btn{ max-width: max-content;}
/* cta end */

@media (min-width: 768px) {
  .cta-banner { margin-block-end: 0; }
}

/* Home layout shared by the home pages. */
.adporc-home-page {
  --home-ink: var(--oxford-red-1);
  --home-red: var(--adporc-accent);
  --home-red-hover: var(--adporc-accent-hover);
  --home-line: var(--light-gray);
  --home-shadow: 0 16px 42px rgba(0, 0, 0, .08);
  color: var(--home-ink);
}

.adporc-home-page main > .section { scroll-margin-top: 130px; }
.adporc-home-page .section-title { line-height: 1.22; }
.adporc-home-page :is(.hero, .service, .doctor, .blog) .section-subtitle,
.adporc-home-page .home-eyebrow {
  color: var(--home-red);
  font-size: var(--fs-3);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.adporc-home-page .home-eyebrow { font-size: 1.65rem; text-align: center; }
.adporc-home-page .home-section-intro {
  max-width: 760px;
  margin: 0 auto 32px;
  color: var(--oxford-red-1);
  font-size: var(--fs-body);
  line-height: 1.7;
  text-align: center;
}
.adporc-home-page .home-section-link {
  display: table;
  margin: 32px auto 0;
  padding: 12px 20px;
  border: 1px solid var(--home-red);
  border-radius: 8px;
  color: var(--home-red);
  font-size: var(--fs-7);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.adporc-home-page .home-section-link:hover,
.adporc-home-page .home-section-link:focus-visible {
  background: var(--home-red);
  color: #fff;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}

/* Introduction */
.adporc-home-page .hero {
  padding: 195px 0 72px;
  overflow: hidden;
}
.adporc-home-page .hero .container {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  align-items: center;
  gap: clamp(20px, 5vw, 70px);
}
.adporc-home-page .hero-content { margin: 0; position: relative; z-index: 1; }
.adporc-home-page .hero .section-subtitle { margin: 0 0 13px; text-align: left; }
.adporc-home-page .hero-title {
  margin: 0 0 20px;
  color: var(--oxford-red-2);
  font-size: clamp(1.9rem, 3.2vw, 4.2rem);
  line-height: 1.13;
  text-align: left;
}
.adporc-home-page .hero-title .brand-short { display: block; }
.adporc-home-page:not(.lang-bn) .hero-title .brand-short { white-space: nowrap; }
.adporc-home-page .hero-text {
  max-width: 56ch;
  margin: 0 0 24px;
  color: var(--oxford-red-1);
  font-size: var(--fs-body);
  line-height: 1.7;
}
.adporc-home-page .home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.adporc-home-page .home-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 20px;
  border-radius: 8px;
  font-size: var(--fs-7);
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.adporc-home-page .home-hero-actions .services-primary:hover,
.adporc-home-page .home-hero-actions .services-primary:focus-visible {
  background: var(--home-red-hover);
  color: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
}
.adporc-home-page .home-hero-actions .services-secondary:hover,
.adporc-home-page .home-hero-actions .services-secondary:focus-visible {
  background: var(--home-red);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.adporc-home-page .home-callback-label {
  margin-bottom: 9px;
  color: var(--oxford-red-1);
  font-size: var(--fs-7);
  font-weight: 600;
}
.adporc-home-page .hero-form {
  display: flex;
  gap: 9px;
  width: min(100%, 590px);
  max-width: none;
  padding: 8px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  box-shadow: var(--home-shadow);
}
.adporc-home-page .hero-form .phone-field {
  flex: 1;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 0 14px;
  border-radius: 7px;
  font-size: var(--fs-7);
}
.adporc-home-page .hero-form .btn {
  width: auto;
  min-height: 48px;
  padding: 10px 17px;
  border-radius: 7px;
  font-size: var(--fs-7);
  white-space: nowrap;
}
.adporc-home-page .hero-banner {
  width: min(100%, 490px);
  margin: 0 auto;
}
.adporc-home-page .hero-banner img { display: block; max-height: 540px; object-fit: contain; object-position: bottom; }

/* In-page navigation */
.adporc-home-page .home-quick-links { margin-top: -18px; position: relative; z-index: 2; }
.adporc-home-page .home-quick-links .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  padding: 19px 24px;
  border: 1px solid var(--home-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--home-shadow);
}
.adporc-home-page .home-quick-links span { color: var(--home-ink); font-size: var(--fs-7); font-weight: 700; }
.adporc-home-page .home-quick-links-list { display: flex; flex-wrap: wrap; gap: 8px; }
.adporc-home-page .home-quick-links-list a {
  padding: 7px 13px;
  border: 1px solid var(--home-red);
  border-radius: 20px;
  color: var(--home-red);
  background: #fff;
  font-size: var(--fs-8);
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.adporc-home-page .home-quick-links-list a:hover,
.adporc-home-page .home-quick-links-list a:focus-visible { background: var(--home-red); color: #fff; }

/* Services and clinical approach */
.adporc-home-page .service { padding: 90px 0; }
.adporc-home-page .service .section-subtitle,
.adporc-home-page .doctor .section-subtitle,
.adporc-home-page .blog .section-subtitle { margin: 0 0 10px; }
.adporc-home-page .service .section-subtitle a,
.adporc-home-page .doctor .section-subtitle a { color: inherit; text-decoration: none; }
.adporc-home-page .service .section-title,
.adporc-home-page .doctor .section-title { margin-bottom: 16px; }
.adporc-home-page .service-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--adporc-gap-compact); }
.adporc-home-page .service-banner { display: none; }
.adporc-home-page .service-card {
  display: block;
  padding: 25px;
  border: 1px solid var(--home-line);
  border-radius: var(--adporc-card-radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
}
.adporc-home-page .service-card .card-icon { width: 56px; margin-bottom: 18px; }
.adporc-home-page .service-card .card-title { color: var(--home-red); font-size: var(--fs-5); }
.adporc-home-page .service-card .card-text { color: var(--oxford-red-1); font-size: var(--fs-7); line-height: 1.6; }

.adporc-home-page .home-approach { padding: 85px 0; background: var(--cultured); }
.adporc-home-page .home-approach h2 {
  margin: 8px 0 16px;
  color: var(--oxford-red-2);
  font-size: clamp(2.8rem, 3vw, 4.2rem);
  line-height: 1.22;
  text-align: center;
}
.adporc-home-page .home-approach-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--adporc-gap-compact); list-style: none; }
.adporc-home-page .home-approach-steps li {
  padding: 26px;
  border: 1px solid var(--home-line);
  border-radius: var(--adporc-card-radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
}
.adporc-home-page .home-step-number { display: block; margin-bottom: 18px; color: var(--home-red); font-size: 3rem; font-weight: 800; line-height: 1; }
.adporc-home-page .home-approach-steps h3 { margin-bottom: 10px; color: var(--home-red); font-size: var(--fs-5); line-height: 1.35; }
.adporc-home-page .home-approach-steps p { color: var(--oxford-red-1); font-size: var(--fs-7); line-height: 1.65; }

/* About, team and guides */
.adporc-home-page .about { padding: 90px 0; }
.adporc-home-page #about { padding-top: 90px; }
.adporc-home-page .about .container { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(24px, 5vw, 70px); }
.adporc-home-page .about-banner img { margin: 0; border-radius: 18px; }
.adporc-home-page .about-content { margin: 0; }
.adporc-home-page .about .section-subtitle,
.adporc-home-page .about .section-title,
.adporc-home-page .about .section-text { margin-left: 0; text-align: left; }
.adporc-home-page .about .section-subtitle { margin-top: 0; }
.adporc-home-page .about .section-title { margin-top: 10px; color: var(--oxford-red-2); }
.adporc-home-page .about .section-text { color: var(--oxford-red-1); }
.adporc-home-page .about .btn { margin-top: 23px; border-radius: 8px; }
.adporc-home-page .doctor { padding: 90px 0 178px; background: var(--cultured); }
.adporc-home-page .doctor-card { display: flex; flex-direction: column; background: #fff; border-color: var(--home-line); border-radius: var(--adporc-card-radius); }
.adporc-home-page .doctor-card .card-social-list { margin-top: auto; }
.adporc-home-page .doctor-card .card-banner { border-radius: 8px; }
.adporc-home-page .doctor-card .card-title { text-decoration: none; }
.adporc-home-page .doctor-card .card-title:hover,
.adporc-home-page .doctor-card .card-title:focus-visible { color: var(--home-red-hover); }
.adporc-home-page .cta .section-subtitle { text-align: left; }
.adporc-home-page .cta .section-title { line-height: 1.3; }
.adporc-home-page .cta .btn { border-radius: 8px; }
.adporc-home-page .blog { padding: 90px 0; }
.adporc-home-page .blog .section-title { margin-bottom: 36px; color: var(--oxford-red-2); font-size: var(--fs-3); }
.adporc-home-page .blog-card { border: 1px solid var(--home-line); border-radius: var(--adporc-card-radius); box-shadow: 0 8px 24px rgba(0, 0, 0, .05); }
.adporc-home-page .blog-card .card-title::after { display: none; }
.adporc-home-page .blog-card .card-link { text-decoration: none; }
.adporc-home-page .blog-load-more-wrap .btn { border-radius: 8px; }

/* Branch map previews */
.adporc-home-page .home-locations { padding: 90px 0; background: var(--cultured); }
.adporc-home-page .home-locations .section-subtitle { margin: 0 0 10px; color: var(--home-red); font-size: var(--fs-3); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.adporc-home-page .home-locations .section-title { margin-bottom: 16px; color: var(--oxford-red-2); font-size: var(--fs-3); }
.adporc-home-page .home-location-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--adporc-gap-standard); }
.adporc-home-page .home-location-card { display: flex; min-width: 0; flex-direction: column; padding: 26px; background: #fff; border: 1px solid var(--home-line); border-radius: var(--adporc-card-radius); box-shadow: 0 8px 24px rgba(0, 0, 0, .05); }
.adporc-home-page .home-location-card h3 { margin-bottom: 10px; color: var(--home-red); font-size: var(--fs-5); line-height: 1.35; }
.adporc-home-page .home-location-card address { margin-bottom: 16px; color: var(--home-ink); font-size: var(--fs-7); font-style: normal; line-height: 1.7; }
.adporc-home-page .home-location-card iframe { display: block; width: 100%; height: 220px; margin-top: auto; border: 0; border-radius: 10px; }

.adporc-home-page .adporc-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.adporc-home-page .adporc-card:is(:hover, :focus-within) {
  transform: translateY(var(--adporc-card-hover-lift));
  border-color: var(--home-red);
  box-shadow: var(--home-shadow);
}

.adporc-home-page.lang-bn main { font-family: var(--ff-ban); }
.adporc-home-page :is(a, button, input):focus-visible { outline: 3px solid var(--home-red); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .adporc-home-page :is(a, .adporc-card) { transition-duration: 0s !important; }
  .adporc-home-page .adporc-card:is(:hover, :focus-within) { transform: none; }
  .adporc-home-page .home-hero-actions .services-secondary:is(:hover, :focus-visible) { transform: none; }
}
@media (max-width: 991px) {
  .adporc-home-page .hero .container { grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr); }
  .adporc-home-page .service-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adporc-home-page .home-approach-steps { grid-template-columns: 1fr; }
  .adporc-home-page .about .container { grid-template-columns: 1fr 1fr; }
  .adporc-home-page .blog { padding-top: 90px; }
}
@media (max-width: 850px) {
  .adporc-home-page .hero { padding-top: 160px; }
  .adporc-home-page .home-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .adporc-home-page .hero { padding: 160px 0 56px; }
  .adporc-home-page .hero .container { grid-template-columns: 1fr; }
  .adporc-home-page .hero-title { max-width: 100%; }
  .adporc-home-page .hero-banner { margin: 12px auto 0; max-width: 430px; }
  .adporc-home-page .home-quick-links { margin-top: 0; }
  .adporc-home-page .home-quick-links .container { border-radius: 0; }
  .adporc-home-page .service,
  .adporc-home-page .home-approach,
  .adporc-home-page .about,
  .adporc-home-page .doctor,
  .adporc-home-page .blog,
  .adporc-home-page .home-locations { padding: 65px 0; }
  .adporc-home-page .doctor { padding-bottom: 153px; }
  .adporc-home-page .about .container { grid-template-columns: 1fr; }
  .adporc-home-page #about { padding-top: 65px; }
  .adporc-home-page .about-banner { max-width: 540px; }
  .adporc-home-page .blog-list { grid-template-columns: 1fr; }
}
@media (max-width: 550px) {
  .adporc-home-page .hero { padding-top: 150px; }
  .adporc-home-page .home-location-grid { grid-template-columns: 1fr; }
  .adporc-home-page .home-hero-actions a { width: 100%; }
  .adporc-home-page .hero-form { flex-direction: column; }
  .adporc-home-page .hero-form .btn { width: 100%; }
  .adporc-home-page .service-list { grid-template-columns: 1fr; }
  .adporc-home-page .service-card,
  .adporc-home-page .home-approach-steps li { padding: 21px; }
  .adporc-home-page .home-quick-links .container { padding: 18px 15px; }
}
