:root {
  --white-color:#FFFFFF;
  --black-color:#000000;
  --bg-color:#FAFEFF;
  --primary:#01CCFF;
  --accent:#ED127C;
  --slate-50:#FAFAFA;
  --slate-100:#F5F5F5;
  --slate-200:#E5E5E5;
  --slate-300:#D4D4D4;
  --slate-400:#A3A3A3;
  --slate-500:#737373;
  --slate-600:#525252;
  --slate-700:#404040;
  --slate-800:#262626;
  --error-icon:#F43F5E;
  --error-text:#F43F5E;
  --success-icon:#10B981;
  --success-text:#10B981;
  --warning-icon:#10B981;
  --warning-text:#10B981;
  --dark-accent:#98198E;
  --heading-font: 'Montserrat', sans-serif;
  --body-font: 'Poppins', sans-serif;
  
}
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch!important;
}
body{
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--body-font);
  color:var(--slate-600);
  background-color: var(--white);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  padding: 0;
  overflow-x: hidden;
}

@font-face {
  font-family: 'icons';
  src:  url('../fonts/icons.eot?yf143b');
  src:  url('../fonts/icons.eot?yf143b#iefix') format('embedded-opentype'),
  url('../fonts/icons.ttf?yf143b') format('truetype'),
  url('../fonts/icons.woff?yf143b') format('woff'),
  url('../fonts/icons.svg?yf143b#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
  color: #64748b;
}
.icon-arrow-square-out:before {
  content: "\e901";
  color: #98198e;
}
.icon-calendar:before {
  content: "\e902";
  color: #475569;
}
.icon-caret-down:before {
  content: "\e903";
  color: #64748b;
}
.icon-caret-left:before {
  content: "\e904";
  color: #98198e;
}
.icon-caret-right:before {
  content: "\e905";
  color: #98198e;
}
.icon-download:before {
  content: "\e906";
  color: #98198e;
}
.icon-facebook:before {
  content: "\e907";
  color: #98198e;
}
.icon-instagram:before {
  content: "\e908";
  color: #98198e;
}
.icon-linkedin:before {
  content: "\e909";
  color: #98198e;
}
.icon-phone:before {
  content: "\e90a";
  color: #475569;
}
.icon-x:before {
  content: "\e90b";
  color: #98198e;
}
.icon-youtube:before {
  content: "\e90c";
  color: #98198e;
}

h1{
  font-size: 60px;
}

h2{
  font-size: 36px;
}

h3{
  font-size: 24px;
}

h4{
  font-size:20px;
}
h5{
  font-size: 18px;
}
h6{
  font-size: 16px;
}

.p18 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.p16 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.p14 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.green{
  color: #059669;
}
a {
  text-decoration: none;
}
a:focus{
  background-color: none;
}
li{
  list-style: none;
}
ul{
 margin: 0;
 padding:0;
}
.dark-accent{
  color:#98198E;
}

.container{
  max-width: 1536px;
}
.overflow-container {
  overflow-x: hidden; 
}
.top-nav a.nav-link.active {
  border-bottom: none !important;
}
ul.top-nav-item {
  display: flex;
  justify-content: end;
  gap: 50px;
  font-size: 16px;
  color: white;
  font-weight: 600;
  font-family: var(--body-font);
}
.sec-space{
  padding: 40px 0;
}
.top-nav {
  background-color: var(--primary);
}
.dropdown {
  position: relative;
  display: inline-block;
}
.about-us-phone i.icon-phone {
  font-size: 22px;
  color: var(--dark-accent) !important;
  position: relative;
  top: 5px;
}
.about-us-phone .icon-phone:before {
  content: "\e90a";
  color: var(--dark-accent);
}
.dropdown-item.active {
  font-weight: 700;
  font-size: 20px;
  font-family: var(--heading-font) !important;
  color: var(--dark-accent) !important;
  border-bottom: 1px solid var(--primary);
  padding-bottom: 0;
}
.dropdown-item:active {
  background-color: transparent !important;
}
.dropdown-item:hover {
  background-color: transparent !important;
}
.nav-link.active {
  font-weight: 700;
  font-size: 20px;
  font-family: var(--heading-font) !important;
  color: var(--dark-accent) !important;
  border-bottom: 1px solid var(--primary);
  padding-bottom: 0;
}
a.nav-link.home.active {
  width: fit-content;
}
button.custom-dropdown-button:hover {
  outline: none !important;
  color: var(--dark-accent);
}
.dropdown-button {
  background-color: #98198e;
  color: white;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: 153px;
}
.dropdown-button .icon-caret-down {
  float: right;
  transition: transform 0.3s;
  padding: 5px;
  margin-left: 15px;
  color: white !important;
}
.clinic-info .icon-calendar:before {
  content: "\e902";
  color: #475569;

}
li.nav-item.dropdown.white {
  z-index: 3;
}
.clinic-info .icon-phone:before {
  content: "\e90a";
  color: #475569;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #98198e;
  min-width: 226px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
}
.dropdown-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dropdown-content li {
  border-bottom: 1px solid white;
}
.dropdown-content li:last-child {
  border-bottom: none;
}
.dropdown-content a {
  color: white;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}
.dropdown.show .dropdown-button .icon-caret-down {
  transform: rotate(180deg); /* Rotate the arrow upward */
}
.dropdown.show .dropdown-content {
  display: block;
}
.custom-dropdown {
  position: relative;
  display: inline-block;
}
.top-nav-item .custom-dropdown-button {
  background-color: transparent;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--white-color);
  font-family: var(--body-font) !important;
  font-weight: 600;
}
.custom-dropdown-button .icon-caret-down {
  float: right;
  transition: transform 0.3s;
  padding: 3px;
}
.custom-dropdown-button .icon-caret-down:hover {
  color: var(--slate-600);
}
.custom-dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 296px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.custom-dropdown-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.custom-dropdown-content li {
  border-bottom:1px solid var(--slate-200);
}
.custom-dropdown-content li:last-child {
  border-bottom: none;
}
.top-nav .custom-dropdown-content li a {
  color: var(--slate-600);
  padding: 10px 0;
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
}
.top-nav .custom-dropdown-content li a {
  color: var(--slate-600);
  padding: 10px 0;
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
} 
.navbar .custom-dropdown-content li a {
  color: var(--dark-accent);
  padding: 10px 0;
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
} 
.schedule-appointment-nav span {
  font-size: 16px;
  display: block;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-top: 10px;
  color: var(--slate-500);
}
.custom-dropdown.show .custom-dropdown-button .icon-caret-down {
  transform: rotate(180deg); /* Rotate the arrow upward */
}
.custom-dropdown-content {
  padding: 20px;
  border-radius: 5px;
  z-index: 11;
}
.custom-dropdown-content {
  padding: 20px;
  border-radius: 5px;
}
.tap-nav .custom-dropdown-button {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
  font-family: var(--body-font);
}
.dropdown-content {
  padding: 20px;
}
.navbar .container-fluid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  margin: 0;
}
a.navbar-brand {
  margin-bottom: 30px;
  padding-top: 15px;
}
.top-nav {
  background-color: var(--primary);
}
.nav-link {
  font-size: 20px;
  font-weight: 500;
  color: #64748B !important;
  font-family: 'Montserrat', sans-serif;
}

.dropdown-menu {
  background-color: white;
  border: 1px solid #98198e;
  min-width: 250px;
}
.top-nav-item .dropdown-menu a {
  color: var(--slate-600);
  padding: 10px 0;
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid var(--slate-200);
}
.navbar-nav .dropdown-menu a {
  color: var(--dark-accent);
  padding: 10px 0;
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid var(--slate-200);
}
ul.dropdown-menu.dropdown-content {
  background-color: var(--dark-accent);
  color: var(--white-color);
}
li.nav-item.dropdown.white:hover {
  color: var(--white-color) !important;
}
.navbar-toggler {
  border: none;
}
.icon-caret-down {
  margin-left: 5px;
  transition: transform 0.3s;
}
.dropdown-toggle.show .icon-caret-down {
  transform: rotate(180deg);
}
.top-nav-item a.nav-link {
  font-size: 16px;
  font-weight: 600;
  color: white !important;
  font-family: 'Poppins' !important;
  padding: 10px 0;
}
.top-nav-item a.nav-link:hover {
  color: var(--dark-accent) !important;
  text-decoration: none !important;
}
a#navbarDropdown {
  padding-left: 20px;
}
.clinic-info .icon-calendar:before {
  content: "\e902";
  color: #475569;
  font-size: 22px;
  position: relative;
  top:3px;
}
.clinic-info .icon-phone:before {
  content: "\e90a";
  color: #475569;
  font-size: 22px;
  position: relative;
  top:3px;
}
.dropdown-content .dropdown-item:hover {
  color: var(--white-color) !important;
}
.dropdown-content .dropdown-item {
  color: var(--white-color) !important;
} 
.top-nav-item .white a.nav-link:hover {
  color: var(--white-color) !important;
}
.dropdown-toggle::after {
  display:none !important;

}
.navbar-nav .dropdown-button {
  background-color: transparent;
  color: white;
  padding: 6px 11px;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  width: 107px;
}
.navbar-nav .dropdown-button .icon-caret-down {
  float: right;
  transition: transform 0.3s;
  padding: 5px;
  margin-left: -4px;
  color: white !important;
}
.dropdown-item i.icon-arrow-right {
  float: inline-end;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
}
h6.dircetion.dark-accent {
  font-family: var(--body-font);
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 30px;
}
span.margin-bottom {
  margin-bottom: 15px !important;
}
.dircetion img {
  margin-left: 10px;
  margin-top: -3px;
}
ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
.dropdown-menu {
  background-color: white;
  border: none;
  min-width: 200px;
}
nav.navbar.navbar-expand-lg.navbar-light {
  background-color: rgba(71, 85, 105, 0.08);
}
ul.dropdown-menu.show {
  padding: 10px 20px;
}
ul.dropdown-menu.show li:last-child a {
  border-bottom: none;
}
.dropdown-item span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--body-font);
  margin-bottom: 5px;
}
.black i.icon-phone {
  font-size: 22px;
  top: 4px;
  position: relative;
}
.dropdown-menu show .dropdown-item:last-child {
  border-bottom: none;
}
.navbar-nav .dropdown-button:target{
 font-weight: 700;

}
.custom-dropdown-content i.icon-download {
  float: inline-end;
}
.clinic-info {
  display: flex;
}
.clinic-info span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--body-font);
  margin-bottom: 7px;
}
.clinic-info h5 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}
.clinic-info h5 {
 font-weight: 700;
 color: var(--slate-600);
 font-family: 'Montserrat', sans-serif;
}
.west-clinic {
  margin-right: 35px;
}
h6.dircetion {
  font-family: Poppin;
  font-weight: 600;

}
.west-clinic h4 {
  color: var(--dark-accent);
  font-weight: 700;
  font-family: 'POPPINS';
  margin-top: 20px;
}
.east-clinic  h4 {
  color: var(--dark-accent);
  font-weight: 700;
  font-family: 'POPPINS';
  margin-top: 20px;
}

.carousel-item {
  height: 754px;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.carousel-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.25),
    rgba(255, 255, 255, 0)
  );
}
.slide-1 {
 height: 754px;
 background-image: url('../images/hero-banner1.jpg');
}
.slide-2 {
 height: 754px;
 background-image: url('../images/hero-banner2.jpg');
}
.slide-3 {
  height: 754px;
  background-image: url('../images/hero-section-banner.jpg');

}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.5;
}
.hero {
  color: black;
  text-align: center;
}
.carousel-item {
  position: relative;
}
.btn-hero {
  background-color: #28a745;
  border-color: #28a745;
}
.hero h1 {
  font-size: 60px;
  font-weight: 700;
  color: var(--white-color);
  font-family: 'Montserrat', sans-serif;
}
.hero h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--white-color);
  font-family: 'Montserrat', sans-serif;
}
hgroup {
  position: absolute;
  bottom: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  z-index: 1;
}
.carousel-indicators .active {
  opacity: 1;
  width: 32px !important;
  height: 12px;
  border-radius: 30px;
  background-color: var(--primary) !important;
}
.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 30px;
  background-color: var(--slate-200);
}
.hero h1, .hero h3 {
  opacity: 0;
  transform: translateX(-50px);
  animation: slideIn 1s forwards;
}

.carousel-item.active .hero h1,
.carousel-item.active .hero h3 {
  animation: slideIn 1s forwards;
}
.flex-doctor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-doctor a {
  color: var(--dark-accent);
  font-family: var(--heading-font);
  font-weight: 700;
}
.flex-doctor i.icon-arrow-right {
  font-size: 22px;
  color: var(--dark-accent);
  position: relative;
  top: 5px;
}
.flex-doctor .icon-arrow-right:before {
  content: "\e900";
  color: var(--dark-accent);
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.specialities h2 {
 text-align: center;
 margin-bottom: 40px;
 color: var(--slate600);
 font-weight: 700;
 font-family: 'Montserrat', sans-serif;
}

.specialities-info h5 {
  padding: 20px;
  color: var(--slate600);
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.specialities-info img {
  width: 100%;
  height: 249px;
  object-fit: cover;
}
.specialities-info h5 {
  padding: 20px;
  color: var(--slate600);
  font-weight: 700;
}
.specialities-info i.icon-arrow-right {
  float: inline-end;
}
.specialities-info {
  border: 1px solid var(--slate-200);
  margin: 18px 10px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.specialities-info:hover {
  border: 1px solid var(--primary);

}
.specialities-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01ccff1c;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.specialities-info:hover::before {
  opacity: 1; 
}
.carousel-indicators {
  bottom: 20px;
}
.paediatricians h2{
  text-align: center;
  margin-bottom: 40px;
  color: var(--slate600);
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.carousell {
  width: 100%;
  margin: 0px auto;
  height: 400px;
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
  height: 360px;
    object-fit: cover;
}
.slick-prev, .slick-next{
  background: #000;
  border-radius: 15px;
  border-color: transparent;
}
.card-body{
  background: #fff;
  width: 100%;
  vertical-align: top;
}
.card-content{
  text-align: left;
  color: #333;
  padding: 15px;
}
.card-text{
  font-size: 14px;
  font-weight: 300;
}
ul.slick-dots {
  display: none !important;
}
.slick-slide {
  width: 355px !important;
}
.paediatricians{
  position: relative;
}
button.custom-next-button.slick-arrow {
  right: 40px;
  position: absolute;
  top: 50%;
  background-color: rgba(235, 225, 245, 1);
  border: none;
  border-radius: 100%;
  padding: 10px;
  width: 57px;
  z-index: 11;
}
button.custom-prev-button.slick-arrow {
  left: 40px;
  position: absolute;
  top: 50%;
  background-color: rgba(235, 225, 245, 1);
  border: none;
  border-radius: 100%;
  padding: 10px;
  width: 57px;
  z-index: 11;
}

.card {
  flex: 1 1 calc(33.333% - 20px);
  border: 1px solid var(--slate-200);
  transition: 0.3s;
  margin:0 5px;
}
.icon-caret-right:before {
  content: "\e905";
  color: #98198e;
  font-size: 32px;
}
.icon-caret-left:before {
  content: "\e904";
  color: #98198e;
  font-size: 32px;
}
.card:hover {
  border: 1px solid var(--dark-accent);
}
.card-info {
  padding: 20px;
  position: relative; 
  overflow: hidden; 
  transition: transform 0.3s ease;
  height: 120px;
}
.card-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ab25a045;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.card:hover .card-info::before {
  opacity: 1;
}
.card-info h4 {
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  height: 50px;
}
.card-info h5{
  font-weight: 700;
  color:var(--slate-400);
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
}
.card-info i.icon-arrow-right {
  /* padding: 5px; */
  margin-left: 10px;
}

.right-opacity {
  position: absolute;
  top: 20%;
  left: -48px;
  width: 200px;
  height: 360px;
  background: linear-gradient(to right, rgba(255, 255, 255, 11) 103%, rgba(255, 255, 255, 20) 100%, rgba(255, 255, 255, 11) 125px);
  border-radius: 50%;
  filter: blur(23px);
  z-index: 1;
  opacity: 1;
}
.left-opacity {
 position: absolute;
 top: 20%;
 right: -48px;
 width: 200px;
 height: 360px;
 background: linear-gradient(to right, rgba(255, 255, 255, 11) 103%, rgba(255, 255, 255, 20) 100%, rgba(255, 255, 255, 11) 125px);
 border-radius: 50%;
 filter: blur(23px);
 z-index: 1;
 opacity: 1; 
}
.blue-line {
  background-color: var(--primary);
  height: 1px;
  width: 212px;
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 30px;
}
.custom-carousel-inner.carousel-inner {
  border: 1px solid var(--primary);
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 40px;
  background-color: white;
}
.carousel-indicators {
  bottom: 20px;
}
.custom-carousel-indicators.carousel-indicators {
  bottom: -15px;
}
.testimonials h2{
  text-align: center;
  margin-bottom: 40px;
  color: var(--slate600);
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.custom-slider-container {
  position: relative;
  max-width: 1014px;
  margin: auto;
  margin-bottom: 20px;
}
.custom-slider {
  width: 100%;
  overflow: hidden;
  background-color: white;
  padding: 20px;
  border: 1px solid var(--primary);
  border-radius: 5px;
}
.custom-slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.custom-slide {
  min-width: 100%;
  text-align: center;
  background-color: #FAFEFF;
}
.custom-slide-logo {
  max-width: 100px;
  margin-bottom: 10px;
}
.custom-slide p {
  font-size: 18px;
  padding: 0 40px;
  margin-bottom: 25px;
  font-family: var(--body-font);
}
.custom-slide h3 {
  font-size: 18px;
  font-family: var(--heading-font);
  font-style: italic;
}
.custom-prev, .custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(1, 204, 255, 0.05);
  color: white;
  border: none;
  cursor: pointer;
  z-index: 100;
  font-size: 18px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.custom-prev {
  left: -85px;
}
.custom-next {
  right: -85px;
}
.custom-indicators {
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
}
.custom-indicators button {
  background-color: rgba(226, 232, 240, 1);
  border: none;
  padding: 5px;
  margin: 0 2px;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 30px;
  font-family: var(--heading-font);
}
.custom-indicators button.active {
  opacity: 1;
  width: 32px !important;
  height: 12px;
  background-color: var(--primary);
}
.custom-testimonials.sec-space {
  text-align: center;
  background-color: var(--slate-50);
}
.testimonials.sec-space {
  text-align: center;
  background-color: var(--slate-50);
  position: relative;
}
.design1 img {
  position: absolute;
  left: 180px;
}
.design2 img {
  position: absolute;
  right: 180px;
  bottom: 60px;
}
.get-started-info h2 {
  color: var(--white-color);
  z-index: 1;
  font-weight: 700;
  font-family: var(--heading-font);
}
.get-started{
  height: 400px;
  margin-top: 10rem;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}

.get-started::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.25),
    rgba(255, 255, 255, 0)
  );
}
.get-started-info {
  height: 400px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 50px;
}
.phone-numbers {
  display: flex;
  justify-content: center;
  color: #fff;
  z-index: 2;
}
.phone-numbers .divider {
  padding: 0 15px;
}
.get-started-info h2 {
  color: var(--white-color);
  z-index: 1;
  font-weight: 700;
}
.get-started-contact-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.btn-primary .icon-phone:before {
  content: "\e90a";
  color: var(--dark-accent);
  font-size: 24px;
  margin-right: 10px;
}
.get-started-contact-info a.btn-primary {
  z-index: 80;
  background-color: var(--primary);
  color: var(--dark-accent);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 12px 16px 12px 16px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.get-started-contact-info span {
  color: white;
  z-index: 11;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.col h5 {
  font-size: 18px;
  font-weight: 700;
  color: rgba(120, 73, 120, 1);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--slate-200);
  margin-bottom: 10px;
  font-family: var(--heading-font);
}
a {
  text-decoration: none !important;
}
.footer-ul a {
  color: var(--slate-600);
  line-height: 2;
  font-size: 14px;
  font-family:var(--body-font);
}
li.footer-ul:hover a {
  color: rgba(120, 73, 120, 1);;
}
.footer-ul i.icon-arrow-square-out {
  float: inline-end;
  font-size: 20px;
}
.footer-ul i.icon-download {
  margin-left: 15px;
  float: inline-end;
  font-size: 20px;
}
.col img {
  margin-bottom: 25px;
}
.col p.p16 {
  font-weight: 600;
  color: var(--dark-accent);
  font-family:var(--body-font);
}
.col p.p14 {
  color: var(--dark-accent);
}
.p14 i.icon-phone {
  margin-right: 2px;
  font-size: 20px;
  position: relative;
  top: 5px;
}
.p14 i.icon-calendar {
  margin-right: 2px;
  font-size: 20px;
  position: relative;
  top: 5px;
}
footer .col-md-6.col-sm-12.col-lg-4.col-xl-2 {
  padding: 0 17px;
}
a.link {
  text-decoration: underline !important;
}
.copy-right-info {
  border-top: 1px solid var(--slate-200);
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-family: Poppins;
}
.footer-ul a {
  color: var(--slate-600);
  line-height: 2.8;
  font-size: 14px;
  font-family: Poppins;
}
a.link {
  color: none !important;
}
a {
  color: inherit; /* Inherits color from the parent element, effectively hiding the default color */
}
.top-nav-item .icon-caret-down:before {
  content: "\e903";
  color: rgba(255, 255, 255, 1);
}
.navbar-nav .icon-caret-down:before {
  content: "\e903";
  color: var(--slate-500);
}
.top-nav-item .icon-download:before {
  content: "\e906";
  color: var(--slate-600);
}
.testimonials .icon-caret-right:before {
  content: "\e905";
  color: var(--primary);
  font-size: 32px;
  background-color: rgba(1, 204, 255, 0.05);
  border-radius: 100px;
  padding: 10px;
}
.testimonials .icon-caret-left:before {
  content: "\e904";
  color: var(--primary);
  font-size: 32px;
  background-color: rgba(1, 204, 255, 0.05);
  border-radius: 100px;
  padding: 10px;
}
.specialities-info {
  transition: color 0.3s ease;
}
.specialities-info:hover {
  color: #0CD9FF; 
}
.specialities-info:hover h5 {
  border-color:  #01CCFF; 
}
.p14 .icon-phone:before {
  content: "\e90a";
  color: var(--dark-accent);
}
.p14 .icon-calendar:before {
  content: "\e902";
  color: var(--dark-accent);

}
li.li-item:hover a {
  color: rgba(120, 73, 120, 1);
}
.col {
  padding-right: 55px;
}
.icon-facebook:before {
  content: "\e907";
  color: #98198e;
  font-size: 32px;
}
.icon-instagram:before {
  content: "\e908";
  color: #98198e;
  font-size: 32px;
}
.icon-linkedin:before {
  content: "\e909";
  color: #98198e;
  font-size: 32px;
}
.icon-x:before {
  content: "\e90b";
  color: #98198e;
  font-size: 32px;
}
.icon-youtube:before {
  content: "\e90c";
  color: #98198e;
  font-size: 32px;
}
.social-icon {
  margin-top: 30px;
  display: flex;
  gap: 20px;
  justify-content: center;
}
footer.sec-space {
  background-color: #FAFEFF;
  padding-top: 80px;
}
section.copy-right {
 background-color: #FAFEFF;
}
.faqs {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/faqs.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.faqs {
  display: flex;
  align-items: center;
  text-align: center;
}
.faqs h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.accordion-item {
  max-width: 1016px;
  margin: auto;
  padding: 20px;
  border-radius: 20px !important;
  margin-bottom: 30px;
}
.mychart-info h5 {
  color: var(--dark-accent);
  font-weight: 600;
  margin-bottom: 10px;
  font-family: var(--body-font);
}
.mychart-info-ul li {
  list-style: inside;
}
.mychart-info-flex {
  display: flex;
  justify-content: space-between;
}
.accordion-button::after {
  background-image: url("../images/minus.svg");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/plus.svg");
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: transparent !important;
  box-shadow: none !important;
}
button:focus:not(:focus-visible) {
  outline: none !important;
}
.accordion-button:focus {
  z-index: 3;
  border-color: transparent !important;
  outline: none;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
button.accordion-button {
  outline: none !important;
}
.accordion {
 --bs-accordion-btn-focus-box-shadow: unset !important; 
}
button.accordion-button.collapsed {
  color: var(--black-color) !important;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--body-font);
}
button.accordion-button {
 color: var(--dark-accent) !important;
 font-size: 18px;
 font-weight: 600;
 font-family: var(--body-font);
}
section.mychart.sec-space {
  background-color: var(--slate-50);
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}
.custom-dropdown-content {
  display: none;
  position: absolute;
  top: 45px;
}
.show {
  display: block;
}

section.ourteam {
  display: flex;
  align-items: center;
  text-align: center;
}
.ourteam h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.ourteam {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/ourteam.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.doctor h3 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
}
.doctor img{
  margin-bottom: 15px;
  object-fit: cover;
  margin-bottom: 15px;
  width: 100%;
  height: 290px;
}
.doctor span {
  font-weight: 700;
  color: var(--slate-400);
  font-size: 20px;
  font-family: var(--heading-font);
}
.doctor {
  margin-bottom: 50px;
}
.gallary {
  text-align: center;
}
.gallary h2 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 30px;
}
.gallary img {
  margin-bottom: 20px;
}
.gallary h3 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 50px;
}
.our-provider-info img {
  width: 100%;

}
.our-provider-info {
  margin-bottom: 40px;
}
.our-provider-info h2 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
}
.our-provider-info p {
  font-weight: 400;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
  text-align:justify;
}
section.more-specialities {
  display: flex;
  align-items: center;
  text-align: center;
}
.more-specialities h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.more-specialities {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/specialities.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.more-doctor {
  display: flex;
  gap: 30px;
}

.more-specialities-info h1 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 50px;
}
.more-specialities-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 20px;
}
.more-specialities-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 20px;
  font-size: 16px;
  font-family: var(--body-font);
}
.inner-doctor h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 20px;
}
.more-specialities-section h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
  text-align: center;
}
.more-specialities-inner {
  border: 1px solid var(--slate-200);
  border-radius: 10px;
  overflow: hidden;
}
.more-specialities-inner img {
  width: 100%;
}
.more-specialities-inner h5 {
  padding: 18px;
  font-weight: 700;
  color: var(--slate-600);
}
.more-specialities-inner .icon-arrow-right:before {
  content: "\e900";
  color: #64748b;
  float: inline-end;
}
.inner-docror-info-sec {
  border: 1px solid var(--slate-200);
  border-radius: 10px;
  overflow: hidden;
}
section.appointments {
  display: flex;
  align-items: center;
  text-align: center;
}
.appointments h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.appointments {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/appointment.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.appointments-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 20px;
}
.appointments-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 20px;
  font-size: 16px;
  font-family: var(--body-font);
}
.appointments-info ul{
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
  margin-bottom: 30px;
  line-height: 1.5;
}
ul.appointments-info-ul li {
  list-style: inside;
}

section.about-us {
  display: flex;
  align-items: center;
  text-align: center;
}
.about-us h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.about-us {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/about-us.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.about-us-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 30px;
  margin-top: 40px;
}
.inner-about-us h3 {
  font-family: var(--heading-font);
  font-weight: 700;
  color: var(--slate-500);
}
.inner-about-us span {
  font-family: var(--body-font);
  font-weight: 400;
  color: var(--slate-600);
  font-size: 18px;
}
.green {
  color: #059669 !important;
}
.inner-about-us {
  margin-bottom: 20px;
}
ul.about-info-ul {
  color: var(--slate-800);
  font-size: 18px;
  font-family: var(--body-font);
}
.about-info-ul li {
  list-style: inside;
}
.red{
  color: #E11D48 !important;
}
section.about-us-info.sec-space p {
  font-size: 16px;
  color: var(--slate-600);
  font-family: var(--body-font);
  margin-top: 5px;
}
section.about-us-info.sec-space span {
  font-size: 16px;
  color: var(--slate-600);
  font-family: var(--body-font);
}
section.training {
  display: flex;
  align-items: center;
  text-align: center;
}
.training h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.training {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/training.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.training-info-ul {
  font-size: 24px;
  font-weight: 700;
  color: var(--dark-accent);
  font-family: var(--heading-font);
  line-height: 50px;
}
.training-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 30px;
  margin-top: 40px;
}
ul.training-info-ul img {
  margin-right: 10px;
}
ul.training-info-ul .icon-arrow-square-out:before {
  content: "\e901";
  color: #98198e;
  margin-left: 10px;
}
section.career {
  display: flex;
  align-items: center;
  text-align: center;
}
.career h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.career {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/career.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.career-info h2{
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 30px;
}
ul.career-ul li {
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
}
ul.career-ul li {
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
  list-style: inside;
}
ul.career-ul-inner li {
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
  list-style: inside;
}
ul.career-ul-inner {
  margin-left: 50px;
}
ul.career-ul-inner li {
  list-style: outside;
  line-height: 1.8;
}
ul.career-ul {
  line-height: 40px;
}
ul.career-ul p {
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
}
strong a {
  color: var(--dark-accent);
}
section.families {
  display: flex;
  align-items: center;
  text-align: center;
}
.families h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.families {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/families.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.inner-families  h1 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 50px;
}
.inner-families h2{
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 30px;
  margin-top: 20px;
}
.inner-families p {
  font-size: 18px;
  font-weight: 400;
  color: var(--slate-800);
  font-family: var(--body-font);
  margin: 20px 0;
}
.inner-family-img1 {
  margin-top: 40px;
}
.inner-family-img1 img {
  height: 100%;
  width: 100%;
}
.more-recources h2 {
  text-align: center;
  margin-bottom: 0px;
}
.inner-family-flex {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.inner-family-flex h3{
  color: var(--slate-600);
  font-weight:700 ;
  font-family: var(--heading-font);
}
.inner-family-flex span {
  color: var(--slate-400);
  font-size: 18px;
  font-weight: 800;
  text-decoration: underline;
}
.inner-family-img1 {
  margin-top: 40px;
  border: 1px solid var(--slate-200);
  border-radius: 10px;
  overflow: hidden;
}
.inner-family-img {
  text-align: center;
  margin: 50px;
}
.inner-families h4 {
  font-family: var(--heading-font);
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 20px;
}
.pink{
  color:#ED127C !important;
}
.more-recources h2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0px;
  font-weight: 700;
}
.navbar-nav .custom-dropdown-button {
  font-weight: 500;
  font-size: 20px;
  color: var(--slate-500);
  font-family: var(--heading-font);
  margin: 0;
  padding-top: 5px;
  text-decoration: none !important;
  padding-bottom: 0;
  border: none;
}
.navbar-nav .custom-dropdown-button:hover {
  font-weight: 700;
  color: var(--dark-accent);
  border-bottom: 1px solid var(--primary);
}
.dropdown-item i.icon-arrow-right {
  color: var(--dark-accent) !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--dark-accent) !important;
}
.dropdown-item .icon-arrow-right:before {
  content: "\e900";
  color: var(--dark-accent);
}

.black{
  color: var(--slate-500) !important;
}
.dark-accent{
  color: #98198E !important;
}
.dropdown-item .icon-phone:before {
  content: "\e90a";
  color: var(--dark-accent);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  top: 38px;
  width: 275px;
}
.schedule-appointment-nav a {
  padding: 5px 0 !important;
}
.navbar-nav i.icon-phone {
  font-size: 22px;
  position: relative;
  top: 4px;
  right: 4px;
  color: var(--dark-accent);
}
.navbar-nav .icon-phone:before {
  content: "\e90a";
  color: var(--dark-accent);
}
table .icon-download:before {
  content: "\e906";
  color: #98198e;
  font-size: 30px;
  margin-left: 10px;
  top: 6px;
  position: relative;
}
table td .donwload-text {
  color: var(--dark-accent);
  text-decoration: underline !important;
}
table td .donwload-icon {
  text-decoration: none !important;
}

th.w-50.text-center, td.w-50.text-center {
  font-size: 18px;
  color: var(--slate-500);
  font-weight: 400;
  font-family: var(--body-font);
  padding: 16px;
  text-decoration: none;
}
th.text-center {
  font-size: 18px;
  color:  var(--dark-accent);
  font-weight: 400;
  font-family: var(--body-font);
  text-decoration: underline;
  text-decoration-color: var(--dark-accent);
  padding: 16px;
}
th.text-center .icon-download:before {
  content: "\e906";
  color: #98198e;
  padding-left: 15px;
}
section.pay-bill {
  display: flex;
  align-items: center;
  text-align: center;
}
.pay-bill h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.pay-bill {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/pay-bill.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pay-bill-form h3 {
  font-size: 18px;
  font-family: var(--heading-font);
  color: var(--slate-600);
  font-weight: 700;
  margin-bottom: 20px;
}
.pay-bill-form {
  padding: 20px;
  border: 1px solid var(--slate-200);
  border-radius: 10px;
}
.iti__flag-container {
  padding: 5px;
}
.iti.iti--allow-dropdown {
  border: 1px solid var(--slate-200);
  display: flex;
  border: 1px solid var(--slate-200); 
  border-radius: 10px;
  overflow: hidden;   
}
input#phone {
  border-left: 1px solid var(--slate-200);
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: unset;
  font-size: 14px;
  font-family: var(--body-font);
  color: var(--slate-400);
  padding: 10px;
}
.iti__selected-flag {
  display: flex;
  align-items: center;
}
.iti__selected-flag {
  margin-top: 10px;
}
input[type="text"],
input[type="date"],
input[type="number"],
input[type="tel"] {
  border: 1px solid var(--slate-200); 
  border-radius: 10px;      
  padding: 10px;                        
  box-sizing: border-box;
  font-size: 14px;  
  font-family: var(--body-font); 
  color: var(--slate-500);
}
label.form-label {
  font-size: 14px;
  font-family: var(--body-font);
  color: var(--slate-500);
}
.btn.dark-accent {
  background-color: var(--dark-accent);
  color: white !important;
  margin-bottom: 10px;
  display: flex;
  justify-content: end;
  width: fit-content;
  padding: 9px 21px;
  font-size: 16px;
} 
.form-button {
  margin-top: 15px;
  display: flex;
  justify-content: end;
} 
ul#iti-0__country-listbox {
  height: 180px;
} 
span.iti__country-name {                       
  font-size: 14px;  
  font-family: var(--body-font); 
  color: var(--slate-500);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 0px 2px var(--iti-spacer-horizontal);
  outline: none;
} 
.red-asterisk {
  color: red;
}
section.common-concern {
  display: flex;
  align-items: center;
  text-align: center;
}
.common-concern h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.common-concern {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/concern.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.inner-common-concern h1{
 font-weight: 700;
 color: var(--slate-600);
 font-family: var(--heading-font);
 margin-bottom: 50px;
}
.custom-container {
  display: flex;
  justify-content: space-between;
}
.common-concern-imgs {
  flex: 1; 
  margin: 0 5px; 
  border-radius: 5px;
}
.common-concern-imgs:first-child {
  margin-left: 0; 
}
.common-concern-imgs:last-child {
  margin-right: 0;
}
.common-concern-imgs h5 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 10px;
}
.common-concern-imgs img {
  margin-bottom: 10px;
  width: 100%;
}
.common-concern-imgs p {
  font-weight: 600;
  color: var(--slate-400);
  font-family: var(--body-font);
  font-size: 16px;
}
.common-concern-imgs .icon-arrow-right:before {
  content: "\e900";
  color: var(--slate-400);
  margin-left: 6px;
}
.health-a-z h2{
 font-weight: 700;
 font-family: var(--heading-font);
 color: var(--slate-600);
 margin-bottom: 15px;

}
.health-a-z p {
  font-weight: 400;
  color: var(--slate-400);
  font-family: var(--body-font);
  font-size: 16px;
  margin-bottom: 40px;
}
.slate-200{
  background-color: var(--slate-50);
}
.newborn h4 {
  text-align: center;
  width: 100%;
  border: 1px solid var(--slate-200);
  padding: 10px;
  border-radius: 2px;
  color: var(--slate-500);
  font-family: var(--heading-font);
  font-weight: 700;
  margin-bottom: 0;
}
.inner-newborn h5 {
  text-align: center;
  color: var(--slate-500);
  font-family: var(--body-font);
  font-weight: 400;
  margin-bottom: 0;
  padding: 10px;
}
.inner-newborn  {
  text-align: center;
  width: 100%;
  padding: 10px;
  color: var(--slate-500);
  font-family: var(--body-font);
  font-weight: 400;
  margin-bottom: 0;
}
.newborn-border {
  border: 1px solid var(--slate-200);
  border-radius: 2px;
  margin-bottom: 40px;
}
ul.health-a-z-ul1 {
  display: flex;
  gap: 35px;
  margin-bottom: 20px;
}
ul.health-a-z-ul2 {
  display: flex;
  gap: 35px;
  justify-content: center;
  margin-bottom: 50px;
}
ul.health-a-z-ul1 li {
  padding: 12px 0px 18px 19px;
  background-color: var(--slate-50);
  border-radius: 60px;
  width: 70px;
  height: 50px;
  border: 1px solid var(--slate-100);

}
ul.health-a-z-ul2 li {
  padding: 12px 0px 18px 19px;
  background-color: var(--slate-50);
  border-radius: 60px;
  width: 50px;
  height: 50px;
  border: 1px solid var(--slate-100);
}
.bg-100{
  background-color: var(--slate-100) !important;
}
.slate-200{
  color: var(--slate-200) !important;
}
.health-a-z-index p {
  font-family: var(--body-font);
  font-weight: 600;
  color: var(--slate-600);
}
.health-lists-info {
  margin-bottom: 20px;
  border: 1px solid var(--slate-200);
  border-radius: 10px;
}
.health-lists-info ul li {
  padding: 20px 24px;
  text-align: center;
  border-bottom: 1px solid var(--slate-200);
  font-size: 18px;
  font-family: var(--body-font);
  color: var(--slate-500);
  overflow: hidden;
}
.health-lists-info ul li:first-child {
  font-size: 20px; 
  font-family: var(--heading-font);
  color: var(--slate-500);
  font-weight: 700;
}
.health-lists-info ul li:last-child {
  border-bottom: none; 
  overflow: hidden;
}
.pages-ul ul li:last-child {
  font-weight: bold; 
}
p.margin-bottom {
  margin-bottom: 40px;
}
.accordion-item {
  border: 2px solid var(--slate-200) !important; 
  transition: border-color 0.3s;
}
.accordion-item.active {
  border-color: var(--dark-accent) !important; 
}
.inner-families .accordion-item {
  max-width: 100%;
  margin: auto;
  padding: 20px;
  border-radius: 20px !important;
  margin-bottom: 30px;
}
section.new-patient {
  display: flex;
  align-items: center;
  text-align: center;
}
.new-patient h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.new-patient {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/new-patient.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bold-text {
  font-weight: 700;
}
.new-patient-form .table {
  margin-bottom: 10px;
}
.new-patient-form p {
  margin-bottom: 40px;
}
section.billing-info {
  display: flex;
  align-items: center;
  text-align: center;
}
.billing-info h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.billing-info {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/billing-info.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.billing-info-info  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
.billing-info-info h3 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
  margin-top: 40px;
}
.billing-info-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--body-font);
  font-size: 16px;
  margin-bottom: 20px;
}
.inner-family-flex h4 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
}
.inner-family-img1 .icon-arrow-right:before {
  content: "\e900";
  color: #64748b;
  float: inline-end;
}
.inner-family-img1 .inner-family-flex {
  padding: 20px;
  display: block;
}
.new-patient-form h2 {
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
section.immigration {
  display: flex;
  align-items: center;
  text-align: center;
}
.immigration h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.immigration {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/immigration-info.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.immigration-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.immigration-info h3 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
  margin-top: 40px;
}
.immigration-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--body-font);
  font-size: 16px;
  margin-bottom: 20px;
}
.immigration-info .dark-accent {
  margin-bottom: 15px;
  display: inline-block;
}
.immigration-info .icon-arrow-square-out:before {
  content: "\e901";
  color: #98198e;
  margin-left: 10px;
}
section.additional-forms {
  display: flex;
  align-items: center;
  text-align: center;
}
.additional-forms h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.additional-forms {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/addform.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.additional-form-form h2 {
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
section.emn {
  display: flex;
  align-items: center;
  text-align: center;
}
.emn h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.emn {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/emn.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.emn-info h2 {
  font-weight: 700;
  color: var(--slate-600);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.emn-info h3 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
  margin-top: 40px;
}
.emn-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--body-font);
  font-size: 16px;
  margin-bottom: 20px;
}
.emn-info .icon-arrow-square-out:before {
  content: "\e901";
  color: #98198e;
  margin-left: 10px;
}
.car-seat-form  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
section.car-seat {
  display: flex;
  align-items: center;
  text-align: center;
}
.car-seat h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.car-seat {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/insu-info.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.insurance-information-info  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
section.insurance-information {
  display: flex;
  align-items: center;
  text-align: center;
}
.pages-ul {
  display: flex;
  justify-content: center;
}
.pages-ul ul {
  display: flex;
  gap: 10px;
}
.insurance-information h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.insurance-information {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/insu-info.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pre-ori ul li {
  list-style: inside;
  font-size: 18px;
  color: var(--slate-800);
  font-family: var(--body-font);
}
.pre-ori ul{
  margin-bottom: 20px;
}
.pre-ori  h3 {
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--slate-600);
  margin-bottom: 15px;
  margin-top: 40px;
}
.emn-info p {
  font-weight: 400;
  color: var(--slate-600);
  font-family: var(--body-font);
  font-size: 16px;
  margin-bottom: 20px;
}
section.prescriptions-refills {
  display: flex;
  align-items: center;
  text-align: center;
}
.prescriptions-refills h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.prescriptions-refills {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/presc-banner.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.prescriptions-refills-info  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
section.adhd {
  display: flex;
  align-items: center;
  text-align: center;
}
.adhd h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.adhd {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/adhd-banner.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.adhd-form  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
section.contact {
  display: flex;
  align-items: center;
  text-align: center;
}
.contact h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.contact {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/contact.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact-info  h2 {
  font-weight: 700;
  color: var(--slate-600);
  font-family: var(--heading-font);
  margin-bottom: 40px;
}
.inner-contact h3 {
  color: var(--slate-600);
  font-weight: 700;
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.inner-contact p {
  font-family: var(--body-font);
  color: var(--slate-600);
}
.inner-contact h4 {
  color: var(--slate-500);
  font-weight: 700;
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.inner-contact {
  margin-bottom: 50px;
}
.contact-info .clinic-info {
  display:block ; 
  width: 100%;
}
.responsive-map {
  overflow: hidden;
  padding-bottom: 60.25%;
  position: relative;
  height: 0;
  top: 15px;
  right: 50px;
  border-radius: 10px;
}
.responsive-map iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.erroe{
  color: #E11D48;
}
.hours h2 {
  color: var(--slate-600);
  font-family: var(--heading-font);
  font-weight: 700;
}
.hours p {
  font-family: var(--body-font);
  font-weight: 600;
}
.hours p.p16 {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
}
section.cbilling {
  display: flex;
  align-items: center;
  text-align: center;
}
.cbilling h1 {
  font-weight: 700;
  color: var(--white-color);
  font-family: var(--heading-font);
}
.pages-ul li {
  color: var(--white-color);
  font-family: var(--body-font);
}
.pages-ul .icon-caret-right:before {
  content: "\e905";
  color: var(--white-color);
  font-size: 18px;
}
.cbilling {
  height: 400px;
  background: 
  linear-gradient(
    45deg,
    rgba(1, 204, 255, 0), 
    rgba(1, 204, 255, 0.5), 
    rgba(0, 0, 0, 0.1)
  ),
  url('../images/cbilling.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.facebook {
  background-image: url('../images/facebook.svg');
}
.facebook:hover {
  background-image: url('../images/blue-facebook.svg');
}
.x {
  background-image: url('../images/x.svg');
}
.x:hover {
  background-image: url('../images/black-x.svg');
}
.insta {
  background-image: url('../images/insta.svg');
}
.insta:hover {
  background-image: url('../images/red-insta.svg');
}
.youtube {
  background-image: url('../images/youtube.svg');
}
.youtube:hover {
  background-image: url('../images/red-youtube.svg');
}
.linkedin {
  background-image: url('../images/linkedin.svg');
}
.linkedin:hover {
  background-image: url('../images/blue-linkedin.svg');
}
.mobile-display {
  display: none;
}
.flex-apart span {
  padding: 0 5px;
  color: black;
}
.flex-apart {
  display: flex;
}
.icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s ease-in-out;
}
.view-more {
  text-align: center;
  font-weight: 700;
  font-family: var(--heading-font);
}
.view-more .icon-caret-down:before {
  content: "\e903";
  color: var(--dark-accent);
  font-size: 24px;
  position: relative;
}
a#view-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.white-phone .icon-phone:before {
  content: "\e90a";
  color: white;
  font-size: 24px;
  position: relative;
  top: 4px;
}
.inner-our-provider {
  margin-top: 30px;
}
.extra-speciality {
  display: none;
}
header#mb-header {
  display: none;
}
#mb-paediatricians{
  display: none;
}
#pc-paediatricians{
  display: block;
}
#iconspc{
  display: block;
}
#iconsmb{
  display: none;
}
.testimonials .carousel-item {
  height:auto;
  min-height:auto;
}
.testimonials .carousel-item::after {
  display: none;
}
.small-containter{
  max-width: 1014px;
}
div#customCarousel {
  display: flex;
  justify-content: center;
}
footer h5 {
  font-size: 18px;
  color: var(--dark-accent);
  font-weight: 700;
  font-family: var(--heading-font);
  border-bottom: 1px solid var(--slate-200);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
footer .row {
  gap: 30px;
}


@media (min-width: 320px) and (max-width: 575.98px)  {
  .card-info {
    padding: 15px;
  }
  .contact-info {
    padding: 20px;
  }
  .contact-info h2 {

    margin-bottom: 15px;
  }
  .inner-contact {
    margin-bottom: 20px;
  }
  .hours {
    padding: 20px;
  }
  .responsive-map {
    margin-left: 40px;
  }
  ul.footer-ul {
    margin-bottom: 40px;
  }
  .flex-apart {
    display: flex;
    flex-direction: column;
  }
  .mobile-display {
    display: block;
  }
  .flex-apart span{
    display: none;
  }
  .dark-accent.flex-apart a {
    margin-bottom: 10px;
  }
  footer .row {
    gap: 0px;
  }
  .clinic-info div {
    flex: 1 1 100%;
  }
  .social-icon {
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .navbar-collapse {
    text-align: center;
  }
  .navbar-nav {
    margin-top: 10px;
  }
  .top-nav-item {
    display: flex;
    flex-direction: column;
  }
  .top-nav-item .nav-item {
    margin: 5px 0;
  }
  a.navbar-brand img {
    height: 65px;
    padding: 4px 24px;
  }
  .clinic-info {
    display: flex;
    flex-direction: row;
  }
  .top-nav {
    background-color: transparent;
  }
  ul.navbar-nav {
    text-align: left;
  }
  .clinic-info {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  a#navbarDropdown {
    padding-left: 0;
    width: 100%;
    background-color: var(--dark-accent);
    color: var(--white-color) !important;
    padding: 12px 20px;
    border-radius: 4px;
  }
  li.nav-item {
    border-bottom: 1px solid var(--slate-200);
    padding: 10px 0;
  }
  .top-nav {
    background-color: white;
    height: 72px;
    z-index: 111;
    width: 100%;
  }
  a.navbar-brand {
    margin-bottom: -1px;
    padding-top: 0px;
  }
  div#navbarContent {
    z-index: 33 !important;
    padding: 0 10px;
  }
  .navbar-collapse {
    background-color: #f8f9fa; 
  }
  .container {
    --bs-gutter-x: 0rem;
  }
  button.navbar-toggler {
    margin: 4px 24px;
  }
  .clinic-info-flex {
    display: flex;
    justify-content: space-between;
  }
  .west-clinic h4 {
   margin-top: 0px; 
 }
 .west-clinic {
  margin-right: 0px;
}
#pc-paediatricians{
  display: none;
}
#mb-paediatricians{
  display: block;
}
.east-clinic h4 {
  margin-top: 0px;
}
.clinic-info-flex {
  margin-top: 30px;
}
.west-clinic h4 {
  font-size: 16px;
}
.clinic-info h5 {
  font-size: 14px;
}
.clinic-info-flex {
  margin-bottom: -15px;
}
.clinic-info span {
  font-size: 14px;
}
.east-clinic h4 {
  font-size: 14px;
}
.nav-link {
  font-size: 16px;
}
.navbar-nav .icon-caret-down:before {
  float: inline-end;
  color: var(--white-color);
}
.blue-background {
  display: flex;
  flex-direction: column;
  background-color: var(--primary);
  width: 100%;
  padding: 20px;
}
.blue-background li.nav-item {
  border-bottom: none;
}
.blue-background .nav-link {
  padding: 16px 24px;
  background-color: white;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary) !important;
  border-radius: 4px;
}
.nav-link.active {
  font-size: 16px;
  width: fit-content;
}
.hero h1{
  font-size: 32px;
}
.hero h3{
  font-size: 16px;
}
header#pc-header {
  display: none;
}
header#mb-header {
  display: block;
}
.disable-autoplay {
  display: block; 
}
.row.row-cols-5 {
  flex-direction: column;
  width: 100%;
}
.row.row-cols-5 .col {
  width: 100%;
  padding-right: 0px;
  margin-bottom: 40px;
}
.copy-right-info {
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.col.text-center {
  text-align: left !important;
}
footer.sec-space {
  padding: 60px 20px 20px;
}
.get-started-info {
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.get-started-info h2 {
  margin-top: 30px;
  text-align: center;
}
.get-started-contact-info a.btn-primary {
  font-size: 16px;
}
.custom-slider-container {
  max-width: 100%;
  padding: 0 10px; 
}
.custom-next {
  display: none;
}
.custom-slide {
  width: 100%; 
}
.right-opacity {
  display: none;
}
.left-opacity {
  display: none;
}
button.custom-prev-button.slick-arrow {
  display: none !important;
}
button.custom-next-button.slick-arrow {
  display: none !important;
}
.card img {
  width: 100%;
}
.card {
  margin-bottom: 20px;
}
.design2 img {
  display: none;
}
.design1 img {
  left: 5px;
  height: 30px;
}
.custom-carousel-slide.carousel-item p{
  font-size: 14px;

}
.custom-carousel-slide.carousel-item h3{
  font-size: 14px;

}
.custom-carousel-inner.carousel-inner {
  padding: 20px;
}
.slide-1 {
  height: 360px;
}
.slide-2 {
  height: 360px;
}
.slide-3 {
  height: 360px;
}
.carousel-indicators {
  bottom: 10px;
}
.mychart.sec-space {
  padding: 20px;
}
.gallary img {
  margin-bottom: 20px;
  width: 100%;
}
.ourteam-info img {
  width: 100%;
}
.ourteam-info {
  padding: 20px;
}
.our-provider {
  padding: 20px;
}
.our-provider-info h2 {
  font-size: 26px;
}
.ourteam h1 {
  font-size: 36px;
}
.more-specialities-info h1 {
  margin-bottom: 15px;
  font-size: 36px;
}
.more-specialities-info h2 {
  font-size: 26px;
}
.more-specialities-info {
  padding: 20px;
}
.inner-doctor {
  padding: 20px;
}
.inner-doctor h2 {
  font-size: 26px;
}
.inner-docror-info-sec img {
  width: 100%;
}
.inner-docror-info-sec {
  margin-bottom: 20px;
}
.more-specialities-section h2 {
  font-size: 26px;
}
.more-specialities-section {
  padding: 20px;
}
.more-specialities-inner {
  margin-bottom: 20px;
}
.more-specialities h1 {
  font-size: 36px;
}
.appointments h1 {
  font-size: 36px;
}
.appointments-info {
  padding: 20px;
}
.appointments-info h2 {
  font-size: 26px;
}
.about-us h1 {
  font-size: 36px;
}
.about-us-info h2 {
  margin-bottom: 20px;
  margin-top: 1px;
  font-size: 26px;
}
.inner-about-us h3 {
  font-size: 20px;
}
.about-us-info {
  padding: 20px;
}
.training h1 {
  font-size: 36px;
}
.training-info h2 {
  margin-bottom: 10px;
  margin-top: 1px;
  font-size: 26px;
}
ul.training-info-ul {
  font-size: 18px;
  line-height: 40px;
}
.training-info {
  padding: 20px;
}
.career h1 {
  font-size: 36px;
}
.career-info h2 {
  margin-bottom: 10px;
  font-size: 26px;
}
.career-info {
  padding: 20px;
}
.families h1 {
  font-size: 36px;
}
.pages-ul ul {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.inner-family-img img {
  width: 100%;
}
.inner-families h1 {
  margin-bottom: 15px;
  font-size: 38px;
}
.inner-families h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 26px;
}
.inner-families {
  padding: 20px;
}
.cbilling h1 {
  font-size: 36px;
}
th.text-center {
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
}
.new-patient h1 {
  font-size: 36px;
}
.new-patient-form h2 {
  font-size: 26px;
}
.new-patient-form {
  padding: 20px;
}
th.w-50.text-center {
  font-size: 14px;
  padding: 10px;
}
.immigration h1 {
  font-size: 36px;
}
.immigration-info h2 {
  font-size: 26px;
}
.immigration-info {
  padding: 20px;
}
.additional-form-form h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.additional-form-form {
  padding: 20px;
}
.emn h1 {
  font-size: 36px;
}
.emn-info h2 {
  font-size: 26px;
}
.pre-ori h3 {
  margin-top: 20px;
  font-size: 18px;
}
.emn-info {
  padding: 20px;
}
.car-seat-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.car-seat-form {
  padding: 20px;
}
.car-seat h1 {
  font-size: 36px;
}
.billing-info h1 {
  font-size: 36px;
}
.billing-info-info h2 {
  margin-bottom: -20px;
  font-size: 26px;
}
.billing-info-info h3 {
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 18px;
}
.billing-info-info {
  padding: 20px;
}
.insurance-information h1 {
  font-size: 36px;
}
.insurance-information-info h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.insurance-information-info {
  padding: 20px;
}
.prescriptions-refills h1 {
  font-size: 36px;
}
.prescriptions-refills-info h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.prescriptions-refills-info {
  padding: 20px;
}
.adhd h1 {
  font-size: 36px;
}
.adhd-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.adhd-form {
  padding: 20px;
}
.common-concern h1 {
  font-size: 36px;
}
.inner-common-concern h1 {
  margin-bottom: 20px;
  font-size: 36px;
}
.custom-container {
  display: block;
  text-align: center;
}
.health-lists-info {
  padding: 20px;
}
.newborn {
  padding: 20px;
}
ul.health-a-z-ul1 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul1 {
  display: block;
}
ul.health-a-z-ul1 {
  display: block;
  text-align: -webkit-center;
}
ul.health-a-z-ul2 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul2 {
  display: block;
}
ul.health-a-z-ul2 {
  display: block;
  text-align: -webkit-center;
}
.inner-common-concern {
  padding: 20px;
}
.health-a-z {
  padding: 20px;
}
.health-a-z-index {
  padding: 20px;
}
.health-lists {
  padding: 20px;
}
ul#myList {
  column-count: 3 !important;
}
.carousel-control-next, .carousel-control-prev {
  bottom: -300px !important;
  right: 20px !important;
}
.specialities h2 {
  font-size: 24px;
}
.specialities {
  padding: 20px;
}
.paediatricians h2 {
  font-size: 20px;
}
.paediatricians {
  padding: 20px;
}
.testimonials {
  padding: 20px;
}
.testimonials h2 {
  margin-bottom: 5px;
  font-size: 24px;
}
.custom-carousel-indicators.carousel-indicators {
  bottom: 10px !important;
}
.custom-carousel-inner.carousel-inner {
  margin-bottom: 70px;
}
.get-started-info h2 {
  font-size: 16px;
}
.inner-doctor.more-doctor {
  display: block !important;
  gap: 30px;
}
.get-started {
  padding: 20px;
}
.navbar-nav .nav-link.active{
  width: 100% ;
}
.navbar-nav .nav-link{
  width: 100%;
} 
.get-started {
  padding: 0px;
}
.get-started-info {
  padding: 20px;
}
#iconsmb{
  display: block;
}
#iconspc{
  display: none;
}
.mobile-display {
  color: var(--dark-accent);
}
.p14 .icon-calendar:before {
  position: relative;
  top: -2px;
}
.p14 .icon-phone:before {
  position: relative;
  top: -2px;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
  .flex-apart {
    display: flex;
    flex-direction: column;
  }
  .flex-apart span{
    display: none;
  }
  .dark-accent.flex-apart a {
    margin-bottom: 10px;
  }
  footer .row {
    gap: 0px !important;
  }
  .carousel-control-next, .carousel-control-prev {
    bottom: -260px;
    right: 20px !important;
  }
  .custom-carousel-indicators.carousel-indicators {
    bottom: 5px;
  }
  .clinic-info div {
    flex: 1 1 100%;
  }
  .get-started {
    padding: 0px;
  }
  .get-started-info {
    padding: 20px;
  }
  .social-icon {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    justify-content: left;
    margin-bottom: 20px;
  }
  .navbar-collapse {
    text-align: center;
  }
  .navbar-nav {
    margin-top: 10px;
  }
  .top-nav-item {
    display: flex;
    flex-direction: column;
  }
  .top-nav-item .nav-item {
    margin: 5px 0;
  }
  a.navbar-brand img {
    height: 65px;
    padding: 4px 24px;
  }
  .clinic-info {
    display: flex;
    flex-direction: row;
  }
  .top-nav {
    background-color: transparent;
  }
  ul.navbar-nav {
    text-align: left;
  }
  .clinic-info {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  a#navbarDropdown {
    padding-left: 0;
    width: 100%;
    background-color: var(--dark-accent);
    color: var(--white-color) !important;
    padding: 12px 20px;
    border-radius: 4px;
  }
  li.nav-item {
    border-bottom: 1px solid var(--slate-200);
    padding: 10px 0;
  }
  a.nav-link.home.active {
    width: fit-content;
  }
  .top-nav {
    background-color: white;
    height: 72px;
    z-index: 111;
    width: 100%;
  }
  a.navbar-brand {
    margin-bottom: -1px;
    padding-top: 0px;
  }
  div#navbarContent {
    z-index: 33 !important;
    padding: 0 10px;
  }
  .navbar-collapse {
    background-color: #f8f9fa; 
  }
  .container {
    --bs-gutter-x: 0rem;
  }
  button.navbar-toggler {
    margin: 4px 24px;
  }
  .clinic-info-flex {
    display: flex;
    justify-content: space-between;
  }
  .west-clinic h4 {
   margin-top: 0px; 
 }
 .west-clinic {
  margin-right: 0px;
}
#pc-paediatricians{
  display: none;
}
#mb-paediatricians{
  display: block;
}
.east-clinic h4 {
  margin-top: 0px;
}
.clinic-info-flex {
  margin-top: 30px;
}
.west-clinic h4 {
  font-size: 16px;
}
.clinic-info h5 {
  font-size: 14px;
}
.clinic-info-flex {
  margin-bottom: -15px;
}
.clinic-info span {
  font-size: 14px;
}
.east-clinic h4 {
  font-size: 14px;
}
.nav-link.active {
  font-size: 16px;
}
.nav-link {
  font-size: 16px;
}
.navbar-nav .icon-caret-down:before {
  float: inline-end;
  color: var(--white-color);
}
.blue-background {
  display: flex;
  flex-direction: column;
  background-color: var(--primary);
  width: 100%;
  padding: 20px;
}
.blue-background li.nav-item {
  border-bottom: none;
}
.blue-background .nav-link {
  padding: 16px 24px;
  background-color: white;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary) !important;
  border-radius: 4px;
}
.nav-link.active {
  font-size: 16px;
  width: fit-content;
}
.hero h1{
  font-size: 32px;
}
.hero h3{
  font-size: 16px;
}
header#pc-header {
  display: none;
}
header#mb-header {
  display: block;
}
.disable-autoplay {
  display: block; 
}
.row.row-cols-5 {
  flex-direction: column;
  width: 100%;
}
.row.row-cols-5 .col {
  width: 100%;
  padding-right: 0px;
  margin-bottom: 40px;
}
.copy-right-info {
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.col.text-center {
  text-align: left !important;
}
footer.sec-space {
  padding: 60px 20px 20px;
}
.get-started-info {
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.get-started-info h2 {
  margin-top: 30px;
  text-align: center;
}
.get-started-contact-info a.btn-primary {
  font-size: 16px;
}
.custom-slider-container {
  max-width: 100%;
  padding: 0 10px; 
}
.custom-next {
  display: none;
}
.custom-slide {
  width: 100%; 
}
.right-opacity {
  display: none;
}
.left-opacity {
  display: none;
}
button.custom-prev-button.slick-arrow {
  display: none !important;
}
button.custom-next-button.slick-arrow {
  display: none !important;
}
.card img {
  width: 100%;
}
.card {
  margin-bottom: 20px;
}
.design2 img {
  display: none;
}
.design1 img {
  left: 5px;
  height: 30px;
}
.custom-carousel-slide.carousel-item p{
  font-size: 14px;

}
.custom-carousel-slide.carousel-item h3{
  font-size: 14px;

}
.custom-carousel-inner.carousel-inner {
  padding: 20px;
}
.slide-1 {
  height: 360px;
}
.slide-2 {
  height: 360px;
}
.slide-3 {
  height: 360px;
}
.carousel-indicators {
  bottom: 10px;
}
.mychart.sec-space {
  padding: 20px;
}
.gallary img {
  margin-bottom: 20px;
  width: 100%;
}
.ourteam-info img {
  width: 100%;
}
.ourteam-info {
  padding: 20px;
}
.our-provider {
  padding: 20px;
}
.our-provider-info h2 {
  font-size: 26px;
}
.ourteam h1 {
  font-size: 36px;
}
.more-specialities-info h1 {
  margin-bottom: 15px;
  font-size: 36px;
}
.more-specialities-info h2 {
  font-size: 26px;
}
.more-specialities-info {
  padding: 20px;
}
.inner-doctor {
  padding: 20px;
}
.inner-doctor h2 {
  font-size: 26px;
}
.inner-docror-info-sec img {
  width: 100%;
}
.inner-docror-info-sec {
  margin-bottom: 20px;
}
.more-specialities-section h2 {
  font-size: 26px;
}
.more-specialities-section {
  padding: 20px;
}
.more-specialities-inner {
  margin-bottom: 20px;
}
.more-specialities h1 {
  font-size: 36px;
}
.appointments h1 {
  font-size: 36px;
}
.appointments-info {
  padding: 20px;
}
.appointments-info h2 {
  font-size: 26px;
}
.about-us h1 {
  font-size: 36px;
}
.about-us-info h2 {
  margin-bottom: 20px;
  margin-top: 1px;
  font-size: 26px;
}
.inner-about-us h3 {
  font-size: 20px;
}
.about-us-info {
  padding: 20px;
}
.training h1 {
  font-size: 36px;
}
.training-info h2 {
  margin-bottom: 10px;
  margin-top: 1px;
  font-size: 26px;
}
ul.training-info-ul {
  font-size: 18px;
  line-height: 40px;
}
.training-info {
  padding: 20px;
}
.career h1 {
  font-size: 36px;
}
.career-info h2 {
  margin-bottom: 10px;
  font-size: 26px;
}
.career-info {
  padding: 20px;
}
.families h1 {
  font-size: 36px;
}
.pages-ul ul {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.inner-family-img img {
  width: 100%;
}
.inner-families h1 {
  margin-bottom: 15px;
  font-size: 38px;
}
.inner-families h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 26px;
}
.inner-families {
  padding: 20px;
}
.cbilling h1 {
  font-size: 36px;
}
th.text-center {
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
}
.new-patient h1 {
  font-size: 36px;
}
.new-patient-form h2 {
  font-size: 26px;
}
.new-patient-form {
  padding: 20px;
}
th.w-50.text-center {
  font-size: 14px;
  padding: 10px;
}
.immigration h1 {
  font-size: 36px;
}
.immigration-info h2 {
  font-size: 26px;
}
.immigration-info {
  padding: 20px;
}
.additional-form-form h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.additional-form-form {
  padding: 20px;
}
.emn h1 {
  font-size: 36px;
}
.emn-info h2 {
  font-size: 26px;
}
.pre-ori h3 {
  margin-top: 20px;
  font-size: 18px;
}
.emn-info {
  padding: 20px;
}
.car-seat-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.car-seat-form {
  padding: 20px;
}
.car-seat h1 {
  font-size: 36px;
}
.billing-info h1 {
  font-size: 36px;
}
.billing-info-info h2 {
  margin-bottom: -20px;
  font-size: 26px;
}
.billing-info-info h3 {
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 18px;
}
.billing-info-info {
  padding: 20px;
}
.insurance-information h1 {
  font-size: 36px;
}
.insurance-information-info h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.insurance-information-info {
  padding: 20px;
}
.prescriptions-refills h1 {
  font-size: 36px;
}
.prescriptions-refills-info h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.prescriptions-refills-info {
  padding: 20px;
}
.adhd h1 {
  font-size: 36px;
}
.adhd-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.adhd-form {
  padding: 20px;
}
.common-concern h1 {
  font-size: 36px;
}
.inner-common-concern h1 {
  margin-bottom: 20px;
  font-size: 36px;
}
.custom-container {
  display: block;
  text-align: center;
}
.health-lists-info {
  padding: 20px;
}
.newborn {
  padding: 20px;
}
ul.health-a-z-ul1 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul1 {
  display: block;
}
ul.health-a-z-ul1 {
  display: block;
  text-align: -webkit-center;
}
ul.health-a-z-ul2 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul2 {
  display: block;
}
ul.health-a-z-ul2 {
  display: block;
  text-align: -webkit-center;
}
.inner-common-concern {
  padding: 20px;
}
.health-a-z {
  padding: 20px;
}
.health-a-z-index {
  padding: 20px;
}
.health-lists {
  padding: 20px;
}
ul#myList {
  column-count: 3 !important;
}

.specialities h2 {
  font-size: 24px;
}
.specialities {
  padding: 20px;
}
.paediatricians h2 {
  font-size: 20px;
}
.paediatricians {
  padding: 20px;
}
.testimonials {
  padding: 20px;
}
.testimonials h2 {
  margin-bottom: 5px;
  font-size: 24px;
}
.carousel-indicators {
  bottom: 10px;
}
.custom-carousel-inner.carousel-inner {
  margin-bottom: 70px;
}
.get-started-info h2 {
  font-size: 16px;
}
.get-started {
  padding: 20px;
}
.navbar-nav .nav-link.active{
  width: 100%;
}
.social-icon {
  justify-content: left;
  margin-bottom: 20px;
}
.get-started-contact-info {
  margin-bottom: 30px;
}
ul.footer-ul {
  margin-bottom: 40px;
}
#iconsmb{
  display: none;
}
.mobile-display {
  display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
  ul.footer-ul {
    margin-bottom: 40px;
  }
  .flex-apart {
    display: flex;
    flex-direction: column;
  }
  .flex-apart span{
    display: none;
  }
  .dark-accent.flex-apart a {
    margin-bottom: 10px;
  }
  footer .row {
    gap: 0px !important;
  }
  .clinic-info div {
    flex: 1 1 100%;
  }
  .social-icon {
    justify-content: left;
  }
  .navbar-collapse {
    text-align: center;
  }
  .navbar-nav {
    margin-top: 10px;
  }
  .top-nav-item {
    display: flex;
    flex-direction: column;
  }
  .top-nav-item .nav-item {
    margin: 5px 0;
  }
  a.navbar-brand img {
    height: 65px;
    padding: 4px 24px;
  }
  .clinic-info {
    display: flex;
    flex-direction: row;
  }
  .top-nav {
    background-color: transparent;
  }
  ul.navbar-nav {
    text-align: left;
  }
  .clinic-info {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  a#navbarDropdown {
    padding-left: 0;
    width: 100%;
    background-color: var(--dark-accent);
    color: var(--white-color) !important;
    padding: 12px 20px;
    border-radius: 4px;
  }
  li.nav-item {
    border-bottom: 1px solid var(--slate-200);
    padding: 10px 0;
  }
  a.nav-link.home.active {
    width: fit-content;
  }
  .top-nav {
    background-color: white;
    height: 72px;
    z-index: 111;
    width: 100%;
  }
  a.navbar-brand {
    margin-bottom: -1px;
    padding-top: 0px;
  }
  div#navbarContent {
    z-index: 33 !important;
    padding: 20px 30px;
  }
  .navbar-collapse {
    background-color: #f8f9fa; 
  }
  .container {
    --bs-gutter-x: 0rem;
  }
  button.navbar-toggler {
    margin: 4px 24px;
  }
  .clinic-info-flex {
    display: flex;
    justify-content: space-between;
  }
  .west-clinic h4 {
   margin-top: 0px; 
 }
 .west-clinic {
  margin-right: 0px;
}
#pc-paediatricians{
  display: none;
}
#mb-paediatricians{
  display: block;
}
.east-clinic h4 {
  margin-top: 0px;
}
.clinic-info-flex {
  margin-top: 30px;
}
.west-clinic h4 {
  font-size: 16px;
}
.clinic-info h5 {
  font-size: 14px;
}
.clinic-info-flex {
  margin-bottom: -15px;
}
.clinic-info span {
  font-size: 14px;
}
.east-clinic h4 {
  font-size: 14px;
}
.nav-link.active {
  font-size: 16px;
}
.nav-link {
  font-size: 16px;
}
.navbar-nav .icon-caret-down:before {
  float: inline-end;
  color: var(--white-color);
}
.blue-background {
  display: flex;
  flex-direction: column;
  background-color: var(--primary);
  width: 100%;
  padding: 20px;
}
.blue-background li.nav-item {
  border-bottom: none;
}
.blue-background .nav-link {
  padding: 16px 24px;
  background-color: white;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary) !important;
  border-radius: 4px;
}
.nav-link.active {
  font-size: 16px;
  width: fit-content;
}
.hero h1 {
  font-size: 50px;
}
.hero h3{
  font-size: 26px;
}
header#pc-header {
  display: none;
}
header#mb-header {
  display: block;
}
.disable-autoplay {
  display: block; 
}
.row.row-cols-5 {
  flex-direction: column;
  width: 100%;
}
.row.row-cols-5 .col {
  width: 100%;
  padding-right: 0px;
  margin-bottom: 40px;
}
.copy-right-info {
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.col.text-center {
  text-align: left !important;
}
footer.sec-space {
  padding: 60px 20px 20px;
}
.get-started-info {
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.get-started-info h2 {
  margin-top: 30px;
  text-align: center;
}
.get-started-contact-info a.btn-primary {
  font-size: 16px;
}
.custom-slider-container {
  max-width: 100%;
  padding: 0 10px; 
}
.custom-next {
  display: none;
}
.custom-slide {
  width: 100%; 
}
.right-opacity {
  display: none;
}
.left-opacity {
  display: none;
}
button.custom-prev-button.slick-arrow {
  display: none !important;
}
button.custom-next-button.slick-arrow {
  display: none !important;
}
.card img {
  width: 100%;
}
.card {
  margin-bottom: 20px;
}
.design2 img {
  display: none;
}
.design1 img {
  left: 5px;
  height: 30px;
}
.custom-carousel-slide.carousel-item p{
  font-size: 14px;

}
.custom-carousel-slide.carousel-item h3{
  font-size: 14px;

}
.custom-carousel-inner.carousel-inner {
  padding: 20px;
}
.slide-1 {
  height: 360px;
}
.slide-2 {
  height: 360px;
}
.slide-3 {
  height: 360px;
}
.carousel-indicators {
  bottom: 10px;
}
.mychart.sec-space {
  padding: 20px;
}
.gallary img {
  margin-bottom: 20px;
  width: 100%;
}
.ourteam-info img {
  width: 100%;
}
.ourteam-info {
  padding: 20px;
}
.our-provider {
  padding: 20px;
}
.our-provider-info h2 {
  font-size: 26px;
}
.ourteam h1 {
  font-size: 36px;
}
.more-specialities-info h1 {
  margin-bottom: 15px;
  font-size: 36px;
}
.more-specialities-info h2 {
  font-size: 26px;
}
.more-specialities-info {
  padding: 20px;
}
.inner-doctor {
  padding: 20px;
}
.inner-doctor h2 {
  font-size: 26px;
}
.inner-docror-info-sec img {
  width: 100%;
}
.inner-docror-info-sec {
  margin-bottom: 20px;
}
.more-specialities-section h2 {
  font-size: 26px;
}
.more-specialities-section {
  padding: 20px;
}
.more-specialities-inner {
  margin-bottom: 20px;
}
.more-specialities h1 {
  font-size: 36px;
}
.appointments h1 {
  font-size: 36px;
}
.appointments-info {
  padding: 20px;
}
.appointments-info h2 {
  font-size: 26px;
}
.about-us h1 {
  font-size: 36px;
}
.about-us-info h2 {
  margin-bottom: 20px;
  margin-top: 1px;
  font-size: 26px;
}
.inner-about-us h3 {
  font-size: 20px;
}
.about-us-info {
  padding: 20px;
}
.training h1 {
  font-size: 36px;
}
.training-info h2 {
  margin-bottom: 10px;
  margin-top: 1px;
  font-size: 26px;
}
ul.training-info-ul {
  font-size: 18px;
  line-height: 40px;
}
.training-info {
  padding: 20px;
}
.career h1 {
  font-size: 36px;
}
.career-info h2 {
  margin-bottom: 10px;
  font-size: 26px;
}
.career-info {
  padding: 20px;
}
.families h1 {
  font-size: 36px;
}
.pages-ul ul {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.inner-family-img img {
  width: 100%;
}
.inner-families h1 {
  margin-bottom: 15px;
  font-size: 38px;
}
.inner-families h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 26px;
}
.inner-families {
  padding: 20px;
}
.cbilling h1 {
  font-size: 36px;
}
th.text-center {
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
}
.new-patient h1 {
  font-size: 36px;
}
.new-patient-form h2 {
  font-size: 26px;
}
.new-patient-form {
  padding: 20px;
}
th.w-50.text-center {
  font-size: 14px;
  padding: 10px;
}
.immigration h1 {
  font-size: 36px;
}
.immigration-info h2 {
  font-size: 26px;
}
.immigration-info {
  padding: 20px;
}
.additional-form-form h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.additional-form-form {
  padding: 20px;
}
.emn h1 {
  font-size: 36px;
}
.emn-info h2 {
  font-size: 26px;
}
.pre-ori h3 {
  margin-top: 20px;
  font-size: 18px;
}
.emn-info {
  padding: 20px;
}
.car-seat-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.car-seat-form {
  padding: 20px;
}
.car-seat h1 {
  font-size: 36px;
}
.billing-info h1 {
  font-size: 36px;
}
.billing-info-info h2 {
  margin-bottom: -20px;
  font-size: 26px;
}
.billing-info-info h3 {
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 18px;
}
.billing-info-info {
  padding: 20px;
}
.insurance-information h1 {
  font-size: 36px;
}
.insurance-information-info h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.insurance-information-info {
  padding: 20px;
}
.prescriptions-refills h1 {
  font-size: 36px;
}
.prescriptions-refills-info h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.prescriptions-refills-info {
  padding: 20px;
}
.adhd h1 {
  font-size: 36px;
}
.adhd-form h2 {
  margin-bottom: 20px;
  font-size: 26px;
}
.adhd-form {
  padding: 20px;
}
.common-concern h1 {
  font-size: 36px;
}
.inner-common-concern h1 {
  margin-bottom: 20px;
  font-size: 36px;
}
.custom-container {
  display: block;
  text-align: center;
}
.health-lists-info {
  padding: 20px;
}
.newborn {
  padding: 20px;
}
ul.health-a-z-ul1 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul1 {
  display: block;
}
ul.health-a-z-ul1 {
  display: block;
  text-align: -webkit-center;
}
ul.health-a-z-ul2 li {
  padding: 16px 8px 16px 10px;
  width: 70px;
  height: 66px;
  margin-bottom: 20px;
}
ul.health-a-z-ul2 {
  display: block;
}
ul.health-a-z-ul2 {
  display: block;
  text-align: -webkit-center;
}
.inner-common-concern {
  padding: 20px;
}
.health-a-z {
  padding: 20px;
}
.health-a-z-index {
  padding: 20px;
}
.health-lists {
  padding: 20px;
}
ul#myList {
  column-count: 3 !important;
}
.carousel-control-next, .carousel-control-prev {
  bottom: -245px !important;
  right: 20px !important;
}
.specialities h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.specialities {
  padding: 20px;
}
.paediatricians h2 {
  font-size: 36px;
}
.paediatricians {
  padding: 20px;
}
.testimonials {
  padding: 20px;
}
.testimonials h2 {
  margin-bottom: 20px;
  font-size: 36px;
}
.custom-carousel-indicators.carousel-indicators {
  bottom: 5px;
}
.custom-carousel-inner.carousel-inner {
  margin-bottom: 70px;
}
.get-started-info h2 {
  font-size: 36px;
}
.get-started {
  padding: 20px;
}
.navbar-nav .nav-link.active{
  width: 100%;
}
#iconsmb{
  display: none;
}
.mobile-display {
  display: none;
}
}
@media (min-width: 991.98px) and (max-width: 1199.98px){
  ul.footer-ul {
    margin-bottom: 40px;
  }
  .flex-apart {
    display: flex;
    justify-content: center;
  }
  .flex-apart span{
    display: block;
  }
  .dark-accent.flex-apart a {
    margin-bottom: 10px;
  }
  .social-icon {
    justify-content: left;
  }
  footer .row {
    gap: 0px !important;
  }
  .clinic-info div {
    flex: 1 1 100%;
  }
  .hero h1 {
    font-size: 50px;
  }
  .hero h3{
    font-size: 26px;
  }
  header#pc-header {
    display: block;
  }
  header#mb-header {
    display: none;
  }
  .disable-autoplay {
    display: block; 
  }
  .row.row-cols-5 {
    flex-direction: column;
    width: 100%;
  }
  .row.row-cols-5 .col {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .copy-right-info {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .col.text-center {
    text-align: left !important;
  }
  footer.sec-space {
    padding: 60px 20px 20px;
  }
  .get-started-info {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .get-started-info h2 {
    margin-top: 30px;
    text-align: center;
  }
  .get-started-contact-info a.btn-primary {
    font-size: 16px;
  }
  .custom-slider-container {
    max-width: 100%;
    padding: 0 10px; 
  }
  .custom-next {
    display: none;
  }
  .custom-slide {
    width: 100%; 
  }
  .right-opacity {
    display: none;
  }
  .left-opacity {
    display: none;
  }
  button.custom-prev-button.slick-arrow {
    display: none !important;
  }
  button.custom-next-button.slick-arrow {
    display: none !important;
  }
  .card img {
    width: 100%;
  }
  .card {
    margin-bottom: 20px;
  }
  .design2 img {
    display: none;
  }
  .design1 img {
    left: 5px;
    height: 30px;
  }
  .custom-carousel-slide.carousel-item p{
    font-size: 14px;

  }
  .custom-carousel-slide.carousel-item h3{
    font-size: 14px;

  }
  .custom-carousel-inner.carousel-inner {
    padding: 20px;
  }
  .slide-1 {
    height: 360px;
  }
  .slide-2 {
    height: 360px;
  }
  .slide-3 {
    height: 360px;
  }
  .carousel-indicators {
    bottom: 10px;
  }
  .mychart.sec-space {
    padding: 20px;
  }
  .gallary img {
    margin-bottom: 20px;
    width: 100%;
  }
  .ourteam-info img {
    width: 100%;
  }
  .ourteam-info {
    padding: 20px;
  }
  .our-provider {
    padding: 20px;
  }
  .our-provider-info h2 {
    font-size: 26px;
  }
  .ourteam h1 {
    font-size: 36px;
  }
  .more-specialities-info h1 {
    margin-bottom: 15px;
    font-size: 36px;
  }
  .more-specialities-info h2 {
    font-size: 26px;
  }
  .more-specialities-info {
    padding: 20px;
  }
  .inner-doctor {
    padding: 20px;
  }
  .inner-doctor h2 {
    font-size: 26px;
  }
  .inner-docror-info-sec img {
    width: 100%;
  }
  .inner-docror-info-sec {
    margin-bottom: 20px;
  }
  .more-specialities-section h2 {
    font-size: 26px;
  }
  .more-specialities-section {
    padding: 20px;
  }
  .more-specialities-inner {
    margin-bottom: 20px;
  }
  .more-specialities h1 {
    font-size: 36px;
  }
  .appointments h1 {
    font-size: 36px;
  }
  .appointments-info {
    padding: 20px;
  }
  .appointments-info h2 {
    font-size: 26px;
  }
  .about-us h1 {
    font-size: 36px;
  }
  .about-us-info h2 {
    margin-bottom: 20px;
    margin-top: 1px;
    font-size: 26px;
  }
  .inner-about-us h3 {
    font-size: 20px;
  }
  .about-us-info {
    padding: 20px;
  }
  .training h1 {
    font-size: 36px;
  }
  .training-info h2 {
    margin-bottom: 10px;
    margin-top: 1px;
    font-size: 26px;
  }
  ul.training-info-ul {
    font-size: 18px;
    line-height: 40px;
  }
  .training-info {
    padding: 20px;
  }
  .career h1 {
    font-size: 36px;
  }
  .career-info h2 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .career-info {
    padding: 20px;
  }
  .families h1 {
    font-size: 36px;
  }
  .pages-ul ul {
    display: flex;
    gap: 10px;
    font-size: 12px;
  }
  .inner-family-img img {
    width: 100%;
  }
  .inner-families h1 {
    margin-bottom: 15px;
    font-size: 38px;
  }
  .inner-families h2 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 26px;
  }
  .inner-families {
    padding: 20px;
  }
  .cbilling h1 {
    font-size: 36px;
  }
  th.text-center {
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
  }
  .new-patient h1 {
    font-size: 36px;
  }
  .new-patient-form h2 {
    font-size: 26px;
  }
  .new-patient-form {
    padding: 20px;
  }
  th.w-50.text-center {
    font-size: 14px;
    padding: 10px;
  }
  .immigration h1 {
    font-size: 36px;
  }
  .immigration-info h2 {
    font-size: 26px;
  }
  .immigration-info {
    padding: 20px;
  }
  .additional-form-form h2 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .additional-form-form {
    padding: 20px;
  }
  .emn h1 {
    font-size: 36px;
  }
  .emn-info h2 {
    font-size: 26px;
  }
  .pre-ori h3 {
    margin-top: 20px;
    font-size: 18px;
  }
  .emn-info {
    padding: 20px;
  }
  .car-seat-form h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .car-seat-form {
    padding: 20px;
  }
  .car-seat h1 {
    font-size: 36px;
  }
  .billing-info h1 {
    font-size: 36px;
  }
  .billing-info-info h2 {
    margin-bottom: -20px;
    font-size: 26px;
  }
  .billing-info-info h3 {
    margin-bottom: 10px;
    margin-top: 40px;
    font-size: 18px;
  }
  .billing-info-info {
    padding: 20px;
  }
  .insurance-information h1 {
    font-size: 36px;
  }
  .insurance-information-info h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .insurance-information-info {
    padding: 20px;
  }
  .prescriptions-refills h1 {
    font-size: 36px;
  }
  .prescriptions-refills-info h2 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .prescriptions-refills-info {
    padding: 20px;
  }
  .adhd h1 {
    font-size: 36px;
  }
  .adhd-form h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .adhd-form {
    padding: 20px;
  }
  .common-concern h1 {
    font-size: 36px;
  }
  .inner-common-concern h1 {
    margin-bottom: 20px;
    font-size: 36px;
  }
  .custom-container {
    display: block;
    text-align: center;
  }
  .health-lists-info {
    padding: 20px;
  }
  .newborn {
    padding: 20px;
  }
  ul.health-a-z-ul1 li {
    padding: 16px 8px 16px 10px;
    width: 70px;
    height: 66px;
    margin-bottom: 20px;
  }
  ul.health-a-z-ul1 {
    display: block;
  }
  ul.health-a-z-ul1 {
    display: block;
    text-align: -webkit-center;
  }
  ul.health-a-z-ul2 li {
    padding: 16px 8px 16px 10px;
    width: 70px;
    height: 66px;
    margin-bottom: 20px;
  }
  ul.health-a-z-ul2 {
    display: block;
  }
  ul.health-a-z-ul2 {
    display: block;
    text-align: -webkit-center;
  }
  .inner-common-concern {
    padding: 20px;
  }
  .health-a-z {
    padding: 20px;
  }
  .health-a-z-index {
    padding: 20px;
  }
  .health-lists {
    padding: 20px;
  }
  ul#myList {
    column-count: 4 !important;
  }
  .carousel-control-next, .carousel-control-prev {
    bottom: -245px !important;
    right: 20px !important;
  }
  .specialities h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .specialities {
    padding: 20px;
  }
  .paediatricians h2 {
    font-size: 36px;
  }
  .paediatricians {
    padding: 20px;
  }
  .testimonials {
    padding: 20px;
  }
  .testimonials h2 {
    margin-bottom: 20px;
    font-size: 36px;
  }
  .custom-carousel-indicators.carousel-indicators {
    bottom: 5px;
  }
  .custom-carousel-inner.carousel-inner {
    margin-bottom: 70px;
  }
  .get-started-info h2 {
    font-size: 36px;
  }
  .get-started {
    padding: 20px;
  }
  .navbar-nav .nav-link.active{
    width: 100%;
  }
  .navbar .container {
    display: block;
  }
  .clinic-info {
    display: flex;
    padding: 12px;
  }
  #pc-paediatricians {
    display: none;
  }
  #mb-paediatricians {
    display: block;
  }
  #iconsmb{
    display: none;
  }
  .mobile-display {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
  .clinic-info div {
    flex: 1 1 100%;
  }
  .flex-apart {
    display: flex;
    justify-content: center;
  }
  .hero h1 {
    font-size: 50px;
  }
  .hero h3{
    font-size: 26px;
  }
  header#pc-header {
    display: block;
  }
  header#mb-header {
    display: none;
  }
  .disable-autoplay {
    display: block; 
  }
  .row.row-cols-5 {
    flex-direction: column;
    width: 100%;
  }
  .row.row-cols-5 .col {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .copy-right-info {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .col.text-center {
    text-align: left !important;
  }
  footer.sec-space {
    padding: 60px 20px 20px;
  }
  .get-started-info {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .get-started-info h2 {
    margin-top: 30px;
    text-align: center;
  }
  .get-started-contact-info a.btn-primary {
    font-size: 16px;
  }
  .custom-slider-container {
    max-width: 100%;
    padding: 0 10px; 
  }
  .custom-next {
    display: none;
  }
  .custom-slide {
    width: 100%; 
  }
  .right-opacity {
    display: none;
  }
  .left-opacity {
    display: none;
  }
  button.custom-prev-button.slick-arrow {
    display: none !important;
  }
  button.custom-next-button.slick-arrow {
    display: none !important;
  }
  .card img {
    width: 100%;
  }
  .card {
    margin-bottom: 20px;
  }
  .design2 img {
    display: none;
  }
  .design1 img {
    left: 135px;
    height: 50px;
  }
  .custom-carousel-slide.carousel-item p{
    font-size: 14px;

  }
  .custom-carousel-slide.carousel-item h3{
    font-size: 14px;

  }
  .custom-carousel-inner.carousel-inner {
    padding: 20px;
  }
  .slide-1 {
    height: 360px;
  }
  .slide-2 {
    height: 360px;
  }
  .slide-3 {
    height: 360px;
  }
  .carousel-indicators {
    bottom: 10px;
  }
  .mychart.sec-space {
    padding: 20px;
  }
  .gallary img {
    margin-bottom: 20px;
    width: 100%;
  }
  .ourteam-info img {
    width: 100%;
  }
  .ourteam-info {
    padding: 20px;
  }
  .our-provider {
    padding: 20px;
  }
  .our-provider-info h2 {
    font-size: 26px;
  }
  .ourteam h1 {
    font-size: 36px;
  }
  .more-specialities-info h1 {
    margin-bottom: 15px;
    font-size: 36px;
  }
  .more-specialities-info h2 {
    font-size: 26px;
  }
  .more-specialities-info {
    padding: 20px;
  }
  .inner-doctor {
    padding: 20px;
  }
  .inner-doctor h2 {
    font-size: 26px;
  }
  .inner-docror-info-sec img {
    width: 100%;
  }
  .inner-docror-info-sec {
    margin-bottom: 20px;
  }
  .more-specialities-section h2 {
    font-size: 26px;
  }
  .more-specialities-section {
    padding: 20px;
  }
  .more-specialities-inner {
    margin-bottom: 20px;
  }
  .more-specialities h1 {
    font-size: 36px;
  }
  .appointments h1 {
    font-size: 36px;
  }
  .appointments-info {
    padding: 20px;
  }
  .appointments-info h2 {
    font-size: 26px;
  }
  .about-us h1 {
    font-size: 36px;
  }
  .about-us-info h2 {
    margin-bottom: 20px;
    margin-top: 1px;
    font-size: 26px;
  }
  .inner-about-us h3 {
    font-size: 20px;
  }
  .about-us-info {
    padding: 20px;
  }
  .training h1 {
    font-size: 36px;
  }
  .training-info h2 {
    margin-bottom: 10px;
    margin-top: 1px;
    font-size: 26px;
  }
  ul.training-info-ul {
    font-size: 18px;
    line-height: 40px;
  }
  .training-info {
    padding: 20px;
  }
  .career h1 {
    font-size: 36px;
  }
  .career-info h2 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .career-info {
    padding: 20px;
  }
  .families h1 {
    font-size: 36px;
  }
  .pages-ul ul {
    display: flex;
    gap: 10px;
    font-size: 12px;
  }
  .inner-family-img img {
    width: 100%;
  }
  .inner-families h1 {
    margin-bottom: 15px;
    font-size: 38px;
  }
  .inner-families h2 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 26px;
  }
  .inner-families {
    padding: 20px;
  }
  .cbilling h1 {
    font-size: 36px;
  }
  th.text-center {
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
  }
  .new-patient h1 {
    font-size: 36px;
  }
  .new-patient-form h2 {
    font-size: 26px;
  }
  .new-patient-form {
    padding: 20px;
  }
  th.w-50.text-center {
    font-size: 14px;
    padding: 10px;
  }
  .immigration h1 {
    font-size: 36px;
  }
  .immigration-info h2 {
    font-size: 26px;
  }
  .immigration-info {
    padding: 20px;
  }
  .additional-form-form h2 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .additional-form-form {
    padding: 20px;
  }
  .emn h1 {
    font-size: 36px;
  }
  .emn-info h2 {
    font-size: 26px;
  }
  .pre-ori h3 {
    margin-top: 20px;
    font-size: 18px;
  }
  .emn-info {
    padding: 20px;
  }
  .car-seat-form h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .car-seat-form {
    padding: 20px;
  }
  .car-seat h1 {
    font-size: 36px;
  }
  .billing-info h1 {
    font-size: 36px;
  }
  .billing-info-info h2 {
    margin-bottom: -20px;
    font-size: 26px;
  }
  .billing-info-info h3 {
    margin-bottom: 10px;
    margin-top: 40px;
    font-size: 18px;
  }
  .billing-info-info {
    padding: 20px;
  }
  .insurance-information h1 {
    font-size: 36px;
  }
  .insurance-information-info h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .insurance-information-info {
    padding: 20px;
  }
  .prescriptions-refills h1 {
    font-size: 36px;
  }
  .prescriptions-refills-info h2 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .prescriptions-refills-info {
    padding: 20px;
  }
  .adhd h1 {
    font-size: 36px;
  }
  .adhd-form h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .adhd-form {
    padding: 20px;
  }
  .common-concern h1 {
    font-size: 36px;
  }
  .inner-common-concern h1 {
    margin-bottom: 20px;
    font-size: 36px;
  }
  .custom-container {
    display: block;
    text-align: center;
  }
  .health-lists-info {
    padding: 20px;
  }
  .newborn {
    padding: 20px;
  }
  ul.health-a-z-ul1 li {
    padding: 16px 8px 16px 10px;
    width: 70px;
    height: 66px;
    margin-bottom: 20px;
  }
  ul.health-a-z-ul1 {
    display: block;
  }
  ul.health-a-z-ul1 {
    display: block;
    text-align: -webkit-center;
  }
  ul.health-a-z-ul2 li {
    padding: 16px 8px 16px 10px;
    width: 70px;
    height: 66px;
    margin-bottom: 20px;
  }
  ul.health-a-z-ul2 {
    display: block;
  }
  ul.health-a-z-ul2 {
    display: block;
    text-align: -webkit-center;
  }
  .inner-common-concern {
    padding: 20px;
  }
  .health-a-z {
    padding: 20px;
  }
  .health-a-z-index {
    padding: 20px;
  }
  .health-lists {
    padding: 20px;
  }
  ul#myList {
    column-count: 5!important;
  }
  .carousel-control-next, .carousel-control-prev {
    bottom: -245px !important;
    right: 20px !important;
  }
  .specialities h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .specialities {
    padding: 20px;
  }
  .paediatricians h2 {
    font-size: 36px;
  }
  .paediatricians {
    padding: 20px;
  }
  .testimonials {
    padding: 20px;
  }
  .testimonials h2 {
    margin-bottom: 20px;
    font-size: 36px;
  }
  .custom-carousel-indicators.carousel-indicators {
    bottom: 5px;
  }
  .custom-carousel-inner.carousel-inner {
    margin-bottom: 70px;
  }
  .get-started-info h2 {
    font-size: 36px;
  }
  .get-started {
    padding: 20px;
  }
  .navbar-nav .nav-link.active{
    width: 100%;
  }
  .navbar .container {
    display: block;
  }
  .clinic-info {
    display: flex;
    padding: 12px;
  }
  #pc-paediatricians {
    display: none;
  }
  #mb-paediatricians {
    display: block;
  }
  #iconsmb{
    display: none;
  }
  .mobile-display {
    display: none;
  }
}
@media (min-width: 1400px) and (max-width: 1620px) {
  .carousell {
    width: 100% !important;
    margin: 0 auto !important;
    height: 400px !important;
  }
  #iconsmb{
    display: none;
  }
  .mobile-display {
    display: none;
  }
}





.service-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 10px;
}

.service-item a {
  display: block;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.service-item a:hover {
  text-decoration: underline;
}


.card-img-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-title {
  background: rgba(255, 255, 255, 0.8);
  padding: 24px;
  /* border-radius: 5px; */
  position: absolute;
  left: 23px;
  bottom: 19px;
}




.custom-accordion-item {
  border: none !important;
  margin-bottom: 10px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.custom-accordion-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #dee2e6 !important;
  margin: 0 !important;
}

.custom-accordion-button {
  color: #495057 !important;
  background-color: #e9ecef !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 15px !important;
  text-align: left !important;
  font-weight: bold !important;
  transition: background-color 0.3s ease !important;
}

.custom-accordion-button:hover,
.custom-accordion-button:focus {
  background-color: #d6d8db !important;
  color: #212529 !important;
}

.custom-accordion-button:not(.collapsed) {
  color: #ffffff !important;
  background-color: #01CCFF !important;
}

.custom-accordion-collapse {
  border: none !important;
  background-color: #f8f9fa !important;
}

.custom-accordion-body {
  padding: 20px !important;
  background-color: #ffffff !important;
  border-top: 1px solid #dee2e6 !important;
}

.custom-accordion-body ul {
  padding-left: 20px !important;
}

.custom-accordion-body ul li {
  margin-bottom: 10px !important;
}



.btn-primary-1{
background: var(--primary);
color: white;
font-size: 16px;
}
.btn-secondary-1{
  background: var(--accent);
color: white;
font-size: 16px;

}

.text-justify{
  text-align: justify;
}

.fs-20{
  font-size: 20px;
}