body.bradford-has-header:not(.bradford-home) .main-area {
  padding-top: 132px;
}

body.menu-is-open {
  overflow: hidden;
}

body.menu-is-open::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 997;
  background: rgba(6, 25, 46, 0.32);
  backdrop-filter: blur(6px);
}

.bradford-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 24px clamp(16px, 2vw, 34px);
  background: #ffffff;
  box-shadow: 0 16px 46px rgba(0, 32, 96, 0.16);
  backdrop-filter: blur(18px);
}

.bradford-header::before,
.bradford-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  height: 1px;
  background: #ffffff;
  box-shadow: 0 3px 0 #ffffff, 0 6px 0 #ffffff;
  pointer-events: none;
}

.bradford-header::before {
  top: 0;
}

.bradford-header::after {
  bottom: 6px;
}

.bradford-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1680px;
  margin: 0 auto;
}

.bradford-brand,
.bradford-actions {
  position: relative;
  z-index: 1000;
}

.bradford-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.bradford-brand img {
  width: 116px;
  height: 116px;
  margin: -18px 0 -18px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0, 32, 96, 0.18));
}

.bradford-brand span {
  display: block;
  font-size: clamp(24px, 2.45vw, 36px);
  font-weight: 800;
  line-height: 1.05;
  color: #002060;
}

.bradford-actions {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.bradford-inquire,
.bradford-hero__cta,
.bradford-mega__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 24px;
  background: #d4af37;
  border: 1px solid #d4af37;
  border-radius: 999px;
  box-shadow: 4px 6px 0 0 #002060;
  color: var(--tg-common-color-white);
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: all 0.3s ease-out 0s;
}

.bradford-inquire img,
.bradford-hero__cta img,
.bradford-mega__cta img {
  width: 15px;
}

.bradford-inquire:hover,
.bradford-hero__cta:hover,
.bradford-mega__cta:hover {
  color: #ffffff;
  background: #002060;
  border-color: #002060;
  box-shadow: 0 0 0 0 #002060;
  transform: translate(3px, 3px);
}

.bradford-menu-toggle {
  width: 56px;
  height: 56px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #ffffff;
  background: #002060;
  border: 1px solid #002060;
  border-radius: 50%;
  box-shadow: 0 14px 30px rgba(11, 45, 82, 0.12);
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}

.bradford-menu-toggle:hover {
  background: #002060;
  color: #ffffff;
  border-color: #002060;
  transform: translateY(-1px);
}

.bradford-menu-toggle span {
  width: 22px;
  height: 2px;
  background: currentColor;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.bradford-menu-toggle[aria-expanded="true"] {
  background: #002060;
  color: #ffffff;
  border-color: #002060;
}

.bradford-menu-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.bradford-menu-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.bradford-menu-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.bradford-mega {
  position: fixed;
  top: 132px;
  left: clamp(16px, 7vw, 140px);
  right: clamp(16px, 7vw, 140px);
  z-index: 5000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-18px);
  transition:
    opacity 0.24s ease,
    transform 0.24s ease,
    visibility 0.24s ease;
}

.bradford-mega.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.bradford-mega__inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: clamp(14px, 2.2vw, 22px);
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(14px, 2.2vw, 20px);
  background: #ffffff;
  border: 1px solid rgba(15, 91, 122, 0.1);
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(20, 33, 61, 0.16);

  max-height: calc(100vh - 44px);
  overflow-y: auto;
}

.bradford-mega__nav {
  display: grid;
  gap: 9px;
  align-content: start;
}

.bradford-mega__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #dbe8f2;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color: #14213d;
  text-align: left;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.bradford-mega__tab:hover,
.bradford-mega__tab[aria-selected="true"] {
  border-color: #002060;
  background: #002060;
  color: #ffffff;
  transform: translateX(4px);
  box-shadow: 0 18px 36px rgba(11, 45, 82, 0.18);
}

.bradford-mega__tab span {
  display: block;
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 800;
  line-height: 1.1;
}

.bradford-mega__tab::after {
  content: "01";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  opacity: 0.64;
}

.bradford-mega__tab[data-bradford-tab="campus"]::after {
  content: "02";
}

.bradford-mega__tab[data-bradford-tab="academics"]::after {
  content: "03";
}

.bradford-mega__tab[data-bradford-tab="beyond"]::after {
  content: "04";
}

.bradford-mega__tab[data-bradford-tab="parents"]::after {
  content: "05";
}

.bradford-mega__tab[data-bradford-tab="about"]::after {
  content: "06";
}

.bradford-mega__tab[data-bradford-tab="faq"]::after {
  content: "07";
}

.bradford-mega__content {
  position: relative;
  min-height: 100%;
  padding: 18px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(11, 45, 82, 0.12), rgba(11, 45, 82, 0.02)),
    #f8fbff;
  border: 1px solid rgba(15, 91, 122, 0.12);
}

.bradford-mega__panel {
  display: none;
}

.bradford-mega__panel.is-active {
  display: grid;
  gap: 10px;
}

.bradford-mega__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  width: fit-content;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(15, 91, 122, 0.08);
  color: #002060;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bradford-mega__panel h2 {
  margin: 0 0 14px;
  font-size: clamp(22px, 2vw, 29px);
  line-height: 1;
  letter-spacing: 0;
  color: #002060;
}

.bradford-mega__panel p {
  max-width: 560px;
  margin: -4px 0 0;
  color: #49617a;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-mega__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bradford-mega__links a,
.bradford-mega__disabled {
  display: block;
  min-height: 100%;
  padding: 12px 15px;
  border: 1px solid #dce8f3;
  border-radius: 8px;
  background: #ffffff;
  color: var(--tg-theme-primary);
  transition:
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.bradford-mega__links a:hover {
  border-color: #002060;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(15, 91, 122, 0.12);
}

.bradford-mega__disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.bradford-mega__links a span,
.bradford-mega__disabled span {
  display: block;
  font-size: clamp(15px, 1.1vw, 18px);
  font-weight: 800;
  line-height: 1.15;
}

.bradford-mega__links a small,
.bradford-mega__disabled small {
  display: none;
}

#vision,
#mission,
#values,
#vision-mission-values {
  scroll-margin-top: 150px;
}

.bradford-mega__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 6px;
  border-top: 1px solid rgba(15, 91, 122, 0.1);
}

.bradford-mega__footer p {
  margin: 0;
  max-width: 360px;
  font-size: 13px;
}

.bradford-mega__footer .bradford-mega__cta {
  flex-shrink: 0;
}


.bradford-footer.footer__area,
.bradford-footer .footer__top,
.bradford-footer .footer__bottom {
  background: whitesmoke !important;
}

.bradford-footer .footer__top {
  border-top: 4px solid #d7a928;
  padding-top: 92px;
}

.bradford-footer .footer__bottom {
  border-top: 1px solid rgba(215, 169, 40, 0.34);
}

.bradford-footer .footer__widget-title {
  color: #002060 !important;
}

.bradford-footer .footer__widget-title::before {
  background: #d7a928 !important;
}

.bradford-footer .footer__content,
.bradford-footer .footer__content p,
.bradford-footer .footer__content li,
.bradford-footer .footer__link a,
.bradford-footer .footer__contact-content,
.bradford-footer .footer__contact-content p,
.bradford-footer .copy-right-text p,
.bradford-footer .footer__bottom-menu a {
  color: #002060 !important;
}

.bradford-footer .footer__link a:hover,
.bradford-footer .footer__bottom-menu a:hover,
.bradford-footer .copy-right-text a:hover,
.bradford-footer .footer__content a[href^="tel:"]:hover,
.bradford-footer .footer__content a[href^="mailto:"]:hover {
  color: #d7a928 !important;
}

.bradford-footer .copy-right-text a {
  color: inherit !important;
  text-decoration: underline;
}

.bradford-footer-credit {
  margin: 0;
  color: #002060;
  text-align: center;
}

.bradford-footer-credit__heart {
  color: #002060;
}

.bradford-footer-credit a {
  color: inherit !important;
  text-decoration: underline;
}

.bradford-footer-credit a:hover {
  color: #d7a928 !important;
}

.bradford-privacy {
  background: linear-gradient(180deg, #f4f8fc 0, #ffffff 340px);
}

.bradford-privacy__intro {
  max-width: 850px;
  margin: 0 auto 58px;
  text-align: center;
}

.bradford-privacy__intro > span {
  display: inline-block;
  margin-bottom: 14px;
  color: #002060;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bradford-privacy__intro h1,
.bradford-privacy__section h2,
.bradford-privacy__contact h2 {
  color: #002060;
}

.bradford-privacy__intro h1 {
  margin-bottom: 20px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.08;
}

.bradford-privacy__intro p,
.bradford-privacy__section p,
.bradford-privacy__section li,
.bradford-privacy__contact p {
  color: #52677f;
  font-size: 16px;
  line-height: 1.75;
}

.bradford-privacy__layout {
  display: grid;
  grid-template-columns: minmax(210px, 0.32fr) minmax(0, 1fr);
  gap: clamp(30px, 6vw, 88px);
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

.bradford-privacy__contents {
  position: sticky;
  top: 152px;
  padding: 24px;
  border-top: 4px solid #d4af37;
  background: #002060;
  box-shadow: 14px 14px 0 rgba(212, 175, 55, 0.24);
}

.bradford-privacy__contents p {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bradford-privacy__contents a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1.3;
}

.bradford-privacy__contents a:hover,
.bradford-privacy__contents a:focus-visible {
  color: #d4af37;
}

.bradford-privacy__section {
  padding: 0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid #dce8f3;
  scroll-margin-top: 160px;
}

.bradford-privacy__section h2,
.bradford-privacy__contact h2 {
  margin-bottom: 15px;
  font-size: clamp(24px, 2.6vw, 32px);
}

.bradford-privacy__section p:last-child {
  margin-bottom: 0;
}

.bradford-privacy__section ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 28px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.bradford-privacy__section li {
  position: relative;
  padding-left: 22px;
}

.bradford-privacy__section li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 8px;
  height: 8px;
  background: #d4af37;
  border-radius: 50%;
}

.bradford-privacy__section--last {
  margin-bottom: 0;
}

.bradford-privacy__contact {
  margin: 0 0 36px;
  padding: 34px;
  background: #eaf3fb;
  border-left: 5px solid #002060;
  scroll-margin-top: 160px;
}

.bradford-privacy__contact p {
  margin-bottom: 14px;
}

.bradford-privacy__contact strong,
.bradford-privacy__contact a {
  display: block;
}

.bradford-privacy__contact strong {
  color: #002060;
}

.bradford-privacy__contact a {
  width: fit-content;
  color: #002060;
  font-weight: 700;
}

.bradford-privacy__contact a:hover {
  color: #8a1538;
}

@media (max-width: 991.98px) {
  .bradford-privacy__layout { grid-template-columns: 1fr; }
  .bradford-privacy__contents { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  .bradford-privacy__contents p { grid-column: 1 / -1; }
}

@media (max-width: 575.98px) {
  .bradford-privacy { padding-top: 70px; padding-bottom: 70px; }
  .bradford-privacy__intro { margin-bottom: 42px; text-align: left; }
  .bradford-privacy__contents, .bradford-privacy__section ul { grid-template-columns: 1fr; }
  .bradford-privacy__contact { padding: 26px; }
}

.bradford-footer .footer__content a[href^="tel:"],
.bradford-footer .footer__content a[href^="mailto:"] {
  color: #002060 !important;
}

.bradford-footer .logo,
.bradford-footer .logo a,
.bradford-footer__logo,
.bradford-footer__logo a,
.bradford-footer__logo img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.bradford-footer__logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 26px !important;
  padding: 0 !important;
}

.bradford-footer__logo a {
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
}

.bradford-footer__logo img {
  width: 150px;
  height: auto;
  padding: 0 !important;
  border-radius: 0 !important;
}

.bradford-footer .footer__bottom-menu .list-wrap li a::after {
  background: rgba(0, 32, 96, 0.32) !important;
}

.bradford-simple-header {
  padding: 18px 0;
  border-bottom: 1px solid #e5edf5;
  background: #ffffff;
}

.bradford-simple-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bradford-simple-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #002060;
  font-weight: 800;
  font-size: 22px;
}

.bradford-simple-brand img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.bradford-simple-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.bradford-simple-nav a {
  color: #14213d;
  font-weight: 700;
}

.bradford-simple-nav a:hover {
  color: #0f5b7a;
}

.breadcrumb__area {
  isolation: isolate;
}

.breadcrumb__area .container {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .breadcrumb__area:not(.breadcrumb__bg-two) .breadcrumb__content {
    max-width: min(720px, calc(100% - 390px));
  }

  .breadcrumb__area:not(.breadcrumb__bg-two)::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }

  .breadcrumb__area:not(.breadcrumb__bg-two)::after {
    right: clamp(40px, 7.5vw, 128px);
    bottom: 32px;
    z-index: 1;
    width: clamp(205px, 20vw, 300px);
    height: clamp(158px, 16vw, 235px);
    background-image: url("../img/actual_images/Science.png");
    background-size: 145%;
    background-position: 50% 42%;
    background-repeat: no-repeat;
    clip-path: polygon(48% 0%, 83% 9%, 100% 42%, 86% 80%, 52% 100%, 17% 90%, 0% 55%, 13% 18%);
    filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.22));
  }
}

.bradford-page-hero {
  padding: 88px 0 72px;
  background:
    linear-gradient(90deg, rgba(1, 19, 38, 0.88), rgba(1, 10, 35, 0.72)),
    url("../img/actual_images/Science.png") center/cover no-repeat;
  color: #ffffff;
}

.bradford-page-hero h1 {
  max-width: 760px;
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 48px;
  line-height: 1;
}

.bradford-page-hero p {
  max-width: 700px;
  margin: 0;
  color: #edf6ff;
  font-size: 18px;
  line-height: 1.6;
}

.bradford-page-section {
  padding: 80px 0;
}

.bradford-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.bradford-info-card {
  min-height: 100%;
  padding: 24px;
  border: 1px solid #dce8f3;
  border-radius: 8px;
  background: #ffffff;
}

.bradford-info-card h2,
.bradford-info-card h3 {
  margin-bottom: 10px;
  color: #002060;
  line-height: 1.15;
}

.bradford-info-card p,
.bradford-info-card li {
  color: #52677f;
  line-height: 1.6;
}

.bradford-courses-note {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 28px;
  padding: 14px 16px;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: #52677f;
  font-size: 14px;
  line-height: 1.5;
}

.bradford-courses-note i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(138, 21, 56, 0.1);
  color: #8a1538;
}

.bradford-curriculum-hero {
  position: relative;
  min-height: clamp(480px, 72vh, 680px);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #0b2d52;
}

.bradford-curriculum-hero__video,
.bradford-curriculum-hero__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.bradford-curriculum-hero__video {
  object-fit: cover;
}

.bradford-curriculum-hero__overlay {
  background:
    linear-gradient(90deg, rgba(5, 22, 44, 0.86) 0%, rgba(5, 22, 44, 0.56) 48%, rgba(5, 22, 44, 0.18) 100%),
    linear-gradient(180deg, rgba(5, 22, 44, 0.15), rgba(5, 22, 44, 0.6));
}

.bradford-curriculum-hero .container {
  position: relative;
  z-index: 1;
}

.bradford-curriculum-hero__content {
  max-width: 760px;
  padding: 120px 0 86px;
}

.bradford-curriculum-hero__content .sub-title {
  color: #f5d468;
}

.bradford-curriculum-hero__content h1 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.02;
}

.bradford-curriculum-hero__content p {
  max-width: 680px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.65;
}

.bradford-curriculum-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.bradford-video-link {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  color: #ffffff;
  font-weight: 800;
}

.bradford-video-link i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  color: #8a1538;
  font-size: 12px;
}

.bradford-video-link:hover {
  color: #ffffff;
  border-color: #ffffff;
}

.bradford-curriculum-overview {
  background: #002060;
}

.bradford-curriculum-overview .bradford-curriculum-overview__head .sub-title {
  background: #8a1538;
  color: #ffffff;
  font-weight: 800;
}

.bradford-curriculum-overview .bradford-curriculum-overview__head .title,
.bradford-curriculum-overview .bradford-curriculum-overview__head p {
  color: #ffffff;
}

.bradford-curriculum-overview__head {
  max-width: 820px;
  margin: 0 auto 38px;
}

.bradford-curriculum-phase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bradford-curriculum-phase-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) 44px;
  gap: 18px;
  align-items: center;
  min-height: 138px;
  padding: 22px;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.bradford-curriculum-phase-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 54px rgba(11, 45, 82, 0.13);
}

.bradford-curriculum-phase-card img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
}

.bradford-curriculum-phase-card span {
  color: #8a1538;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-curriculum-phase-card h3 {
  margin: 5px 0 6px;
  color: #0b2d52;
  font-size: 25px;
  line-height: 1.15;
}

.bradford-curriculum-phase-card p {
  margin: 0;
  color: #5f6b7a;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-curriculum-phase-card > i {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef6fb;
  color: #0b2d52;
}

.bradford-subject-pill-preview {
  padding: 70px 0;
  background: #ffffff;
}

.bradford-subject-pill-preview__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1fr);
  gap: 34px;
  align-items: center;
  padding: 26px;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 8px;
  background: #f8fafc;
}

.bradford-subject-pill-preview__grid img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  background: #ffffff;
}

.bradford-courses-hub {
  background: #ffffff;
}

.bradford-courses-hub .courses__nav-tabs {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 22px;
}

.bradford-courses-hub .courses__sidebar {
  position: sticky;
  top: 110px;
}

.bradford-course-subject-card {
  min-height: 176px;
}

.bradford-course-subject-card--list {
  min-height: 132px;
  grid-template-columns: 82px minmax(0, 1fr) 42px;
}

.bradford-course-subject-card--list img {
  width: 82px;
  height: 82px;
}

.bradford-course-search {
  width: 100%;
  min-height: 52px;
  margin-bottom: 22px;
  padding: 0 18px;
  border: 1px solid #dce8f3;
  border-radius: 8px;
  color: #14213d;
}

.bradford-course-filter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tg-body-color);
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}

.bradford-course-filter span {
  min-width: 0;
}

.bradford-course-filter strong {
  min-width: 28px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #e7edf5;
  color: #52677f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.bradford-course-filter:hover,
.bradford-course-filter.is-active {
  color: var(--tg-theme-primary);
}

.bradford-course-filter.is-active strong {
  background: var(--tg-theme-primary);
  color: #ffffff;
}

.bradford-subject-empty {
  padding: 26px;
  border: 1px dashed #b7c9dc;
  border-radius: 8px;
  color: #52677f;
}

.courses__details-area .courses__details-content > .title {
  margin-bottom: 12px;
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1.18;
}

.courses__details-area .bradford-subject-back-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 50px;
  margin-top: 22px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #002060;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.courses__details-area .bradford-subject-back-link i {
  font-size: 13px;
  transition: transform 0.2s ease;
}

.courses__details-area .bradford-subject-back-link:hover,
.courses__details-area .bradford-subject-back-link:focus-visible {
  background: #001747;
  color: #ffffff;
  transform: translateY(-2px);
}

.courses__details-area .bradford-subject-back-link:hover i,
.courses__details-area .bradford-subject-back-link:focus-visible i {
  transform: translateX(-3px);
}

.courses__details-area .bradford-subject-back-link:focus-visible {
  outline: 3px solid #f2c84b;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .courses__details-area .bradford-subject-back-link i {
    transition: none;
  }
}

.courses__details-area .courses__details-video {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #0b2d52;
}

.courses__details-area .courses__details-video img {
  width: 100%;
  height: clamp(220px, 26vw, 360px);
  display: block;
  object-fit: cover;
}


.courses__details-area .courses__item-meta {
  margin-bottom: 12px;
}

.courses__details-area .courses__item-tag a {
  padding: 5px 11px;
  font-size: 12px;
}

.courses__details-area .avg-rating {
  font-size: 13px;
}

.courses__details-area .courses__details-meta .list-wrap {
  gap: 8px 22px;
  margin-bottom: 30px;
}

.courses__details-area .courses__details-meta .list-wrap li {
  gap: 6px;
  font-size: 13px;
}

.courses__details-area .courses__details-meta .list-wrap li::before {
  right: -13px;
  width: 4px;
  height: 4px;
}

.courses__details-area .courses__details-meta .list-wrap li i {
  font-size: 15px;
}

.courses__details-area .courses__details-content .nav-tabs {
  gap: 8px;
  margin-bottom: 28px;
}

.courses__details-area .courses__details-content .nav-tabs .nav-link {
  padding: 9px 16px;
  font-size: 14px;
}

.courses__details-area .courses__details-content .nav-tabs .nav-link:hover,
.courses__details-area .courses__details-content .nav-tabs .nav-link.active {
  box-shadow: 3px 4px 0 0 rgba(0, 32, 96, 0.16);
}

.courses__details-area .courses__overview-wrap,
.courses__details-area .courses__curriculum-wrap {
  padding: 26px 30px;
}

.courses__details-area .courses__overview-wrap .title,
.courses__details-area .courses__curriculum-wrap .title {
  margin-bottom: 9px;
  font-size: 20px;
  line-height: 1.25;
}

.courses__details-area .courses__overview-wrap > p,
.courses__details-area .courses__curriculum-wrap > p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.65;
}

.courses__details-area .about__info-list {
  margin-bottom: 14px;
}

.courses__details-area .about__info-list-item {
  gap: 9px;
  margin-bottom: 9px;
}

.courses__details-area .about__info-list-item i {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  font-size: 11px;
  box-shadow: 3px 2px 0 0 rgba(0, 0, 0, 0.18);
}

.courses__details-area .about__info-list-item p {
  font-size: 14px;
  line-height: 1.45;
}

.courses__details-area .courses__curriculum-wrap .accordion-button {
  padding: 12px 0;
  font-size: 16px;
}

.courses__details-area .courses__curriculum-wrap .course-item {
  padding: 10px 12px;
}

.courses__details-area .courses__curriculum-wrap .course-item .item-name {
  gap: 8px;
  margin-right: 14px;
  font-size: 14px;
}

.courses__details-area .courses__curriculum-wrap .course-item .item-name::before {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
}

.courses__details-area .courses__information-wrap .list-wrap li.bradford-course-info-row {
  display: grid;
  grid-template-columns: 22px 82px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  line-height: 1.35;
}

.courses__details-area .bradford-course-info-row img,
.courses__details-area .bradford-course-info-row svg {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.courses__details-area .courses__information-wrap .list-wrap li .bradford-course-info-label {
  min-width: 0;
  margin-left: 0;
  color: var(--tg-common-color-dark);
  font-weight: 500;
  justify-self: start;
}

.courses__details-area .courses__information-wrap .list-wrap li .bradford-course-info-value {
  min-width: 0;
  margin-left: 0;
  color: var(--tg-common-color-gray-3);
  text-align: left;
  justify-self: start;
  overflow-wrap: anywhere;
}

.courses-area .swiper-wrapper,
.all-courses-area .row {
  align-items: stretch;
}

.courses-area .swiper-slide {
  height: auto;
}

.all-courses-area .courses__grid-wrap > .col,
.all-courses-area .courses__list-wrap > .col {
  margin-bottom: 24px;
}

.courses-area .courses__item,
.all-courses-area .courses__item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.all-courses-area .courses__item {
  padding: 18px 18px 20px;
}

.courses-area .courses__item-thumb img,
.all-courses-area .courses__item-thumb img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.all-courses-area .courses__item-thumb {
  margin-bottom: 12px;
}

.all-courses-area .courses__item-thumb img {
  height: 145px;
  aspect-ratio: auto;
}

.courses-area .courses__item-content,
.all-courses-area .courses__item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.courses-area .courses__item-content .title,
.all-courses-area .courses__item-content .title {
  min-height: 54px;
}

.all-courses-area .courses__item-content .title {
  min-height: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.25;
}

.all-courses-area .courses__item-meta {
  margin-bottom: 10px;
}

.all-courses-area .courses__item-tag a {
  padding: 5px 10px;
  font-size: 12px;
}

.all-courses-area .courses__item .avg-rating {
  display: none;
}

.all-courses-area .courses__item-content .info {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.courses-area .courses__item-bottom,
.all-courses-area .courses__item-bottom {
  margin-top: auto;
}

.all-courses-area .courses__item-bottom {
  padding-top: 16px;
}

.all-courses-area .courses__item-three {
  gap: 18px;
  align-items: stretch;
}

.all-courses-area .courses__item-three .courses__item-thumb {
  flex: 0 0 220px;
  margin-bottom: 0;
}

.all-courses-area .courses__item-three .courses__item-thumb img {
  width: 220px;
  height: 145px;
  min-height: 145px;
}

.bradford-focus-page {
  background: linear-gradient(180deg, #f7fafc 0%, #ffffff 56%);
  overflow: hidden;
}

.bradford-focus-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.82fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(34px, 5vw, 62px);
}

.bradford-focus-hero--compact {
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.75fr);
}

.bradford-focus-hero h1 {
  margin: 10px 0 18px;
  color: #002060;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.04;
}

.bradford-focus-hero p {
  max-width: 690px;
  margin-bottom: 28px;
  color: #52677f;
  font-size: 16px;
  line-height: 1.75;
}

.bradford-focus-hero img {
  width: 100%;
  height: clamp(280px, 34vw, 430px);
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 24px 56px rgba(11, 45, 82, 0.14);
}

.bradford-focus-hero--compact img {
  height: clamp(260px, 30vw, 390px);
}

.bradford-focus-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.bradford-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.bradford-focus-card {
  min-height: 100%;
  padding: clamp(20px, 2.2vw, 28px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
}

.bradford-focus-card i {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(138, 21, 56, 0.1);
  color: #8a1538;
  font-size: 22px;
}

.bradford-focus-card h2 {
  margin-bottom: 10px;
  color: #002060;
  font-size: 22px;
  line-height: 1.24;
}

.bradford-focus-card p {
  margin-bottom: 0;
  color: #52677f;
  font-size: 15px;
  line-height: 1.7;
}

.bradford-collab-page {
  background: #f7fafc;
  overflow: hidden;
  padding-bottom: 0 !important;
}

.bradford-collab-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
  margin-bottom: clamp(42px, 6vw, 76px);
}

.bradford-collab-hero__content h1,
.bradford-creative-hero__copy h1,
.bradford-world-hero h1 {
  margin: 10px 0 18px;
  color: #002060;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.04;
}

.bradford-collab-hero__content p,
.bradford-collab-lab p,
.bradford-collab-network p,
.bradford-creative-hero__copy p,
.bradford-creative-studio p,
.bradford-creative-note p,
.bradford-world-hero p,
.bradford-world-path p,
.bradford-world-feature p {
  color: #52677f;
  font-size: 15.5px;
  line-height: 1.62;
}

.bradford-collab-hero__panel {
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 24px 56px rgba(11, 45, 82, 0.14);
}

.bradford-collab-hero__panel img {
  width: 100%;
  height: clamp(270px, 32vw, 420px);
  object-fit: cover;
}

.bradford-collab-hero__panel > .bradford-collab-hero__caption {
  padding: 24px;
  border-top: 5px solid #8a1538;
}

.bradford-collab-hero__panel strong,
.bradford-collab-hero__panel span {
  display: block;
}

.bradford-collab-hero__panel strong {
  color: #002060;
  font-size: 22px;
}

.bradford-collab-hero__panel span {
  margin-top: 6px;
  color: #52677f;
}

.bradford-collab-network {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  margin-bottom: clamp(42px, 6vw, 74px);
  border-radius: 18px;
  background: #002060;
  box-shadow: 0 18px 46px rgba(11, 45, 82, 0.09);
}

.bradford-collab-network article {
  padding: clamp(22px, 2.5vw, 30px);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  background: #002060;
}

.bradford-collab-network article:last-child {
  border-right: 0;
}

.bradford-collab-network span {
  display: inline-flex;
  margin-bottom: 18px;
  color: #f4cf5d;
  font-size: 13px;
  font-weight: 900;
}

.bradford-collab-network h2,
.bradford-collab-network p {
  color: #ffffff;
}

.bradford-collab-network h2,
.bradford-collab-lab h2,
.bradford-creative-studio h2,
.bradford-creative-note h2,
.bradford-world-path h2,
.bradford-world-feature h2 {
  margin-bottom: 12px;
  color: #002060;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.14;
}

.bradford-collab-network article > span,
.bradford-collab-network article h2 {
  color: #ffffff;
}

.bradford-collab-lab {
  display: grid;
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: 56px 0;
  background: #002060;
  box-shadow: 0 0 0 100vmax #002060;
  clip-path: inset(0 -100vmax);
}

.bradford-collab-lab > div .sub-title {
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 6px 13px;
  border-radius: 4px;
  background: #8a1538;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 800;
}

.bradford-collab-lab > div h2,
.bradford-collab-lab > div p {
  color: #ffffff;
}

.bradford-collab-lab ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bradford-collab-lab li {
  padding: 22px;
  border-left: 4px solid #8a1538;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(11, 45, 82, 0.08);
}

.bradford-collab-lab strong,
.bradford-collab-lab span {
  display: block;
}

.bradford-collab-lab strong {
  color: #002060;
}

.bradford-collab-lab span {
  margin-top: 6px;
  color: #52677f;
}

.bradford-creative-page {
  background: linear-gradient(180deg, #fff8fb 0%, #ffffff 50%, #f7fafc 100%);
  overflow: hidden;
}

.bradford-creative-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
  margin-bottom: clamp(42px, 6vw, 76px);
}

.bradford-creative-mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.bradford-creative-mosaic img {
  grid-column: 1 / -1;
  width: 100%;
  height: clamp(250px, 30vw, 390px);
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 24px 56px rgba(138, 21, 56, 0.12);
}

.bradford-creative-mosaic div,
.bradford-creative-studio article {
  border: 1px solid rgba(138, 21, 56, 0.12);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(138, 21, 56, 0.08);
}

.bradford-creative-mosaic div {
  padding: 18px;
}

.bradford-creative-mosaic strong,
.bradford-creative-mosaic span {
  display: block;
}

.bradford-creative-mosaic strong {
  color: #8a1538;
  font-size: 18px;
}

.bradford-creative-mosaic span {
  margin-top: 5px;
  color: #52677f;
  font-size: 13.5px;
}

.bradford-creative-studio {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.bradford-creative-studio article {
  padding: 24px;
}

.bradford-creative-studio span {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #8a1538;
  color: #ffffff;
  font-size: 24px;
}

.bradford-creative-studio span i {
  line-height: 1;
}

.bradford-creative-note {
  max-width: 880px;
  margin: clamp(40px, 6vw, 70px) auto 0;
  padding: clamp(26px, 4vw, 42px);
  border-radius: 18px;
  background: #002060;
  text-align: center;
}

.bradford-creative-note h2,
.bradford-creative-note p {
  color: #ffffff;
}

.bradford-creative-note p {
  margin-bottom: 0;
  opacity: 0.86;
}

.bradford-world-page {
  background: #ffffff;
  overflow: hidden;
}

.bradford-world-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
  margin-bottom: clamp(42px, 6vw, 76px);
}

.bradford-world-hero img {
  width: 100%;
  height: clamp(300px, 34vw, 450px);
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 24px 56px rgba(11, 45, 82, 0.14);
}

.bradford-world-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: clamp(42px, 6vw, 72px);
}

.bradford-world-path article {
  position: relative;
  padding: 26px 22px;
  border-top: 5px solid #002060;
  border-radius: 14px;
  background: #8a1538;
  box-shadow: 0 16px 36px rgba(11, 45, 82, 0.16);
}

.bradford-world-path span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-world-path span i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #002060;
  color: #ffffff;
  font-size: 14px;
}

.bradford-world-path article h2,
.bradford-world-path article p {
  color: #ffffff;
}

.bradford-world-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: 28px;
  align-items: center;
  padding: clamp(26px, 4vw, 44px);
  border-radius: 18px;
  background: #002060;
}

.bradford-world-feature h2,
.bradford-world-feature p {
  color: #ffffff;
}

.bradford-world-feature p {
  margin-bottom: 0;
  opacity: 0.86;
}

.bradford-world-feature ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bradford-world-feature li {
  padding: 12px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: 700;
}

.bradford-fees-area {
  background: linear-gradient(180deg, #f7fafc 0%, #ffffff 42%, #f7fafc 100%);
  overflow: hidden;
  padding-bottom: 0 !important;
}

.bradford-fees-hero {
  display: grid;
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(48px, 7vw, 84px);
}

.bradford-fees-hero__media img {
  width: 100%;
  height: clamp(320px, 36vw, 500px);
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 24px 56px rgba(11, 45, 82, 0.14);
}

.bradford-fees-hero__content h1 {
  margin: 10px 0 18px;
  color: #002060;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.04;
}

.bradford-fees-hero__content p,
.bradford-fee-campus-section__head p,
.bradford-fee-campus-card p,
.bradford-fee-option-grid p,
.bradford-fee-note-grid p,
.bradford-fees-step p {
  color: #52677f;
  font-size: 15.5px;
  line-height: 1.7;
}

.bradford-fees-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 26px 0 30px;
}

.bradford-fees-summary div {
  padding: 16px 18px;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 8px;
  background: #f7fafc;
}

.bradford-fees-summary--wide {
  margin-top: 0;
}

.bradford-fees-summary span,
.bradford-fee-campus-card span,
.bradford-fee-option-grid span {
  display: block;
  margin-bottom: 8px;
  color: #8a1538;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bradford-fees-summary strong {
  display: block;
  color: #002060;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.15;
}

.bradford-fees-actions,
.bradford-calendar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.bradford-fees-section-title {
  max-width: 760px;
  margin: 0 auto 34px;
}

.bradford-enrolment-band {
  margin-bottom: clamp(48px, 7vw, 82px);
  padding: 56px 0;
  background: #002060;
  box-shadow: 0 0 0 100vmax #002060;
  clip-path: inset(0 -100vmax);
}

.bradford-enrolment-band .bradford-fees-step-grid {
  margin-bottom: 0;
}

.bradford-enrolment-band .bradford-fees-section-title .sub-title,
.bradford-enrolment-band .bradford-fees-section-title h2 {
  color: #ffffff;
}

.bradford-fees-section-title h2 {
  margin-bottom: 0;
  color: #002060;
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.1;
}

.bradford-fees-step-grid,
.bradford-fee-option-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: clamp(48px, 7vw, 82px);
}

.bradford-fees-step,
.bradford-fee-option-grid article,
.bradford-fee-note-grid article,
.bradford-fee-campus-card,
.bradford-fee-campus-section {
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
}

.bradford-fees-step {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 24px;
}

.bradford-fees-step > span {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(11, 45, 82, 0.1);
  color: #002060;
  font-weight: 800;
}

.bradford-fees-step h3,
.bradford-fee-campus-card h3,
.bradford-fee-note-grid h3 {
  margin-bottom: 12px;
  color: #002060;
  font-size: 23px;
  line-height: 1.22;
}

.bradford-fees-step a,
.bradford-fee-campus-card a {
  margin-top: auto;
  color: #8a1538;
  font-weight: 800;
}

.bradford-fees-step strong {
  margin-top: auto;
  color: #8a1538;
  font-size: 28px;
}

.bradford-fees-step.is-highlighted {
  background: #f9eef2;
}

.bradford-fee-campus-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: clamp(48px, 7vw, 82px);
}

.bradford-fee-campus-card {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 22px;
  overflow: hidden;
}

.bradford-fee-campus-card img {
  width: 100%;
  height: 100%;
  min-height: 230px;
  object-fit: cover;
}

.bradford-fee-campus-card div {
  padding: 24px 24px 24px 0;
}

.bradford-fee-campus-section {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px);
  margin-bottom: clamp(34px, 5vw, 54px);
  border-radius: 18px;
}

.bradford-fee-campus-section__head {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  margin: calc(clamp(22px, 3vw, 34px) * -1) calc(clamp(22px, 3vw, 34px) * -1) 28px;
  padding: clamp(22px, 3vw, 34px);
  background: linear-gradient(135deg, #002060 0%, #153f68 100%);
}

.bradford-fee-campus-section__head h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: clamp(28px, 3vw, 40px);
}

.bradford-fee-campus-section__head .sub-title {
  color: #ffd9e4;
}

.bradford-fee-campus-section__head p {
  max-width: 390px;
  margin-bottom: 0;
  color: #52677f;
}

.bradford-fee-option-grid {
  margin-bottom: 0;
}

.bradford-fee-option-grid article {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 28px 24px 24px;
  border-radius: 14px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.bradford-fee-option-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(11, 45, 82, 0.22);
  box-shadow: 0 22px 50px rgba(11, 45, 82, 0.12);
}

.bradford-fee-option-grid article:nth-child(3) {
  border-color: rgba(11, 45, 82, 0.35);
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
}

.bradford-fee-option-grid article:nth-child(3)::before,
.bradford-fee-option-grid article:nth-child(4)::before {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.bradford-fee-option-grid article:nth-child(3)::before {
  content: "Monthly";
  background: #002060;
}

.bradford-fee-option-grid article:nth-child(4)::before {
  content: "Once-off";
  background: #8a1538;
}

.bradford-fee-option-grid i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 50%;
  background: rgba(11, 45, 82, 0.09);
  color: #002060;
  font-size: 21px;
}

.bradford-fee-option-grid strong {
  display: block;
  margin-bottom: 10px;
  color: #002060;
  font-size: clamp(27px, 2.6vw, 36px);
  line-height: 1.1;
}

.bradford-fee-option-grid span {
  min-height: 32px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(11, 45, 82, 0.1);
}

.bradford-fee-option-grid p {
  flex: 1;
  padding-top: 14px;
  margin-bottom: 0;
  font-size: 14.5px;
}

.bradford-fee-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: clamp(42px, 6vw, 68px);
  padding: 56px 0;
  background: #eef6fb;
  box-shadow: 0 0 0 100vmax #eef6fb;
  clip-path: inset(0 -100vmax);
}

.bradford-fee-note-grid article {
  padding: clamp(22px, 2.5vw, 30px);
}

.bradford-fee-note-grid ul {
  display: grid;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.bradford-fee-note-grid li {
  position: relative;
  padding-left: 20px;
  color: #52677f;
}

.bradford-fee-note-grid li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8a1538;
}

.bradford-campus-page {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  overflow: hidden;
}

.bradford-campus-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(42px, 6vw, 72px);
}

.bradford-campus-page__hero h1 {
  margin: 10px 0 18px;
  color: #002060;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.04;
}

.bradford-campus-page__hero p,
.bradford-campus-page__grid p,
.bradford-campus-page__map p {
  color: #52677f;
  font-size: 15.5px;
  line-height: 1.72;
}

.bradford-campus-page__hero img {
  width: 100%;
  height: clamp(300px, 34vw, 460px);
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 24px 56px rgba(11, 45, 82, 0.14);
}

.bradford-campus-page__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: clamp(42px, 6vw, 70px);
}

.bradford-campus-page__grid article {
  padding: clamp(22px, 2.5vw, 30px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
}

.bradford-campus-page__grid i {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(138, 21, 56, 0.1);
  color: #8a1538;
  font-size: 22px;
}

.bradford-campus-page__grid h2,
.bradford-campus-page__map h2 {
  margin-bottom: 12px;
  color: #002060;
  font-size: 24px;
  line-height: 1.22;
}

.bradford-campus-page__map {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: clamp(42px, 6vw, 70px);
  margin-bottom: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
}

.bradford-campus-page__map iframe {
  width: 100%;
  min-height: 390px;
  border: 0;
  border-radius: 12px;
}

.bradford-calendar-area {
  background: #f7fafc;
  overflow: hidden;
}

.bradford-calendar-panel,
.bradford-calendar-side-card {
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(11, 45, 82, 0.09);
}

.bradford-calendar-panel {
  padding: clamp(18px, 2.5vw, 30px);
}

.bradford-calendar-panel__head {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}

.bradford-calendar-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #8a1538;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bradford-calendar-panel__head h2,
.bradford-calendar-side-card h3 {
  margin-bottom: 0;
  color: #002060;
  line-height: 1.16;
}

.bradford-calendar-panel__head h2 {
  font-size: clamp(28px, 3vw, 40px);
}

.bradford-calendar-panel__head p {
  max-width: 250px;
  margin-bottom: 0;
  color: #52677f;
  font-size: 15px;
  line-height: 1.65;
}

.bradford-calendar-toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}

.bradford-calendar-toolbar h3 {
  margin-bottom: 0;
  color: #002060;
  font-size: 24px;
}

.bradford-calendar-toolbar__controls,
.bradford-calendar-toolbar__view {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bradford-calendar-toolbar__view {
  justify-content: flex-end;
}

.bradford-calendar-toolbar button,
.bradford-calendar-toolbar span {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(11, 45, 82, 0.12);
  border-radius: 8px;
  background: #ffffff;
  color: #002060;
  font-size: 13px;
  font-weight: 700;
}

.bradford-calendar-toolbar button {
  min-width: 38px;
  padding-inline: 0;
}

.bradford-calendar-toolbar .is-active {
  background: #002060;
  color: #ffffff;
}

.bradford-calendar-scroll {
  overflow-x: auto;
  padding-bottom: 2px;
}

.bradford-calendar-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(11, 45, 82, 0.12);
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
}

.bradford-calendar-table th {
  padding: 13px 10px;
  background: #002060;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.bradford-calendar-table td {
  width: 14.285%;
  height: 132px;
  vertical-align: top;
  padding: 10px;
  border-top: 1px solid rgba(11, 45, 82, 0.1);
  border-left: 1px solid rgba(11, 45, 82, 0.1);
  background: #ffffff;
}

.bradford-calendar-table td:first-child,
.bradford-calendar-table th:first-child {
  border-left: 0;
}

.bradford-calendar-table td > span {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #002060;
  font-size: 13px;
  font-weight: 800;
}

.bradford-calendar-table .is-muted {
  background: #f2f5f8;
}

.bradford-calendar-table .is-muted > span {
  color: #8aa0b6;
}

.bradford-calendar-event {
  margin-top: 8px;
  padding: 10px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.35;
}

.bradford-calendar-event.is-maroon {
  background: #8a1538;
}

.bradford-calendar-event.is-blue {
  background: #002060;
}

.bradford-calendar-event strong,
.bradford-calendar-event small {
  display: block;
  color: inherit;
}

.bradford-calendar-event small {
  margin-top: 4px;
  opacity: 0.9;
}

.bradford-calendar-side-card {
  padding: clamp(22px, 2.5vw, 30px);
}

.bradford-calendar-side-card h3 {
  margin-bottom: 20px;
  font-size: 27px;
}

.bradford-calendar-side-card p {
  color: #52677f;
  font-size: 15px;
  line-height: 1.68;
}

.bradford-calendar-side-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bradford-calendar-side-list li {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;
  align-items: start;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(11, 45, 82, 0.1);
}

.bradford-calendar-side-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.bradford-calendar-side-list span {
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(138, 21, 56, 0.1);
  color: #8a1538;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.bradford-calendar-side-list p {
  margin-bottom: 0;
}

.bradford-admissions-form .form-grp {
  position: relative;
}

.bradford-admissions-form .form-grp textarea,
.bradford-admissions-form .form-grp select {
  width: 100%;
  padding: 14px 20px;
  font-size: 16px;
  color: var(--tg-heading-color);
  border: 1px solid #e1e1e1;
  background: var(--tg-common-color-white);
  border-radius: 5px;
  line-height: 1.35;
  transition: all 0.3s ease-out 0s;
}

.bradford-admissions-form .form-grp textarea:focus,
.bradford-admissions-form .form-grp select:focus {
  border-color: var(--tg-theme-primary);
}

.bradford-admissions-form .form-grp textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-body-color);
  opacity: 0.8;
}

.bradford-admissions-form .form-grp textarea {
  min-height: 130px;
  resize: vertical;
}

.bradford-admissions-form .form-grp select {
  height: 51px;
  padding-right: 46px;
  appearance: none;
  cursor: pointer;
}

.bradford-admissions-form .form-grp.select-grp::after {
  content: "\f078";
  position: absolute;
  right: 20px;
  bottom: 17px;
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 700;
  color: var(--tg-theme-primary);
  pointer-events: none;
}

.bradford-admissions-form .form-grp input[type="file"] {
  min-height: 51px;
  padding: 10px 14px;
  line-height: 1.4;
}

.bradford-admissions-form .form-grp input[type="file"]::file-selector-button {
  margin-right: 14px;
  padding: 8px 14px;
  border: 0;
  border-radius: 4px;
  background: var(--tg-theme-primary);
  color: var(--tg-common-color-white);
  font-family: var(--tg-heading-font-family);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}

.bradford-admissions-form .form-grp input[type="file"]::file-selector-button:hover {
  background: var(--tg-common-color-blue);
}

.bradford-admissions-cta {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.bradford-admissions-modal .modal-content {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(20, 33, 61, 0.22);
}

.bradford-admissions-modal .modal-header {
  align-items: flex-start;
  gap: 18px;
  padding: 26px 30px;
  background: #ffffff;
  border-bottom: 1px solid rgba(11, 45, 82, 0.1);
}

.bradford-admissions-modal .modal-header .sub-title {
  margin-bottom: 8px;
}

.bradford-admissions-modal .modal-title {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.15;
}

.bradford-admissions-modal .btn-close {
  flex: 0 0 auto;
  margin: 2px 0 0 auto;
}

.bradford-admissions-modal .modal-body {
  padding: 30px;
}

.bradford-admissions-modal .account__form {
  margin-top: 0;
}

@media (max-width: 575px) {
  .bradford-admissions-modal .modal-header,
  .bradford-admissions-modal .modal-body {
    padding: 22px 18px;
  }

  .bradford-admissions-modal .modal-dialog {
    margin: 12px;
  }
}

.bradford-faq-tabs .nav-tabs {
  gap: 12px;
  border: 0;
}

.bradford-faq-tabs .nav-link {
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid #dce8f3;
  border-radius: 999px;
  background: #ffffff;
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 700;
}

.bradford-faq-tabs .nav-link:hover,
.bradford-faq-tabs .nav-link.active {
  border-color: var(--tg-theme-primary);
  background: var(--tg-theme-primary);
  color: var(--tg-common-color-white);
}

.bradford-faq-columns .faq__wrap {
  height: 100%;
}

.bradford-faq-columns--blue {
  background: #eef6fb;
}

.bradford-faq-columns--blue > .container > .section__title .title {
  color: #0b1b2b;
}

.bradford-faq-columns--blue > .container > .section__title .sub-title {
  background: #8a1538;
  color: #ffffff;
  font-weight: 800;
}

.bradford-academic-pathway .about__images-six > img {
  width: 100%;
  height: clamp(340px, 36vw, 460px);
  object-fit: cover;
}

.bradford-academic-pathway .section__title {
  margin-bottom: 14px;
}

.bradford-academic-pathway .section__title .sub-title {
  font-size: 14px;
}

.bradford-academic-pathway .section__title .title {
  font-size: clamp(26px, 2.7vw, 36px);
  line-height: 1.2;
}

.bradford-academic-pathway .about__content-six > p {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.62;
}

.bradford-academic-pathway .about__info-list {
  margin-bottom: 24px;
}

.bradford-academic-pathway .about__info-list-item {
  gap: 10px;
  margin-bottom: 10px;
}

.bradford-academic-pathway .about__info-list-item i {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  font-size: 12px;
}

.bradford-academic-pathway .about__info-list-item p {
  font-size: 14px;
  line-height: 1.48;
}

.bradford-academic-focus {
  background: #002060;
}

.bradford-academic-focus .row > [class*="col-"] {
  display: flex;
}

.bradford-curriculum-detail {
  scroll-margin-top: 120px;
}

.bradford-curriculum-detail--early {
  background: #ffffff;
}

.bradford-curriculum-detail--math {
  background: #002060;
}

.bradford-curriculum-detail--math > .container > .row .section__title .sub-title {
  background: #8a1538;
  color: #ffffff;
  font-weight: 800;
}

.bradford-curriculum-detail--math > .container > .row .section__title .title,
.bradford-curriculum-detail--math > .container > .row .section__title p {
  color: #ffffff;
}

.bradford-curriculum-detail--secondary {
  background: linear-gradient(135deg, rgba(0, 32, 96, 0.06), rgba(128, 0, 32, 0.05));
}

.bradford-curriculum-detail__media {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 12px 12px 0 0 rgba(0, 32, 96, 0.12);
}

.bradford-curriculum-detail__media img {
  width: 100%;
  height: clamp(320px, 35vw, 460px);
  object-fit: cover;
}

.bradford-curriculum-detail__intro {
  padding-left: clamp(0px, 4vw, 36px);
}

.bradford-curriculum-detail__intro h2,
.bradford-secondary-intro h2 {
  margin-bottom: 16px;
  color: #002060;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.08;
}

.bradford-curriculum-detail__intro p,
.bradford-secondary-intro p {
  color: #52677f;
  font-size: 15px;
  line-height: 1.7;
}

.bradford-stage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bradford-stage-card,
.bradford-learning-card,
.bradford-curriculum-panel > div,
.bradford-curriculum-columns > div,
.bradford-secondary-card {
  /* border: 1px solid rgba(11, 45, 82, 0.1); */
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(20, 33, 61, 0.08);
}

.bradford-stage-card {
  padding: 20px;
}

.bradford-stage-card span,
.bradford-learning-card__step {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(128, 0, 32, 0.1);
  color: #800020;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.bradford-stage-card h3,
.bradford-learning-card h3,
.bradford-curriculum-panel h3,
.bradford-curriculum-columns h3,
.bradford-secondary-card h3 {
  margin-bottom: 12px;
  color: #002060;
  font-size: 22px;
  line-height: 1.18;
}

.bradford-curriculum-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bradford-curriculum-panel > div,
.bradford-curriculum-columns > div,
.bradford-secondary-card {
  padding: 24px;
}

.bradford-curriculum-panel p,
.bradford-curriculum-columns p,
.bradford-learning-card p,
.bradford-secondary-card p {
  color: #52677f;
  font-size: 14px;
  line-height: 1.65;
}

.bradford-learning-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.bradford-learning-card {
  padding: 26px;
}

.bradford-learning-card--wide {
  grid-column: 1 / -1;
}

.bradford-learning-card__group {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(11, 45, 82, 0.1);
}

.bradford-learning-card__group h4,
.bradford-topic-grid h4 {
  margin-bottom: 6px;
  color: #800020;
  font-size: 15px;
  line-height: 1.25;
}

.bradford-topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.bradford-topic-grid > div {
  min-height: 100%;
  padding: 18px;
  border-radius: 8px;
  background: #f7fafc;
}

.bradford-curriculum-detail--math .bradford-topic-grid > div {
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(11, 45, 82, 0.16);
}

.bradford-curriculum-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bradford-check-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bradford-check-list li {
  position: relative;
  padding-left: 24px;
  color: #52677f;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-check-list li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 2px;
  color: #002060;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 700;
}

.bradford-secondary-intro {
  position: sticky;
  top: 120px;
}

.bradford-secondary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bradford-secondary-card {
  min-height: 100%;
}

.bradford-secondary-card:nth-child(2) {
  grid-row: span 2;
}

.bradford-academic-focus__intro {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 34px;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.bradford-academic-focus__intro p {
  margin-bottom: 0;
  color: #52677f;
  line-height: 1.7;
}

.bradford-academic-focus__list {
  width: 100%;
  display: grid;
  gap: 14px;
}

.bradford-academic-focus__item {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  align-items: start;
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

.bradford-academic-focus__item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f2f6fb;
  color: #002060;
  font-family: var(--tg-heading-font-family);
  font-size: 14px;
  font-weight: 800;
}

.bradford-academic-focus__item h3 {
  margin-bottom: 7px;
  color: #002060;
  font-size: 22px;
  line-height: 1.2;
}

.bradford-academic-focus__item p {
  margin-bottom: 0;
  color: #52677f;
  line-height: 1.65;
}

.bradford-pathway-selector {
  position: relative;
  overflow: hidden;
  padding: 64px 0;
  background: #f7f8f5;
}

.bradford-pathway-selector__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  align-items: stretch;
  gap: clamp(36px, 6vw, 96px);
}

.bradford-pathway-selector__content {
  padding: clamp(22px, 2.5vw, 32px);
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 50px rgba(11, 45, 82, 0.08);
}

.bradford-pathway-selector__content .section__title {
  margin-bottom: 18px;
}

.bradford-pathway-selector__content .section__title .title {
  max-width: 620px;
  font-size: clamp(25px, 2.6vw, 36px);
  line-height: 1.15;
}

.bradford-pathway-selector__content .section__title p {
  max-width: 680px;
  margin-top: 10px;
  color: #586577;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-pathway-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bradford-pathway-list a {
  display: grid;
  grid-template-columns: 60px 1fr 38px;
  align-items: center;
  gap: 20px;
  padding: 13px 16px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 8px;
  background: #fbfcff;
  color: inherit;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.bradford-pathway-list a:hover {
  transform: translateY(-2px);
  border-color: rgba(138, 21, 56, 0.22);
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(11, 45, 82, 0.1);
}

.bradford-pathway-list img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.bradford-pathway-list strong {
  display: block;
  margin-bottom: 2px;
  color: #0b2d52;
  font-size: 16px;
  line-height: 1.2;
}

.bradford-pathway-list span {
  display: block;
  color: #6a7480;
  font-size: 13px;
  line-height: 1.35;
}

.bradford-pathway-list i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #8a1538;
  color: #ffffff;
  font-size: 14px;
}

.bradford-pathway-selector__image {
  height: clamp(420px, 38vw, 520px);
  min-height: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.bradford-pathway-selector__image img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

.bradford-pathway-selector__badge {
  position: absolute;
  right: 22px;
  bottom: 22px;
  max-width: 230px;
  padding: 18px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
}

.bradford-pathway-selector__badge span {
  display: block;
  color: #8a1538;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bradford-pathway-selector__badge p {
  margin: 6px 0 0;
  color: #0b2d52;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.bradford-stage-page__hero {
  padding: 110px 0 70px;
  background: linear-gradient(135deg, #f8f4f5 0%, #eef5fb 100%);
}

.bradford-stage-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr);
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
}

.bradford-stage-page__hero h1 {
  margin-bottom: 18px;
  color: #0b2d52;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
}

.bradford-stage-page__hero p {
  color: #556271;
  font-size: 17px;
  line-height: 1.75;
}

.bradford-stage-page__media {
  position: relative;
  min-height: 430px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 28px 60px rgba(11, 45, 82, 0.16);
}

.bradford-stage-page__media img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
}

.bradford-stage-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.bradford-stage-page__chips li {
  padding: 10px 14px;
  border-radius: 999px;
  background: #ffffff;
  color: #0b2d52;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(11, 45, 82, 0.08);
}

.bradford-stage-overview {
  padding: 90px 0;
}

.bradford-stage-overview__grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.bradford-stage-overview__intro {
  position: sticky;
  top: 110px;
  padding: 30px;
  border-radius: 8px;
  background: #0b2d52;
  color: #ffffff;
}

.bradford-stage-overview__intro .sub-title {
  color: #ffd7df;
}

.bradford-stage-overview__intro h2 {
  margin: 10px 0 16px;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.15;
}

.bradford-stage-overview__intro p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.7;
}

.bradford-stage-overview--upper-secondary {
  background: #8a1538;
}

.bradford-stage-overview--upper-secondary .bradford-stage-overview__intro {
  background: #8a1538;
}

.bradford-stage-overview--upper-secondary .bradford-stage-info-card {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.bradford-stage-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bradford-stage-info-card {
  padding: 26px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.07);
}

.bradford-stage-info-card i {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #8a1538;
  color: #ffffff;
  font-size: 18px;
}

.bradford-stage-info-card h3 {
  margin-bottom: 12px;
  color: #0b2d52;
  font-size: 20px;
  line-height: 1.25;
}

.bradford-stage-info-card p,
.bradford-stage-info-card li {
  color: #5f6b7a;
  font-size: 15px;
  line-height: 1.7;
}

.bradford-stage-info-card ul {
  margin: 0;
  padding-left: 18px;
}

.bradford-stage-band {
  padding: 86px 0;
  background: #f8fafc;
}

.bradford-stage-band--early-years {
  background: #8a1538;
}

.bradford-stage-band__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bradford-stage-band__item {
  padding: 24px;
  border-radius: 8px;
  background: #ffffff;
  border-top: 4px solid #8a1538;
}

.bradford-stage-band__item:nth-child(2) {
  border-top-color: #0b5f92;
}

.bradford-stage-band__item:nth-child(3) {
  border-top-color: #d4a017;
}

.bradford-stage-band__item span {
  color: #8a1538;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-stage-band__item h3 {
  margin: 8px 0 10px;
  color: #0b2d52;
  font-size: 22px;
}

.bradford-stage-band__item p {
  margin: 0;
  color: #617080;
  line-height: 1.65;
}

.bradford-phase-subjects {
  padding: 90px 0;
  background: #ffffff;
}

.bradford-phase-subjects--soft {
  background: #f8fafc;
}

.bradford-phase-subjects--early-years {
  background: #eef6fb;
}

.bradford-phase-subjects--primary {
  background: #002060;
}

.bradford-phase-subjects--primary .bradford-phase-subjects__top .sub-title {
  background: #8a1538;
  color: #ffffff;
  font-weight: 800;
}

.bradford-phase-subjects--primary .bradford-phase-subjects__top .title,
.bradford-phase-subjects--primary .bradford-phase-subjects__top p {
  color: #ffffff;
}

.bradford-phase-subjects--lower-secondary {
  background: #f2f4f7;
}

.bradford-phase-subjects--lower-secondary .bradford-phase-subjects__top .sub-title {
  background: #002060;
  color: #ffffff;
  font-weight: 800;
}

.bradford-phase-subjects--lower-secondary .bradford-phase-subjects__top .title,
.bradford-phase-subjects--lower-secondary .bradford-phase-subjects__top p {
  color: #002060;
}

.bradford-phase-subjects__top {
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}

.bradford-phase-subjects__top .title {
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.14;
}

.bradford-phase-subjects__top p {
  margin: 12px auto 0;
  color: #5f6b7a;
  font-size: 16px;
  line-height: 1.65;
}

.bradford-phase-subject-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
}

.bradford-phase-subject-card {
  min-height: 100%;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 42px;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.bradford-phase-subject-card:hover {
  transform: translateY(-3px);
  border-color: rgba(138, 21, 56, 0.24);
  box-shadow: 0 24px 50px rgba(11, 45, 82, 0.12);
}

.bradford-phase-subject-card img {
  grid-row: 1 / span 4;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  background: #f3f7fb;
}

.bradford-phase-subject-card span {
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f8e8ed;
  color: #8a1538;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-phase-subject-card h3 {
  margin: 0;
  color: #0b2d52;
  font-size: 19px;
  line-height: 1.25;
}

.bradford-phase-subject-card p {
  display: -webkit-box;
  margin: 2px 0 0;
  color: #627083;
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bradford-phase-subject-card strong {
  grid-column: 3;
  grid-row: 1 / span 4;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  color: #8a1538;
  font-size: 0;
  font-weight: 900;
}

.bradford-phase-subject-card strong i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef6fb;
  color: #0b2d52;
  font-size: 14px;
}

.bradford-phase-subject-group + .bradford-phase-subject-group {
  margin-top: 34px;
}

.bradford-phase-subject-group__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(11, 45, 82, 0.1);
}

.bradford-phase-subject-group__head span {
  color: #0b2d52;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
}

.bradford-phase-subject-group__head strong {
  color: #8a1538;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-curriculum-section {
  padding-top: 104px;
}

.bradford-home-curriculum-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 0 30px;
}

.bradford-home-curriculum-tabs button {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(11, 45, 82, 0.12);
  border-radius: 999px;
  background: #ffffff;
  color: #0b2d52;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bradford-home-curriculum-tabs button.is-active,
.bradford-home-curriculum-tabs button:hover {
  border-color: #8a1538;
  background: #8a1538;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(138, 21, 56, 0.18);
}

.bradford-home-curriculum-action {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.bradford-extramurals {
  padding: 90px 0;
  background: #ffffff;
}

.bradford-extramurals__row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 320px);
  gap: 18px;
  overflow-x: auto;
  padding: 4px 4px 18px;
  scroll-snap-type: x mandatory;
}

.bradford-extramurals__row article {
  scroll-snap-align: start;
  min-height: 100%;
  padding: 18px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid rgba(11, 45, 82, 0.08);
}

.bradford-extramural-media {
  width: 100%;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 8px;
  background: #ffffff;
}

.bradford-extramural-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 14px;
}

.bradford-extramural-media--icon {
  background: #8a1538;
}

.bradford-extramural-media--icon i {
  color: #ffffff;
  font-size: 34px;
}

.bradford-extramurals__row h3 {
  margin-bottom: 10px;
  color: #0b2d52;
  font-size: 20px;
}

.bradford-extramurals__row p {
  margin: 0;
  color: #5f6b7a;
  font-size: 14px;
  line-height: 1.65;
}

.bradford-campus-voiceover {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 40px 0 50px;
}

.bradford-glen-austin-band {
  margin: 52px 0 68px;
  padding: 56px 0;
  background: #002060;
  box-shadow: 0 0 0 100vmax #002060;
  clip-path: inset(0 -100vmax);
}

.bradford-vorna-valley-band {
  margin: 52px 0 68px;
  padding: 56px 0;
  background: #002060;
  box-shadow: 0 0 0 100vmax #002060;
  clip-path: inset(0 -100vmax);
}

.bradford-glen-austin-band .bradford-campus-voiceover {
  margin-top: 0;
}

.bradford-vorna-valley-band .bradford-campus-voiceover {
  margin-top: 0;
}

.bradford-glen-austin-band .bradford-fee-campus-section {
  margin-bottom: 0;
}

.bradford-campus-voiceover--single {
  grid-template-columns: 1fr;
  margin-top: 28px;
}

.bradford-campus-voiceover article {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 22px;
  align-items: center;
  padding: 18px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 20px 45px rgba(11, 45, 82, 0.09);
}

.bradford-campus-voiceover img {
  width: 100%;
  height: 170px;
  border-radius: 6px;
  object-fit: cover;
}

.bradford-campus-voiceover video {
  width: 100%;
  height: 170px;
  display: block;
  border-radius: 6px;
  object-fit: cover;
}

.bradford-stage-video {
  padding: 86px 0;
  background: #ffffff;
}

.bradford-stage-video--early-years {
  background: #002060;
}

.bradford-stage-video--early-years .section__title .sub-title,
.bradford-stage-video--early-years .section__title .title {
  color: #ffffff;
}

.bradford-stage-video--early-years .section__title .sub-title {
  background: #8a1538;
  font-weight: 800;
}

.bradford-stage-video--early-years .section__title p {
  color: #52677f;
}

.bradford-stage-video__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1fr);
  gap: clamp(26px, 4vw, 50px);
  align-items: center;
}

.bradford-stage-video__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 22px 54px rgba(11, 45, 82, 0.14);
}

.bradford-stage-video__media video {
  width: 100%;
  height: clamp(260px, 34vw, 420px);
  display: block;
  object-fit: cover;
}

.bradford-stage-video__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 45, 82, 0.08), rgba(11, 45, 82, 0.28));
}

.bradford-stage-video__media span {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  color: #8a1538;
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 32px rgba(11, 45, 82, 0.2);
}

.bradford-campus-voiceover span {
  color: #8a1538;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-campus-voiceover h3 {
  margin: 7px 0 10px;
  color: #0b2d52;
  font-size: 23px;
}

.bradford-campus-voiceover p {
  margin-bottom: 16px;
  color: #5f6b7a;
  font-size: 14px;
  line-height: 1.6;
}

.bradford-voiceover-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #8a1538;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  body.bradford-has-header:not(.bradford-home) .main-area {
    padding-top: 104px;
  }

  .bradford-header {
    padding: 16px 16px;
  }

  .bradford-brand img {
    width: 78px;
    height: 78px;
    margin: -10px 0 -10px;
  }

  .bradford-inquire,
  .bradford-hero__cta,
  .bradford-mega__cta {
    min-height: 48px;
    padding: 0 20px;
    font-size: 14px;
  }

  .bradford-mega {
    top: 94px;
    bottom: 16px;
    overflow-y: auto;
  }

  .bradford-mega__inner {
    grid-template-columns: 1fr;
  }

  .bradford-mega__nav,
  .bradford-mega__links {
    grid-template-columns: 1fr;
  }

  .bradford-mega__content {
    padding: 20px;
  }

  .bradford-mega__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .bradford-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bradford-curriculum-phase-grid,
  .bradford-subject-pill-preview__grid,
  .bradford-stage-video__grid {
    grid-template-columns: 1fr;
  }

  .bradford-courses-hub .courses__sidebar {
    position: static;
    margin-top: 28px;
  }

  .bradford-page-hero h1 {
    font-size: 40px;
  }
}

@media (max-width: 767.98px) {
  .bradford-simple-header__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .bradford-page-grid {
    grid-template-columns: 1fr;
  }

  .bradford-curriculum-hero {
    min-height: 520px;
  }

  .bradford-curriculum-hero__content {
    padding: 96px 0 70px;
  }

  .bradford-curriculum-phase-card {
    grid-template-columns: 66px minmax(0, 1fr) 38px;
    gap: 14px;
    padding: 18px;
  }

  .bradford-curriculum-phase-card img {
    width: 66px;
    height: 66px;
  }

  .bradford-curriculum-phase-card h3 {
    font-size: 21px;
  }

  .bradford-curriculum-phase-card p {
    font-size: 13px;
  }

  .bradford-curriculum-phase-card > i {
    width: 38px;
    height: 38px;
  }

  .bradford-page-hero h1 {
    font-size: 34px;
  }

  .all-courses-area .courses__item {
    padding: 16px;
  }

  .all-courses-area .courses__item-thumb img,
  .all-courses-area .courses__item-three .courses__item-thumb img {
    width: 100%;
    height: 155px;
    min-height: 155px;
  }

  .all-courses-area .courses__item-three {
    gap: 12px;
  }

  .all-courses-area .courses__item-three .courses__item-thumb {
    flex: 0 0 auto;
    margin-bottom: 12px;
  }
}

@media (max-width: 575px) {
  .bradford-enrolment-band {
    padding: 42px 0;
  }

  .bradford-fee-note-grid {
    padding: 42px 0;
  }

  .bradford-glen-austin-band {
    margin: 40px 0 52px;
    padding: 42px 0;
  }

  .bradford-vorna-valley-band {
    margin: 40px 0 52px;
    padding: 42px 0;
  }

  body.bradford-has-header:not(.bradford-home) .main-area {
    padding-top: 96px;
  }

  .bradford-brand {
    gap: 10px;
  }

  .bradford-brand span {
    max-width: 148px;
    font-size: 18px;
  }

  .bradford-actions {
    gap: 10px;
  }

  .bradford-inquire {
    padding: 0 16px;
    min-height: 44px;
    font-size: 13px;
  }

  .bradford-menu-toggle {
    width: 46px;
    height: 46px;
  }
}

.bradford-whatsapp-float {
  bottom: 30px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-size: 22px !important;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.32);
}

.bradford-whatsapp-float:hover {
  background: #128c7e !important;
  color: #ffffff !important;
}

.contact-form-submit {
  display: flex;
  justify-content: flex-end;
}

.bradford-campus-directions {
  background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
  overflow: hidden;
}

.bradford-campus-directions__header {
  max-width: 820px;
  margin: 0 auto 42px;
  text-align: center;
}

.bradford-campus-directions__header p {
  margin: 14px auto 0;
  color: #52677f;
  font-size: 16px;
  line-height: 1.7;
}

.bradford-campus-location {
  scroll-margin-top: 120px;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 44px);
  align-items: stretch;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(11, 45, 82, 0.1);
}

.bradford-campus-location + .bradford-campus-location {
  margin-top: 30px;
}

.bradford-campus-location--reverse .bradford-campus-location__content {
  order: 1;
}

.bradford-campus-location--reverse .bradford-campus-location__map {
  order: 2;
}

.bradford-campus-location__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bradford-campus-location__label {
  width: fit-content;
  margin-bottom: 14px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(138, 21, 56, 0.1);
  color: #8a1538;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.bradford-campus-location h3 {
  margin-bottom: 14px;
  color: #002060;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.12;
}

.bradford-campus-location p {
  margin-bottom: 22px;
  color: #52677f;
  font-size: 15.5px;
  line-height: 1.72;
}

.bradford-campus-location__list {
  display: grid;
  gap: 12px;
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

.bradford-campus-location__list li {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  color: #254763;
  font-weight: 600;
}

.bradford-campus-location__list i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(11, 45, 82, 0.09);
  color: #002060;
  font-size: 18px;
}

.bradford-campus-location__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.bradford-campus-location__text-link {
  color: #8a1538;
  font-weight: 700;
}

.bradford-campus-location__text-link:hover {
  color: #002060;
}

.bradford-campus-location__map {
  min-height: 340px;
  overflow: hidden;
  border-radius: 14px;
  background: #dfe8f2;
}

.bradford-campus-location__map iframe {
  width: 100%;
  height: 100%;
  min-height: 340px;
  display: block;
  border: 0;
}

.contact-map.bradford-campus-maps {
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.bradford-campus-map {
  min-width: 0;
}

.bradford-campus-map .title {
  margin-bottom: 14px;
  font-size: 22px;
}

.contact-map.bradford-campus-maps iframe {
  width: 100%;
  height: 390px;
  display: block;
}

.event__details-area .event__details-thumb {
  margin-bottom: 42px;
}

.event__details-area .event__details-thumb img {
  width: 100%;
  height: clamp(220px, 28vw, 360px);
  min-height: 0;
  aspect-ratio: 16 / 5;
  object-fit: cover;
  object-position: center;
}

.event__details-area .event__details-inner img {
  width: 100%;
  height: clamp(170px, 20vw, 260px);
  aspect-ratio: 16 / 6;
  object-fit: cover;
  object-position: center;
}

.event__details-area .event__meta .list-wrap li.author img {
  width: 54px;
  height: 38px;
  border-radius: 6px;
  object-fit: cover;
}

.bradford-campus-split {
  background: #f5f5f5;
}

.bradford-campus-split .section__title p {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.bradford-campus-split__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 48px);
}

.bradford-campus-panel {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(0, 32, 96, 0.1);
  background: #ffffff;
}

.bradford-campus-panel--ga {
  background: #ffffff;
}

.bradford-campus-panel__slider {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  background: #002060;
}

.bradford-campus-panel__slider .swiper-slide,
.bradford-campus-panel__slider img {
  width: 100%;
  height: 100%;
}

.bradford-campus-panel__slider img {
  display: block;
  object-fit: cover;
}

.bradford-campus-panel__content {
  padding: clamp(24px, 3vw, 34px);
}

.bradford-campus-panel__content span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #002060;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

.bradford-campus-panel--ga .bradford-campus-panel__content span {
  background: #8a1538;
}

.bradford-campus-panel__content h3 {
  margin: 0 0 12px;
  color: #002060;
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.2;
}

.bradford-campus-panel__content p {
  margin: 0 0 16px;
  color: #52677f;
  font-size: 13px;
  line-height: 1.48;
}

.bradford-campus-panel__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.bradford-campus-panel__content li {
  position: relative;
  padding-left: 22px;
  color: #253f64;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.38;
}

.bradford-campus-panel__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.66em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d7a928;
}

@media (max-width: 991.98px) {
  .bradford-campus-split__grid {
    grid-template-columns: 1fr;
  }
}

.bradford-typical-day {
  overflow: hidden;
  background: #8a1538;
}

.bradford-typical-day__layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.bradford-typical-day__intro {
  position: relative;
  z-index: 2;
  padding-right: clamp(0px, 2vw, 18px);
  background: transparent;
}

.bradford-typical-day__intro .section__title .title {
  color: #ffffff;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.04;
}

.bradford-typical-day__intro .section__title .sub-title {
  background: #002060;
  color: #ffffff;
  font-weight: 800;
}

.bradford-typical-day__intro p {
  margin-bottom: 28px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.7;
}

.bradford-typical-day__nav {
  display: flex;
  gap: 12px;
}

.bradford-typical-day__nav button {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11, 45, 82, 0.16);
  border-radius: 50%;
  background: #ffffff;
  color: #002060;
  transition: all 0.2s ease;
}

.bradford-typical-day__nav button:hover {
  background: #002060;
  color: #ffffff;
}

.bradford-day-prev {
  transform: rotate(180deg);
}

.bradford-day-prev:hover {
  transform: rotate(180deg) translateX(2px);
}

.bradford-day-next:hover {
  transform: translateX(2px);
}

.bradford-typical-day__slider {
  min-width: 0;
  overflow: hidden;
}

.bradford-day-swiper {
  overflow: hidden;
}

.bradford-day-swiper .swiper-slide {
  height: auto;
}

.bradford-day-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(20, 33, 61, 0.09);
}

.bradford-day-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

.bradford-day-card img[src*="word-content"] {
  object-fit: contain;
  padding: 22px;
  background: #ffffff;
}

.bradford-hero__media video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.bradford-day-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.bradford-day-card__content span {
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(128, 0, 32, 0.1);
  color: #800020;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.bradford-day-card__content h3 {
  margin-bottom: 10px;
  color: #002060;
  font-size: 22px;
  line-height: 1.18;
}

.bradford-day-card__content p {
  margin: 0;
  color: #52677f;
  font-size: 14px;
  line-height: 1.62;
}

.bradford-day-pagination {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
}

.bradford-day-pagination::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.32);
  transform: translateY(-50%);
}

.bradford-day-pagination .swiper-pagination-bullet {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  margin: 0 !important;
  border: 2px solid #ffffff;
  background: #b8c6d6;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(11, 45, 82, 0.18);
}

.bradford-day-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 999px;
  background: #002060;
}

.bradford-gallery {
  overflow: hidden;
  background: #ffffff;
}

.bradford-gallery__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
}

.bradford-gallery__head .section__title {
  max-width: 680px;
}

.bradford-gallery__nav {
  display: flex;
  gap: 12px;
}

.bradford-gallery__nav button {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11, 45, 82, 0.16);
  border-radius: 50%;
  background: #ffffff;
  color: #002060;
  transition: all 0.2s ease;
}

.bradford-gallery__nav button:hover {
  background: #8a1538;
  color: #ffffff;
}

.bradford-gallery-prev {
  transform: rotate(180deg);
}

.bradford-gallery-card {
  position: relative;
  min-height: 360px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  background: #0b2d52;
  color: #ffffff;
  box-shadow: 0 20px 50px rgba(11, 45, 82, 0.13);
}

.bradford-gallery-card img {
  width: 100%;
  height: 360px;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.bradford-gallery-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 45, 82, 0.08) 35%, rgba(11, 45, 82, 0.88) 100%);
}

.bradford-gallery-card span,
.bradford-gallery-card h3 {
  position: absolute;
  z-index: 1;
  left: 22px;
  right: 22px;
}

.bradford-gallery-card span {
  bottom: 76px;
  color: #f5d468;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-gallery-card h3 {
  bottom: 24px;
  margin: 0;
  color: #ffffff;
  font-size: 23px;
  line-height: 1.18;
}

.bradford-gallery-card:hover {
  color: #ffffff;
}

.bradford-gallery-card:hover img {
  transform: scale(1.04);
}

.bradford-gallery-pagination {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 28px;
}

.bradford-gallery-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #cbd5e1;
}

.bradford-gallery-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 999px;
  background: #8a1538;
}

@media (max-width: 767.98px) {
  .bradford-collab-hero,
  .bradford-collab-lab,
  .bradford-creative-hero,
  .bradford-world-hero,
  .bradford-world-feature {
    grid-template-columns: 1fr;
  }

  .bradford-collab-network,
  .bradford-collab-lab ul,
  .bradford-creative-studio,
  .bradford-world-path {
    grid-template-columns: 1fr;
  }

  .bradford-collab-network article {
    border-right: 0;
    border-bottom: 1px solid rgba(11, 45, 82, 0.1);
  }

  .bradford-collab-network article:last-child {
    border-bottom: 0;
  }

  .bradford-collab-hero__panel img,
  .bradford-creative-mosaic img,
  .bradford-world-hero img {
    height: 240px;
    border-radius: 12px;
  }

  .bradford-creative-mosaic {
    grid-template-columns: 1fr;
  }

  .bradford-collab-hero__content h1,
  .bradford-creative-hero__copy h1,
  .bradford-world-hero h1 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .bradford-fees-hero,
  .bradford-fee-campus-grid,
  .bradford-fee-campus-card,
  .bradford-fee-campus-section__head,
  .bradford-fee-note-grid {
    grid-template-columns: 1fr;
  }

  .bradford-fees-hero {
    gap: 26px;
  }

  .bradford-fees-hero__media img {
    height: 250px;
    border-radius: 12px;
  }

  .bradford-fees-hero__content h1 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .bradford-fees-summary,
  .bradford-fees-step-grid,
  .bradford-fee-option-grid {
    grid-template-columns: 1fr;
  }

  .bradford-fee-campus-card img {
    min-height: 210px;
  }

  .bradford-fee-campus-card div {
    padding: 0 20px 22px;
  }

  .bradford-fee-campus-section {
    border-radius: 12px;
  }

  .bradford-fee-campus-section__head {
    flex-direction: column;
    gap: 12px;
  }

  .bradford-fees-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .bradford-campus-page__hero,
  .bradford-campus-page__grid,
  .bradford-campus-page__map {
    grid-template-columns: 1fr;
  }

  .bradford-campus-page__hero img {
    height: 250px;
    border-radius: 12px;
  }

  .bradford-campus-page__hero h1 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .bradford-campus-page__map {
    padding: 18px;
    border-radius: 12px;
  }

  .bradford-campus-page__map iframe {
    min-height: 300px;
  }

  .bradford-calendar-panel,
  .bradford-calendar-side-card {
    border-radius: 12px;
  }

  .bradford-calendar-panel__head,
  .bradford-calendar-toolbar {
    grid-template-columns: 1fr;
    display: grid;
  }

  .bradford-calendar-panel__head p {
    max-width: none;
  }

  .bradford-calendar-toolbar {
    justify-items: start;
  }

  .bradford-calendar-toolbar__view {
    justify-content: flex-start;
  }

  .bradford-calendar-table {
    min-width: 720px;
  }

  .bradford-calendar-table td {
    height: 118px;
    padding: 10px;
  }

  .bradford-calendar-event {
    font-size: 11px;
  }

  .bradford-calendar-side-list li {
    grid-template-columns: 82px 1fr;
  }

  .bradford-calendar-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .bradford-focus-hero,
  .bradford-focus-hero--compact {
    grid-template-columns: 1fr;
  }

  .bradford-focus-hero h1 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .bradford-focus-hero img,
  .bradford-focus-hero--compact img {
    height: 240px;
    border-radius: 12px;
  }

  .bradford-focus-grid {
    grid-template-columns: 1fr;
  }

  .bradford-focus-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .bradford-campus-directions__header {
    margin-bottom: 28px;
    text-align: left;
  }

  .bradford-campus-location,
  .bradford-campus-location--reverse {
    grid-template-columns: 1fr;
    padding: 18px;
    border-radius: 12px;
  }

  .bradford-campus-location--reverse .bradford-campus-location__content,
  .bradford-campus-location--reverse .bradford-campus-location__map {
    order: initial;
  }

.bradford-campus-location__map,
.bradford-campus-location__map iframe {
    min-height: 300px;
  }

  .bradford-campus-location__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .contact-map.bradford-campus-maps {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .contact-map.bradford-campus-maps iframe {
    height: 320px;
  }

  .event__details-area .event__details-thumb {
    margin-bottom: 28px;
  }

  .event__details-area .event__details-thumb img {
    height: 220px;
    aspect-ratio: 16 / 8;
  }

  .event__details-area .event__details-inner img {
    height: 190px;
    aspect-ratio: 16 / 8;
  }

  .bradford-typical-day__layout {
    grid-template-columns: 1fr;
  }

  .bradford-typical-day__nav {
    display: none;
  }

  .bradford-day-card img {
    height: 180px;
  }

  .bradford-gallery__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .bradford-gallery-card,
  .bradford-gallery-card img {
    min-height: 300px;
    height: 300px;
  }
}

.bradford-about-card {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 44px rgba(11, 45, 82, 0.1);
}

.bradford-about-card .about__info-list {
  margin-bottom: 0;
}

.bradford-about-story .section__title .title {
  margin-bottom: 0;
  color: #002060;
  font-size: clamp(28px, 3.2vw, 42px);
}

.bradford-about-story .desc {
  color: #002060;
  font-size: clamp(13px, 0.95vw, 15px);
  line-height: 1.72;
  letter-spacing: 0;
  margin-bottom: 22px;
}

.bradford-about-story .desc:last-child {
  margin-bottom: 0;
}

.bradford-about-story strong,
.bradford-about-story a {
  color: #002060;
  font-weight: 800;
}

.bradford-about-story strong,
.bradford-about-story a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.bradford-about-story a:hover {
  color: #8a1538;
}

.bradford-about-actions {
  justify-content: flex-end;
  margin-top: 24px;
}

.bradford-workshop-card {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 44px rgba(11, 45, 82, 0.1);
}

.bradford-workshop-section {
  background: #002060;
}

.bradford-workshop-section .about__images-three > img {
  border-radius: 8px;
  box-shadow: 0 20px 46px rgba(38, 4, 14, 0.26);
}

.bradford-workshop-card .work__list-wrap {
  margin-bottom: 0;
}

.bradford-workshop-actions {
  justify-content: flex-end;
  margin-top: 24px;
}

.bradford-value-card {
  border-radius: 18px;
  overflow: hidden;
}

.features__item-two.bradford-value-card--vision {
  border-color: rgba(143, 47, 47, 0.24);
  background: linear-gradient(135deg, rgba(255, 150, 150, 0.11), rgba(143, 47, 47, 0.04));
  box-shadow: 8px 8px 0 0 rgba(143, 47, 47, 0.16);
}

.features__item-two.bradford-value-card--vision .features__icon-two {
  background: var(--tg-theme-secondary);
}

.features__item-two.bradford-value-card--mission {
  border-color: rgba(0, 32, 96, 0.22);
  background: linear-gradient(135deg, rgba(0, 32, 96, 0.1), rgba(0, 32, 96, 0.04));
  box-shadow: 8px 8px 0 0 rgba(0, 32, 96, 0.14);
}

.features__item-two.bradford-value-card--mission .features__icon-two {
  background: var(--tg-theme-primary);
}

.bradford-parent-testimonials {
  position: relative;
}

.bradford-parent-testimonials .swiper-container {
  padding: 4px 2px;
}

.bradford-parent-testimonials .swiper-wrapper {
  align-items: stretch;
}

.bradford-parent-testimonials .swiper-slide {
  height: auto;
}

.bradford-parent-testimonials .testimonial__item-two {
  height: 100%;
}

.bradford-parent-testimonials__nav button {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 32, 96, 0.16);
  background: var(--tg-common-color-white);
  color: var(--tg-theme-primary);
  box-shadow: 0 10px 26px rgba(0, 32, 96, 0.16);
}

.bradford-parent-testimonials__nav button.testimonial-button-prev {
  left: -24px;
  box-shadow: 0 10px 26px rgba(0, 32, 96, 0.16);
}

.bradford-parent-testimonials__nav button.testimonial-button-next {
  right: -24px;
  box-shadow: 0 10px 26px rgba(0, 32, 96, 0.16);
}

.bradford-parent-testimonials__nav button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-color-white);
}

.bradford-parent-testimonials__pagination {
  margin-top: 30px;
}

.bradford-parent-testimonials__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(0, 32, 96, 0.22);
}

.bradford-parent-testimonials__pagination .swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 999px;
  background: var(--tg-theme-primary);
}

@media (max-width: 767.98px) {
  .bradford-whatsapp-float {
    width: 42px !important;
    height: 42px !important;
    right: 15px !important;
    bottom: 16px !important;
  }

  .bradford-about-actions {
    justify-content: flex-start;
  }

  .bradford-workshop-actions {
    justify-content: flex-start;
  }

  .bradford-academic-pathway .about__images-six > img {
    height: 300px;
  }

  .bradford-academic-pathway .section__title .title {
    font-size: 25px;
  }

  .bradford-curriculum-detail {
    scroll-margin-top: 92px;
  }

  .bradford-curriculum-detail__intro {
    padding-left: 0;
    margin-top: 30px;
  }

  .bradford-stage-grid,
  .bradford-curriculum-panel,
  .bradford-learning-path,
  .bradford-topic-grid,
  .bradford-curriculum-columns,
  .bradford-secondary-grid {
    grid-template-columns: 1fr;
  }

  .bradford-learning-card--wide,
  .bradford-secondary-card:nth-child(2) {
    grid-column: auto;
    grid-row: auto;
  }

  .bradford-secondary-intro {
    position: static;
    margin-bottom: 28px;
  }

  .bradford-pathway-selector {
    padding: 54px 0;
  }

  .bradford-pathway-selector__grid,
  .bradford-stage-page__hero-grid,
  .bradford-stage-overview__grid,
  .bradford-stage-card-grid,
  .bradford-stage-band__grid {
    grid-template-columns: 1fr;
  }

  .bradford-phase-subject-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bradford-campus-voiceover {
    grid-template-columns: 1fr;
  }

  .bradford-campus-voiceover article {
    grid-template-columns: 1fr;
  }

  .bradford-stage-page__media,
  .bradford-stage-page__media img {
    min-height: 320px;
  }

  .bradford-pathway-selector__image,
  .bradford-pathway-selector__image img {
    min-height: 290px;
  }

  .bradford-stage-page__hero {
    padding: 80px 0 56px;
  }

  .bradford-stage-overview__intro {
    position: static;
  }

  .courses__details-area .courses__overview-wrap,
  .courses__details-area .courses__curriculum-wrap {
    padding: 22px 20px;
  }

  .courses__details-area .courses__details-content > .title {
    font-size: 25px;
  }

  .courses__details-area .courses__details-meta .list-wrap {
    margin-bottom: 24px;
  }

  .courses__details-area .courses__details-content .nav-tabs {
    margin-bottom: 24px;
  }

  .courses__details-area .courses__information-wrap .list-wrap li.bradford-course-info-row {
    grid-template-columns: 22px 76px minmax(0, 1fr);
  }

  .bradford-parent-testimonials__nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
  }

  .bradford-parent-testimonials__nav button,
  .bradford-parent-testimonials__nav button.testimonial-button-prev,
  .bradford-parent-testimonials__nav button.testimonial-button-next {
    position: static;
    transform: none;
  }

  .bradford-parent-testimonials__pagination {
    margin-top: 18px;
  }
}

@media (max-width: 575.98px) {
  .bradford-pathway-selector {
    padding: 46px 0;
  }

  .bradford-pathway-selector__content {
    padding: 20px 16px;
  }

  .bradford-pathway-list a {
    grid-template-columns: 58px 1fr 34px;
    gap: 12px;
    padding: 10px;
  }

  .bradford-pathway-list img {
    width: 58px;
    height: 58px;
  }

  .bradford-pathway-list i {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .bradford-pathway-list strong {
    font-size: 15px;
  }

  .bradford-pathway-list span {
    font-size: 12px;
  }

  .bradford-stage-info-card,
  .bradford-stage-band__item {
    padding: 22px 18px;
  }

  .bradford-phase-subjects {
    padding: 64px 0;
  }

  .bradford-phase-subject-grid {
    grid-template-columns: 1fr;
  }

  .bradford-phase-subject-group__head {
    align-items: flex-start;
    flex-direction: column;
  }
}

.features__area-four .features__item-wrap-two .row > [class*="col-"] {
  display: flex;
}

.features__area-four .features__item-wrap-two .features__item-three {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
}

.bradford-principal-page {
  background: #f7f8fc;
}

.bradford-principal-page__media img {
  width: 100%;
  height: clamp(420px, 52vw, 620px);
  object-fit: cover;
  object-position: top center;
  border-radius: 16px;
  border: 6px solid #ffffff;
  box-shadow: 18px 22px 0 rgba(11, 45, 82, 0.18);
}

.bradford-principal-page__panel {
  padding: clamp(26px, 3vw, 38px);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 20px 46px rgba(11, 45, 82, 0.1);
}

.bradford-principal-page__panel .title {
  color: #14213d;
}

.bradford-principal-page__quote {
  margin: 0 0 24px;
  padding: 24px 26px;
  border-left: 4px solid #8a1538;
  border-radius: 12px;
  background: #f7f8fc;
}

.bradford-principal-page__quote p {
  margin: 0;
  color: #14213d;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  font-style: italic;
}

.bradford-principal-page__quote p + p {
  margin-top: 14px;
}

.bradford-principal-page__panel > p {
  margin-bottom: 14px;
  color: #52677f;
  font-size: 15px;
  line-height: 1.72;
}

.bradford-principal-page__panel > p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .bradford-principal-page__media img {
    height: 360px;
    box-shadow: 12px 14px 0 rgba(11, 45, 82, 0.14);
  }

  .bradford-principal-page__quote {
    padding: 20px 18px;
  }

  .bradford-principal-page__quote p {
    font-size: 17px;
  }
}

.bradford-home .testimonial__area-two {
  background: #ffffff !important;
  background-image: none !important;
}

.bradford-home .testimonial__area-two .section__title .title,
.bradford-home .testimonial__area-two .section__title p {
  color: #14213d;
}

.bradford-home .testimonial__area-two .testimonial__item-two {
  background: #ffffff;
  border: 1px solid rgba(11, 45, 82, 0.08);
}

.bradford-home-extramurals {
  background: linear-gradient(180deg, #eef7fb 0%, #ffffff 100%);
}

.bradford-home-extramurals__heading {
  margin-bottom: 38px;
}

.bradford-home-extramurals__heading .sub-title {
  background: #002060;
  color: #ffffff;
}

.bradford-home-extramurals__slider-wrap {
  position: relative;
  padding-inline: 64px;
}

.bradford-home-extramurals__slider {
  min-width: 0;
  overflow: hidden;
}

.bradford-home-extramurals__slider .swiper-wrapper {
  align-items: stretch;
}

.bradford-home-extramurals__slider .swiper-slide {
  height: auto;
  display: flex;
}

.bradford-home-extramural-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 18px;
  background: #ffffff;
  overflow: hidden;
}

.bradford-home-extramural-card__media {
  height: 210px;
  background: #eef6fb;
}

.bradford-home-extramural-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bradford-home-extramural-card__media--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #f8fafc;
}

.bradford-home-extramural-card__media--logo img {
  object-fit: contain;
  padding: 0;
}

.bradford-home-extramural-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 22px 22px 24px;
}

.bradford-home-extramural-card__body span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(0, 32, 96, 0.08);
  color: #002060;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.bradford-home-extramural-card__body h3 {
  margin-bottom: 10px;
  color: #14213d;
  font-size: 22px;
  line-height: 1.18;
}

.bradford-home-extramural-card__body p {
  margin: 0;
  color: #52677f;
  font-size: 14px;
  line-height: 1.68;
}

.bradford-home-extramurals__button {
  position: absolute;
  top: 50%;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(0, 32, 96, 0.16);
  border-radius: 50%;
  background: #ffffff;
  color: #002060;
  box-shadow: 0 10px 26px rgba(0, 32, 96, 0.12);
  transform: translateY(-50%);
  z-index: 2;
}

.bradford-home-extramurals__button--prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.bradford-home-extramurals__button--next {
  right: 0;
}

.bradford-home-extramurals__button:hover {
  background: #002060;
  color: #ffffff;
}

.bradford-home-extramurals__pagination {
  margin-top: 22px;
  text-align: center;
}

.bradford-home-extramurals__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(0, 32, 96, 0.22);
  opacity: 1;
}

.bradford-home-extramurals__pagination .swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 999px;
  background: #002060;
}

@media (max-width: 767.98px) {
  .bradford-home-extramurals__heading {
    margin-bottom: 28px;
  }

  .bradford-home-extramurals__slider-wrap {
    padding-inline: 0;
  }

  .bradford-home-extramurals__button {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .bradford-home-extramural-card__media {
    height: 170px;
  }

  .bradford-home-extramural-card__body {
    padding: 20px 18px 22px;
  }

  .bradford-home-extramural-card__body h3 {
    font-size: 20px;
  }
}


.bradford-foundation-section {
  position: relative;
  background: #002060;
  overflow: hidden;
}

.bradford-foundation-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 11px;
  background: linear-gradient(
    to bottom,
    #d7a928 0,
    #d7a928 3px,
    transparent 3px,
    transparent 8px,
    #d7a928 8px,
    #d7a928 11px
  );
}

.bradford-foundation-section .section__title .sub-title,
.bradford-foundation-section .section__title .title,
.bradford-foundation-section .section__title p {
  color: #ffffff;
}

.bradford-foundation-section .features__item-wrap .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.bradford-foundation-section .bradford-value-card,
.bradford-foundation-section .features__item-two.bradford-value-card--vision,
.bradford-foundation-section .features__item-two.bradford-value-card--mission,
.bradford-foundation-section .features__item-two.bradford-value-card--approach {
  height: 100%;
  min-height: 300px;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08) !important;
}

.bradford-foundation-section .features__content-two {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bradford-foundation-section .features__content-two .content-top {
  align-items: flex-start;
}

.bradford-foundation-section .features__content-two .title {
  color: #002060;
  font-size: clamp(21px, 1.75vw, 26px);
  line-height: 1.2;
}

.bradford-foundation-section .features__content-two p {
  color: #52677f;
  font-size: 15px;
  line-height: 1.6;
}

.bradford-foundation-section .features__icon-two {
  background: #002060 !important;
  color: #ffffff !important;
}

.bradford-foundation-section .features__icon-two svg,
.bradford-foundation-section .features__icon-two path {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.bradford-values-section {
  background: #ffffff;
}

.bradford-values-section .section__title .sub-title {
  color: #8a1538;
}

.bradford-values-tiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.bradford-values-tile {
  min-height: 250px;
  padding: 26px 22px;
  border: 1px solid rgba(11, 45, 82, 0.1);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.bradford-values-tile__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #002060;
  color: #ffffff;
  font-size: 20px;
}

.bradford-values-tile h3 {
  margin: 0;
  color: #002060;
  font-size: 21px;
  line-height: 1.2;
}

.bradford-values-tile p {
  margin: 0;
  color: #52677f;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-values-readmore {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 13px;
  background: #d7a928;
  color: #002060;
  font-weight: 800;
  line-height: 1;
}

.bradford-values-readmore:hover,
.bradford-values-readmore:focus-visible {
  background: #002060;
  color: #ffffff;
  outline: none;
}

.bradford-pathway {
  background: #ffffff !important;
}

.bradford-pathway .section__title .sub-title {
  color: #8a1538;
}

.bradford-pathway .section__title .title,
.bradford-pathway .section__title p,
.bradford-pathway__content h3,
.bradford-pathway__content p {
  color: #002060 !important;
}

.bradford-pathway__item {
  background: #ffffff;
  border: 1px solid rgba(0, 32, 96, 0.1);
  color: inherit;
  text-decoration: none;
}

.bradford-pathway__item:hover,
.bradford-pathway__item:focus-visible {
  border-color: rgba(0, 32, 96, 0.28);
  transform: translateY(-2px);
}

.bradford-pathway__item:focus-visible {
  outline: 3px solid rgba(215, 169, 40, 0.8);
  outline-offset: 3px;
}

.bradford-pathway__step {
  background: #002060;
  color: #ffffff;
}

.bradford-pathway .arrow-btn {
  background: #002060;
  color: #ffffff;
}

.bradford-pledge-loop {
  background: #002060;
  overflow: hidden;
}

.bradford-pledge-loop .section__title .title,
.bradford-pledge-loop .section__title p {
  color: #ffffff;
}

.bradford-pledge-loop__viewport {
  width: 100%;
  overflow: hidden;
  padding: 0 0 8px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.bradford-pledge-loop__track {
  display: flex;
  align-items: stretch;
  gap: 22px;
  width: max-content;
  animation: bradfordPledgeLoop 52s linear infinite;
}

.bradford-pledge-loop__track:hover {
  animation-play-state: paused;
}

.bradford-pledge-card {
  width: clamp(300px, 32vw, 430px);
  min-height: 190px;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(215, 169, 40, 0.36);
  color: #002060;
}

.bradford-pledge-card img {
  width: 128px;
  height: 150px;
  border-radius: 12px;
  object-fit: cover;
}

.bradford-pledge-card span {
  display: block;
  margin-bottom: 8px;
  color: #002060;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
}

.bradford-pledge-card p {
  margin: 0;
  color: #52677f;
  font-size: 14px;
  line-height: 1.55;
}

.bradford-pledge-card--statement {
  background: #d7a928;
  border-color: #d7a928;
}

.bradford-pledge-card--statement span,
.bradford-pledge-card--statement p {
  color: #002060;
}

@keyframes bradfordPledgeLoop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 11px));
  }
}

@media (max-width: 767.98px) {
  .bradford-pledge-card {
    width: 320px;
    grid-template-columns: 1fr;
  }

  .bradford-pledge-card img {
    width: 100%;
    height: 170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bradford-pledge-loop__track {
    animation: none;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

.bradford-values-modal {
  position: fixed;
  inset: 0;
  z-index: 7000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.bradford-values-modal.is-open {
  display: flex;
}

.bradford-values-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 45, 0.68);
}

.bradford-values-modal__dialog {
  position: relative;
  width: min(760px, 100%);
  max-height: min(84vh, 720px);
  overflow: auto;
  padding: clamp(26px, 4vw, 46px);
  border-radius: 14px;
  background: #ffffff;
  color: #002060;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28);
}

.bradford-values-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #002060;
  color: #ffffff;
}

.bradford-values-modal__label {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(215, 169, 40, 0.18);
  color: #002060;
  font-weight: 800;
  font-size: 13px;
}

.bradford-values-modal h3 {
  margin: 0 0 16px;
  color: #002060;
  font-size: clamp(28px, 3vw, 40px);
}

.bradford-values-modal__content p {
  margin: 0;
  color: #334b70;
  font-size: 16px;
  line-height: 1.78;
}

.bradford-values-modal-open {
  overflow: hidden;
}

@media (max-width: 1199.98px) {
  .bradford-values-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .bradford-values-tiles {
    grid-template-columns: 1fr;
  }

  .bradford-values-tile,
  .bradford-foundation-section .bradford-value-card,
  .bradford-foundation-section .features__item-two.bradford-value-card--vision,
  .bradford-foundation-section .features__item-two.bradford-value-card--mission,
  .bradford-foundation-section .features__item-two.bradford-value-card--approach {
    min-height: auto;
  }

  .bradford-values-modal {
    padding: 14px;
  }
}

.bradford-phase-subject-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.bradford-phase-subject-card img {
  width: 100%;
}

.bradford-phase-subject-card h3 {
  margin: 0;
  padding: 0 2px 2px;
}

.bradford-phase-subject-card span,
.bradford-phase-subject-card p,
.bradford-phase-subject-card strong {
  display: none !important;
}

.bradford-phase-subject-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px 42px !important;
  gap: 16px;
  align-items: center;
}

.bradford-phase-subject-card h3 {
  grid-column: 1;
  margin: 0;
  padding: 0;
}

.bradford-phase-subject-card img {
  grid-column: 2;
  grid-row: 1;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover;
  justify-self: end;
}

.bradford-phase-subject-card strong {
  grid-column: 3;
  grid-row: 1;
  width: 42px;
  height: 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  justify-self: end;
  color: #8a1538;
  font-size: 0;
}

.bradford-phase-subject-card strong i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(138, 21, 56, 0.08);
  font-size: 14px;
}

.bradford-phase-subject-card span,
.bradford-phase-subject-card p {
  display: none !important;
}

.bradford-phase-subject-card {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) 42px !important;
  gap: 16px;
  align-items: center;
}

.bradford-phase-subject-card img {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover;
  justify-self: start !important;
}

.bradford-phase-subject-card h3 {
  grid-column: 2 !important;
  margin: 0;
  padding: 0;
}

.bradford-phase-subject-card strong {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 42px;
  height: 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  justify-self: end;
  font-size: 0;
}

.bradford-phase-subject-card strong i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #002060 !important;
  color: #ffffff !important;
  font-size: 14px;
}

.bradford-phase-subject-card span,
.bradford-phase-subject-card p {
  display: none !important;
}

.bradford-breadcrumb {
  position: relative;
  overflow: hidden;
  background-image: none !important;
}

.bradford-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,0.14), transparent 46%);
  pointer-events: none;
  z-index: 1;
}

.bradford-breadcrumb .breadcrumb__content {
  position: relative;
  z-index: 2;
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
}

.bradford-breadcrumb .breadcrumb__content .title,
.bradford-breadcrumb .breadcrumb__content .breadcrumb,
.bradford-breadcrumb .breadcrumb__content .breadcrumb a,
.bradford-breadcrumb .breadcrumb__content .breadcrumb span,
.bradford-breadcrumb .breadcrumb__content .breadcrumb i {
  color: #ffffff !important;
}

@media (min-width: 992px) {
  .bradford-breadcrumb::after {
    background-image: var(--bradford-breadcrumb-image, url("../img/actual_images/Science.png"));
    background-size: cover;
    background-position: center;
    clip-path: none;
    border-radius: 26px 26px 80px 26px;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.16);
  }
}

.bradford-breadcrumb--early-years {
  background: linear-gradient(135deg, #8a1538 0%, #c63d6e 100%) !important;
}

.bradford-breadcrumb--primary {
  background: linear-gradient(135deg, #002060 0%, #0f5b7a 100%) !important;
}

.bradford-breadcrumb--secondary {
  background: linear-gradient(135deg, #14213d 0%, #002060 100%) !important;
}

.bradford-breadcrumb--early-years .breadcrumb__content {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.bradford-breadcrumb--primary .breadcrumb__content {
  border: 1px solid rgba(186, 228, 255, 0.22);
}

.bradford-breadcrumb--secondary .breadcrumb__content {
  border: 1px solid rgba(255, 255, 255, 0.16);
}

@media (max-width: 991.98px) {
  .bradford-breadcrumb .breadcrumb__content {
    padding: 16px 18px;
    border-radius: 14px;
  }
}

.bradford-breadcrumb__eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 14px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: #002060;
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}

.bradford-breadcrumb .breadcrumb__content .title {
  margin-top: 0;
}

.bradford-breadcrumb--early-years .bradford-breadcrumb__eyebrow {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

.bradford-breadcrumb--primary .bradford-breadcrumb__eyebrow {
  border-radius: 14px;
  background: rgba(186, 228, 255, 0.18);
}

.bradford-breadcrumb--secondary .bradford-breadcrumb__eyebrow {
  border-radius: 14px 14px 14px 0;
  background: rgba(255, 255, 255, 0.14);
}

@media (max-width: 991.98px) {
  .bradford-breadcrumb__eyebrow {
    margin-bottom: 10px;
    padding: 7px 12px;
    font-size: 11px;
  }
}

@media (min-width: 992px) {
  .bradford-breadcrumb--early-years::after {
    border-radius: 26px 26px 84px 26px;
  }

  .bradford-breadcrumb--primary::after {
    border-radius: 30px;
  }

  .bradford-breadcrumb--lower-secondary::after {
    border-radius: 24px 56px 24px 56px;
  }

  .bradford-breadcrumb--upper-secondary::after {
    border-radius: 56px 24px 56px 24px;
  }
}

.bradford-key-differentiators {
  background: #f4f8fc;
}

.bradford-key-differentiators__head {
  max-width: 760px;
  margin: 0 auto 38px;
}

.bradford-key-differentiators__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.bradford-key-differentiators__card {
  min-height: 210px;
  padding: 28px 22px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.bradford-key-differentiators__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #002060;
  color: #ffffff;
  font-size: 22px;
}

.bradford-key-differentiators__card h3 {
  margin: 0;
  color: #0b2d52;
  font-size: 20px;
  line-height: 1.35;
}

@media (max-width: 1199.98px) {
  .bradford-key-differentiators__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .bradford-key-differentiators__grid {
    grid-template-columns: 1fr;
  }

  .bradford-key-differentiators__card {
    min-height: auto;
    padding: 24px 18px;
  }
}

.bradford-school-life {
  background: #ffffff;
}

.bradford-school-life__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 3vw, 42px);
  align-items: center;
  margin-bottom: 54px;
}

.bradford-school-life__copy .section__title,
.bradford-school-life__copy .sub-title {
  margin-bottom: 14px;
}

.bradford-school-life__copy h1 {
  margin: 0 0 18px;
  color: #0b2d52;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.08;
}

.bradford-school-life__copy p {
  margin: 0 0 14px;
  color: #52677f;
  line-height: 1.75;
}

.bradford-school-life__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.bradford-school-life__media {
  border-radius: 20px;
  overflow: hidden;
  min-height: 480px;
}

.bradford-school-life__media img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
}

.bradford-school-life__tiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.bradford-school-life__tiles article {
  min-height: 240px;
  padding: 26px 22px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(11, 45, 82, 0.08);
}

.bradford-school-life__tiles article span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: #8a1538;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-school-life__tiles article span i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(138, 21, 56, 0.08);
}

.bradford-school-life__tiles article h2 {
  margin: 0 0 12px;
  color: #0b2d52;
  font-size: 22px;
  line-height: 1.35;
}

.bradford-school-life__tiles article p {
  margin: 0;
  color: #52677f;
  line-height: 1.7;
}

.bradford-school-life-band {
  padding: 72px 0;
  background: #002060;
}

.bradford-school-life-band__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: center;
}

.bradford-school-life-band__grid span {
  display: inline-block;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-school-life-band__grid h2,
.bradford-school-life-band__grid p {
  margin: 0;
  color: #ffffff;
}

.bradford-school-life-band__grid h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
}

.bradford-school-life-band__grid p {
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.86);
}

.bradford-school-life-path {
  background: #ffffff;
}

.bradford-school-life-path__cards {
  display: grid;
  gap: 16px;
}

.bradford-school-life-path__cards article {
  padding: 24px;
  border-radius: 18px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  background: #f7fafc;
}

.bradford-school-life-path__cards span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: #002060;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-school-life-path__cards h3 {
  margin: 0 0 10px;
  color: #0b2d52;
  font-size: 24px;
}

.bradford-school-life-path__cards p {
  margin: 0;
  color: #52677f;
  line-height: 1.7;
}

.bradford-school-life-activities {
  background: #f4f8fc;
}

.bradford-school-life-activities__head {
  max-width: 760px;
  margin: 0 auto 38px;
}

.bradford-school-life-activities__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.bradford-school-life-activity {
  min-height: 300px;
  padding: 26px 22px;
  border-radius: 18px;
  border: 1px solid rgba(11, 45, 82, 0.08);
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(11, 45, 82, 0.08);
}

.bradford-school-life-activity__media {
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  border-radius: 18px;
  overflow: hidden;
  background: #f3f7fb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bradford-school-life-activity__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #ffffff;
}

.bradford-school-life-activity__media--icon {
  background: #8a1538;
  color: #ffffff;
  font-size: 28px;
}

.bradford-school-life-activity h3 {
  margin: 0 0 12px;
  color: #0b2d52;
  font-size: 22px;
}

.bradford-school-life-activity p {
  margin: 0;
  color: #52677f;
  line-height: 1.7;
}

@media (max-width: 1199.98px) {
  .bradford-school-life__tiles,
  .bradford-school-life-activities__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .bradford-school-life__hero,
  .bradford-school-life-band__grid {
    grid-template-columns: 1fr;
  }

  .bradford-school-life__media,
  .bradford-school-life__media img {
    min-height: 320px;
  }
}

@media (max-width: 767.98px) {
  .bradford-school-life__tiles,
  .bradford-school-life-activities__grid {
    grid-template-columns: 1fr;
  }

  .bradford-school-life__tiles article,
  .bradford-school-life-activity {
    min-height: auto;
  }
}

.bradford-header-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 22px;
  border: 1px solid rgba(0, 32, 96, 0.12);
  border-radius: 999px;
  background: #ffffff;
  color: #002060;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.bradford-header-link:hover {
  background: #002060;
  border-color: #002060;
  color: #ffffff;
  transform: translateY(-1px);
}

@media (max-width: 767.98px) {
  .bradford-header-link {
    display: none;
  }
}

.bradford-admissions-intro {
  margin-bottom: 16px;
  color: #0b2d52;
  font-weight: 600;
}

.bradford-admissions-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px;
}

.bradford-admissions-steps span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: #f4f8fc;
  border: 1px solid rgba(0, 32, 96, 0.1);
  color: #002060;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 575.98px) {
  .bradford-admissions-steps {
    gap: 10px;
  }

  .bradford-admissions-steps span {
    min-height: 40px;
    padding: 0 14px;
    font-size: 12px;
  }
}

.bradford-glen-austin-band .bradford-campus-voiceover article {
  background: #ffffff;
  box-shadow: 0 20px 45px rgba(11, 45, 82, 0.09);
}

.bradford-glen-austin-band .bradford-campus-voiceover span,
.bradford-glen-austin-band .bradford-campus-voiceover h3,
.bradford-glen-austin-band .bradford-campus-voiceover p {
  color: inherit;
}

.bradford-glen-austin-band .bradford-campus-voiceover span {
  color: #8a1538;
}

.bradford-stage-band--early-years {
  background: #eef6fb !important;
}

.bradford-stage-overview--primary {
  background: #ffffff;
}

.bradford-stage-overview--primary .bradford-stage-overview__intro {
  background: #002060;
}








.bradford-faq-directory .faq__wrap .accordion-item .accordion-button:not(.collapsed),
.bradford-faq-columns .faq__wrap .accordion-item .accordion-button:not(.collapsed) {
  color: #002060;
}

.bradford-faq-directory .faq__wrap .accordion-item .accordion-button:not(.collapsed)::after,
.bradford-faq-columns .faq__wrap .accordion-item .accordion-button:not(.collapsed)::after {
  color: #002060;
}

.bradford-cambridge-timeline {
  overflow: hidden;
  background: #ffffff;
  color: #0b2d52;
}

.bradford-cambridge-timeline__head {
  max-width: 980px;
  margin: 0 auto clamp(42px, 6vw, 72px);
}

.bradford-cambridge-timeline__head .sub-title {
  display: inline-block;
  line-height: 1.62;
  background: var(--tg-common-color-gray-2);
  border-radius: 30px;
  padding: 3px 16px;
  font-weight: var(--tg-fw-medium);
  color: var(--tg-theme-primary);
  margin: 0 0 14px;
}

.bradford-cambridge-timeline__head .title {
  margin-bottom: 18px;
  color: #002060;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.12;
}

.bradford-cambridge-timeline__head p {
  max-width: 860px;
  margin: 0 auto 8px;
  color: #52677f;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.55;
}

.bradford-cambridge-timeline__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 46px;
}

.bradford-cambridge-timeline__track::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 90px;
  height: 2px;
  background: rgba(0, 32, 96, 0.28);
}

.bradford-cambridge-timeline__track article {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  text-align: center;
}

.bradford-cambridge-timeline__age {
  min-height: 34px;
  margin-bottom: 20px;
  color: #002060;
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 800;
}

.bradford-cambridge-timeline__marker {
  position: relative;
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border-radius: 50%;
  background: #002060;
}

.bradford-cambridge-timeline__marker::before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.34);
}

.bradford-cambridge-timeline__marker::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}

.bradford-cambridge-timeline__grade {
  display: block;
  max-width: 210px;
  margin: 0 0 8px;
  color: #0b2d52;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.bradford-cambridge-timeline__track h3 {
  margin-bottom: 8px;
  color: #002060;
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.2;
}

.bradford-cambridge-timeline__track p {
  max-width: 190px;
  margin: 0;
  color: #52677f;
  font-size: 15px;
  line-height: 1.45;
}

.bradford-cambridge-timeline .btn {
  background: #002060;
  color: #ffffff;
}

.bradford-cambridge-timeline .btn:hover {
  background: #8a1538;
  color: #ffffff;
}

@media (max-width: 991.98px) {
  .bradford-cambridge-timeline__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
  }

  .bradford-cambridge-timeline__track::before {
    display: none;
  }

  .bradford-cambridge-timeline__marker::after {
    top: 68px;
  }
}

@media (max-width: 575.98px) {
  .bradford-cambridge-timeline__track {
    grid-template-columns: 1fr;
  }

  .bradford-cambridge-timeline__track article {
    grid-template-columns: 82px 1fr;
    column-gap: 16px;
    align-items: center;
    justify-items: start;
    text-align: left;
  }

  .bradford-cambridge-timeline__age,
  .bradford-cambridge-timeline__marker,
  .bradford-cambridge-timeline__track h3,
  .bradford-cambridge-timeline__grade,
  .bradford-cambridge-timeline__track p {
    grid-column: 2;
  }

  .bradford-cambridge-timeline__age {
    margin-bottom: 4px;
  }

  .bradford-cambridge-timeline__marker {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: 64px;
    height: 64px;
    margin: 0;
  }

  .bradford-cambridge-timeline__marker::after {
    display: none;
  }
}













.bradford-gallery-page {
  background: #ffffff;
}

.bradford-gallery-page__head {
  max-width: 860px;
  margin: 0 auto 34px;
}

.bradford-gallery-page__head p {
  margin: 12px auto 0;
  color: #52677f;
  font-size: 16px;
  line-height: 1.65;
}

.bradford-gallery-page__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 34px;
}

.bradford-gallery-page__filters button {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(0, 32, 96, 0.18);
  border-radius: 999px;
  background: #ffffff;
  color: #002060;
  font-size: 14px;
  font-weight: 800;
  transition: all 0.25s ease;
}

.bradford-gallery-page__filters button:hover,
.bradford-gallery-page__filters button.is-active {
  border-color: #002060;
  background: #002060;
  color: #ffffff;
}

.bradford-gallery-page__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bradford-gallery-page__item {
  position: relative;
  min-height: 280px;
  overflow: hidden;
  border-radius: 8px;
  background: #002060;
  color: #ffffff;
}

.bradford-gallery-page__item[hidden] {
  display: none;
}

.bradford-gallery-page__item img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.bradford-gallery-page__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 32, 96, 0.05) 0%, rgba(0, 32, 96, 0.72) 100%);
}

.bradford-gallery-page__item span,
.bradford-gallery-page__item h3 {
  position: absolute;
  left: 20px;
  right: 20px;
  z-index: 1;
  color: #ffffff;
}

.bradford-gallery-page__item span {
  bottom: 58px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.bradford-gallery-page__item h3 {
  bottom: 22px;
  margin: 0;
  font-size: 22px;
  line-height: 1.18;
}

.bradford-gallery-page__item:hover {
  color: #ffffff;
}

.bradford-gallery-page__item:hover img {
  transform: scale(1.05);
}

@media (max-width: 991.98px) {
  .bradford-gallery-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .bradford-gallery-page__grid {
    grid-template-columns: 1fr;
  }

  .bradford-gallery-page__item,
  .bradford-gallery-page__item img {
    min-height: 240px;
  }
}

.bradford-home .features__area-four .features__item-three {
  background: #002060;
  border-color: #002060;
}

.bradford-home .features__area-four .features__item-three .features__icon-three,
.bradford-home .features__area-four .features__item-three .features__icon-three svg,
.bradford-home .features__area-four .features__item-three .features__content-three .title,
.bradford-home .features__area-four .features__item-three .features__content-three p {
  color: #ffffff;
}

.bradford-home .features__area-four .features__item-three .features__icon-three svg path {
  fill: currentColor;
}

.bradford-home .features__area-four,
.bradford-home .about-area-four {
  background: #ffffff;
}

/* Bradford dynamic blog polish */
.bradford-blog-card {
  height: 100%;
  background: #fff;
}

.bradford-blog-card .blog__post-thumb img,
.blog__details-thumb img,
.rc-post-thumb img {
  object-fit: cover;
}

.bradford-blog-card .blog__post-thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

.bradford-blog-card .blog__post-content .title {
  font-size: 22px;
  line-height: 1.25;
}

.bradford-blog-card .blog__post-content p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.65;
  color: #4d6076;
}

.blog__post-content .blog__post-meta li,
.blog__details-content .blog__post-meta li {
  color: #52667d;
}

.blog__post-content .blog__post-meta i,
.blog__details-content .blog__post-meta i,
.rc-post-content .date i {
  color: #8a1538;
}

.post-tag,
.bradford-detail-category {
  background: #002060 !important;
  color: #fff !important;
}

.bradford-detail-category {
  display: inline-flex;
  margin: 4px 0 16px;
  border-radius: 999px;
  padding: 7px 14px;
  font-weight: 800;
}

.bradford-blog-richtext {
  color: #243950;
  font-size: 17px;
  line-height: 1.8;
}

.bradford-blog-richtext h2,
.bradford-blog-richtext h3 {
  margin: 30px 0 14px;
  color: #002060;
  line-height: 1.25;
}

.bradford-blog-richtext p,
.bradford-blog-richtext ul,
.bradford-blog-richtext ol,
.bradford-blog-richtext blockquote {
  margin-bottom: 18px;
}

.bradford-blog-richtext ul,
.bradford-blog-richtext ol {
  padding-left: 24px;
}

.bradford-blog-richtext li + li {
  margin-top: 8px;
}

.bradford-blog-richtext blockquote {
  border-left: 4px solid #8a1538;
  background: #f5f8fc;
  border-radius: 8px;
  padding: 18px 20px;
  color: #002060;
  font-weight: 700;
}

.bradford-blog-richtext img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 24px 0;
}

.blog-sidebar .shop-cat-list a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog-sidebar .shop-cat-list a span {
  margin-left: auto;
  min-width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #002060;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.bradford-comment-logo img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e6edf5;
  padding: 6px;
}

.comments-box {
  align-items: flex-start;
}

@media (max-width: 767px) {
  .bradford-blog-card .blog__post-content .title {
    font-size: 19px;
  }
  .bradford-blog-richtext {
    font-size: 18px;
  }
}
.blog__details-wrapper .blog__details-thumb {
  width: 100%;
  margin-bottom: 34px;
  border-radius: 12px;
  overflow: hidden;
  background: #eef6fb;
}

.blog__details-wrapper .blog__details-thumb img {
  display: block;
  width: 100%;
  height: clamp(260px, 38vw, 460px);
  object-fit: cover;
}

@media (max-width: 767px) {
  .blog__details-wrapper .blog__details-thumb img {
    height: 240px;
  }
}
/* bradford blog requested refinements */
.bradford-blog-card {
  border: 1px solid #dce7ef;
}

.blog-post-comment .latest-comments:empty,
.blog-post-comment .latest-comments ul:empty {
  display: none;
}

.comments-text .avatar-name {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.comments-text .avatar-name .name {
  margin-bottom: 0;
}

.comments-text .avatar-name .date {
  display: inline-flex;
  margin-left: 0;
  color: #6b7e95;
  font-size: 14px;
}
/* bradford blog card border and simple hover */
.blog-area .bradford-blog-card {
  border: 1px solid #d9e1eb;
  box-shadow: none !important;
  transition: border-color .18s ease, transform .18s ease;
}

.blog-area .bradford-blog-card:hover {
  border-color: #002060;
  transform: translateY(-2px);
}

.blog-area .bradford-blog-card .blog__post-thumb::before,
.blog-area .bradford-blog-card .blog__post-thumb::after,
.blog-area .bradford-blog-card .shine__animate-link::before,
.blog-area .bradford-blog-card .shine__animate-link::after {
  display: none !important;
}
.bradford-header .bradford-inquire {
  background: #800020 !important;
  border-color: #800020 !important;
  color: #ffffff !important;
  box-shadow: 4px 6px 0 0 rgba(255, 255, 255, 0.28) !important;
}

.bradford-header .bradford-inquire:hover {
  background: #650019 !important;
  border-color: #650019 !important;
  color: #ffffff !important;
}



body.menu-is-open::after {
  z-index: 3500 !important;
}

body.menu-is-open .bradford-header {
  z-index: 4000 !important;
}

body.menu-is-open .bradford-mega,
.bradford-mega.is-open {
  z-index: 5000 !important;
}



.about-area-three .bradford-about-image-wide {
  width: min(100%, 680px);
  margin: 0 auto;
}

.bradford-home .about-area-three .row {
  align-items: flex-start !important;
}

.about-area-three .bradford-about-image-wide > img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 18px;
}

.about-area-three .bradford-about-image-wide .svg-icon {
  display: none;
}

@media (max-width: 767.98px) {
  .about-area-three .bradford-about-image-wide > img {
    aspect-ratio: 4 / 3;
    border-radius: 14px;
  }
}



.bradford-about-story__body {
  position: relative;
  overflow: hidden;
  transition: max-height 0.45s ease, padding-bottom 0.45s ease;
}

.bradford-about-story.is-collapsed .bradford-about-story__body {
  max-height: 250px;
  padding-bottom: 34px;
}

.bradford-about-story.is-collapsed .bradford-about-story__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 82%);
  pointer-events: none;
}

.bradford-about-story.is-expanded .bradford-about-story__body {
  max-height: 1200px;
}

.bradford-about-readmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 999px;
  margin-top: 8px;
  padding: 8px 15px;
  background: #d7a928;
  color: #002060;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.bradford-about-readmore:hover,
.bradford-about-readmore:focus-visible {
  background: #002060;
  color: #ffffff;
  outline: none;
}

@media (max-width: 767.98px) {
  .bradford-about-story.is-collapsed .bradford-about-story__body {
    max-height: 310px;
  }
}



.bradford-about-tour-cta {
  background: #f5f5f5;
  padding-top: 0;
  padding-bottom: clamp(56px, 7vw, 90px);
}

.bradford-about-tour-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(20px, 4vw, 42px);
  padding: clamp(24px, 3.2vw, 38px);
  border: 1px solid rgba(0, 32, 96, 0.12);
  border-radius: 14px;
  background: #ffffff;
}

.bradford-about-tour-cta__inner span {
  display: inline-flex;
  margin-bottom: 9px;
  color: #8a1538;
  font-size: 12px;
  font-weight: 800;
}

.bradford-about-tour-cta__inner h2 {
  margin: 0 0 8px;
  color: #002060;
  font-size: clamp(24px, 2.7vw, 34px);
  line-height: 1.15;
  text-wrap: balance;
}

.bradford-about-tour-cta__inner p {
  max-width: 620px;
  margin: 0;
  color: #52677f;
  font-size: 15px;
  line-height: 1.55;
}

.bradford-about-tour-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 168px;
  border-radius: 999px;
  padding: 14px 20px;
  background: #002060;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.bradford-about-tour-cta__button:hover,
.bradford-about-tour-cta__button:focus-visible {
  background: #002060;
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .bradford-about-tour-cta__inner {
    grid-template-columns: 1fr;
  }

  .bradford-about-tour-cta__button {
    width: 100%;
  }
}


.bradford-early-intro {
  background: #ffffff;
}

.bradford-early-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: clamp(28px, 5vw, 70px);
}

.bradford-early-intro__media {
  align-self: start;
  display: grid;
  height: clamp(380px, 38vw, 490px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 1.18fr 1fr;
  gap: 14px;
}

.bradford-early-intro__media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: 14px;
}

.bradford-early-intro__media img:first-child {
  grid-column: 1 / -1;
}

.bradford-early-intro__card {
  padding: clamp(24px, 3.6vw, 42px);
  border: 1px solid rgba(0, 32, 96, 0.1);
  border-radius: 16px;
  background: #f5f5f5;
}

.bradford-early-intro__card .sub-title {
  color: #8a1538;
}

.bradford-early-intro__card h2 {
  margin: 0 0 18px;
  color: #002060;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.12;
  text-wrap: balance;
}

.bradford-early-intro__copy {
  position: relative;
  overflow: hidden;
  transition: max-height 0.45s ease, padding-bottom 0.45s ease;
}

.bradford-early-intro__card.is-collapsed .bradford-early-intro__copy {
  max-height: 245px;
  padding-bottom: 36px;
}

.bradford-early-intro__card.is-collapsed .bradford-early-intro__copy::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 86px;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0), #f5f5f5 82%);
  pointer-events: none;
}

.bradford-early-intro__card.is-expanded .bradford-early-intro__copy {
  max-height: 1200px;
}

.bradford-early-intro__copy p {
  margin: 0 0 15px;
  color: #253f64;
  font-size: 15px;
  line-height: 1.65;
}

.bradford-early-intro__copy p:last-child {
  margin-bottom: 0;
}

.bradford-early-intro__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 999px;
  margin-top: 12px;
  padding: 9px 16px;
  background: #d7a928;
  color: #002060;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.bradford-early-intro__toggle:hover,
.bradford-early-intro__toggle:focus-visible {
  background: #002060;
  color: #ffffff;
  outline: none;
}

@media (max-width: 991.98px) {
  .bradford-early-intro__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .bradford-early-intro__media {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .bradford-early-intro__media img:first-child {
    grid-row: auto;
  }

  .bradford-early-intro__media img {
    min-height: 220px;
  }
}

.bradford-typical-day--early-years {
  background: #f2f4f7 !important;
}

.bradford-typical-day--early-years .bradford-typical-day__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(28px, 5vw, 58px);
}

.bradford-typical-day--early-years .section__title .title {
  margin: 0;
  color: #202637;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.05;
  text-transform: uppercase;
}

.bradford-typical-day--early-years .section__title .sub-title {
  background: #002060;
  color: #ffffff;
}

.bradford-typical-day--early-years .bradford-day-card {
  border: 0;
  border-radius: 8px;
  box-shadow: none;
}

.bradford-typical-day--early-years .bradford-day-card img {
  height: 210px;
}

.bradford-typical-day--early-years .bradford-day-card__content {
  min-height: 238px;
}

.bradford-typical-day--early-years .bradford-day-card__content span {
  background: rgba(0, 32, 96, 0.12);
  color: #002060;
}

.bradford-typical-day--early-years .bradford-day-card--blue .bradford-day-card__content {
  background: #bfe3ef;
}

.bradford-typical-day--early-years .bradford-day-card--gold .bradford-day-card__content {
  background: #f2c84b;
}

.bradford-typical-day--early-years .bradford-day-card--teal .bradford-day-card__content {
  background: #8bd3dc;
}

.bradford-typical-day--early-years .bradford-day-card--soft .bradford-day-card__content {
  background: #ffffff;
}

.bradford-typical-day--early-years .bradford-day-card__content h3 {
  color: #002060;
  font-size: 20px;
  text-transform: uppercase;
}

.bradford-typical-day--early-years .bradford-day-card__content p {
  color: #253f64;
  font-size: 13px;
  line-height: 1.55;
}

.bradford-typical-day--early-years .bradford-day-pagination::before {
  background: rgba(0, 32, 96, 0.18);
}

.bradford-typical-day--early-years .bradford-day-pagination .swiper-pagination-bullet {
  border-color: #002060;
}

@media (max-width: 767.98px) {
  .bradford-typical-day--early-years .bradford-typical-day__header {
    align-items: flex-start;
    flex-direction: column;
  }
}

.bradford-typical-day--early-years .bradford-day-swiper {
  width: 100%;
  overflow: hidden;
}

.bradford-typical-day--early-years .swiper-wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
}

.bradford-typical-day--early-years .swiper-slide {
  flex: 0 0 auto;
  width: min(82vw, 360px);
  height: auto;
}

@media (min-width: 768px) {
  .bradford-typical-day--early-years .swiper-slide {
    width: calc((100% - 22px) / 2);
  }
}

@media (min-width: 1200px) {
  .bradford-typical-day--early-years .swiper-slide {
    width: calc((100% - 52px) / 3.15);
  }
}

.bradford-stage-band__item > img {
  width: 100%;
  height: 150px;
  display: block;
  object-fit: cover;
  object-position: center;
  margin: 0 0 18px;
  border-radius: 8px;
}

@media (max-width: 991.98px) {
  .bradford-stage-band__item > img {
    height: 180px;
  }
}


.bradford-stage-overview--early-years {
  background: #002060;
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro .sub-title {
  background: #d7a928;
  color: #002060;
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro h2,
.bradford-stage-overview--early-years .bradford-stage-overview__intro p {
  color: #ffffff;
}

.bradford-stage-overview--early-years .bradford-stage-info-card {
  background: #ffffff;
  border-color: rgba(215, 169, 40, 0.35);
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro {
  padding: clamp(24px, 3vw, 34px);
  border-radius: 12px;
  background: #d7a928;
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro .sub-title {
  background: #002060;
  color: #ffffff;
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro h2,
.bradford-stage-overview--early-years .bradford-stage-overview__intro p {
  color: #002060;
}

@media (min-width: 992px) {
  .bradford-breadcrumb--early-years.bradford-breadcrumb::after {
    width: clamp(360px, 35vw, 540px);
    height: clamp(168px, 17vw, 245px);
    right: clamp(24px, 4.5vw, 78px);
    bottom: clamp(24px, 4vw, 46px);
    background-size: cover;
    background-position: center 38%;
    border-radius: 18px 18px 52px 18px;
  }

  .bradford-breadcrumb--early-years .breadcrumb__content {
    max-width: min(680px, calc(100% - 520px));
  }
}

@media (max-width: 991.98px) {
  .bradford-breadcrumb--early-years {
    background-image:
      linear-gradient(135deg, rgba(138, 21, 56, 0.9), rgba(0, 32, 96, 0.84)),
      var(--bradford-breadcrumb-image) !important;
    background-size: cover;
    background-position: center 38%;
  }
}


.bradford-campus-breadcrumb.breadcrumb__area {
  min-height: 300px;
  display: flex;
  align-items: center;
  padding: 76px 0;
  background-image:
    linear-gradient(90deg, rgba(0, 32, 96, 0.9), rgba(0, 32, 96, 0.62)),
    var(--campus-breadcrumb-image) !important;
  background-size: cover !important;
  background-position: center 48% !important;
  background-repeat: no-repeat !important;
}

.bradford-campus-breadcrumb.breadcrumb__area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(215, 169, 40, 0.2), transparent 18%);
  pointer-events: none;
  z-index: 1;
}

.bradford-campus-breadcrumb .breadcrumb__content {
  position: relative;
  z-index: 2;
  max-width: 680px !important;
  padding: 0;
  background: transparent;
}

.bradford-campus-breadcrumb .breadcrumb__content .title,
.bradford-campus-breadcrumb .breadcrumb__content .breadcrumb,
.bradford-campus-breadcrumb .breadcrumb__content .breadcrumb a,
.bradford-campus-breadcrumb .breadcrumb__content .breadcrumb span,
.bradford-campus-breadcrumb .breadcrumb__content .breadcrumb i {
  color: #ffffff !important;
}

@media (min-width: 992px) {
  .bradford-campus-breadcrumb.breadcrumb__area:not(.breadcrumb__bg-two)::after {
    background-image: var(--campus-breadcrumb-image) !important;
    background-size: cover !important;
    background-position: center 48% !important;
    width: clamp(280px, 23vw, 390px);
    height: clamp(160px, 15vw, 235px);
    right: clamp(30px, 6vw, 104px);
    bottom: 36px;
    clip-path: none;
    border-radius: 18px 18px 56px 18px;
    filter: drop-shadow(0 22px 28px rgba(0, 0, 0, 0.22));
  }
}

@media (max-width: 767.98px) {
  .bradford-campus-breadcrumb.breadcrumb__area {
    min-height: 240px;
    padding: 58px 0;
    background-position: center center !important;
  }
}

/* Global shared breadcrumb image fix */
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) {
  min-height: 300px;
  display: flex;
  align-items: center;
  padding: 76px 0;
  background-image:
    linear-gradient(90deg, rgba(0, 32, 96, 0.94), rgba(0, 32, 96, 0.76), rgba(0, 32, 96, 0.58)),
    url("../img/school_images/Interactive group learning.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 32, 96, 0.28);
  pointer-events: none;
}

.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content {
  max-width: 760px !important;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 2;
}

.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content .title,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content .breadcrumb,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content .breadcrumb a,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content .breadcrumb span,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content .breadcrumb i {
  color: #ffffff !important;
}

@media (min-width: 992px) {
  .breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb)::after {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) {
    min-height: 235px;
    padding: 56px 0;
    background-position: center center !important;
  }
}





/* Force shared page breadcrumbs away from old cropped theme artwork */
.breadcrumb__area.breadcrumb__bg-two::after,
.breadcrumb__area.breadcrumb__bg-two .breadcrumb__shape-wrap img:nth-child(5) {
  display: none !important;
}

.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) {
  background-image:
    linear-gradient(90deg, rgba(0, 32, 96, 0.95), rgba(0, 32, 96, 0.78), rgba(0, 32, 96, 0.6)),
    url("../img/school_images/Interactive group learning.webp") !important;
  background-color: #ffffff !important;
}

/* Campus breadcrumb crop fix */
.bradford-campus-breadcrumb.breadcrumb__area {
  background-image:
    linear-gradient(90deg, rgba(0, 32, 96, 0.96), rgba(0, 32, 96, 0.78), rgba(0, 32, 96, 0.58)),
    var(--campus-breadcrumb-image) !important;
  background-position: center center !important;
}
.bradford-campus-breadcrumb.breadcrumb__area::after,
.bradford-campus-breadcrumb .breadcrumb__shape-wrap img:nth-child(5) {
  display: none !important;
}

/* Final campus breadcrumb no-crop treatment */
.bradford-campus-breadcrumb.breadcrumb__area,
.breadcrumb__area.breadcrumb__bg-two.bradford-campus-breadcrumb {
  background: #002060 !important;
  background-image: linear-gradient(90deg, #002060 0%, #002060 54%, #0b3a7a 100%) !important;
  background-size: cover !important;
  background-position: center !important;
}
.bradford-campus-breadcrumb.breadcrumb__area::before {
  background: rgba(0, 32, 96, 0.18) !important;
}
.bradford-campus-breadcrumb.breadcrumb__area::after,
.bradford-campus-breadcrumb .breadcrumb__shape-wrap,
.bradford-campus-breadcrumb .breadcrumb__shape-wrap img {
  display: none !important;
}

/* Global Bradford breadcrumb final image treatment */
.breadcrumb__area.breadcrumb__bg,
.breadcrumb__area.breadcrumb__bg-two,
.breadcrumb__area.bradford-breadcrumb,
.bradford-clean-campus-breadcrumb {
  min-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  padding: 76px 0 !important;
  background-color: #ffffff !important;
  background-image:
    linear-gradient(90deg, rgba(0, 32, 96, 0.94) 0%, rgba(0, 32, 96, 0.78) 48%, rgba(0, 32, 96, 0.54) 100%),
    url("../img/sliding-images/home-about-slide-04.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  overflow: hidden !important;
}

.breadcrumb__area.breadcrumb__bg::before,
.breadcrumb__area.breadcrumb__bg-two::before,
.breadcrumb__area.bradford-breadcrumb::before {
  background: rgba(0, 32, 96, 0.12) !important;
}

.breadcrumb__area.breadcrumb__bg::after,
.breadcrumb__area.breadcrumb__bg-two::after,
.breadcrumb__area.bradford-breadcrumb::after,
.breadcrumb__shape-wrap,
.breadcrumb__shape-wrap img {
  display: none !important;
  content: none !important;
}

.breadcrumb__area .breadcrumb__content,
.bradford-breadcrumb .breadcrumb__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  padding: 0 !important;
  background: transparent !important;
}

.breadcrumb__area .breadcrumb__content .title,
.breadcrumb__area .breadcrumb__content .breadcrumb,
.breadcrumb__area .breadcrumb__content .breadcrumb a,
.breadcrumb__area .breadcrumb__content .breadcrumb span,
.breadcrumb__area .breadcrumb__content .breadcrumb i {
  color: #ffffff !important;
}

@media (max-width: 767.98px) {
  .breadcrumb__area.breadcrumb__bg,
  .breadcrumb__area.breadcrumb__bg-two,
  .breadcrumb__area.bradford-breadcrumb,
  .bradford-clean-campus-breadcrumb {
    min-height: 235px !important;
    padding: 56px 0 !important;
  }
}




/* Bradford footer triple stripe */
.bradford-footer .footer__top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  background:
    linear-gradient(#8a1538 0 0) top / 100% 4px no-repeat,
    linear-gradient(#d7a928 0 0) center / 100% 4px no-repeat,
    linear-gradient(#002060 0 0) bottom / 100% 4px no-repeat;
  pointer-events: none;
}

/* Bradford footer triple stripe final override */
.bradford-footer .footer__top {
  position: relative;
  border-top: 0 !important;
}

/* Bradford newsletter form blue backing removal */
.bradford-footer-newsletter__form {
  background: transparent !important;
  background-color: transparent !important;
}

/* Final newsletter form cleanup: white line, no blue backing */
.bradford-footer-newsletter__form {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

.bradford-footer-newsletter__form button {
  background: #800020 !important;
  color: #ffffff !important;
}

/* Final header stripe cleanup: white triple stripes only */
.bradford-header {
  box-shadow: 0 16px 46px rgba(0, 32, 96, 0.24) !important;
}

.bradford-header::before,
.bradford-header::after {
  background: #ffffff !important;
  box-shadow: 0 3px 0 #ffffff, 0 6px 0 #ffffff !important;
}

/* Newsletter section edge cleanup */
.bradford-footer-newsletter {
  background: #002060 !important;
  background-image: none !important;
  margin-top: 0 !important;
}

/* Footer partner logos */
.bradford-footer-partners__title {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.bradford-footer-partners__logos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
  max-width: 310px;
}

.bradford-footer-partners__logos span {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 8px;
  background: #ffffff;
}

.bradford-footer-partners__logos img {
  max-width: 100%;
  max-height: 58px;
  object-fit: contain;
}





/* Final breadcrumb cleanup: no overlay, rounded page badge */
.breadcrumb__area.breadcrumb__bg,
.breadcrumb__area.breadcrumb__bg-two,
.breadcrumb__area.bradford-breadcrumb,
.bradford-clean-campus-breadcrumb {
  background-image: url("../img/sliding-images/home-about-slide-04.jpg") !important;
  background-color: #ffffff !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.bradford-campus-breadcrumb.breadcrumb__area,
.breadcrumb__area.breadcrumb__bg-two.bradford-campus-breadcrumb {
  background-image: var(--campus-breadcrumb-image) !important;
  background-color: #ffffff !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.breadcrumb__area::before,
.breadcrumb__area.breadcrumb__bg::before,
.breadcrumb__area.breadcrumb__bg-two::before,
.breadcrumb__area.bradford-breadcrumb::before,
.bradford-campus-breadcrumb.breadcrumb__area::before,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb)::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

.breadcrumb__area .breadcrumb__content,
.bradford-breadcrumb .breadcrumb__content,
.bradford-campus-breadcrumb .breadcrumb__content,
.breadcrumb__area.breadcrumb__bg-two:not(.bradford-breadcrumb):not(.bradford-campus-breadcrumb) .breadcrumb__content {
  max-width: 780px !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.breadcrumb__area .breadcrumb__content .title {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 32, 96, 0.42);
}

.bradford-breadcrumb__eyebrow {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin: 0 0 16px !important;
  padding: 8px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  color: #002060 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 12px 26px rgba(0, 32, 96, 0.16);
}

@media (max-width: 767.98px) {
  .bradford-breadcrumb__eyebrow {
    margin-bottom: 12px !important;
    padding: 7px 13px !important;
    font-size: 12px !important;
  }
}

/* Final breadcrumb title badge treatment */
.breadcrumb__area .breadcrumb__content .title,
.bradford-breadcrumb .breadcrumb__content .title,
.bradford-campus-breadcrumb .breadcrumb__content .title {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin: 0 0 16px !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  color: #002060 !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
  box-shadow: 0 12px 26px rgba(0, 32, 96, 0.16) !important;
}

.bradford-breadcrumb__eyebrow {
  display: none !important;
}

@media (max-width: 767.98px) {
  .breadcrumb__area .breadcrumb__content .title,
  .bradford-breadcrumb .breadcrumb__content .title,
  .bradford-campus-breadcrumb .breadcrumb__content .title {
    margin-bottom: 12px !important;
    padding: 7px 14px !important;
    font-size: 22px !important;
  }
}

/* Hide breadcrumb trail, keep page title badge only */
.breadcrumb__area .breadcrumb__content .breadcrumb,
.breadcrumb__area .breadcrumb__content nav.breadcrumb,
.bradford-breadcrumb .breadcrumb__content .breadcrumb,
.bradford-campus-breadcrumb .breadcrumb__content .breadcrumb {
  display: none !important;
}

.bradford-about-link {
  color: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}

.bradford-about-link:hover {
  color: #8a1538;
}



.bradford-lower-secondary-cta {
  padding-top: clamp(56px, 7vw, 86px);
}

.bradford-lower-secondary-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.bradford-about-tour-cta__button--secondary {
  background: #8a1538;
  color: #ffffff;
}

.bradford-about-tour-cta__button--secondary:hover,
.bradford-about-tour-cta__button--secondary:focus-visible {
  background: #002060;
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .bradford-lower-secondary-cta__actions {
    justify-content: stretch;
  }
}

.bradford-lower-secondary-join-cta {
  padding: clamp(58px, 7vw, 92px) 0;
  background: #f2f4f7;
}

.bradford-lower-secondary-join-cta__inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.bradford-lower-secondary-join-cta .title {
  margin: 0;
  color: #002060;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.15;
}

.bradford-lower-secondary-join-cta .bradford-join-cta p {
  margin: 14px 0 0;
  color: #002060;
  font-size: 18px;
  line-height: 1.6;
}

.bradford-lower-secondary-join-cta .bradford-join-cta__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.bradford-lower-secondary-join-cta .bradford-join-cta__actions .btn {
  min-width: 170px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #8a1538;
  border-color: #8a1538;
  color: #ffffff;
}

.bradford-lower-secondary-join-cta .bradford-join-cta__actions .btn.btn-two {
  background: #ffffff;
  border: 1px solid rgba(0, 32, 96, 0.18);
  color: #002060;
  box-shadow: none;
}

.bradford-lower-secondary-join-cta .bradford-join-cta__actions .btn:hover,
.bradford-lower-secondary-join-cta .bradford-join-cta__actions .btn:focus-visible {
  background: #002060;
  border-color: #002060;
  color: #ffffff;
}


.bradford-early-years-join-cta {
  background: #f2f4f7;
}


.bradford-faq-contact-cta {
  padding: clamp(58px, 7vw, 90px) 0;
  background: #f2f4f7;
}

.bradford-faq-contact-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(24px, 3.2vw, 38px);
  border-radius: 14px;
  background: #ffffff;
}

.bradford-faq-contact-cta__inner h2 {
  margin: 0 0 8px;
  color: #002060;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.15;
}

.bradford-faq-contact-cta__inner p {
  max-width: 640px;
  margin: 0;
  color: #253f64;
  font-size: 15px;
  line-height: 1.6;
}

.bradford-faq-contact-cta__inner .btn {
  flex: 0 0 auto;
  background: #8a1538;
  border-color: #8a1538;
  color: #ffffff;
}

.bradford-faq-contact-cta__inner .btn:hover,
.bradford-faq-contact-cta__inner .btn:focus-visible {
  background: #002060;
  border-color: #002060;
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .bradford-faq-contact-cta__inner {
    align-items: stretch;
    flex-direction: column;
    text-align: center;
  }

  .bradford-faq-contact-cta__inner .btn {
    justify-content: center;
    width: 100%;
  }
}

.bradford-faq-restored-right-image {
  display: block;
  margin-left: auto;
}

.bradford-faq-hero {
  padding-bottom: clamp(90px, 8vw, 130px) !important;
}

.bradford-faq-directory {
  margin-top: 0 !important;
  padding-top: 120px !important;
}
.bradford-admissions-path-section .choose__img-three {
  position: relative;
  isolation: isolate;
  padding: clamp(12px, 1.8vw, 22px);
  border: 2px dotted rgba(0, 32, 96, 0.58);
  border-radius: 18px;
  background: #ffffff;
}

.bradford-admissions-path-section .choose__img-three img {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 14px;
  border: 6px solid #ffffff;
  box-shadow: 0 10px 24px rgba(0, 32, 96, 0.12);
}

@media (max-width: 767.98px) {
  .bradford-admissions-path-section .choose__img-three {
    margin-bottom: 28px;
  }
}
.bradford-contact-locations a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 8px;
  color: #002060;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bradford-contact-locations a::after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  font-weight: 900;
  color: #8a1538;
}

.bradford-contact-locations a:hover,
.bradford-contact-locations a:focus-visible {
  color: #8a1538;
}

.contact-form-wrap .form-grp select {
  width: 100%;
  height: 55px;
  padding: 0 46px 0 18px;
  border: 1px solid rgba(0, 32, 96, 0.16);
  border-radius: 8px;
  background-color: #ffffff;
  color: #41546b;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #002060 50%), linear-gradient(135deg, #002060 50%, transparent 50%);
  background-position: calc(100% - 22px) 24px, calc(100% - 16px) 24px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.contact-form-wrap .form-grp select:focus {
  border-color: #002060;
  box-shadow: 0 0 0 3px rgba(0, 32, 96, 0.08);
}

.contact-form-wrap .form-grp select:invalid {
  color: #6f7f92;
}
body.menu-is-open .bradford-header {
  z-index: 6200 !important;
}

body.menu-is-open .bradford-actions,
body.menu-is-open .bradford-menu-toggle {
  position: relative;
  z-index: 6300 !important;
  pointer-events: auto;
}

.bradford-mega__inner {
  position: relative;
}

.bradford-mega__close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(128, 0, 32, 0.18);
  border-radius: 50%;
  background: #800020;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(128, 0, 32, 0.18);
}

.bradford-mega__close span {
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.bradford-mega__close span:first-child {
  transform: rotate(45deg);
}

.bradford-mega__close span:last-child {
  transform: rotate(-45deg);
}

.bradford-mega__close:hover,
.bradford-mega__close:focus-visible {
  background: #650019;
  border-color: #650019;
  color: #ffffff;
}

.bradford-mega .bradford-mega__cta,
.bradford-mega__footer .bradford-mega__cta {
  background: #800020 !important;
  border-color: #800020 !important;
  color: #ffffff !important;
  box-shadow: 4px 6px 0 0 rgba(0, 32, 96, 0.2) !important;
}

.bradford-mega .bradford-mega__cta:hover,
.bradford-mega .bradford-mega__cta:focus-visible,
.bradford-mega__footer .bradford-mega__cta:hover,
.bradford-mega__footer .bradford-mega__cta:focus-visible {
  background: #650019 !important;
  border-color: #650019 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 0 rgba(0, 32, 96, 0.2) !important;
}

.bradford-mega__content {
  padding-right: clamp(18px, 3vw, 58px);
}

@media (max-width: 767.98px) {
  .bradford-mega__close {
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
  }
}
/* Keep the open mega menu above the fixed header panel. */
body.menu-is-open .bradford-mega,
.bradford-mega.is-open {
  z-index: 7200 !important;
}

body.menu-is-open .bradford-mega__inner {
  position: relative;
  z-index: 7201 !important;
}

body.menu-is-open .bradford-header {
  z-index: 6100 !important;
}

body.menu-is-open .bradford-actions,
body.menu-is-open .bradford-menu-toggle {
  z-index: 6101 !important;
}

body.menu-is-open::after {
  z-index: 6000 !important;
}

body.menu-is-open .bradford-mega__close {
  z-index: 7220 !important;
  pointer-events: auto;
}

/* Homepage about image: small dotted accents frame the learners without covering the photo. */
.about-area-three .bradford-about-image-wide {
  position: relative;
  isolation: isolate;
}

.about-area-three .bradford-about-image-wide > img {
  position: relative;
  z-index: 1;
}

.about-area-three .bradford-about-image-wide__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  opacity: .9;
  pointer-events: none;
}

.about-area-three .bradford-about-image-wide__dots--top {
  top: -30px;
        left: -34px;
  color: #8a1538;
}

.about-area-three .bradford-about-image-wide__dots--bottom {
  right: -34px;
        bottom: -30px;
  color: #002060;
}

@media (max-width: 767.98px) {
  .about-area-three .bradford-about-image-wide__dots {
    width: 94px;
    height: 94px;
    background-size: 15px 15px;
  }

  .about-area-three .bradford-about-image-wide__dots--top {
    top: -18px;
          left: -14px;
  }

  .about-area-three .bradford-about-image-wide__dots--bottom {
    right: -14px;
          bottom: -18px;
  }
}
/* YouTube curriculum video fills the Subjects hero without showing player controls. */
.bradford-curriculum-hero__youtube {
  border: 0;
  pointer-events: none;
  width: 177.78vh;
  min-width: 100%;
  height: 56.25vw;
  min-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* Bradford light-blue section surfaces: preserve navy for controls, navigation, and footer. */
.bradford-curriculum-overview,
.bradford-enrolment-band,
.bradford-academic-focus,
.bradford-curriculum-detail--math,
.bradford-phase-subjects--primary,
.bradford-glen-austin-band,
.bradford-vorna-valley-band,
.bradford-stage-video--early-years,
.bradford-workshop-section,
.bradford-foundation-section,
.bradford-pledge-loop,
.bradford-school-life-band,

.bradford-stage-overview--early-years,
.bradford-collab-network,
.bradford-collab-network article,
.bradford-collab-lab {
  background: #d9e2ff !important;
}

.bradford-enrolment-band,
.bradford-glen-austin-band,
.bradford-vorna-valley-band {
  box-shadow: 0 0 0 100vmax #d9e2ff !important;
}

.bradford-curriculum-overview .bradford-curriculum-overview__head .title,
.bradford-curriculum-overview .bradford-curriculum-overview__head p,
.bradford-enrolment-band .bradford-fees-section-title .sub-title,
.bradford-enrolment-band .bradford-fees-section-title h2,
.bradford-phase-subjects--primary .bradford-phase-subjects__top .title,
.bradford-phase-subjects--primary .bradford-phase-subjects__top p,
.bradford-stage-video--early-years .section__title .sub-title,
.bradford-stage-video--early-years .section__title .title,
.bradford-collab-network h2,
.bradford-collab-network p,
.bradford-collab-network article > span {
  color: #002060 !important;
}

.bradford-collab-network article {
  border-color: rgba(0, 32, 96, 0.16);
}
/* Admissions pathway contrast on the light-blue section surface. */
.bradford-admissions-pathway-band .features__icon-four {
  background: #002060;
  color: #ffffff;
}

.bradford-admissions-pathway-band .section__title .title,
.bradford-admissions-pathway-band .section__title p,
.bradford-admissions-pathway-band .features__content-four .title,
.bradford-admissions-pathway-band .features__content-four p {
  color: #000000 !important;
}
/* Admissions path image dotted accents. */
.bradford-admissions-path-section .bradford-admissions-path-image {
  position: relative;
  isolation: isolate;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.bradford-admissions-path-section .bradford-admissions-path-image > img {
  position: relative;
  z-index: 1;
  border-radius: 18px;
}

.bradford-admissions-path-image__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  opacity: .9;
  pointer-events: none;
}

.bradford-admissions-path-image__dots--top {
  top: -30px;
  left: -34px;
  color: #8a1538;
}

.bradford-admissions-path-image__dots--bottom {
  right: -34px;
  bottom: -30px;
  color: #002060;
}

@media (max-width: 767.98px) {
  .bradford-admissions-path-image__dots {
    width: 94px;
    height: 94px;
    background-size: 15px 15px;
  }

  .bradford-admissions-path-image__dots--top {
    top: -18px;
    left: -14px;
  }

  .bradford-admissions-path-image__dots--bottom {
    right: -14px;
    bottom: -18px;
  }
}
/* Tuition fees hero image dotted accents. */
.bradford-fees-hero__media--dotted {
  position: relative;
  isolation: isolate;
}

.bradford-fees-hero__media--dotted img {
  position: relative;
  z-index: 1;
}

.bradford-fees-hero__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  opacity: .9;
  pointer-events: none;
}

.bradford-fees-hero__dots--top {
  top: -30px;
  left: -34px;
  color: #8a1538;
}

.bradford-fees-hero__dots--bottom {
  right: -34px;
  bottom: -30px;
  color: #002060;
}

@media (max-width: 767.98px) {
  .bradford-fees-hero__dots {
    width: 94px;
    height: 94px;
    background-size: 15px 15px;
  }

  .bradford-fees-hero__dots--top {
    top: -18px;
    left: -14px;
  }

  .bradford-fees-hero__dots--bottom {
    right: -14px;
    bottom: -18px;
  }
}
/* Tuition-fees enrolment cards: blue action and fee treatment. */
.bradford-enrolment-band .bradford-fees-step a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: auto;
  padding: 0 16px;
  border-radius: 8px;
  background: #002060;
  color: #ffffff;
  font-weight: 800;
}

.bradford-enrolment-band .bradford-fees-step a:hover,
.bradford-enrolment-band .bradford-fees-step a:focus-visible {
  background: #07377a;
  color: #ffffff;
}

.bradford-enrolment-band .bradford-fees-step.is-highlighted {
  background: #d9e2ff;
  border-color: rgba(0, 32, 96, 0.2);
}

.bradford-enrolment-band .bradford-fees-step.is-highlighted strong {
  color: #002060;
}
/* Campus fee headings on the dark-blue panel. */
.bradford-fee-campus-section__head .sub-title,
.bradford-fee-campus-section__head p {
  color: #ffffff;
}
/* Highlighted enrolment fee card. */
.bradford-enrolment-band .bradford-fees-step.is-highlighted {
  background: #002060;
  border-color: #002060;
}

.bradford-enrolment-band .bradford-fees-step.is-highlighted > span {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.bradford-enrolment-band .bradford-fees-step.is-highlighted h3,
.bradford-enrolment-band .bradford-fees-step.is-highlighted p,
.bradford-enrolment-band .bradford-fees-step.is-highlighted strong {
  color: #ffffff;
}
/* Read-more controls use Bradford blue rather than yellow. */
.bradford-about-readmore,
.bradford-values-readmore,
.bradford-early-intro__toggle {
  background: #002060;
  color: #ffffff;
}

.bradford-about-readmore:hover,
.bradford-about-readmore:focus-visible,
.bradford-values-readmore:hover,
.bradford-values-readmore:focus-visible,
.bradford-early-intro__toggle:hover,
.bradford-early-intro__toggle:focus-visible {
  background: #07377a;
  color: #ffffff;
}
/* Early Years hero equal panels and dotted image accents. */
.bradford-stage-page__hero--early-years .bradford-stage-page__hero-grid {
  align-items: stretch;
}

.bradford-stage-page__hero--early-years .bradford-stage-page__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bradford-stage-page__hero--early-years .bradford-stage-page__media--dotted {
  overflow: visible;
  min-height: 0;
  box-shadow: none;
}

.bradford-stage-page__hero--early-years .bradford-stage-page__media--dotted > img {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 430px;
  border-radius: 8px;
  box-shadow: 0 28px 60px rgba(11, 45, 82, 0.16);
}

.bradford-stage-page__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  opacity: .9;
  pointer-events: none;
}

.bradford-stage-page__dots--top {
  top: -30px;
  left: -34px;
  color: #8a1538;
}

.bradford-stage-page__dots--bottom {
  right: -34px;
  bottom: -30px;
  color: #002060;
}

@media (max-width: 991.98px) {
  .bradford-stage-page__hero--early-years .bradford-stage-page__media--dotted > img {
    min-height: 320px;
  }
}

@media (max-width: 767.98px) {
  .bradford-stage-page__dots {
    width: 94px;
    height: 94px;
    background-size: 15px 15px;
  }

  .bradford-stage-page__dots--top {
    top: -18px;
    left: -14px;
  }

  .bradford-stage-page__dots--bottom {
    right: -14px;
    bottom: -18px;
  }
}
/* Early Years overview uses dark-blue panels with white copy. */
.bradford-stage-overview--early-years .bradford-stage-overview__intro,
.bradford-stage-overview--early-years .bradford-stage-info-card {
  background: #002060;
  border-color: rgba(255, 255, 255, 0.2);
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro .sub-title {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.bradford-stage-overview--early-years .bradford-stage-overview__intro h2,
.bradford-stage-overview--early-years .bradford-stage-overview__intro p,
.bradford-stage-overview--early-years .bradford-stage-info-card h3,
.bradford-stage-overview--early-years .bradford-stage-info-card p,
.bradford-stage-overview--early-years .bradford-stage-info-card li {
  color: #ffffff;
}

.bradford-stage-overview--early-years .bradford-stage-info-card i {
  background: #07377a;
  color: #ffffff;
}
/* Keep the Early Years information cards white. */
.bradford-stage-overview--early-years .bradford-stage-info-card {
  background: #ffffff;
  border-color: rgba(215, 169, 40, 0.35);
}

.bradford-stage-overview--early-years .bradford-stage-info-card h3 {
  color: #0b2d52;
}

.bradford-stage-overview--early-years .bradford-stage-info-card p,
.bradford-stage-overview--early-years .bradford-stage-info-card li {
  color: #5f6b7a;
}

.bradford-stage-overview--early-years .bradford-stage-info-card i {
  background: #8a1538;
  color: #ffffff;
}
/* Early Years white cards with navy icon circles. */
.bradford-stage-overview--early-years .bradford-stage-info-card {
  background: #ffffff;
  border-color: rgba(0, 32, 96, 0.1);
}

.bradford-stage-overview--early-years .bradford-stage-info-card i {
  background: #002060;
  color: #ffffff;
}
/* Early Years extramurals use a consistent icon-card treatment. */
.bradford-extramurals__row article {
  background: #ffffff;
  border-color: rgba(0, 32, 96, 0.1);
}

.bradford-extramural-media--icon {
  background: #002060;
  border-color: #002060;
}

.bradford-extramural-media--icon i {
  color: #ffffff;
}
/* Primary hero equal panels and dotted image accents. */
.bradford-stage-page__hero--primary .bradford-stage-page__hero-grid {
  align-items: stretch;
}

.bradford-stage-page__hero--primary .bradford-stage-page__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bradford-stage-page__hero--primary .bradford-stage-page__media--dotted {
  overflow: visible;
  min-height: 0;
  box-shadow: none;
}

.bradford-stage-page__hero--primary .bradford-stage-page__media--dotted > img {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 0;
  border-radius: 8px;
  box-shadow: 0 28px 60px rgba(11, 45, 82, 0.16);
}

@media (max-width: 991.98px) {
  .bradford-stage-page__hero--primary .bradford-stage-page__media--dotted > img {
    min-height: 320px;
  }
}
/* Primary hero image stays compact and aligns with the top of the copy panel. */
.bradford-stage-page__hero--primary .bradford-stage-page__media--dotted {
  width: 86%;
  height: 300px;
  align-self: start;
  justify-self: end;
}

@media (max-width: 991.98px) {
  .bradford-stage-page__hero--primary .bradford-stage-page__media--dotted {
    width: 100%;
    height: auto;
  }
}
/* Primary overview card icons. */
.bradford-stage-overview--primary .bradford-stage-info-card i {
  background: #002060;
  color: #ffffff;
}
/* Lower Secondary hero: image matches the natural height of the copy panel. */
.bradford-stage-page__hero--lower-secondary .bradford-stage-page__hero-grid {
  align-items: stretch;
}

.bradford-stage-page__hero--lower-secondary .bradford-stage-page__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bradford-stage-page__hero--lower-secondary .bradford-stage-page__media--dotted {
  width: 86%;
  height: 300px;
  align-self: start;
  justify-self: end;
  min-height: 0;
  overflow: visible;
  box-shadow: none;
}

.bradford-stage-page__hero--lower-secondary .bradford-stage-page__media--dotted > img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-position: center top;
  border-radius: 8px;
  box-shadow: 0 28px 60px rgba(11, 45, 82, 0.16);
}

@media (max-width: 991.98px) {
  .bradford-stage-page__hero--lower-secondary .bradford-stage-page__media--dotted {
    width: 100%;
    height: auto;
  }

  .bradford-stage-page__hero--lower-secondary .bradford-stage-page__media--dotted > img {
    min-height: 320px;
  }
}
/* Lower Secondary Focus panel. */
.bradford-stage-overview--lower-secondary .bradford-stage-overview__intro {
  background: #002060;
  color: #ffffff;
}

.bradford-stage-overview--lower-secondary .bradford-stage-overview__intro .sub-title,
.bradford-stage-overview--lower-secondary .bradford-stage-overview__intro h2,
.bradford-stage-overview--lower-secondary .bradford-stage-overview__intro p {
  color: #ffffff;
}
.bradford-stage-overview--lower-secondary .bradford-stage-info-card i {
  background: #002060;
  color: #ffffff;
}
/* Upper Secondary advanced-learning section. */
.bradford-stage-overview--upper-secondary {
  background: #d9e2ff;
}

.bradford-stage-overview--upper-secondary .bradford-stage-overview__intro {
  background: #002060;
}

.bradford-stage-overview--upper-secondary .bradford-stage-overview__intro .sub-title,
.bradford-stage-overview--upper-secondary .bradford-stage-overview__intro h2,
.bradford-stage-overview--upper-secondary .bradford-stage-overview__intro p {
  color: #ffffff;
}

.bradford-stage-overview--upper-secondary .bradford-stage-info-card i {
  background: #002060;
  color: #ffffff;
}
/* Mathematics pathway heading on the light-blue section. */
.bradford-curriculum-detail--math > .container > .row .section__title .sub-title {
  background: #002060;
  color: #ffffff;
}

.bradford-curriculum-detail--math > .container > .row .section__title .title,
.bradford-curriculum-detail--math > .container > .row .section__title p {
  color: #000000;
}
/* Collaboration In Action on a whitesmoke section surface. */
.bradford-collab-lab {
  background: whitesmoke !important;
  box-shadow: 0 0 0 100vmax whitesmoke !important;
}

.bradford-collab-lab > div h2,
.bradford-collab-lab > div p {
  color: #000000;
}
/* Real-world learning activity cards. */
.bradford-world-path article {
  background: #ffffff;
}

.bradford-world-path article > span,
.bradford-world-path article h2,
.bradford-world-path article p {
  color: #002060;
}
/* Direction links replace embedded Google Maps. */
.bradford-directions-link-card {
  display: grid;
  place-items: center;
  min-height: 340px;
  background: whitesmoke;
}

.bradford-directions-link-card > a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-radius: 8px;
  background: #002060;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.bradford-directions-link-card > a:hover,
.bradford-directions-link-card > a:focus-visible {
  background: #07377a;
  color: #ffffff;
}

.bradford-directions-link-card > a i {
  font-size: 22px;
}

.bradford-directions-link-card > a strong {
  color: inherit;
}

.event__map .bradford-directions-link-card {
  min-height: 160px;
}

@media (max-width: 767.98px) {
  .bradford-directions-link-card {
    min-height: 300px;
  }
}
/* Campus information card icons. */
.bradford-campus-page__grid i {
  background: #002060;
  color: #ffffff;
}
/* Supplied breadcrumb images, matched to their corresponding pages. */
.breadcrumb__area.bradford-breadcrumb--supplied-early-years {
  background-image: url("../img/breadcrumb-images/PHOTO-2026-08-15-17-23-49-1.jpg") !important;
  background-position: center center !important;
}

.breadcrumb__area.bradford-breadcrumb--supplied-primary {
  background-image: url("../img/breadcrumb-images/PHOTO-2026-08-15-17-23-49.jpg") !important;
  background-position: center center !important;
}

.breadcrumb__area.bradford-breadcrumb--supplied-about {
  background-image: url("../img/breadcrumb-images/PHOTO-2026-08-15-17-23-27.jpg") !important;
  background-position: center top !important;
}

.breadcrumb__area.bradford-breadcrumb--supplied-calendar {
  background-image: url("../img/breadcrumb-images/PHOTO-2026-08-15-17-23-48-1.jpg") !important;
  background-position: center center !important;
}
/* Supplied breadcrumb photos use clean, unbadged page titles. */
.breadcrumb__area.bradford-breadcrumb--supplied .breadcrumb__content .title {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: 0 2px 14px rgba(0, 32, 96, 0.58) !important;
}
/* Values-card photos replace the corresponding icon artwork. */
.bradford-values-tile__icon img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.bradford-values-tile__icon--image {
  width: 64px;
  height: 64px;
}
/* Square image treatment for Bradford values and foundation cards. */
.bradford-values-tile__icon--image {
  width: 76px;
  height: 76px;
  border-radius: 0;
}

.bradford-values-tile__icon--image img {
  border-radius: 0;
}

.bradford-value-card__image {
  width: 86px !important;
  height: 86px !important;
  border-radius: 0 !important;
  overflow: hidden;
  background: transparent !important;
}

.bradford-value-card__image img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}
/* Larger rounded image treatment for About Us values and foundation cards. */
.bradford-values-tile__icon--image {
  width: 88px;
  height: 88px;
  border-radius: 12px;
}

.bradford-values-tile__icon--image img {
  border-radius: inherit;
}

.bradford-value-card__image {
  width: 100px !important;
  height: 100px !important;
  border-radius: 14px !important;
}

.bradford-value-card__image img {
  border-radius: inherit;
}
/* Foundation cards mirror the PRIDE tile language with full-size, crisp photos. */
.bradford-values-tiles--foundation {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bradford-values-tile--foundation {
  min-height: 370px;
}

.bradford-values-tile__image {
  align-self: stretch;
  width: calc(100% + 44px);
  height: auto;
  aspect-ratio: 1;
  margin: -26px -22px 4px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background: #eef3ff;
  box-shadow: none;
}

.bradford-values-tile__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
}

.bradford-values-tile__icon--image {
  align-self: stretch;
  width: calc(100% + 44px);
  height: auto;
  aspect-ratio: 1;
  margin: -26px -22px 4px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

@media (max-width: 1199.98px) {
  .bradford-values-tiles--foundation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .bradford-values-tiles--foundation {
    grid-template-columns: 1fr;
  }
}
/* Foundation titles remain below their larger image panels. */
.bradford-values-tile--foundation .bradford-values-tile__image {
  order: 0;
}

.bradford-values-tile--foundation h3 {
  order: 1;
  margin-top: 2px;
}

.bradford-values-tile--foundation p {
  order: 2;
}
/* Foundation heading and intro copy use Bradford dark blue. */
.bradford-foundation-section .section__title .title,
.bradford-foundation-section .section__title p {
  color: #002060 !important;
}
/* About Us Cambridge pathway surface. */
.bradford-pathway { background: #d9e2ff !important; }

/* Campus hero image dotted accents. */
.bradford-campus-page__hero-media--dotted {
  position: relative;
  isolation: isolate;
}

.bradford-campus-page__hero-media--dotted > img {
  position: relative;
  z-index: 1;
  display: block;
}

.bradford-campus-page__hero-dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(currentColor 2.2px, transparent 2.7px);
  background-size: 20px 20px;
  pointer-events: none;
}

.bradford-campus-page__hero-dots--top {
  top: -30px;
  left: -34px;
  color: #8a1538;
}

.bradford-campus-page__hero-dots--bottom {
  right: -34px;
  bottom: -30px;
  color: #002060;
}

@media (max-width: 767.98px) {
  .bradford-campus-page__hero-dots {
    width: 94px;
    height: 94px;
    background-size: 15px 15px;
  }

  .bradford-campus-page__hero-dots--top {
    top: -18px;
    left: -14px;
  }

  .bradford-campus-page__hero-dots--bottom {
    right: -14px;
    bottom: -18px;
  }
}
/* Current fee structure download panels. */
.bradford-fee-download-panel {
  margin: clamp(34px, 5vw, 60px) 0;
  padding: clamp(28px, 4vw, 46px);
  border-radius: 18px;
  background: #d9e2ff;
  text-align: center;
}

.bradford-fee-download-panel .sub-title {
  color: #002060;
}

.bradford-fee-download-panel h2 {
  max-width: 680px;
  margin: 9px auto 12px;
  color: #002060;
  font-size: clamp(26px, 3vw, 38px);
}

.bradford-fee-download-panel p,
.bradford-fee-download-copy {
  max-width: 680px;
  margin: 0 auto 22px;
  color: #35485f;
  line-height: 1.65;
}

.bradford-fee-download-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #002060 !important;
  color: #ffffff !important;
}

.bradford-fee-download-button:hover,
.bradford-fee-download-button:focus-visible {
  background: #8a1538 !important;
  color: #ffffff !important;
}
/* Center the three admissions journey cards on the Fees page. */
.bradford-enrolment-band .bradford-fees-step-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 0 auto;
}

.bradford-enrolment-band .bradford-fees-step {
  align-items: center;
  text-align: center;
}

.bradford-enrolment-band .bradford-fees-step a {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991.98px) {
  .bradford-enrolment-band .bradford-fees-step-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
  }
}
/* Primary curriculum bands: documented Foundation and Intersen subject sets. */
.bradford-phase-subjects--primary .bradford-primary-subject-group__head {
  border-color: rgba(255, 255, 255, 0.28);
}

.bradford-phase-subjects--primary .bradford-primary-subject-group__head span {
  color: #ffffff;
}

.bradford-phase-subjects--primary .bradford-primary-subject-group__head strong {
  color: #d9e2ff;
}
/* Beyond the Classroom activity slider and image accents. */
.bradford-collab-hero__media {
  position: relative;
  isolation: isolate;
}

.bradford-collab-hero__panel {
  position: relative;
  z-index: 1;
}

.bradford-collab-hero__slider {
  overflow: hidden;
  position: relative;
}

.bradford-collab-hero__slider .swiper-slide {
  height: clamp(270px, 32vw, 420px);
}

.bradford-collab-hero__slider img {
  display: block;
  height: 100%;
}

.bradford-collab-hero__pagination {
  right: 18px;
  bottom: 16px !important;
  left: auto !important;
  width: auto !important;
  z-index: 2;
}

.bradford-collab-hero__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px !important;
  opacity: .8;
  background: #ffffff;
}

.bradford-collab-hero__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffcb05;
}

.bradford-collab-hero__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  pointer-events: none;
}

.bradford-collab-hero__dots--top {
  top: -30px;
  left: -34px;
  color: #8a1538;
}

.bradford-collab-hero__dots--bottom {
  right: -34px;
  bottom: -30px;
  color: #002060;
}

@media (max-width: 767.98px) {
  .bradford-collab-hero__slider .swiper-slide { height: 240px; }
  .bradford-collab-hero__dots { width: 94px; height: 94px; background-size: 15px 15px; }
  .bradford-collab-hero__dots--top { top: -18px; left: -14px; }
  .bradford-collab-hero__dots--bottom { right: -14px; bottom: -18px; }
}

.bradford-day-card img.bradford-day-card__image--top {
  object-position: center top;
}


/* School Life outdoor learning band text. */
.bradford-school-life-band__grid span,
.bradford-school-life-band__grid h2,
.bradford-school-life-band__grid p {
  color: #002060;
}


/* School Life hero image dotted accents. */
.bradford-school-life__media--dotted {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.bradford-school-life__media--dotted img {
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 20px;
}

.bradford-school-life__dots {
  position: absolute;
  z-index: 0;
  display: block;
  width: 132px;
  height: 132px;
  background-image: radial-gradient(circle, currentColor 2.4px, transparent 2.8px);
  background-size: 18px 18px;
  pointer-events: none;
}

.bradford-school-life__dots--top { top: -30px; left: -34px; color: #8a1538; }
.bradford-school-life__dots--bottom { right: -34px; bottom: -30px; color: #002060; }

@media (max-width: 767.98px) {
  .bradford-school-life__dots { width: 94px; height: 94px; background-size: 15px 15px; }
  .bradford-school-life__dots--top { top: -18px; left: -14px; }
  .bradford-school-life__dots--bottom { right: -14px; bottom: -18px; }
}



/* School Life activity tile icon colours. */
.bradford-school-life__tiles article span {
  color: #002060;
}

.bradford-school-life__tiles article span i {
  background: rgba(0, 32, 96, 0.08);
}


/* Academic Excellence page: use Bradford blue for every former maroon accent. */
.bradford-academic-page {
  --tg-theme-primary: #002060;
}

.bradford-academic-page .bradford-stage-card span,
.bradford-academic-page .bradford-learning-card__step {
  background: rgba(0, 32, 96, 0.1);
  color: #002060;
}

.bradford-academic-page .bradford-learning-card__group h4,
.bradford-academic-page .bradford-topic-grid h4 {
  color: #002060;
}

.bradford-academic-page .bradford-curriculum-detail--secondary {
  background: linear-gradient(135deg, rgba(0, 32, 96, 0.06), rgba(0, 32, 96, 0.05));
}


.bradford-academic-page .bradford-hero__cta,
.bradford-academic-page .bradford-hero__cta:hover,
.bradford-academic-page .bradford-hero__cta:focus-visible {
  background: #002060;
  border-color: #002060;
  color: #ffffff;
}

.bradford-academic-page .work__list-box .icon,
.bradford-academic-page .work__list-box:nth-child(2) .icon {
  background: #002060;
  border-color: #002060;
}

/* Keep the 1920px supplied banner artwork fully visible as the viewport narrows. */
@media (max-width: 1835px) {
  .breadcrumb__area.bradford-breadcrumb--supplied {
    --bradford-breadcrumb-height: var(--bradford-breadcrumb-responsive-height);
    --bradford-breadcrumb-padding: 0;
    --bradford-breadcrumb-position: center center;
    --bradford-breadcrumb-size: contain;
    background-color: #002060 !important;
  }
}
/* About Us: parent-facing general information below the campus-tour CTA. */
.bradford-general-info {
  padding: clamp(72px, 8vw, 118px) 0;
  background: #d9e2ff;
}

.bradford-general-info__header {
  margin-bottom: clamp(30px, 4vw, 52px);
}

.bradford-general-info__header h2 {
  max-width: 760px;
  margin: 0;
  color: #002060;
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.bradford-general-info__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: stretch;
}

.bradford-general-info__panel {
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid rgba(0, 32, 96, 0.12);
  border-radius: 14px;
  background: #ffffff;
}

.bradford-general-info__panel--communication {
  grid-column: span 8;
  background: #002060;
  border-color: #002060;
}

.bradford-general-info__panel--uniforms {
  grid-column: span 4;
}

.bradford-general-info__panel--assessments {
  grid-column: span 7;
}

.bradford-general-info__panel--operations {
  grid-column: span 5;
}

.bradford-general-info__heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 22px;
}

.bradford-general-info__icon {
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #002060;
  color: #ffffff;
  font-size: 18px;
}

.bradford-general-info__panel--communication .bradford-general-info__icon {
  background: #ffffff;
  color: #002060;
}

.bradford-general-info__heading h3 {
  margin: 0;
  color: #002060;
  font-size: clamp(23px, 2.2vw, 31px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.bradford-general-info__copy {
  max-width: 72ch;
}

.bradford-general-info__copy p,
.bradford-general-info__copy li {
  color: #263f66;
  font-size: 16px;
  line-height: 1.75;
}

.bradford-general-info__copy p {
  margin: 0 0 17px;
}

.bradford-general-info__copy p:last-child {
  margin-bottom: 0;
}

.bradford-general-info__copy ul {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.bradford-general-info__copy li {
  position: relative;
  padding-left: 28px;
}

.bradford-general-info__copy li::before {
  content: "\f00c";
  position: absolute;
  top: 1px;
  left: 0;
  color: #002060;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
}

.bradford-general-info__panel--communication .bradford-general-info__heading h3,
.bradford-general-info__panel--communication .bradford-general-info__copy p {
  color: #ffffff;
}

@media (max-width: 991.98px) {
  .bradford-general-info__panel--communication,
  .bradford-general-info__panel--uniforms,
  .bradford-general-info__panel--assessments,
  .bradford-general-info__panel--operations {
    grid-column: 1 / -1;
  }
}

@media (max-width: 575.98px) {
  .bradford-general-info {
    padding: 58px 0;
  }

  .bradford-general-info__panel {
    padding: 24px 20px;
  }

  .bradford-general-info__heading {
    align-items: flex-start;
  }

  .bradford-general-info__copy p,
  .bradford-general-info__copy li {
    font-size: 15px;
    line-height: 1.7;
  }
}
/* Early Years literacy subject content. */
.bradford-ey-literacy__lead {
  color: #002060;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
  line-height: 1.4;
}

.bradford-subject-inline-link {
  color: #002060;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #f2c84b;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.bradford-subject-inline-link:hover,
.bradford-subject-inline-link:focus-visible {
  color: #8a1538;
}

.courses__details-area .bradford-subject-quote {
  margin: 32px 0;
  padding: clamp(22px, 3vw, 32px);
  border-radius: 12px;
  background: #fff1f5;
  color: #8a1538;
  font-size: clamp(22px, 2.3vw, 30px);
  font-style: italic;
  font-weight: 800;
  line-height: 1.35;
}

.courses__details-area .bradford-subject-quote span {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
/* Responsive subject social embed. */
.bradford-subject-social-embed {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 32px 0 36px;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
}

.bradford-subject-social-embed iframe {
  display: block;
  width: 100%;
  max-width: 500px;
  height: 587px;
  border: 0;
}
/* FAQ page: give the currently open card a unified Bradford-blue state. */
.faq__content-three .faq__wrap-two .accordion-item {
  overflow: hidden;
}

.faq__content-three .faq__wrap-two .accordion-button:not(.collapsed),
.faq__content-three .faq__wrap-two .accordion-collapse.show,
.faq__content-three .faq__wrap-two .accordion-collapse.collapsing,
.faq__content-three .faq__wrap-two .accordion-collapse.show .accordion-body,
.faq__content-three .faq__wrap-two .accordion-collapse.collapsing .accordion-body {
  background-color: #002060 !important;
}

.faq__content-three .faq__wrap-two .accordion-button:not(.collapsed),
.faq__content-three .faq__wrap-two .accordion-button:not(.collapsed)::after,
.faq__content-three .faq__wrap-two .accordion-collapse.show .accordion-body p,
.faq__content-three .faq__wrap-two .accordion-collapse.collapsing .accordion-body p {
  color: #ffffff !important;
}
/* Managed academic-calendar year controls. */
.bradford-calendar-toolbar__today {
  min-width: auto !important;
  padding-inline: 13px !important;
}

.bradford-calendar-toolbar__year {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-self: end;
}

.bradford-calendar-toolbar__year label {
  margin: 0;
  color: #52677f;
  font-size: 13px;
  font-weight: 700;
}

.bradford-calendar-toolbar__year select {
  width: auto;
  min-width: 92px;
  min-height: 38px;
  padding: 7px 30px 7px 11px;
  border: 1px solid rgba(11, 45, 82, 0.16);
  border-radius: 8px;
  background-color: #ffffff;
  color: #002060;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.bradford-calendar-toolbar button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.bradford-calendar-side-list__empty {
  display: block !important;
}

.bradford-calendar-side-list__empty p {
  color: #52677f;
  font-style: italic;
}

@media (max-width: 991.98px) {
  .bradford-calendar-toolbar__year {
    justify-self: start;
  }
}