.brit-cnd-treatment-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #0f1a24;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.brit-cnd-treatment-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(15, 26, 36, 0.72);
  pointer-events: none;
}
.our-svc__icon img{
    width: 25px;
    height: 25px;
    filter: brightness(0) invert(1);
}
.brit-cnd-treatment-container {
  position: relative;
  z-index: 2;
}

/* Pain relief — cards: left image, right content */
.brit-pain-page {
  margin: 0;
  font-family: "Poppins", sans-serif;
  color: #1c2430;
  background: #e8f0f5;
}

.brit-pain {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 80px 0 80px;
  font-family: "Poppins", sans-serif;
  background:
    linear-gradient(165deg, #f4f9fc 0%, #eaf2f7 42%, #e3edf4 100%);
}

.brit-pain__glow {
  position: absolute;
  top: -120px;
  right: -80px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 170, 223, 0.22) 0%, transparent 68%);
  pointer-events: none;
  animation: brit-pain-drift 12s ease-in-out infinite alternate;
}

.brit-pain__wrap {
  position: relative;
  z-index: 1;
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

.brit-pain__intro {
  max-width: 720px;
  margin: 0 auto 48px;
  text-align: center;
  animation: brit-pain-rise 0.7s ease both;
}

.brit-pain__eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  color: #2caadf;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
}

.brit-pain__title {
  margin: 0 0 18px;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.brit-pain__lead {
  margin: 0 auto;
  max-width: 640px;
  color: #5a6b7a;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.brit-pain__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 44px;
}

.brit-pain__item {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 0 0 calc(50% - 10px);
  width: calc(50% - 10px);
  min-width: 0;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(28, 54, 72, 0.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(15, 35, 55, 0.05);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  animation: brit-pain-rise 0.65s ease both;
}

.brit-pain__item:nth-child(1) { animation-delay: 0.12s; }
.brit-pain__item:nth-child(2) { animation-delay: 0.19s; }
.brit-pain__item:nth-child(3) { animation-delay: 0.26s; }
.brit-pain__item:nth-child(4) { animation-delay: 0.33s; }
.brit-pain__item:nth-child(5) { animation-delay: 0.40s; }
.brit-pain__item:nth-child(6) { animation-delay: 0.47s; }
.brit-pain__item:nth-child(7) { animation-delay: 0.54s; }
.brit-pain__item:nth-child(8) { animation-delay: 0.61s; }

.brit-pain__item:hover {
  transform: translateY(-5px);
  border-color: rgba(44, 170, 223, 0.35);
  box-shadow: 0 18px 40px rgba(15, 35, 55, 0.1);
}

.brit-pain__item-media {
  position: relative;
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  background: #d8e6ef;
  align-self: stretch;
}

.brit-pain__item-media img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

.brit-pain__item:hover .brit-pain__item-media img {
  transform: scale(1.06);
}

.brit-pain__item-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  padding: 50px 22px;
}

.brit-pain__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 0 12px;
  background: rgba(44, 170, 223, 0.12);
  border-radius: 12px;
  color: #2caadf;
  font-size: 18px;
  line-height: 1;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.brit-pain__icon i {
  line-height: 1;
}

.brit-pain__item:hover .brit-pain__icon {
  background: #2caadf;
  color: #ffffff;
  transform: translateY(-2px);
}

.brit-pain__item-title {
  margin: 0 0 8px;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.brit-pain__item-copy {
  margin: 0;
  color: #5a6b7a;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

.brit-pain__footer {
  max-width: 780px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.brit-pain__bottom {
  margin: 0 0 24px;
  color: #5a6b7a;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.brit-pain__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.brit-pain__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  background: #2caadf;
  border: 2px solid #2caadf;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(44, 170, 223, 0.28);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.brit-pain__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: none;
  font-size: 16px;
  line-height: 1;
}

.brit-pain__btn-icon i {
  font-size: inherit;
  line-height: 1;
  color: inherit;
}

.brit-pain__btn:hover {
  background: #2497c7;
  border-color: #2497c7;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(44, 170, 223, 0.38);
}

@keyframes brit-pain-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes brit-pain-drift {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(-40px, 30px) scale(1.08);
  }
}












/* Our Services — image cards */


body.our-svc-page {
 font-family: "Poppins", sans-serif;
}

.our-svc {
  width: 100%;
  padding: 88px 0 100px;
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(44, 170, 223, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 45% at 100% 100%, rgba(15, 70, 100, 0.08), transparent 50%),
    linear-gradient(180deg, #f8fbfd 0%, #eef3f7 100%);
}

.our-svc__wrap {
  width: 92%;
  max-width: 1367px;
  margin: 0 auto;
}

.our-svc__intro {
  max-width: 780px;
  margin: 0 auto 48px;
}

.our-svc__title {
  margin: 0 0 18px;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.02em;
}

.our-svc__copy {
  margin: 0 0 14px;
  color: #5a6b7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.our-svc__lead {
  margin: 0;
  color: #0f1a24;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
}

.our-svc__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: stretch;
}

.our-svc__card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(25% - 16.5px);
  width: calc(25% - 16.5px);
  max-width: calc(25% - 16.5px);
  min-width: 0;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid rgba(28, 54, 72, 0.08);
  border-radius: 18px;
  box-shadow:
    0 2px 6px rgba(15, 35, 55, 0.04),
    0 14px 32px rgba(15, 35, 55, 0.07);
  overflow: visible;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.our-svc__media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 2;
  background: linear-gradient(90deg, #2caadf, #7ec8e8);
  border-radius: 18px 18px 0 0;
}

.our-svc__card--b .our-svc__media::before {
  background: linear-gradient(90deg, #1a7a9c, #2caadf);
}

.our-svc__card--c .our-svc__media::before {
  background: linear-gradient(90deg, #2caadf, #3d9a7a);
}

.our-svc__card--d .our-svc__media::before {
  background: linear-gradient(90deg, #0f4c6e, #2caadf);
}

.our-svc__card:hover {
  transform: translateY(-8px);
  border-color: rgba(44, 170, 223, 0.35);
  box-shadow:
    0 10px 20px rgba(15, 35, 55, 0.06),
    0 28px 48px rgba(15, 35, 55, 0.12);
}

.our-svc__media {
  position: relative;
  width: 100%;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #e8f1f6;
  border-radius: 18px 18px 0 0;
}

.our-svc__media img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

.our-svc__card:hover .our-svc__media img {
  transform: scale(1.06);
}

.our-svc__icon {
  position: absolute;
  left: 50%;
  top: 180px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  transform: translate(-50%, -50%);
  background: #2caadf;
  border: 4px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(15, 35, 55, 0.16);
  pointer-events: none;
}

.our-svc__icon svg {
  width: 26px;
  height: 26px;
  flex: none;
}

.our-svc__icon i {
  font-size: 22px;
  line-height: 1;
  color: #ffffff;
}

.our-svc__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 40px 22px 22px;
  border-radius: 0 0 18px 18px;
}

.our-svc__card-title {
  margin: 0 0 10px;
  color: #0f1a24;
font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.our-svc__card-copy {
  margin: 0 0 20px;
  color: #5a6b7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  flex: 1 1 auto;
}

.our-svc__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  margin-top: auto;
  padding: 16px 20px;
  background: #2caadf;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(44, 170, 223, 0.28);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, gap 0.25s ease;
}

.our-svc__link svg {
  width: 15px;
  height: 15px;
  flex: none;
  transition: transform 0.25s ease;
}

.our-svc__link:hover {
  background: #2497c7;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(44, 170, 223, 0.38);
  gap: 12px;
}

.our-svc__link:hover svg {
  transform: translateX(3px);
}

/* Our Services — image cards */






body{
     font-family: "Poppins", sans-serif;
}
/* ===========================
   Common Container
=========================== */

.brit-cnd-box-content {
    text-align: center;
    padding-bottom: 50px;
    width: 70%;
    margin: 0 auto;
}
.brit-cnd-img-wrap {
    width: 100%;
    display: flex;
    padding: 15px 0 20px 0;
}
/* =====================================================
   HERO SECTION
===================================================== */
.brit-cnd-card-green .brit-cnd-card-footer i {
    font-size: 25px;
    color: #2a7e5c;
}
.brit-cnd-card-blue .brit-cnd-card-footer i {
    font-size: 25px;
    color: #2ca9e1;
}
.brit-cnd-hero {
	width: 100%;
	background: #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-top:40px;
}

.brit-cnd-hero .brit-cnd-container {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	align-items: flex-start;
}

/* Left */

.brit-cnd-left {
	width:60%;
	z-index: 2;
	padding-top: 40px;
}

.brit-cnd-left h2 {
	font-size: 29px;
	color: #000000;
	margin-bottom: 10px;
	font-weight: 700;
}

.brit-cnd-left h1 {
    font-size: 50px;
    line-height: 1.2;
	margin-bottom: 25px;
	font-weight: 700;
}

.brit-cnd-left p {
	max-width: 620px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
	margin-bottom: 40px;
}

/* Buttons */

.brit-cnd-buttons {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

a.brit-cnd-btn.brit-cnd-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease, border-color 0.25s ease, box-shadow 0.25s ease;
        background: #2caadf;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(44, 170, 223, 0.28);
    border: 2px solid #2caadf;
}
a.brit-cnd-btn.brit-cnd-primary:hover{
    background: #24a0cf;
    transform: translateY(-1px);
}
a.brit-cnd-btn i {
    font-size: 18px;
}
a.brit-cnd-btn.brit-cnd-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease, border-color 0.25s ease, box-shadow 0.25s ease;
        background: #ffffff;
    color: #2caadf;
    border: 2px solid #2caadf;
}

a.brit-cnd-btn.brit-cnd-secondary:hover {
    background: #2caadf;
    color: #ffffff;
    transform: translateY(-1px);
}

/* Feature Box */

.brit-cnd-features {
	display: flex;
	gap: 20px;
	background: #fff;
	padding: 25px;
	border-radius: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
	width:100%;
}

.brit-cnd-feature {
	display: flex;
	align-items: center;
	gap: 15px;
}

.brit-cnd-icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #eef4ff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2caadf;
	font-size: 24px;
}

.brit-cnd-feature h4 {
	font-size: 14px;
	color: #666;
}

.brit-cnd-feature p {
	margin: 0;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

/* Right */

.brit-cnd-right {
	width: 40%;
    position: relative;
    align-self: stretch;
}

.brit-cnd-right img {
      width: 100%;
    max-height: 100%;
    display: block;
    object-position: top;
      display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index:0;
}

.brit-cnd-right::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 100%;
	background: linear-gradient(to right,
			#fff 0%,
			rgba(255, 255, 255, .95) 20%,
			rgba(255, 255, 255, .6) 50%,
			rgba(255, 255, 255, 0) 100%);
	z-index:1;
}
.brit-cnd-hero {
    padding: 0 40px 80px 40px;
}
/* =====================================================
   SECOND SECTION
===================================================== */

.brit-cnd-spinal-section {
	width: 100%;
	padding:0 40px 80px 40px;
	background: #ffffff;
}

.brit-cnd-spinal-section .brit-cnd-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	background: #fff;
	padding: 0;
	border-radius: 20px;
}

/* Left Content */

.brit-cnd-left-content {
	width: 45%;
}

.brit-cnd-left-content h2 {
	font-size: 40px;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 25px;
	font-weight: 800;
}

.brit-cnd-left-content p {
	font-size: 14px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 10px;
}

/* Right Content */

.brit-cnd-right-content {
	width: 55%;
    position: relative;
    align-self: stretch;
}

.brit-cnd-right-content img {
  display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:10px;
}

.brit-cnd-right-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 100%;
	background: linear-gradient(to right,
			#fff 0%,
			rgba(255, 255, 255, .95) 20%,
			rgba(255, 255, 255, .6) 50%,
			rgba(255, 255, 255, 0) 100%);
}


/*=========================================
        PROBLEM SECTION (FIXED)
=========================================*/

.brit-cnd-problem-area {
	width: 100%;
	padding: 80px 40px;
	background: #ffffff;
}

.brit-cnd-problem-wrapper {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 30px;
}

/*================ LEFT =================*/

.brit-cnd-problem-left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.brit-cnd-problem-heading {
	margin-bottom: 25px;
}

.brit-cnd-problem-heading h5 {
	font-size: 24px;
	color: #2caadf;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: capitalize;
}

/* MAIN HEADING + LINE FIXED */
.brit-cnd-problem-heading h2 {
	font-size: 40px;
	line-height: 52px;
	color: #000000;
	font-weight: 800;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 18px;
}

/* Gradient line (after H2 only) */
.brit-cnd-problem-heading h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

	width: 220px;
	/* FIXED LENGTH (better match design) */
	height: 3px;
	border-radius: 10px;

background: linear-gradient( to right,
    #2CA9E1 0%,
    #2CA9E1 35%,
    rgba(44, 169, 225, 0.4) 70%,
    transparent 100%);
}
.brit-cnd-treatment-main-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

	width: 220px;
	/* FIXED LENGTH (better match design) */
	height: 3px;
	border-radius: 10px;

background: linear-gradient( to right,
    #2CA9E1 0%,
    #2CA9E1 35%,
    rgba(44, 169, 225, 0.4) 70%,
    transparent 100%);
}
.brit-cnd-problem-heading p {
	width: 90%;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}

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

.brit-cnd-problem-list {
	width: 100%;
}

.brit-cnd-problem-item {
	display: flex;
	align-items: center;
padding-bottom:15px;
}

.brit-cnd-problem-icon {
	width: 58px;
	min-width: 58px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brit-cnd-problem-icon i {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #2caadf;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}

.brit-cnd-problem-text {
	padding-left: 18px;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding-bottom: 15px;
    position:relative;
}
.brit-cnd-problem-text::after {
    border-left: 1px solid #e5e5e5;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 75%;
}
/*================ BLUE BOX =================*/

.brit-cnd-problem-box {
margin-top: 10px;
    background: #2caadf;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    margin-left: 10px;
    color: #fff;
}
.brit-cnd-problem-box p {
    margin-left: 10px;
    font-size: 14px;
}
.brit-cta-description {
  padding: 12px;
}
.brit-cta-description p {
    font-size: 14px;
    color: #555;
}
.brit-cnd-box-icon {
  width: 40px;
  height: 31px;
  border-radius: 50%;
  /*background: rgba(255, 255, 255, .18);*/
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  margin-right: 15px;
}

.brit-cnd-cta-box-content p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
}

/*================ RIGHT =================*/

.brit-cnd-problem-right {
	width: 60%;
    position: relative;
    align-self: stretch;
}

.brit-cnd-problem-right img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index:0;
}

/* CENTER WHITE FADE FIXED */
.brit-cnd-problem-right::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(to right,
			rgba(255, 255, 255, 1) 0%,
			rgba(255, 255, 255, .95) 25%,
			rgba(255, 255, 255, .70) 55%,
			rgba(255, 255, 255, .20) 85%,
			transparent 100%);
}


/* ==========================================
   Conditions We Treat Section - Stylesheet
   ========================================== */

/* Container */
.brit-cnd-conditions-section {
	margin: 60px 0 40px 0;
	font-family: "Poppins", sans-serif;
	color: #333333;
	line-height: 1.5;
}

/* Section Header with Side Lines */
.brit-cnd-section-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 40px;
}

.brit-cnd-section-header .brit-cnd-line {
	height: 2px;
	width: 80px;
	background-color: #2ca9e1;
}

.brit-cnd-section-header h2 {
	color:  #2caadf;
	font-size: 2.2rem;
	margin: 0;
	font-weight: 700;
}

/* 3-Column Layout */
.brit-cnd-conditions-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-bottom: 30px;
}

/* Card Styling (block + overflow so floated images are contained) */
.brit-cnd-condition-card {
	background: #ffffff;
	border: 1px solid #e2ebf5;
	border-radius: 12px;
	padding: 30px 24px;
	flex: 1;
	min-width: 300px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
	overflow: hidden;
}

/* Card Header */
.brit-cnd-card-header-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
}

.brit-cnd-card-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.brit-cnd-card-icon i{
    font-size:20px;
}
/* Inject a spine/bone icon using the Font Awesome font already loaded in the page */


.brit-cnd-card-icon svg {
	width: 24px;
	height: 24px;
	fill: #ffffff;
}

.brit-cnd-card-title {
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}

/* Theme Variant 1: Blue Accent */
.brit-cnd-card-blue .brit-cnd-card-icon {
	background-color: #2ca9e1;
}

.brit-cnd-card-blue .brit-cnd-card-title,
.brit-cnd-card-blue .brit-cnd-list-title {
	color: #2ca9e1;
}

/* Theme Variant 2: Green Accent */
.brit-cnd-card-green .brit-cnd-card-icon {
	background-color: #2a7e5c;
}

.brit-cnd-card-green .brit-cnd-card-title,
.brit-cnd-card-green .brit-cnd-list-title {
	color: #2a7e5c;
}

/* Anatomical illustrations (floated so the body text wraps around them) */
.brit-cnd-anatomy-img {
	height: 150px;
	width: auto;
	object-fit: contain;
	pointer-events: none;
	opacity: 1;
}

.brit-cnd-align-left {
	float: left;
	margin: 0 14px 6px 0;
}

.brit-cnd-align-right {
	float: right;
	margin: 0 0 6px 14px;
}


/* Description & Lists */
.brit-cnd-card-desc {
	font-size: 0.9rem;
	color: #555555;
	line-height: 1.6;
	margin: 0 0 20px 0;
	text-align: left;
}

.brit-cnd-list-title {
	font-size: 0.95rem;
	font-weight: 700;
	margin-bottom: 12px;
	clear: both;
}

.brit-cnd-symptom-list {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.brit-cnd-symptom-list li {
	font-size: 0.9rem;
	margin-bottom: 8px;
	color: #333333;
	display:flex;
}
.brit-cnd-symptom-list li p{
    padding-left:10px;
}
/* Footer */
.brit-cnd-card-divider {
	height: 1px;
	background-color: #e2ebf5;
	margin-bottom: 15px;
	clear: both;
}

.brit-cnd-card-footer {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

/* Inject a "care" icon before the footer text (markup has no icon element) */


.brit-cnd-card-footer p {
	font-size: 0.85rem;
	color: #666666;
	margin: 0;
	line-height: 1.5;
}

/* Full Width Bottom Banner (aligned with the card row) */


.brit-cnd-banner-icon {
	width: 45px;
	height: 45px;
	fill: #2caadf;
	flex-shrink: 0;
}




/* ==========================================
   Treatment Overview Section - Stylesheet
   ========================================== */

.brit-cnd-treatment-section {
	padding: 120px 40px 90px 40px;
	font-family: "Poppins", sans-serif;
}

/* Two-column layout grid */
.brit-cnd-treatment-container {
	display: flex;
	gap: 50px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.brit-cnd-treatment-left {
	flex: 1.1;
	min-width: 320px;
}

.brit-cnd-treatment-right {
	flex: 0.9;
	min-width: 320px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* Typography styles matching image_48c38c.jpg */
.brit-cnd-treatment-main-title {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 10px 0;
	padding-bottom:10px;
	position:relative;
}

.brit-cnd-highlight-blue {
	color: #0693E3;
}

.brit-cnd-treatment-lead-text {
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
	margin: 0 0 25px 0;
}

/* Main Graphic Display Frame - Cleaned and Merged */
.brit-cnd-image-wrapper {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	/* Anchors the absolute white fade layer */
}

/* CENTER WHITE FADE FIXED */
.brit-cnd-image-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	/* Glues the solid white color to the center layout edge */
	width: 40%;
	/* Softly spans into the image width */
	height: 100%;
	z-index: 2;
	pointer-events: none;

	/* Blends from solid white at the right center out to clear transparency on left */
	background: linear-gradient(to left,
			rgba(255, 255, 255, 1) 0%,
			rgba(255, 255, 255, 0.95) 25%,
			rgba(255, 255, 255, 0.65) 60%,
			rgba(255, 255, 255, 0.15) 85%,
			transparent 100%
			/* Fixed: added missing % unit */
		);
}

/* Main Image Setup - Cleaned and Merged */
.brit-cnd-treatment-main-img {
	width: 100%;
	/* Fixed: Changed from 142%/96% to keep it aligned with wrapper borders */
	height: auto;
	display: block;
	object-fit: cover;
	position: relative;
	z-index: 1;
	/* Places image beautifully under the white vignette overlay */
}

/* Treatment Rows Stack */
.brit-cnd-service-row {
	background: #ffffff;
	border: 2px solid #f0f4f8;
	border-radius: 12px;
	padding: 10px 20px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	box-shadow: 0 4px 12px rgba(12, 35, 64, 0.03);
}

.brit-cnd-service-icon-circle {
	width: 46px;
	height: 46px;
	background-color: #2caadf;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color:#fff;
}

.brit-cnd-service-icon-circle svg {
	width: 22px;
	height: 22px;
	fill: #ffffff;
}

.brit-cnd-service-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
	    border-left: 1px solid #2caadf;
    padding-left: 20px;
    align-self: center;
}

.brit-cnd-service-title {
	margin: 0;
	color: #2caadf;
	font-size: 14px;
	font-weight: 700;
}

.brit-cnd-service-text {
	margin: 0;
	color: #5a6578;
	font-size: 14.5px;
	line-height: 1.5;
}

/* Bottom Location Bar Styles */
.brit-cnd-serving-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

.brit-cnd-serving-footer .brit-cnd-footer-line {
	height: 1.5px;
	flex: 1;
	background-color: #cbd5e1;
}

.brit-cnd-footer-location-text {
font-size: 24px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 10px;
     font-family: "Poppins", sans-serif;
}
.brit-cnd-footer-accute-text {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
    padding-top: 20px;
    font-family: "Poppins", sans-serif;
}
.brit-cnd-footer-location-text .brit-cnd-bold-blue {
	color: #2caadf;
	font-weight: 700;
}

.brit-cnd-pin-icon {
	margin-right: 4px;
}

.brit-cnd-sdt-treatment-section {
    padding: 80px 40px;
	font-family: "Poppins", sans-serif;
}

/*======================
  TWO COLUMN LAYOUT
=======================*/

.brit-cnd-sdt-treatment-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	flex-wrap: nowrap;
}

.brit-cnd-sdt-treatment-left {
	flex: 0 0 58%;
}

.brit-cnd-sdt-treatment-right {
	flex: 0 0 42%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

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

.brit-cnd-sdt-treatment-main-title {
	font-size: 28px;
	font-weight: 750;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 18px;
}

.brit-cnd-sdt-highlight-blue {
	color: #0693e3;
}

.brit-cnd-sdt-treatment-lead-text {
	font-size: 14px;
	line-height: 1.7;
	color: #555;
	margin-bottom: 25px;
}

.brit-cnd-sdt-horizontal-separator {
	width: 100%;
	height: 1px;
	background: #d9e4ef;
	margin-bottom: 25px;
}

/*======================
  FEATURE CARDS
=======================*/

.brit-cnd-sdt-features-stack {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.brit-cnd-sdt-service-card {
	display: flex;
	align-items: center;
	gap: 18px;
	background: #f7fbff;
	border: 1px solid #dce8f4;
	border-radius: 10px;
	padding: 6px 9px;
}

.brit-cnd-sdt-icon-badge {
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 50%;
	background: #2caadf;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
}

.brit-cnd-sdt-icon-badge svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}

.brit-cnd-sdt-service-title {
	font-size: 14px;
	font-weight: 600;
	color: #0693E3;
	line-height: 1.2;
}

/*======================
  IMAGE
=======================*/

.brit-cnd-sdt-graphic-frame {
	width: 100%;
	max-width: 520px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

/* Left white fade */

.brit-cnd-sdt-graphic-frame::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 100%;
	background: linear-gradient(to right,
			rgba(255, 255, 255, 1) 0%,
			rgba(255, 255, 255, .9) 25%,
			rgba(255, 255, 255, .55) 55%,
			transparent 100%);
	pointer-events: none;
}

.brit-cnd-sdt-graphic-element {
	display: block;
	width: 100%;
	height: 650px;
	object-fit:cover;
}


/* ==========================================
   PROFESSIONAL MEDICAL CARE SECTION
========================================== */

.brit-cnd-pc-care-section {
	padding: 80px 40px 20px;
	font-family: "Poppins", sans-serif;
}

/* TWO COLUMN LAYOUT */

.brit-cnd-pc-care-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 40px;
	margin-bottom: 40px;
}

.brit-cnd-pc-care-left {
	flex: 0 0 58%;
}

.brit-cnd-pc-care-right {
	flex: 0 0 42%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* HEADER */

.brit-cnd-pc-header-row {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 15px;
}

.brit-cnd-pc-main-badge i{
	width: 52px;
	height: 52px;
	border: 2px solid #0693e3;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brit-cnd-pc-main-badge svg {
	width: 26px;
	height: 26px;
	fill: #0693E3;
}

.brit-cnd-pc-main-title {
	font-size: 40px;
	font-weight: 800;
	color: #000000;
	line-height: 1.2;
	margin: 0;
}

.brit-cnd-pc-title-divider {
	height: 1px;
	background: #d7e3ee;
	margin: 20px 0;
}

.brit-cnd-pc-lead-description {
	font-size: 14px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 25px;
}

/* FEATURES */

.brit-cnd-pc-features-list {
	display: flex;
	flex-direction: column;
}

.brit-cnd-pc-feature-item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 0;
	border-bottom: 1px solid #e4edf5;
}

.brit-cnd-pc-feature-item:last-child {
	border-bottom: none;
}

.brit-cnd-pc-icon-frame {
	width: 44px;
	height: 44px;
	min-width: 44px;
	border-radius: 50%;
	background: #f3f7fb;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brit-cnd-pc-icon-frame svg {
	width: 20px;
	height: 20px;
	fill: #0693E3;
}

.brit-cnd-pc-feature-text {
	font-size: 14px;
    font-weight: 700;
    color: #000000;
    line-height: 1.4;
    position: relative;
    padding: 10px 15px;
	
}
.brit-cnd-pc-feature-text::after {
    border-left: 1px solid #e5e5e5;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
}
/* IMAGE */

.brit-cnd-pc-image-container {
	width: 100%;
	flex: 1 1 auto;
	min-height: 260px;
	overflow: hidden;
	border-radius: 12px;
}

.brit-cnd-pc-main-photo {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* ALERT */

.brit-cnd-pc-alert-banner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 22px;
	background: #eaf4ff;
	border: 1px solid #cfe3fb;
	border-radius: 12px;
	margin-left: -20px;
}

.brit-cnd-pc-alert-badge {
	width: 42px;
	height: 42px;
	min-width: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	    color: #fff;
    background-color: #2caadf;
    border-radius: 100px;
}

.brit-cnd-pc-alert-badge svg {
	width: 42px;
	height: 42px;
	fill:  #2caadf;
}

.brit-cnd-pc-alert-message {
	margin: 0;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	line-height: 1.4;
}


/* =======================================================
   Schedule Evaluation Component (True Image Structure)
   ======================================================= */

.brit-cnd-se-section {
	padding: 40px 40px;
	font-family: "Poppins", sans-serif;
	position: relative;
}

/* Two-column layout container wrapper */
.brit-cnd-se-container {
	display: flex;
	gap: 40px;
	align-items: stretch;
	/* Stretches left content block and right picture evenly */
	flex-wrap: wrap;
}

.brit-cnd-se-content-left {
	flex: 1.2;
	min-width: 320px;
	padding-bottom: 60px;
	/* Leaves breathing room for the bottom callout overlap */
}

.brit-cnd-se-image-right {
	flex: 0.8;
	min-width: 320px;
	display: flex;
	position: relative;
	/* REQUIRED: Anchors the absolute fade layer */
	overflow: hidden;
	/* REQUIRED: Keeps the fade contained inside the border-radius */
	border-radius: 8px;
}

/* CENTER WHITE FADE FIXED */
.brit-cnd-se-image-right::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 35%;
	/* Uses percentage width to stay perfectly on the left text side */
	height: 100%;
	z-index: 2;
	/* Sits above the image but below any page layout text */
	pointer-events: none;

	background: linear-gradient(to right,
			rgba(255, 255, 255, 1) 0%,
			rgba(255, 255, 255, 0.95) 25%,
			rgba(255, 255, 255, 0.70) 55%,
			rgba(255, 255, 255, 0.20) 85%,
			transparent 100%);
}

/* Base structural picture element rules */
.brit-cnd-se-main-img {
	width: 100%;
	height: auto;
	object-fit: cover;
	/* Crops the frame gracefully to fit standard row height rules */
	display: block;
	position: relative;
	z-index: 1;
	/* Kept at 1 so it sits cleanly beneath the gradient fade mask */
}

/* Title Elements typography */
.brit-cnd-se-main-title {
	color: #000000;
	font-size: 40px;
	font-weight: 750;
	line-height: 1.15;
	margin: 0 0 15px 0;
}

.brit-cnd-se-italic-blue {
	color: #000000;
	font-style: italic;
	font-family: Georgia, serif;
	font-weight: normal;
}

/* Centered horizontal accented secondary header line */



.brit-cnd-se-subtitle-text {
	color: #2caadf;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
    padding-bottom: 20px;
}

/* Informative description texts styling */
.brit-cnd-se-description-text {
	font-size: 14px;
	color: #4a5568;
	line-height: 1.6;
	margin: 0 0 25px 0;
}

/* Core Highlight text block section with icon indicator badge */
.brit-cnd-se-highlight-box {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-bottom: 30px;
}



.brit-cnd-se-highlight-text {
	font-size: 14px;
	color: #555;
	line-height: 1.5;
	margin: 0;
}








/* =========================================
       Consition Cards design
   ========================================= */
   

.brit-tracks-page {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  color: #1c2430;
  background: #eef3f7;
}

.brit-tracks {
  width: 100%;
  padding: 80px 40px;
  background:
    radial-gradient(ellipse 80% 60% at 10% 0%, rgba(44, 170, 223, 0.12), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 100%, rgba(28, 90, 120, 0.08), transparent 50%),
    linear-gradient(180deg, #f7fafc 0%, #eef3f7 100%);
}

.brit-tracks__wrap {
  max-width: 1367px;
  margin: 0 auto;
}

.brit-tracks__intro {
  max-width: 720px;
  margin: 0 auto 52px;
  text-align: center;
}

.brit-tracks__title {
  margin: 0 0 16px;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.brit-tracks__lead {
  margin: 0;
  color: #5a6b7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

.brit-tracks__lead p {
  margin: 0 0 12px;
}

.brit-tracks__lead p:last-child {
  margin-bottom: 0;
}

.brit-tracks__serve-heading {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

.brit-tracks__serve-title {
  margin: 0;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
}

.brit-tracks__bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
  max-width: 760px;
  margin: 40px auto 0;
  text-align: center;
}

.brit-tracks__bottom-icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #2caadf;
  background: rgba(44, 170, 223, 0.12);
  font-size: 18px;
}

.brit-tracks__note {
  margin: 0;
  color: #4a5a68;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}

.brit-tracks__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch;
  justify-content: center;
      padding-bottom: 30px;
}

.brit-tracks__card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(25% - 18px);
  width: calc(25% - 18px);
  max-width: calc(25% - 18px);
  min-width: 0;
  padding: 28px 26px 26px;
  background: #ffffff;
  border: 1px solid rgba(28, 54, 72, 0.06);
  border-radius: 18px;
  box-shadow:
    0 2px 4px rgba(15, 35, 55, 0.04),
    0 12px 28px rgba(15, 35, 55, 0.08);
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.brit-tracks__card:hover {
  transform: translateY(-8px);
  border-color: rgba(44, 170, 223, 0.28);
  box-shadow:
    0 8px 16px rgba(15, 35, 55, 0.06),
    0 24px 48px rgba(15, 35, 55, 0.14);
}

.brit-tracks__accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
}

.brit-tracks__card--spine .brit-tracks__accent {
  background: linear-gradient(90deg, #2caadf, #7ec8e8);
}

.brit-tracks__card--pain .brit-tracks__accent {
  background: linear-gradient(90deg, #1a7a9c, #2caadf);
}

.brit-tracks__card--joint .brit-tracks__accent {
  background: linear-gradient(90deg, #2caadf, #3d9a7a);
}

.brit-tracks__card--special .brit-tracks__accent {
  background: linear-gradient(90deg, #0f4c6e, #2caadf);
}

.brit-tracks__card-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 22px;
}

.brit-tracks__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  color: #2caadf;
  background: rgba(44, 170, 223, 0.12);
  box-shadow: inset 0 0 0 1px rgba(44, 170, 223, 0.18);
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.brit-tracks__card:hover .brit-tracks__badge {
  transform: scale(1.06);
  color: #ffffff;
  background: #2caadf;
  box-shadow: 0 10px 22px rgba(44, 170, 223, 0.35);
}

.brit-tracks__badge svg,
.brit-tracks__badge i {
  width: 24px;
  height: 24px;
  font-size: 22px;
  line-height: 1;
}

.brit-tracks__card-title {
  margin: 0;
  color: #0f1a24;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.brit-tracks__card-lead {
 color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom:20px;
}

.brit-tracks__card-desc {
  margin: 0 0 28px;
  color: #3d4d5c;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  flex: 1 1 auto;
}

.brit-tracks__list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  flex: 1 1 auto;
}

.brit-tracks__list li {
  position: relative;
  padding: 11px 0 11px 22px;
  border-bottom: 1px solid rgba(28, 54, 72, 0.07);
  color: #3d4d5c;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.brit-tracks__list-extra {
  display: block;
  margin-top: 4px;
  color: #6a7a88;
  font-size: 13px;
  font-weight: 400;
}

.brit-tracks__list li:last-child {
  border-bottom: 0;
}

.brit-tracks__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #2caadf;
  box-shadow: 0 0 0 3px rgba(44, 170, 223, 0.18);
}

.brit-tracks__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  margin-top: auto;
  padding: 14px 18px;
  background: #2caadf;
  border: 2px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #2caadf, 0 8px 18px rgba(44, 170, 223, 0.28);
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.brit-tracks__btn svg {
  width: 16px;
  height: 16px;
  flex: none;
  transition: transform 0.25s ease;
}

.brit-tracks__btn:hover {
  background: #2497c7;
  box-shadow: 0 0 0 1px #2497c7, 0 12px 26px rgba(44, 170, 223, 0.4);
  transform: translateY(-2px);
}

.brit-tracks__btn:hover svg {
  transform: translateX(3px);
}






@media (prefers-reduced-motion: reduce) {
  .brit-pain__glow,
  .brit-pain__intro,
  .brit-pain__item,
  .brit-pain__footer {
    animation: none;
  }

  .brit-pain__item,
  .brit-pain__icon,
  .brit-pain__item-media img {
    transition: none;
  }
}

/* =====================================================
   RESPONSIVE BREAKPOINTS
===================================================== */


/* ---- MOBILE:  and below ---- */
@media (max-width: 767px) {
    .brit-cnd-right-content img {
    position: unset;
}
.brit-pain__title {
    font-size: 24px;
}
    .brit-cnd-right img {
    position: unset;
}
  .brit-cnd-treatment-container {
    gap: 0;
}  
   .brit-pain {
    padding: 40px 0 30px;
  }

  .brit-pain__intro {
    margin-bottom: 32px;
  }

  .brit-pain__lead {
    font-size: 15px;
  }

  .brit-pain__list {
    gap: 14px;
    margin-bottom: 28px;
  }

  .brit-pain__item {
    flex: 0 0 100%;
    width: 100%;
    flex-direction: column;
  }

  .brit-pain__item-media {
    flex: none;
    position: relative;
    width: 100%;
    height: 200px;
    min-height: 200px;
  }

  .brit-pain__item-media img {
    position: absolute;
    min-height: 0;
  }

  .brit-pain__item-body {
    flex: none;
    width: 100%;
    padding: 20px 18px 22px;
  }

  .brit-pain__icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .brit-pain__item-title {
    font-size: 20px;
  }

  .brit-pain__item-copy,
  .brit-pain__bottom {
    font-size: 14px;
  }

  .brit-pain__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .brit-pain__btn {
    width: 100%;
  } 
    
    
  .brit-tracks {
    padding: 50px 20px;
  }

  .brit-tracks__intro {
    margin-bottom: 0px;
    text-align: left;
  }

  .brit-tracks__title {
    font-size: 28px;
  }

  .brit-tracks__lead {
    font-size: 15px;
  }

  .brit-tracks__bottom {
    margin-top: 28px;
    justify-content: flex-start;
    text-align: left;
  }

  .brit-tracks__note {
    font-size: 15px;
  }

  .brit-tracks__serve-title {
    font-size: 24px;
  }

  .brit-tracks__grid {
    gap: 18px;
    justify-content: center;
    padding: 20px 0px;
  }

  .brit-tracks__card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 24px 20px 20px;
  }

  .brit-tracks__card-title {
    font-size: 21px;
  }  
   /*----condtion card css end -------*/
   
   .our-svc {
    padding: 40px 0 60px;
  }

  .our-svc__intro {
    margin-bottom: 32px;
  }

  .our-svc__title {
    font-size: 26px;
  }

  .our-svc__copy,
  .our-svc__lead {
    font-size: 15px;
  }

  .our-svc__grid {
    gap: 16px;
  }

  .our-svc__card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .our-svc__media {
    height: 210px;
  }

  .our-svc__icon {
    top: 210px;
    width: 52px;
    height: 52px;
  }

  .our-svc__icon svg {
    width: 24px;
    height: 24px;
  }

  .our-svc__card-title {
    font-size: 20px;
  }
  
   
   .brit-cnd-se-section {
   padding: 20px 20px;
} 
   .brit-cnd-sdt-treatment-section {
   padding: 20px 20px 50px;
}
    
    .brit-cnd-treatment-section {
    padding: 50px 20px;
}
    
  .brit-cnd-pc-care-section {
     padding: 50px 20px;
}  
    
    .brit-cnd-box-content {
    padding-bottom:10px;
    width: 100%;
}
.brit-cnd-sdt-graphic-element {
	display: block;
	width: 100%;
	height: 100%;
}

    .brit-cnd-pc-alert-banner {
        flex-direction: column;
        align-items: baseline;
    }

	/* Stop fixed min-widths from overflowing narrow phone screens */
	.brit-cnd-condition-card,
	.brit-cnd-treatment-left,
	.brit-cnd-treatment-right,
	.brit-cnd-se-content-left,
	.brit-cnd-se-image-right {
		min-width: 0;
		flex-basis: 100%;
	}

	.brit-cnd-anatomy-img {
		max-width: 100%;
	}


.brit-cnd-spinal-section {
    padding: 20px 20px 40px;
}
	/* HERO */
	.brit-cnd-right {
    padding-top: 30px;
}


	.brit-cnd-hero {
        min-height: auto;
        padding: 0px 40px 40px;
    }

	.brit-cnd-hero .brit-cnd-container {
	flex-direction: unset;
        gap: unset;
        flex-wrap: wrap;
	}

	.brit-cnd-left,
	.brit-cnd-right {
		width: 100%;
		padding-top: 30px;
	}

	.brit-cnd-left h2 {
		font-size: 16px;
	}

	.brit-cnd-left h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.brit-cnd-left p {
		max-width: 100%;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.brit-cnd-right img {
		max-height: none;
		height:400px;
		border-radius: 20px;
	}

	.brit-cnd-right::before {
		display: none;
	}

	.brit-cnd-buttons {
		flex-direction: column;
		gap: 15px;
	}

	.brit-cnd-btn {
		width: 100%;
	}

	.brit-cnd-features {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		gap: 20px;
		padding: 20px;
	}

	/* SPINAL SECTION */
	.brit-cnd-spinal-section .brit-cnd-container {
		flex-direction: column;
		gap: 30px;
		padding: 10px;
	}

	.brit-cnd-left-content,
	.brit-cnd-right-content {
		width: 100%;
	}

	.brit-cnd-left-content h2 {
		font-size: 24px;
	}

	.brit-cnd-left-content p {
		font-size: 14px;
	}

	.brit-cnd-right-content::before {
		display: none;
	}

	/* PROBLEM SECTION */
	.brit-cnd-problem-area {
		padding: 40px 20px 20px;
	}

	.brit-cnd-problem-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.brit-cnd-problem-left,
	.brit-cnd-problem-right {
		width: 100%;
	}

	.brit-cnd-problem-box {
		flex-wrap: nowrap;
		gap: 15px;
	}

	.brit-cnd-problem-heading h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.brit-cnd-problem-heading h5 {
		font-size: 22px;
	}

	.brit-cnd-problem-item {
		height: auto;
		min-height: 54px;
		padding: 8px 0;
	}

	.brit-cnd-problem-text {
		font-size: 14px;
	}

	.brit-cnd-problem-right img {
		min-height: auto;
		max-height: 380px;
	}

	.brit-cnd-problem-right::before {
		display: none;
	}

	/* CONDITIONS SECTION */
	.brit-cnd-anatomy-img {
		float: none;
		display: block;
		margin: 0 auto 15px auto;
		height: 130px;
	}

	.brit-cnd-section-header h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.brit-cnd-section-header .brit-cnd-line {
		width: 40px;
	}

	.brit-cnd-card-footer {
		flex-wrap: wrap;
	}

	/* TREATMENT SECTION */
	.brit-cnd-service-row {
		flex-wrap: wrap;
	}

	.brit-cnd-treatment-main-title {
		font-size: 24px;
	}

	.brit-cnd-treatment-lead-text {
		font-size: 14px;
	}

	.brit-cnd-image-wrapper::after {
		display: none;
	}

	/* TRUST (SDT) SECTION */
	.brit-cnd-sdt-treatment-container {
		flex-wrap: wrap;
		gap: 40px;
	}

	.brit-cnd-sdt-treatment-left,
	.brit-cnd-sdt-treatment-right {
		flex: 0 0 100%;
	}

	.brit-cnd-sdt-treatment-main-title {
		font-size: 24px;
	}

	.brit-cnd-sdt-graphic-frame {
		max-width: 100%;
	}

	.brit-cnd-sdt-graphic-frame::after {
		display: none;
	}

	/* PROFESSIONAL CARE SECTION */
	.brit-cnd-pc-care-container {
		flex-direction: column;
		gap: 30px;
		margin-bottom:10px;
	}

	.brit-cnd-pc-care-left,
	.brit-cnd-pc-care-right {
		flex: 0 0 100%;
	}

	.brit-cnd-pc-header-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.brit-cnd-pc-main-title {
		font-size: 24px;
	}

	.brit-cnd-pc-feature-text {
		font-size: 15px;
	}

	.brit-cnd-pc-alert-banner {
		margin-left: 0;
	}

	/* SCHEDULE EVALUATION SECTION */

	.brit-cnd-se-content-left {
		padding-bottom: 0;
	}

	.brit-cnd-se-image-right {
		height: 300px;
	}

	.brit-cnd-se-image-right::before {
		display: none;
	}

	.brit-cnd-se-main-title {
		font-size: 28px;
	}
    .brit-cnd-se-subtitle-row {
        flex-wrap: wrap;
    }
	.brit-cnd-se-subtitle-text {
        font-size: 17px;
    }



	.brit-cnd-se-highlight-box {
		flex-wrap: wrap;
	}


	.brit-cnd-sdt-features-stack {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
}








/* ---- TABLET: ---- */
@media (min-width: 768px) and (max-width: 1024px) {
    .brit-pain {
    padding: 60px 0 60px;
  }

  .brit-pain__item {
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .brit-pain__item-body {
    padding: 20px 18px;
  }

  .brit-pain__item-title {
    font-size: 18px;
  }
    
  .our-svc {
    padding: 64px 0 80px;
  }

  .our-svc__title {
    font-size: 30px;
  }

  .our-svc__card {
    flex: 0 0 calc(50% - 11px);
    width: calc(50% - 11px);
    max-width: calc(50% - 11px);
  }

  .our-svc__media {
    height: 200px;
  }

  .our-svc__icon {
    top: 200px;
  }




.brit-cnd-sdt-treatment-section {
    padding: 40px 40px 60px;
    font-family: "Poppins", sans-serif;
}
.brit-tracks {
    padding:60px 40px;
  }
.brit-cnd-treatment-section {
    padding: 60px 40px 20px;
}
  .brit-tracks__title {
    font-size: 32px;
  }

  .brit-tracks__card {
    flex: 0 0 calc(50% - 18px);
    width: calc(50% - 18px);
    max-width: calc(50% - 18px);
  }


	/* HERO */
	.brit-cnd-hero {
		min-height: auto;
		padding: 0px 40px 40px;
	}
.brit-cnd-right {
    padding-top: 40px;
}
.brit-cnd-spinal-section {
    padding: 0px 20px;
}
.brit-cnd-problem-area {
    	padding: 60px 40px 40px;
}
	.brit-cnd-hero .brit-cnd-container {
	flex-direction: unset;
        gap: unset;
        flex-wrap: wrap;
	}

	.brit-cnd-left,
	.brit-cnd-right {
		width: 100%;
	}

	.brit-cnd-left h1 {
		font-size: 54px;
		line-height: 60px;
	}

	.brit-cnd-left p {
		max-width: 100%;
	}

	.brit-cnd-right img {
		max-height: none;
		position: unset;
		border-radius: 20px;
	}

	.brit-cnd-right::before {
		display: none;
	}

	/* SPINAL SECTION */
	.brit-cnd-spinal-section .brit-cnd-container {
		flex-direction: column;
		gap: 30px;
		padding: 30px;
	}

	.brit-cnd-left-content,
	.brit-cnd-right-content {
		width: 100%;
	}

	.brit-cnd-left-content h2 {
		font-size: 36px;
	}

	.brit-cnd-right-content::before {
		display: none;
	}

	/* PROBLEM SECTION */
	.brit-cnd-problem-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.brit-cnd-problem-left,
	.brit-cnd-problem-right {
		width: 100%;
	}

	.brit-cnd-problem-right img {
		min-height: auto;
		max-height: 520px;
	}

	.brit-cnd-problem-right::before {
		display: none;
	}

	/* CONDITIONS SECTION */
	.brit-cnd-section-header h2 {
		font-size: 26px;
	}

	/* TREATMENT SECTION */
	.brit-cnd-treatment-main-title {
		font-size: 28px;
	}

	.brit-cnd-image-wrapper::after {
		display: none;
	}

	/* TRUST (SDT) SECTION */
	.brit-cnd-sdt-treatment-container {
		flex-wrap: wrap;
		gap: 40px;
	}

	.brit-cnd-sdt-treatment-left,
	.brit-cnd-sdt-treatment-right {
		flex: 0 0 100%;
	}

	.brit-cnd-sdt-treatment-main-title {
		font-size: 36px;
	}

	.brit-cnd-sdt-graphic-frame {
		max-width: 100%;
	}

	.brit-cnd-sdt-graphic-frame::after {
		display: none;
	}

	/* PROFESSIONAL CARE SECTION */
	.brit-cnd-pc-care-container {
		flex-direction: column;
		gap: 30px;
	}

	.brit-cnd-pc-care-left,
	.brit-cnd-pc-care-right {
		flex: 0 0 100%;
	}

	.brit-cnd-pc-main-title {
		font-size: 36px;
	}

	/* SCHEDULE EVALUATION SECTION */
    .brit-cnd-se-container {
        flex-direction: unset;
        gap: unset;
        flex-wrap: wrap;
    }
    .brit-cnd-se-content-left {
        padding-bottom: 0;
        flex: unset;
    }

	.brit-cnd-se-image-right {
		        height: unset;
        width: 100%;
        min-width: 100%;
        padding-top:20px;
	}

	.brit-cnd-se-image-right::before {
		display: none;
	}

	.brit-cnd-se-main-title {
		font-size: 30px;
	}

.brit-cnd-se-subtitle-text {
        font-size: 17px;
    }


}