*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  p,
  ul,
  li,
  i {
    font-family: Roboto;
    color: #2c2c2c;
  }

  h1 {
    font-size: 5vh;
  }
  h2 {
    font-size: 4.5vh;
  }
  h3 {
    font-size: 4vh;
  }
  h5 {
    font-size: 3.5vh;
  }
  h6 {
    font-size: 3vh;
  }
  p,
  button,
  i,
  li,
  a {
    font-size: 2.5vh;
  }
  @media (max-width: 575px) {
    h1 {
      font-size: 3vh;
    }
    h2 {
      font-size: 3vh;
    }
    h3 {
      font-size: 3vh;
    }
    h4 {
      font-size: 2.5vh;
    }
    h5,
    h6,
    .accordion-header button {
      font-family: Montserrat, "sans-serif";
      font-weight: bold;
      font-size: 2.5vh;
    }

    i,
    p,
    a,
    li,
    button {
      font-size: 2vh;
    }
  }
  @media (min-width: 575px) and (max-width: 640px) {
    h1 {
      font-size: 3vh;
    }
    h2 {
      font-size: 3vh;
    }
    h3 {
      font-size: 3vh;
    }
    h4 {
      font-size: 2.5vh;
    }
    h5,
    h6 {
      font-size: 2.5vh;
    }

    .hospitals-container,
    i,
    p,
    a,
    li,
    button {
      font-size: 2vh;
    }
  }
  @media (min-width: 640px) and (max-width: 768px) {
    h1 {
      font-size: 4vh;
    }
    h2 {
      font-size: 3vh;
    }
    h3 {
      font-size: 3vh;
    }
    h4 {
      font-size: 2.5vh;
    }
    h5 {
      font-size: 2.5vh;
    }
    h6,
    i,
    p,
    a,
    li,
    button {
      font-size: 2vh;
    }
  }
  @media (min-width: 768px) and (max-width: 1025px) {
    h1 {
      font-size: 4vh;
    }
    h2 {
      font-size: 3.5vh;
    }
    h3 {
      font-size: 3vh;
    }
    h4 {
      font-size: 3vh;
    }
    h5 {
      font-size: 2.5vh;
    }
    h6,
    p,
    button,
    i,
    li,
    a {
      font-size: 2vh;
    }
    .footer-spl {
      a {
        font-size: 1.5vh !important;
      }
    }
    .dynamic-date {
      color: white;
      cursor: text !important;
    }
    .social-media {
      a {
        i {
          font-size: 1.5vh !important;
        }
      }
    }

    .footer-address {
      a {
        font-size: 1.5vh !important;
      }
      .navbar-nav {
        li {
          a {
            font-size: 1.5vh !important;
          }
        }
      }
    }
  }
  @media (min-width: 1500px) and (max-width: 3000px) {
    h1 {
      font-size: 6vh;
    }
    h2 {
      font-size: 5vh;
    }
    h3 {
      font-size: 4vh;
    }
    h4 {
      font-size: 3vh;
    }
    h5 {
      font-size: 3.5vh;
    }
    h6,
    .footer-header-text,
    i,
    p,
    a,
    li,
    button {
      font-size: 2.5vh;
    }
    .footer-spl {
      a {
        font-size: 1.5vh !important;
      }
    }
    .social-media {
      a {
        i,
        .dynamic-date {
          font-size: 1.5vh !important;
        }
      }
    }
  }
}
.head-text,
.head-sub-text,
h2 {
  font-family: Montserrat;
  color: #535050;
}
/* Nav bar styles */
.nav-header {
  height: 50px;
}
.nav-btn {
  background: transparent;
  border: none;
  color: #e6e7e7;
  margin-right: 0.5rem;
}

.nav-item {
  position: relative;
}
.nav-link.active {
  color: #007bff !important;
  font-weight: 700;
}
.nav-item::after {
  content: "";
  background-color: #00a9e3;
  width: 90%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
  transform-origin: left;
}

.nav-item:hover::after {
  transform: scaleX(1);
}

.item-button::after {
  background-color: transparent;
}

.btn-outline-success {
  --bs-btn-bg: #95bc2b;
  --bs-btn-hover-bg: #a6d428;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6d428;
  --bs-btn-border-color: #95bc2b;
  --bs-btn-hover-border-color: #a6d428;
}

.navbar-collapse {
  flex-grow: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 20px;
}

.navbar > .container-fluid {
  width: 95%;
  margin: 0 auto;
}
.dropdown-toggle {
  background-color: transparent;
  border: none;
}
.dropdown-toggle:hover {
  background-color: transparent;
  border: none;
}
.dropdown-toggle:active {
  background-color: transparent !important;
  border: none;
}
.dropdown-toggle::after {
  background-color: transparent !important;
  border: none;
}
.dropdown-menu {
  background-color: #283c48;
  color: white;
}
.dropdown-item {
  color: #fff;
}
.dropdown-item:active {
  background-color: #7aab1f;
  color: white;
}
.dropdown-item:hover {
  background-color: #7aab1f;
  color: white;
}
.navbar {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  border-bottom: 0.5px solid #ccc;
  background-color: #fff !important;
  position: fixed;
  width: 100%;
  z-index: 100;
  .btn-primary {
    --bs-btn-bg: #95bc2b;
    --bs-btn-hover-bg: #a6d428;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: black;
    --bs-btn-active-bg: #a6d428;
    --bs-btn-border-color: #95bc2b;
    --bs-btn-hover-border-color: #a6d428;
    font-weight: 600;
  }
  .image_icon {
    height: 7vh;
  }
  .image_icons {
    height: 60px;
  }
  .nav-spl-btn {
    margin: 0 1rem;
  }

  i {
    font-size: 10px;
  }

  a {
    text-decoration: none;
    color: #fff;
  }
  .accordion {
    --bs-accordion-bg: #202641;
    --bs-accordion-color: #fff;
    h4 {
      font-weight: 600;
    }
    ul {
      list-style-type: none;
      padding: 0;

      li {
        margin: 0px;
        font-weight: 300;
      }
    }
  }
  .accordion-title {
    color: #fff;
  }

  .accordion-button {
    padding-left: 0;
  }

  .accordion-button::after {
    background-image: url("./public/down-chevron-svgrepo-com.svg");
  }
  .accordion-button:not(.collapsed) {
    background-color: #202641;
  }
}

.nav-accordion {
  display: none;
}

.nav-sub-content-btn {
  display: none;
}

.navbar-nav .nav-link {
  color: black;
  font-weight: 500;
}
.navbar-nav .nav-btn {
  padding: 0.5rem 0;
  padding-right: 0.5rem;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 1.5rem));
  }
}

.navbar-toggler {
  border: none !important;
}
.navbar-toggler :active {
  border: none !important;
}
@media (max-width: 576px) {
  .footer-container {
    #scrollToTop {
      display: flex;
      justify-content: center;
      margin: 0 auto;
      img {
        width: 50%;
      }
    }
  }
}

/* large- xx */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    align-items: center;
  }
}
@media (max-width: 991px) {
  .nav-sub-content {
    display: none;
  }
  .nav-accordion {
    display: block;
  }
  .nav-sub-content-btn {
    display: block;
  }
  .footer-container {
    .navbar-collapse {
      margin-top: 10px !important;
    }
  }
}
/* refund */
#refund {
  font-family: Roboto;
  color: #535050;
}
.refund-page-value {
  width: 90%;
  margin: 0 auto;
  ul {
    /* list-style-type: none;
    padding: 0; */

    li {
      margin: 0px;
      font-weight: 600;
      color: #212529;
    }
  }
  p {
    font-weight: 600;
    color: #212529;
  }
}
.head-text {
  text-decoration: underline;
  text-align: left;
}
.logo-img {
  width: 50%;
  height: auto;
}
.background-val {
  border: none;
  background-image: linear-gradient(180deg, #ecfafa, #fff);
  display: flex;
  justify-content: center;
  padding: 20px;
}
.navbar-toggler {
  border: none !important;
}
.navbar-toggler :active {
  border: none !important;
}
/* footer */
.footer-container {
  position: relative;
  color: #fff;
  background-color: #202641;
  .navbar-nav .nav-link {
    font-weight: 400 !important;
    color: #cdcdcd;
  }
  a {
    text-decoration: none;
    color: #fff;
  }

  h3 {
    font-weight: 400;
  }

  h4 {
    font-weight: 400;
  }

  h3::after {
    content: "";
    position: absolute;
    left: 0; /* Adjust left position to center the border within 80% width */
    bottom: -2px;
    height: 3px;
    background-color: #fff;
    width: 70%;
  }

  ul {
    list-style-type: none;
    padding: 0;
    li {
      margin-bottom: 15px;
      font-weight: 300;
    }
  }
  .accordion {
    --bs-accordion-bg: #202641;
    --bs-accordion-color: #fff;
  }
  .accordion-title {
    color: #fff;
  }

  .accordion-button {
    padding-left: 0;
  }

  .accordion-button::after {
    background-image: url("./public/down-chevron-svgrepo-com.svg");
  }
  .accordion-button:not(.collapsed) {
    background-color: #202641;
  }
  .accordion-button:focus {
    box-shadow: none !important;
  }
  .hr-dash-line {
    opacity: 1;
    color: #4b4b4b;
  }
  .footer-decorator-image {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-height: 0.8rem;
  }
  .accordion-header button {
    font-family: Montserrat, "sans-serif";
    font-weight: bold;
  }
  .footer-spl {
    a {
      display: flex;
      justify-content: center;
      align-items: center;
      /* text-decoration: underline !important; */
    }
  }

  @media (max-width: 768px) {
    .footer-icon {
      width: 8rem;
    }
  }
  .footer-header-text {
    font-weight: 400;
  }

  .footer li {
    font-weight: 300;
    margin: 0px;
  }
  .footer li :hover {
    cursor: pointer;
    color: #00a9e3 !important;
  }
  .footer-address:hover i,
  .footer-address:hover a {
    cursor: pointer;
    color: #00a9e3 !important;
  }

  .footer-spl a:hover {
    color: #00a9e3 !important;
  }
  .social-media i:hover {
    color: #00a9e3 !important;
  }
  .footer h4 {
    font-size: 18px;
    font-weight: 600;
  }
  .contact_address {
    padding-top: 10px;
    a {
      font-family: Roboto !important;
      font-weight: 300;
    }
  }
  .dynamic-date {
    color: white;
    cursor: text !important;
  }
}
.social-media {
  a {
    i {
      color: white !important;
    }
  }
}

@media (max-width: 576px) {
  .footer-container {
    #scrollToTop {
      display: flex;
      justify-content: center;
      margin: 0 auto;
    }
    .footer-spl {
      a {
        font-size: 10px !important;
      }
    }
  }
}
#scrollToTop:hover {
  cursor: pointer !important;
}


.footer-bottom,.row{
  a,
  i {
    text-decoration: none;
    color: #cdcdcd;
  }
}
.row{
  h5{
    color: #cdcdcd; 
    
  }
  
  ul{
    padding-left: 12px;
  }
}
.footer-spl i:hover {
  cursor: pointer;
  color: #00a9e3 !important;
}
.dynamic-date {
  color: #cdcdcd;
  cursor: text !important;
}

.footer-spl {
  .date{
    font-size: 2vh !important;
    padding-left: 5px;
  }
}
@media (max-width: 576px) {
.footer-bottom, .row {
  flex-direction: column;
  align-items: center;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
.footer-container {
  .footer-spl {
      max-width: 368px;
  }
}
}
@media (max-width: 576px) {
  .footer-container {
      .footer-spl {
        /* max-width: 185px;
        text-align: center; */
      }
  }
}
.footer-spl {
  display: flex;
}
.social-media{
  gap:10px
}
@media (min-width: 768px) and (max-width: 1025px) {
  .row{
    h5{
      font-size: 2vh;
     
    }
    .footer-add{
    word-wrap: break-word;

    }

    }  }
    @media (max-width: 576px) {
      .footer-container {
          .footer-spl {
              display: flex;
          }
          .social-media{
            gap:10px
          }
      }
  }
  .footer-bottom, .row {
    a:hover {
      cursor: pointer;
    color: #00a9e3 !important;
    }
  }
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) and
  (-webkit-min-device-pixel-ratio: 1.0){
   /* CSS styles specific to iPad Air portrait mode */
   #refund {
    height: 64vh;
    
  }
  }