* {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  box-sizing: border-box;
  text-decoration: none;
  list-style-type: none;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body::-webkit-scrollbar {
  display: none;
}

.max-width {
  max-width: 1200px;
  margin: 0rem auto;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .max-width {
    max-width: 100%;
    margin: 0rem;
    overflow-x: hidden;
  }
}
.nav-elements-mother-container {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  background: #fff;
  z-index: 100;
}
.nav-elements-mother-container .nav-links-logo-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0rem;
}
.nav-elements-mother-container .nav-links-logo-cover .logo {
  font-size: 1.5rem;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  font-weight: bold;
}
.nav-elements-mother-container .nav-links-logo-cover .logo span {
  font-family: "Times New Roman", Times, serif;
  color: blue;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  font-weight: medium;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link {
  position: relative;
  cursor: pointer;
  transition: all 0.5s ease-in;
  height: 2.5rem;
  display: flex;
  align-items: center;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link:hover {
  color: blue;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link.active-link::before {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 50%;
  height: 2px;
  background-color: blue;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view {
  background-color: blue;
  border: 1px solid blue;
  border-radius: 5px;
  padding: 0.8rem 1rem;
  color: #fff;
  font-weight: medium;
  transition: all 0.5s ease-in-out;
  display: none;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view:hover {
  border: 1px solid blue;
  background-color: #fff;
  color: blue;
}
.nav-elements-mother-container .nav-links-logo-cover .nav-links-container .close-btn {
  width: 2rem;
  height: 2rem;
  border: 2px solid #c2c2c2;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  font-size: 1rem;
  color: #fff;
}
.nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn {
  background-color: blue;
  border: 1px solid blue;
  border-radius: 5px;
  padding: 0.8rem 1rem;
  color: #fff;
  font-weight: medium;
  transition: all 0.5s ease-in-out;
}
.nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn:hover {
  border: 1px solid blue;
  background-color: #fff;
  color: blue;
}
.nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn {
  width: 2rem;
  height: 2rem;
  border: 2px solid #c2c2c2;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn img {
  width: 1rem;
}

.nav-elements-mother-container.scrolled {
  background-color: rgba(2, 1, 43, 0.6862745098);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.nav-elements-mother-container.scrolled .logo span {
  color: lightskyblue;
}
.nav-elements-mother-container.scrolled .nav-links-container .nav-link {
  color: #fff;
}
.nav-elements-mother-container.scrolled .nav-links-container .nav-link:hover {
  color: blue;
}
.nav-elements-mother-container.scrolled .nav-links-container .nav-link.active-link::before {
  background-color: #fff;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .nav-elements-mother-container .nav-links-logo-cover {
    padding: 1rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .logo {
    font-size: 1.5rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container {
    gap: 2rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link {
    position: relative;
    transition: all 0.5s ease-in;
    height: 2.5rem;
    display: flex;
    align-items: center;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link:hover {
    color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link.active-link::before {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 50%;
    height: 2px;
    background-color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn {
    background-color: blue;
    border: 1px solid blue;
    border-radius: 5px;
    padding: 0.8rem 1rem;
    color: #fff;
    font-weight: medium;
    transition: all 0.5s ease-in-out;
  }
  .nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn:hover {
    border: 1px solid blue;
    background-color: #fff;
    color: blue;
  }
}
@media (max-width: 900px) {
  .nav-elements-mother-container .nav-links-logo-cover {
    padding: 1rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .logo {
    font-size: 1.5rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100vh;
    background-color: rgba(2, 1, 43, 0.6862745098);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    justify-content: start;
    flex-direction: column;
    padding: 10vh 0rem 0rem;
    transition: transform 1s ease-in-out;
    transform: translateY(-110%);
    z-index: 200;
    gap: 1rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link {
    position: relative;
    transition: all 0.5s ease-in;
    height: 2.5rem;
    display: flex;
    align-items: center;
    color: #fff;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link:hover {
    color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link.active-link::before {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    height: 2px;
    background-color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view {
    background-color: blue;
    border: 1px solid blue;
    border-radius: 5px;
    padding: 0.8rem 1rem;
    color: #fff;
    font-weight: medium;
    transition: all 0.5s ease-in-out;
    display: flex;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view:hover {
    border: 1px solid blue;
    background-color: #fff;
    color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border: 2px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1rem;
    color: #fff;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav {
    transform: translateY(0%);
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView {
    opacity: 0;
    animation: mobileLinks 1s ease forwards;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:first-child {
    animation-delay: 900ms;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(2) {
    animation-delay: 1s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(3) {
    animation-delay: 1.1s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(4) {
    animation-delay: 1.2s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(5) {
    animation-delay: 1.3s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(6) {
    animation-delay: 1.4s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:last-child {
    animation-delay: 1.5s;
  }
  @keyframes mobileLinks {
    to {
      opacity: 1;
    }
  }
  .nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn {
    display: none;
  }
  .nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn {
    width: 2rem;
    height: 2rem;
    border: 2px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn img {
    width: 1rem;
  }
}
@media (max-width: 500px) {
  .nav-elements-mother-container .nav-links-logo-cover {
    padding: 1rem 0.5rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .logo {
    font-size: 1.5rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100vh;
    background-color: rgba(2, 1, 43, 0.6862745098);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    justify-content: start;
    flex-direction: column;
    padding: 10vh 0rem 0rem;
    transition: transform 1s ease-in-out;
    transform: translateY(-110%);
    z-index: 200;
    gap: 1rem;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link {
    position: relative;
    transition: all 0.5s ease-in;
    height: 2.5rem;
    display: flex;
    align-items: center;
    color: #fff;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link:hover {
    color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .nav-link.active-link::before {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    height: 2px;
    background-color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view {
    background-color: blue;
    border: 1px solid blue;
    border-radius: 5px;
    padding: 0.8rem 1rem;
    color: #fff;
    font-weight: medium;
    transition: all 0.5s ease-in-out;
    display: flex;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .book-appointment-btn-mobile-view:hover {
    border: 1px solid blue;
    background-color: #fff;
    color: blue;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container .close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border: 2px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1rem;
    color: #fff;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav {
    transform: translateY(0%);
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView {
    opacity: 0;
    animation: mobileLinks 1s ease forwards;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:first-child {
    animation-delay: 900ms;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(2) {
    animation-delay: 1.2s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(3) {
    animation-delay: 1.5s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(4) {
    animation-delay: 1.8s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(5) {
    animation-delay: 2.1s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:nth-child(6) {
    animation-delay: 2.4s;
  }
  .nav-elements-mother-container .nav-links-logo-cover .nav-links-container.openNav .mobView:last-child {
    animation-delay: 2.7s;
  }
  @keyframes mobileLinks {
    to {
      opacity: 1;
    }
  }
  .nav-elements-mother-container .nav-links-logo-cover .book-appointment-btn {
    display: none;
  }
  .nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn {
    width: 2rem;
    height: 2rem;
    border: 2px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .nav-elements-mother-container .nav-links-logo-cover .mobile-nav-btn img {
    width: 1rem;
  }
}
.home-banner-mother-container {
  position: relative;
}
.home-banner-mother-container .slider-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  /* ANIMATION */
  /* END OF ANIMATION */
  /*.dots-container {
    position: absolute;
    bottom: 7vh;
    left: 4vw;
    width: 3px;
    height: 26rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0rem;
    z-index: 10;
    .dot {
      width: 100%;
      height: 25%;
      background: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: background 0.3s;
    }
    .dot.active {
      background: #fff;
    }
  }*/
}
.home-banner-mother-container .slider-container .slide {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.home-banner-mother-container .slider-container .slide .width-cover {
  max-width: 1200px;
  margin: 0rem auto;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container {
  position: absolute;
  bottom: 15vh;
  z-index: 10;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
  font-size: 1.8rem;
  letter-spacing: -3px;
  color: #fff;
  margin: 0rem 0rem 1.5rem;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
  font-size: 1.3rem;
  letter-spacing: -1px;
  margin: 0rem 0rem 0rem 0.1rem;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
  font-size: 4rem;
  line-height: 4.5rem;
  font-weight: 550;
  color: #fff;
  width: 60%;
  font-family: sans-serif;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
  width: 40%;
  color: #fff;
  margin: 1.5rem 0rem 1.5rem;
  line-height: 1.5rem;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 12;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
  padding: 0.8rem 1rem;
  border-radius: 5px;
  color: #fff;
  background-color: blue;
  border: 2px solid blue;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more i {
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more:hover {
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.2392156863);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more:hover i {
  transform: rotate(0deg);
  transform: scale(1.2);
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
  padding: 0.8rem 1rem;
  border-radius: 5px;
  border: 2px solid #fff;
  font-size: 0.9rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2392156863);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  cursor: pointer;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us:hover {
  background-color: blue;
  border: 2px solid blue;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
  position: absolute;
  left: -3vw;
  top: 0rem;
  height: 115%;
  width: 2px;
  background: #c2c2c2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
  width: 100%;
  height: 30%;
  background: #fff;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
  position: absolute;
  right: 0;
  bottom: 0rem;
  width: 100%;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
  max-width: 1200px;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
  position: relative;
  bottom: -5vw;
  font-size: 0.9rem;
  background-color: rgba(0, 0, 0, 0.2392156863);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 2px solid #fff;
  padding: 0.8rem 1rem;
  border-radius: 3rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-self: end;
  cursor: pointer;
  transition: background 0.3s ease-in;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
  height: 1rem;
  width: 1rem;
  font-size: 0.5rem;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1px;
}
.home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn:hover {
  background: blue;
}
.home-banner-mother-container .slider-container .slide:first-child {
  background-image: url(../../images/testdone.jpg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-banner-mother-container .slider-container .slide:nth-child(2) {
  background-image: url(../../images/hospImageTwo2.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-banner-mother-container .slider-container .slide:nth-child(3) {
  background-image: url(../../images/hospitalCaredone.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-banner-mother-container .slider-container .slide.active {
  opacity: 1;
}
.home-banner-mother-container .slider-container .slide.active .anim {
  transform: translateY(2rem);
  opacity: 0;
  animation: frombottom 1s ease forwards;
}
.home-banner-mother-container .slider-container .slide.active .anim:nth-child(2) {
  animation-delay: 300ms;
}
.home-banner-mother-container .slider-container .slide.active .anim:nth-child(3) {
  animation-delay: 600ms;
}
.home-banner-mother-container .slider-container .slide.active .anim:nth-child(4) {
  animation-delay: 900ms;
}
.home-banner-mother-container .slider-container .slide.active .anim:last-child {
  animation-delay: 1.2s;
}
@keyframes frombottom {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.home-banner-mother-container .slider-container .controls-button-container {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  bottom: 5vh;
}
.home-banner-mother-container .slider-container .controls-button-container .nav-button {
  color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2392156863);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 1rem;
  transition: background 0.3s;
}
.home-banner-mother-container .slider-container .controls-button-container .nav-button i {
  transition: transform 0.3s ease-in-out;
}
.home-banner-mother-container .slider-container .controls-button-container .nav-button:hover {
  background: rgba(255, 255, 255, 0.5);
}
.home-banner-mother-container .slider-container .controls-button-container .nav-button:hover i {
  transform: scale(1.5);
}
.home-banner-mother-container .slider-container .controls-button-container #prev {
  left: 1rem;
}
.home-banner-mother-container .slider-container .controls-button-container #next {
  right: 1rem;
}
.home-banner-mother-container .slider-container .dots-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
  display: none;
}
.home-banner-mother-container .slider-container .dots-container .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background 0.3s;
}
.home-banner-mother-container .slider-container .dots-container .dot.active {
  background: #fff;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .home-banner-mother-container .slider-container {
    position: relative;
    width: 100vw;
    height: 70vh;
    overflow: hidden;
    /*.dots-container {
          position: absolute;
          bottom: 7vh;
          left: 4vw;
          width: 3px;
          height: 26rem;
          display: flex;
          align-items: center;
          flex-direction: column;
          gap: 0rem;
          z-index: 10;
          .dot {
            width: 100%;
            height: 25%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background 0.3s;
          }
          .dot.active {
            background: #fff;
          }
        }*/
  }
  .home-banner-mother-container .slider-container .slide {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 5vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    position: absolute;
    bottom: 10vh;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -3px;
    margin: 0rem 0rem 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1.3rem;
    letter-spacing: -1px;
    margin: 0rem 0rem 0rem 0.1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: 550;
    width: 80%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 50%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -3vw;
    top: 0rem;
    height: 115%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -9vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: end;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 2px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
    display: none;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 900px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 90vh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 5vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 10vh;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: 0rem 0rem 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1.3rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 70%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -3vw;
    top: 0rem;
    height: 115%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -9vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: end;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 2px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
    display: none;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 600px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 100svh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 7vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 20vh;
    padding: 0rem 0.5rem 0rem 0rem;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: -1rem 0rem 1.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 100%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -4vw;
    top: 0rem;
    height: 90%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 2.5rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
    padding: 0rem 0rem 0rem 1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -26vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: start;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 1px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
    display: none;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 17vh;
    left: 14vw;
    display: flex;
    gap: 10px;
    z-index: 10;
    display: flex;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 500px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 100svh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 7vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 20vh;
    padding: 0rem 0.5rem 0rem 0rem;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: -1rem 0rem 1.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 100%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -4vw;
    top: 0rem;
    height: 90%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
    padding: 0rem 0rem 0rem 1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -26vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: start;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 1px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
    display: none;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 17vh;
    left: 14vw;
    display: flex;
    gap: 10px;
    z-index: 10;
    display: flex;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 380px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 100svh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 7vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 20vh;
    padding: 0rem 0.5rem 0rem 0rem;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: -1rem 0rem 1.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 100%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -4vw;
    top: 0rem;
    height: 90%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
    padding: 0rem 0rem 0rem 1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -26vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: start;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 1px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
    display: none;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 16vh;
    left: 14vw;
    display: flex;
    gap: 10px;
    z-index: 10;
    display: flex;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 370px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 100svh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 7vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 20vh;
    padding: 0rem 0.5rem 0rem 0rem;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: -1rem 0rem 1.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 100%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -4vw;
    top: 0rem;
    height: 90%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
    padding: 0rem 0rem 0rem 1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -28vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: start;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 1px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
    display: none;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 16vh;
    left: 14vw;
    display: flex;
    gap: 10px;
    z-index: 10;
    display: flex;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
@media (max-width: 350px) {
  .home-banner-mother-container .slider-container {
    width: 100vw;
    height: 100svh;
    /*.dots-container {
              position: absolute;
              bottom: 7vh;
              left: 4vw;
              width: 3px;
              height: 26rem;
              display: flex;
              align-items: center;
              flex-direction: column;
              gap: 0rem;
              z-index: 10;
              .dot {
                width: 100%;
                height: 25%;
                background: rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background 0.3s;
              }
              .dot.active {
                background: #fff;
              }
            }*/
  }
  .home-banner-mother-container .slider-container .slide .width-cover {
    max-width: 100%;
    margin: 0rem;
    padding: 0rem 0.5rem 0rem 7vw;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container {
    bottom: 20vh;
    padding: 0rem 0.5rem 0rem 0rem;
    z-index: 10;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number {
    font-size: 1.8rem;
    letter-spacing: -2px;
    margin: -1rem 0rem 1.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .slider-number strong {
    font-size: 1rem;
    letter-spacing: 0px;
    margin: 0rem 0rem 0rem 0.3rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .heading-text {
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 550;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .paragraph-text {
    width: 100%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover {
    gap: 1rem;
    z-index: 12;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .learn-more {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    gap: 0.8rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .buttons-cover .contact-us {
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar {
    left: -4vw;
    top: 0rem;
    height: 90%;
    width: 2px;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .left-side-bar .middle-bar {
    width: 100%;
    height: 30%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    width: 100%;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test {
    max-width: 100%;
    padding: 0rem 0rem 0rem 1rem;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn {
    bottom: -32vw;
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 3rem;
    gap: 0.5rem;
    justify-self: start;
  }
  .home-banner-mother-container .slider-container .slide .width-cover .content-container .button-absolute .max-width-test .watch-video-btn span {
    height: 1rem;
    width: 1rem;
    font-size: 0.5rem;
    padding-left: 1.5px;
    padding-bottom: 1px;
  }
  .home-banner-mother-container .slider-container .slide:first-child {
    background-image: url(../../images/testdone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(2) {
    background-image: url(../../images/hospImageTwo2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .slide:nth-child(3) {
    background-image: url(../../images/hospitalCaredone.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home-banner-mother-container .slider-container .controls-button-container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    bottom: 3vh;
    left: 5vw;
    display: none;
  }
  .home-banner-mother-container .slider-container .controls-button-container .nav-button {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #prev {
    left: 1rem;
  }
  .home-banner-mother-container .slider-container .controls-button-container #next {
    right: 1rem;
  }
  .home-banner-mother-container .slider-container .dots-container {
    position: absolute;
    bottom: 17vh;
    left: 14vw;
    display: flex;
    gap: 10px;
    z-index: 10;
    display: flex;
  }
  .home-banner-mother-container .slider-container .dots-container .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
  }
  .home-banner-mother-container .slider-container .dots-container .dot.active {
    background: #fff;
  }
}
.heath-services-mother-container {
  padding: 15vh 0rem;
}
.heath-services-mother-container .solution-small-heading {
  font-size: 1rem;
  font-weight: medium;
  border-left: 2px solid blue;
  padding: 0rem 0rem 0rem 0.5rem;
  margin: 0rem 0rem 1.5rem;
}
.heath-services-mother-container .main-heading-text {
  font-size: 2rem;
  font-weight: 550;
  font-family: sans-serif;
  margin: 0rem 0rem 2rem;
}
.heath-services-mother-container .health-service-container-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  gap: 2rem;
  justify-content: center;
}
.heath-services-mother-container .health-service-container-grid .single-service {
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 1rem;
  padding: 1rem 1rem 1.7rem;
  transition: background 0.3s ease-in-out;
}
.heath-services-mother-container .health-service-container-grid .single-service:hover {
  background: #f3f2f2;
}
.heath-services-mother-container .health-service-container-grid .single-service .service-icon {
  font-size: 1.5rem;
  color: blue;
  width: 3.7rem;
  height: 3.5rem;
  border: 1px solid #c2c2c2;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.heath-services-mother-container .health-service-container-grid .single-service .service-icon .fa-bone {
  transform: rotate(-45deg);
}
.heath-services-mother-container .health-service-container-grid .single-service h5 {
  font-size: 1.1rem;
  margin: 1rem 0rem 1.2rem;
}
.heath-services-mother-container .health-service-container-grid .single-service p {
  line-height: 1.5rem;
  color: #7a7a7a;
  margin: 0rem 0rem 2.5rem;
  font-size: 0.9rem;
}
.heath-services-mother-container .health-service-container-grid .single-service .arrow-btn {
  height: 3.5rem;
  width: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border: 1px solid blue;
  border-radius: 50%;
  transition: background 0.3s ease-in-out;
  cursor: pointer;
}
.heath-services-mother-container .health-service-container-grid .single-service .arrow-btn i {
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in;
}
.heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover {
  background: blue;
  color: #fff;
}
.heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover i {
  transform: rotate(0deg);
  transform: scale(1.2);
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .heath-services-mother-container {
    padding: 10vh 1rem;
  }
  .heath-services-mother-container .solution-small-heading {
    font-size: 1rem;
    font-weight: medium;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .heath-services-mother-container .main-heading-text {
    font-size: 2rem;
    font-weight: 550;
    font-family: sans-serif;
    margin: 0rem 0rem 2rem;
  }
  .heath-services-mother-container .health-service-container-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    gap: 2rem;
    justify-content: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service {
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 1rem;
    padding: 1rem 1rem 1.7rem;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service:hover {
    background: #f3f2f2;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon {
    font-size: 1.5rem;
    color: blue;
    width: 3.7rem;
    height: 3.5rem;
    border: 1px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon .fa-bone {
    transform: rotate(-45deg);
  }
  .heath-services-mother-container .health-service-container-grid .single-service h5 {
    font-size: 1.1rem;
    margin: 1rem 0rem 1.2rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service p {
    line-height: 1.5rem;
    color: #7a7a7a;
    margin: 0rem 0rem 2.5rem;
    font-size: 0.9rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn {
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 1px solid blue;
    border-radius: 50%;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn i {
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover {
    background: blue;
    color: #fff;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
}
@media (max-width: 500px) {
  .heath-services-mother-container {
    padding: 10vh 0.5rem;
  }
  .heath-services-mother-container .solution-small-heading {
    font-size: 1rem;
    font-weight: medium;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .heath-services-mother-container .main-heading-text {
    font-size: 2rem;
    font-weight: 550;
    font-family: sans-serif;
    margin: 0rem 0rem 2rem;
  }
  .heath-services-mother-container .health-service-container-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    gap: 2rem;
    justify-content: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service {
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 1rem;
    padding: 1rem 1rem 1.7rem;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service:hover {
    background: #f3f2f2;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon {
    font-size: 1.5rem;
    color: blue;
    width: 3.7rem;
    height: 3.5rem;
    border: 1px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon .fa-bone {
    transform: rotate(-45deg);
  }
  .heath-services-mother-container .health-service-container-grid .single-service h5 {
    font-size: 1.1rem;
    margin: 1rem 0rem 1.2rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service p {
    line-height: 1.5rem;
    color: #7a7a7a;
    margin: 0rem 0rem 2.5rem;
    font-size: 0.9rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn {
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 1px solid blue;
    border-radius: 50%;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn i {
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover {
    background: blue;
    color: #fff;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
}
@media (max-width: 370px) {
  .heath-services-mother-container {
    padding: 10vh 0.5rem;
  }
  .heath-services-mother-container .solution-small-heading {
    font-size: 1rem;
    font-weight: medium;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .heath-services-mother-container .main-heading-text {
    font-size: 2rem;
    font-weight: 550;
    font-family: sans-serif;
    margin: 0rem 0rem 2rem;
  }
  .heath-services-mother-container .health-service-container-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 2rem;
    justify-content: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service {
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 1rem;
    padding: 1rem 1rem 1.7rem;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service:hover {
    background: #f3f2f2;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon {
    font-size: 1.5rem;
    color: blue;
    width: 3.7rem;
    height: 3.5rem;
    border: 1px solid #c2c2c2;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .service-icon .fa-bone {
    transform: rotate(-45deg);
  }
  .heath-services-mother-container .health-service-container-grid .single-service h5 {
    font-size: 1.1rem;
    margin: 1rem 0rem 1.2rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service p {
    line-height: 1.5rem;
    color: #7a7a7a;
    margin: 0rem 0rem 2.5rem;
    font-size: 0.9rem;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn {
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 1px solid blue;
    border-radius: 50%;
    transition: background 0.3s ease-in-out;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn i {
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover {
    background: blue;
    color: #fff;
  }
  .heath-services-mother-container .health-service-container-grid .single-service .arrow-btn:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
}
.about-us-mother-container {
  background-color: #f5f3f3;
  border-top: #c2c2c2 2px solid;
  border-bottom: #e9e7e7 2px solid;
  padding: 10vh 0rem;
}
.about-us-mother-container .two-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content {
  background-image: url(../../images/customerCare.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left {
  background: #fff;
  width: -moz-max-content;
  width: max-content;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border: #c2c2c2 1px solid;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left i {
  font-size: 1.8rem;
  color: blue;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service h5 {
  font-size: 1.2rem;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service p {
  font-size: 0.9rem;
  color: #7a7a7a;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right {
  background: #fff;
  width: 18rem;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  align-items: start;
  gap: 1rem;
  border: #c2c2c2 1px solid;
  align-self: flex-end;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience h5 {
  font-size: 1.2rem;
}
.about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience p {
  font-size: 0.9rem;
  color: #7a7a7a;
  line-height: 1.2rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover {
  display: flex;
  align-items: center;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text {
  padding: 2rem 0rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h3 {
  font-size: 1rem;
  border-left: 2px solid blue;
  padding: 0rem 0rem 0rem 0.5rem;
  margin: 0rem 0rem 1.5rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h1 {
  font-size: 2rem;
  font-weight: 550;
  margin: 0rem 0rem 1.5rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text p {
  font-size: 1rem;
  color: #7a7a7a;
  line-height: 1.5rem;
  margin: 0rem 0rem 1.5rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid {
  display: flex;
  gap: 1rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li span {
  background-color: blue;
  color: #fff;
  font-size: 0.6rem;
  padding: 1px 2px;
  height: -moz-max-content;
  height: max-content;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn {
  padding: 1rem;
  border-radius: 5px;
  background: blue;
  border: 2px solid blue;
  color: #fff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: -moz-max-content;
  width: max-content;
  font-weight: 550;
  transition: all 0.3s ease-in-out;
  margin: 1.5rem 0rem 0rem;
  cursor: pointer;
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn i {
  transform: rotate(-45deg);
}
.about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn:hover {
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.2392156863);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .about-us-mother-container {
    background-color: #f5f3f3;
    border-top: #c2c2c2 2px solid;
    border-bottom: #e9e7e7 2px solid;
    padding: 8vh 1rem;
  }
  .about-us-mother-container .two-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content {
    background-image: url(../../images/customerCare.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left {
    background: #fff;
    width: -moz-max-content;
    width: max-content;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: #c2c2c2 1px solid;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left i {
    font-size: 1.8rem;
    color: blue;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service p {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right {
    background: #fff;
    width: 18rem;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: start;
    gap: 1rem;
    border: #c2c2c2 1px solid;
    align-self: flex-end;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience p {
    font-size: 0.9rem;
    color: #7a7a7a;
    line-height: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover {
    display: flex;
    align-items: center;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text {
    padding: 2rem 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h3 {
    font-size: 1rem;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h1 {
    font-size: 2rem;
    font-weight: 550;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid {
    display: flex;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li span {
    background-color: blue;
    color: #fff;
    font-size: 0.6rem;
    padding: 1px 2px;
    height: -moz-max-content;
    height: max-content;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn {
    padding: 1rem;
    border-radius: 5px;
    background: blue;
    border: 2px solid blue;
    color: #fff;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: -moz-max-content;
    width: max-content;
    font-weight: 550;
    transition: all 0.3s ease-in-out;
    margin: 1.5rem 0rem 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn i {
    transform: rotate(-45deg);
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn:hover {
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.2392156863);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}
@media (max-width: 900px) {
  .about-us-mother-container {
    background-color: #f5f3f3;
    border-top: #c2c2c2 2px solid;
    border-bottom: #e9e7e7 2px solid;
    padding: 10vh 1rem;
  }
  .about-us-mother-container .two-grid-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content {
    background-image: url(../../images/customerCare.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left {
    background: #fff;
    width: -moz-max-content;
    width: max-content;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: #c2c2c2 1px solid;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left i {
    font-size: 1.8rem;
    color: blue;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service p {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right {
    background: #fff;
    width: 18rem;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: start;
    gap: 1rem;
    border: #c2c2c2 1px solid;
    align-self: flex-end;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience p {
    font-size: 0.9rem;
    color: #7a7a7a;
    line-height: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover {
    display: flex;
    align-items: center;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text {
    padding: 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h3 {
    font-size: 1rem;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h1 {
    font-size: 2rem;
    font-weight: 550;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid {
    display: flex;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li span {
    background-color: blue;
    color: #fff;
    font-size: 0.6rem;
    padding: 1px 2px;
    height: -moz-max-content;
    height: max-content;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn {
    padding: 1rem;
    border-radius: 5px;
    background: blue;
    border: 2px solid blue;
    color: #fff;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: -moz-max-content;
    width: max-content;
    font-weight: 550;
    transition: all 0.3s ease-in-out;
    margin: 1.5rem 0rem 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn i {
    transform: rotate(-45deg);
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn:hover {
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.2392156863);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}
@media (max-width: 500px) {
  .about-us-mother-container {
    background-color: #f5f3f3;
    border-top: #c2c2c2 2px solid;
    border-bottom: #e9e7e7 2px solid;
    padding: 10vh 0.5rem;
  }
  .about-us-mother-container .two-grid-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content {
    background-image: url(../../images/customerCare.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left {
    background: #fff;
    width: -moz-max-content;
    width: max-content;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: #c2c2c2 1px solid;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left i {
    font-size: 1.8rem;
    color: blue;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .top-left .hour-service p {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right {
    background: #fff;
    width: 18rem;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: start;
    gap: 1rem;
    border: #c2c2c2 1px solid;
    align-self: flex-end;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience h5 {
    font-size: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .doctor-review-image-plus-content .bottom-right .years-of-experience p {
    font-size: 0.9rem;
    color: #7a7a7a;
    line-height: 1.2rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover {
    display: flex;
    align-items: center;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text {
    padding: 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h3 {
    font-size: 1rem;
    border-left: 2px solid blue;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text h1 {
    font-size: 2rem;
    font-weight: 550;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .amenities-grid ul li span {
    background-color: blue;
    color: #fff;
    font-size: 0.6rem;
    padding: 1px 2px;
    height: -moz-max-content;
    height: max-content;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn {
    padding: 1rem;
    border-radius: 5px;
    background: blue;
    border: 2px solid blue;
    color: #fff;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: -moz-max-content;
    width: max-content;
    font-weight: 550;
    transition: all 0.3s ease-in-out;
    margin: 1.5rem 0rem 0rem;
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn i {
    transform: rotate(-45deg);
  }
  .about-us-mother-container .two-grid-container .about-us-text-cover .cover-for-text .more-infor-btn:hover {
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.2392156863);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}
.our-team-mother-container {
  padding: 15vh 0rem 10vh;
}
.our-team-mother-container h4 {
  font-size: 1rem;
  border-left: 2px solid blue;
  display: flex;
  padding: 0rem 0rem 0rem 0.5rem;
  margin: 0rem 0rem 1.5rem;
}
.our-team-mother-container .meet-plus-btn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0rem 0rem 2.5rem;
}
.our-team-mother-container .meet-plus-btn h1 {
  font-size: 2rem;
  font-weight: 550;
}
.our-team-mother-container .meet-plus-btn a {
  font-size: 0.9rem;
  font-weight: 550;
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.our-team-mother-container .meet-plus-btn a i {
  color: blue;
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}
.our-team-mother-container .meet-plus-btn a:hover {
  color: blue;
}
.our-team-mother-container .meet-plus-btn a:hover i {
  transform: rotate(0deg);
  transform: scale(1.2);
}
.our-team-mother-container .main-doctors-grid-container {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 0rem 0rem 12vh;
}
.our-team-mother-container .main-doctors-grid-container .single-dr {
  width: 17rem;
  height: 22rem;
  border-bottom: 3px solid blue;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border-radius: 1rem 1rem 0rem 0rem;
}
.our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession {
  padding: 1rem 1rem;
  background-color: #f1f1f1;
}
.our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h5 {
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem;
}
.our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h6 {
  font-size: 0.9rem;
  color: #7a7a7a;
  font-weight: 300;
}
.our-team-mother-container .main-doctors-grid-container #dr-one {
  background-image: url(../../images/doctors/doctorthree.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-mother-container .main-doctors-grid-container #dr-two {
  background-image: url(../../images/doctors/doctortwo.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-mother-container .main-doctors-grid-container #dr-three {
  background-image: url(../../images/doctors/doctorone.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-mother-container .main-doctors-grid-container #dr-four {
  background-image: url(../../images/doctors/doctorfive.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-mother-container .emergency-helpline-cover {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 5rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover {
  display: flex;
  align-items: center;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency h1 {
  font-size: 2rem;
  margin: 0rem 0rem 1.5rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency p {
  font-size: 1rem;
  color: #7a7a7a;
  line-height: 1.4rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 1.5rem 0rem 0rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: #f1f1f1 2px solid;
  border-radius: 1rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor i {
  font-size: 1.5rem;
  color: blue;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor h5 {
  font-size: 1rem;
  font-weight: 550;
}
.our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor a {
  font-size: 0.9rem;
  color: #7a7a7a;
  cursor: pointer;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient {
  background-image: url(../../images/doctors/drShackingHands.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  padding: 0.5rem;
  height: 70vh;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  padding: 1rem;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-self: end;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment i {
  color: blue;
  font-size: 1.5rem;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor h5 {
  font-size: 1rem;
  font-weight: 550;
}
.our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor a {
  font-size: 0.9rem;
  color: #7a7a7a;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .our-team-mother-container {
    padding: 10vh 1rem 10vh;
  }
  .our-team-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .meet-plus-btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .our-team-mother-container .meet-plus-btn h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .our-team-mother-container .meet-plus-btn a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a:hover {
    color: blue;
  }
  .our-team-mother-container .meet-plus-btn a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .our-team-mother-container .main-doctors-grid-container {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 0rem 0rem 10vh;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr {
    width: 17rem;
    height: 22rem;
    border-bottom: 3px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 1rem 1rem 0rem 0rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession {
    padding: 1rem 1rem;
    background-color: #f1f1f1;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h5 {
    font-size: 1rem;
    margin: 0rem 0rem 0.5rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    font-weight: 300;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-one {
    background-image: url(../../images/doctors/doctorthree.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-two {
    background-image: url(../../images/doctors/doctortwo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-three {
    background-image: url(../../images/doctors/doctorone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-four {
    background-image: url(../../images/doctors/doctorfive.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .emergency-helpline-cover {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 3rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover {
    display: flex;
    align-items: center;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency h1 {
    font-size: 2rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.4rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 1.5rem 0rem 0rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: #f1f1f1 2px solid;
    border-radius: 1rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor i {
    font-size: 1.5rem;
    color: blue;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient {
    background-image: url(../../images/doctors/drShackingHands.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    height: 40vh;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 1rem;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-self: end;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment i {
    color: blue;
    font-size: 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
}
@media (max-width: 900px) {
  .our-team-mother-container {
    padding: 10vh 1rem 10vh;
  }
  .our-team-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .meet-plus-btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .our-team-mother-container .meet-plus-btn h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .our-team-mother-container .meet-plus-btn a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a:hover {
    color: blue;
  }
  .our-team-mother-container .meet-plus-btn a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .our-team-mother-container .main-doctors-grid-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 0rem 0rem 10vh;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr {
    width: 17rem;
    height: 22rem;
    border-bottom: 3px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 1rem 1rem 0rem 0rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession {
    padding: 1rem 1rem;
    background-color: #f1f1f1;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h5 {
    font-size: 1rem;
    margin: 0rem 0rem 0.5rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    font-weight: 300;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-one {
    background-image: url(../../images/doctors/doctorthree.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-two {
    background-image: url(../../images/doctors/doctortwo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-three {
    background-image: url(../../images/doctors/doctorone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-four {
    background-image: url(../../images/doctors/doctorfive.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .emergency-helpline-cover {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover {
    display: flex;
    align-items: center;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency h1 {
    font-size: 2rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.4rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 1.5rem 0rem 0rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: #f1f1f1 2px solid;
    border-radius: 1rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor i {
    font-size: 1.5rem;
    color: blue;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient {
    background-image: url(../../images/doctors/drShackingHands.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    height: 30vh;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 1rem;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-self: end;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment i {
    color: blue;
    font-size: 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
}
@media (max-width: 600px) {
  .our-team-mother-container {
    position: relative;
    padding: 10vh 0.5rem 10vh;
  }
  .our-team-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .meet-plus-btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .our-team-mother-container .meet-plus-btn h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .our-team-mother-container .meet-plus-btn a {
    position: absolute;
    top: 10vh;
    right: 0.5rem;
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a:hover {
    color: blue;
  }
  .our-team-mother-container .meet-plus-btn a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .our-team-mother-container .main-doctors-grid-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 0rem 0rem 10vh;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr {
    width: 17rem;
    height: 22rem;
    border-bottom: 3px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 1rem 1rem 0rem 0rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession {
    padding: 1rem 1rem;
    background-color: #f1f1f1;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h5 {
    font-size: 1rem;
    margin: 0rem 0rem 0.5rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    font-weight: 300;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-one {
    background-image: url(../../images/doctors/doctorthree.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-two {
    background-image: url(../../images/doctors/doctortwo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-three {
    background-image: url(../../images/doctors/doctorone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-four {
    background-image: url(../../images/doctors/doctorfive.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .emergency-helpline-cover {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover {
    display: flex;
    align-items: center;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency h1 {
    font-size: 2rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.4rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
    margin: 1.5rem 0rem 0rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: #f1f1f1 2px solid;
    border-radius: 1rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor i {
    font-size: 1.5rem;
    color: blue;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient {
    background-image: url(../../images/doctors/drShackingHands.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    height: 22rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 1rem;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-self: end;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment i {
    color: blue;
    font-size: 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
}
@media (max-width: 500px) {
  .our-team-mother-container {
    position: relative;
    padding: 10vh 0.5rem 10vh;
  }
  .our-team-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .meet-plus-btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .our-team-mother-container .meet-plus-btn h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .our-team-mother-container .meet-plus-btn a {
    position: absolute;
    top: 10vh;
    right: 0.5rem;
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .our-team-mother-container .meet-plus-btn a:hover {
    color: blue;
  }
  .our-team-mother-container .meet-plus-btn a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .our-team-mother-container .main-doctors-grid-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 0rem 0rem 10vh;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr {
    width: 17rem;
    height: 22rem;
    border-bottom: 3px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 1rem 1rem 0rem 0rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession {
    padding: 1rem 1rem;
    background-color: #f1f1f1;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h5 {
    font-size: 1rem;
    margin: 0rem 0rem 0.5rem;
  }
  .our-team-mother-container .main-doctors-grid-container .single-dr .name-plus-profession h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    font-weight: 300;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-one {
    background-image: url(../../images/doctors/doctorthree.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-two {
    background-image: url(../../images/doctors/doctortwo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-three {
    background-image: url(../../images/doctors/doctorone.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .main-doctors-grid-container #dr-four {
    background-image: url(../../images/doctors/doctorfive.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-team-mother-container .emergency-helpline-cover {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover {
    display: flex;
    align-items: center;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency h1 {
    font-size: 2rem;
    margin: 0rem 0rem 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency p {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.4rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
    margin: 1.5rem 0rem 0rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: #f1f1f1 2px solid;
    border-radius: 1rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor i {
    font-size: 1.5rem;
    color: blue;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .all-text-cover .text-container-emergency .infor-container .single-contact-infor .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient {
    background-image: url(../../images/doctors/drShackingHands.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.5rem;
    padding: 0.5rem;
    height: 22rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 1rem;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-self: end;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment i {
    color: blue;
    font-size: 1.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor h5 {
    font-size: 1rem;
    font-weight: 550;
  }
  .our-team-mother-container .emergency-helpline-cover .dr-with-patient .appointment .more-infor a {
    font-size: 0.9rem;
    color: #7a7a7a;
  }
}
.testimonial-mother-container {
  background-color: #f5f3f3;
  border-top: #c2c2c2 2px solid;
  border-bottom: #e9e7e7 2px solid;
  padding: 10vh 0rem 10vh;
}
.testimonial-mother-container h4 {
  font-size: 1rem;
  border-left: 2px solid blue;
  display: flex;
  padding: 0rem 0rem 0rem 0.5rem;
  margin: 0rem 0rem 1.5rem;
}
.testimonial-mother-container h1 {
  font-size: 2rem;
  font-weight: 550;
  margin: 0rem 0rem 2.5rem;
}
.testimonial-mother-container .testimonies-grid-cover {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin: 0rem 0rem 2rem;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony {
  border: #c2c2c2 2px solid;
  border-radius: 1rem;
  background-color: #fff;
  padding: 1rem;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony i {
  color: #c2c2c2;
  font-size: 1.5rem;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony p {
  color: #000;
  line-height: 1.5rem;
  margin: 1rem 0rem 1.4rem;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile {
  display: flex;
  gap: 0.7rem;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile img {
  height: 100%;
  width: 100%;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating h5 {
  font-size: 1rem;
  font-weight: bold;
}
.testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating .rating i {
  font-size: 0.8rem;
  color: gold;
}
.testimonial-mother-container .navigating-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.testimonial-mother-container .navigating-buttons button {
  font-size: 1rem;
  color: blue;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: #c2c2c2 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
}
.testimonial-mother-container .navigating-buttons button i {
  transition: transform 0.3s ease-in-out;
}
.testimonial-mother-container .navigating-buttons button:hover i {
  transform: scale(1.2);
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .testimonial-mother-container {
    background-color: #f5f3f3;
    border-top: #c2c2c2 2px solid;
    border-bottom: #e9e7e7 2px solid;
    padding: 10vh 1rem 8vh;
  }
  .testimonial-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .testimonial-mother-container h1 {
    font-size: 2rem;
    font-weight: 550;
    margin: 0rem 0rem 2.5rem;
  }
  .testimonial-mother-container .testimonies-grid-cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 0rem 0rem 2rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony {
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    background-color: #fff;
    padding: 1rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony i {
    color: #c2c2c2;
    font-size: 1.5rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony p {
    color: #000;
    line-height: 1.5rem;
    margin: 1rem 0rem 1.4rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile {
    display: flex;
    gap: 0.7rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile img {
    height: 100%;
    width: 100%;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating h5 {
    font-size: 1rem;
    font-weight: bold;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating .rating i {
    font-size: 0.8rem;
    color: gold;
  }
  .testimonial-mother-container .navigating-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  .testimonial-mother-container .navigating-buttons button {
    font-size: 1rem;
    color: blue;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: #c2c2c2 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
  }
  .testimonial-mother-container .navigating-buttons button i {
    transition: transform 0.3s ease-in-out;
  }
  .testimonial-mother-container .navigating-buttons button:hover i {
    transform: scale(1.2);
  }
}
@media (max-width: 500px) {
  .testimonial-mother-container {
    background-color: #f5f3f3;
    border-top: #c2c2c2 2px solid;
    border-bottom: #e9e7e7 2px solid;
    padding: 10vh 0.5rem 8vh;
  }
  .testimonial-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .testimonial-mother-container h1 {
    font-size: 2rem;
    font-weight: 550;
    margin: 0rem 0rem 2.5rem;
  }
  .testimonial-mother-container .testimonies-grid-cover {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
    margin: 0rem 0rem 2rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony {
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    background-color: #fff;
    padding: 1rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony i {
    color: #c2c2c2;
    font-size: 1.5rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony p {
    color: #000;
    line-height: 1.5rem;
    margin: 1rem 0rem 1.4rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile {
    display: flex;
    gap: 0.7rem;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .profile img {
    height: 100%;
    width: 100%;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating h5 {
    font-size: 1rem;
    font-weight: bold;
  }
  .testimonial-mother-container .testimonies-grid-cover .single-testimony .client-detail-cover .rating-profile .name-rating .rating i {
    font-size: 0.8rem;
    color: gold;
  }
  .testimonial-mother-container .navigating-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  .testimonial-mother-container .navigating-buttons button {
    font-size: 1rem;
    color: blue;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: #c2c2c2 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
  }
  .testimonial-mother-container .navigating-buttons button i {
    transition: transform 0.3s ease-in-out;
  }
  .testimonial-mother-container .navigating-buttons button:hover i {
    transform: scale(1.2);
  }
}
.blog-articles-mother-container {
  padding: 15vh 0rem;
}
.blog-articles-mother-container h4 {
  font-size: 1rem;
  border-left: 2px solid blue;
  display: flex;
  padding: 0rem 0rem 0rem 0.5rem;
  margin: 0rem 0rem 1.5rem;
}
.blog-articles-mother-container .article-text-plus-btn-cover {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 0rem 0rem 2.5rem;
}
.blog-articles-mother-container .article-text-plus-btn-cover h1 {
  font-size: 2rem;
  font-weight: 550;
}
.blog-articles-mother-container .article-text-plus-btn-cover a {
  font-size: 0.9rem;
  font-weight: 550;
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.blog-articles-mother-container .article-text-plus-btn-cover a i {
  color: blue;
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}
.blog-articles-mother-container .article-text-plus-btn-cover a:hover {
  color: blue;
}
.blog-articles-mother-container .article-text-plus-btn-cover a:hover i {
  transform: rotate(0deg);
  transform: scale(1.2);
}
.blog-articles-mother-container .articles-grid-container {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.blog-articles-mother-container .articles-grid-container .single-article {
  padding: 0.5rem 0.5rem 1rem;
  border: #c2c2c2 2px solid;
  border-radius: 1rem;
  width: 23.5rem;
}
.blog-articles-mother-container .articles-grid-container .single-article .article-image {
  height: 13rem;
  border-radius: 1rem;
}
.blog-articles-mother-container .articles-grid-container .single-article .article-image h5 {
  color: #fff;
  font-size: 0.9rem;
  background: blue;
  font-weight: normal;
  padding: 0.3rem 0.5rem;
  border-radius: 0.5rem;
  width: -moz-max-content;
  width: max-content;
}
.blog-articles-mother-container .articles-grid-container .single-article h6 {
  font-size: 0.9rem;
  color: #7a7a7a;
  margin: 1rem 0rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
}
.blog-articles-mother-container .articles-grid-container .single-article h6 i {
  color: blue;
}
.blog-articles-mother-container .articles-grid-container .single-article h6 .fa-circle {
  color: #c2c2c2;
  font-size: 0.4rem;
}
.blog-articles-mother-container .articles-grid-container .single-article p {
  font-weight: 550;
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin: 0rem 0rem 1.2rem;
  padding: 0rem 0.5rem 0rem 0.5rem;
}
.blog-articles-mother-container .articles-grid-container .single-article a {
  font-size: 0.9rem;
  font-weight: 550;
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  transition: color 0.3s ease-in-out;
  width: -moz-max-content;
  width: max-content;
  padding-left: 0.5rem;
  cursor: pointer;
}
.blog-articles-mother-container .articles-grid-container .single-article a i {
  color: blue;
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}
.blog-articles-mother-container .articles-grid-container .single-article a:hover {
  color: blue;
}
.blog-articles-mother-container .articles-grid-container .single-article a:hover i {
  transform: rotate(0deg);
  transform: scale(1.2);
}
.blog-articles-mother-container .articles-grid-container #article-one {
  background-image: url(../../images/meditation.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-articles-mother-container .articles-grid-container #article-two {
  background-image: url(../../images/smoking.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-articles-mother-container .articles-grid-container #article-three {
  background-image: url(../../images/aidKit.avif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .blog-articles-mother-container {
    padding: 10vh 1rem;
  }
  .blog-articles-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover {
    color: blue;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
  }
  .blog-articles-mother-container .articles-grid-container .single-article {
    padding: 0.5rem 0.5rem 1rem;
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    width: 23.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image {
    height: 13rem;
    border-radius: 1rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image h5 {
    color: #fff;
    font-size: 0.9rem;
    background: blue;
    font-weight: normal;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    width: -moz-max-content;
    width: max-content;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    margin: 1rem 0rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 i {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 .fa-circle {
    color: #c2c2c2;
    font-size: 0.4rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article p {
    font-weight: 550;
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 0rem 0rem 1.2rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container #article-one {
    background-image: url(../../images/meditation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-two {
    background-image: url(../../images/smoking.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-three {
    background-image: url(../../images/aidKit.avif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 900px) {
  .blog-articles-mother-container {
    padding: 10vh 1rem;
  }
  .blog-articles-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover {
    color: blue;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .blog-articles-mother-container .articles-grid-container .single-article {
    padding: 0.5rem 0.5rem 1rem;
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    width: 22rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image {
    height: 13rem;
    border-radius: 1rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image h5 {
    color: #fff;
    font-size: 0.9rem;
    background: blue;
    font-weight: normal;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    width: -moz-max-content;
    width: max-content;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    margin: 1rem 0rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 i {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 .fa-circle {
    color: #c2c2c2;
    font-size: 0.4rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article p {
    font-weight: 550;
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 0rem 0rem 1.2rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container #article-one {
    background-image: url(../../images/meditation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-two {
    background-image: url(../../images/smoking.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-three {
    background-image: url(../../images/aidKit.avif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 600px) {
  .blog-articles-mother-container {
    position: relative;
    padding: 10vh 0.5rem;
  }
  .blog-articles-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a {
    position: absolute;
    top: 10vh;
    right: 0.5rem;
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover {
    color: blue;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .blog-articles-mother-container .articles-grid-container .single-article {
    padding: 0.5rem 0.5rem 1rem;
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    width: 100%;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image {
    height: 13rem;
    border-radius: 1rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image h5 {
    color: #fff;
    font-size: 0.9rem;
    background: blue;
    font-weight: normal;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    width: -moz-max-content;
    width: max-content;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    margin: 1rem 0rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 i {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 .fa-circle {
    color: #c2c2c2;
    font-size: 0.4rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article p {
    font-weight: 550;
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 0rem 0rem 1.2rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container #article-one {
    background-image: url(../../images/meditation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-two {
    background-image: url(../../images/smoking.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-three {
    background-image: url(../../images/aidKit.avif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 500px) {
  .blog-articles-mother-container {
    position: relative;
    padding: 10vh 0.5rem;
  }
  .blog-articles-mother-container h4 {
    font-size: 1rem;
    border-left: 2px solid blue;
    display: flex;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0rem 0rem 2.5rem;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover h1 {
    font-size: 2rem;
    font-weight: 550;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a {
    position: absolute;
    top: 10vh;
    right: 0.5rem;
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover {
    color: blue;
  }
  .blog-articles-mother-container .article-text-plus-btn-cover a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .blog-articles-mother-container .articles-grid-container .single-article {
    padding: 0.5rem 0.5rem 1rem;
    border: #c2c2c2 2px solid;
    border-radius: 1rem;
    width: 100%;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image {
    height: 13rem;
    border-radius: 1rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article .article-image h5 {
    color: #fff;
    font-size: 0.9rem;
    background: blue;
    font-weight: normal;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    width: -moz-max-content;
    width: max-content;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 {
    font-size: 0.9rem;
    color: #7a7a7a;
    margin: 1rem 0rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 i {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article h6 .fa-circle {
    color: #c2c2c2;
    font-size: 0.4rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article p {
    font-weight: 550;
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 0rem 0rem 1.2rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a {
    font-size: 0.9rem;
    font-weight: 550;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    transition: color 0.3s ease-in-out;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0.5rem;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a i {
    color: blue;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover {
    color: blue;
  }
  .blog-articles-mother-container .articles-grid-container .single-article a:hover i {
    transform: rotate(0deg);
    transform: scale(1.2);
  }
  .blog-articles-mother-container .articles-grid-container #article-one {
    background-image: url(../../images/meditation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-two {
    background-image: url(../../images/smoking.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-articles-mother-container .articles-grid-container #article-three {
    background-image: url(../../images/aidKit.avif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.footer-mother-container {
  padding: 10vh 0rem 1rem;
  background-color: rgb(1, 1, 37);
}
.footer-mother-container .footer-cover {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials {
  width: 22rem;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .logo {
  font-size: 1.5rem;
  font-family: "Times New Roman", Times, serif;
  color: #fff;
  font-weight: bold;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .logo strong {
  font-family: "Times New Roman", Times, serif;
  color: blue;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 0.8rem 0rem 1rem;
  color: #fff;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .email-form {
  width: 100%;
  display: grid;
  grid-template-columns: 2.5fr 1fr;
  border: 2px #7a7a7a solid;
  border-radius: 0.5rem;
  overflow: hidden;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .email-form input {
  padding: 1rem;
  border: none;
  outline: none;
  background: none;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe {
  padding: 1rem;
  background: blue;
  color: #fff;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe:hover {
  background: rgb(5, 181, 240);
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0rem 0rem;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span {
  height: 2.5rem;
  width: 2.5rem;
  border: 2px #7a7a7a solid;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span i {
  font-size: 1rem;
  color: #fff;
}
.footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span:hover {
  background: rgba(255, 255, 255, 0.3882352941);
}
.footer-mother-container .footer-cover .navigation-links {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  color: #fff;
}
.footer-mother-container .footer-cover .navigation-links ul {
  width: 12rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-mother-container .footer-cover .navigation-links ul li {
  border-bottom: #7a7a7a 2px solid;
  padding: 0rem 0rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  cursor: pointer;
}
.footer-mother-container .footer-cover .navigation-links ul li span {
  font-size: 0.8rem;
}
.footer-mother-container .footer-cover .navigation-links ul li a {
  font-size: 1.2rem;
  color: #fff;
  transition: color 0.3s ease-in-out;
}
.footer-mother-container .footer-cover .navigation-links ul li a:hover {
  color: blue;
}
.footer-mother-container .footer-cover .address-plus-contact-details {
  width: 18rem;
}
.footer-mother-container .footer-cover .address-plus-contact-details .address {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0rem 0rem 1.5rem;
}
.footer-mother-container .footer-cover .address-plus-contact-details .address h3 {
  font-size: 1rem;
  color: #fff;
}
.footer-mother-container .footer-cover .address-plus-contact-details .address p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  color: #7a7a7a;
}
.footer-mother-container .footer-cover .address-plus-contact-details .contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-mother-container .footer-cover .address-plus-contact-details .contact h3 {
  font-size: 1rem;
  color: #fff;
}
.footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a {
  font-size: 0.9rem;
  color: #7a7a7a;
  display: flex;
  gap: 1rem;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a i {
  color: #fff;
}
.footer-mother-container .straight-gray-line {
  width: 100%;
  height: 0.5px;
  background: #7a7a7a;
  margin: 3rem 0rem 1rem;
}
.footer-mother-container .bottom-footer-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-mother-container .bottom-footer-cover .copyright-developer {
  display: flex;
  align-items: center;
  gap: 5px;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .copy-cover {
  font-size: 0.9rem;
  color: #fff;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .creator h5 {
  font-size: 0.9rem;
  color: #fff;
  font-weight: normal;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .creator a {
  color: green;
  font-size: 1rem;
  text-decoration: underline;
  font-style: italic;
  transition: color 0.3s ease-in-out;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .creator a strong {
  color: lightgreen;
  transition: color 0.3s ease-in-out;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover {
  color: lightgreen;
}
.footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover strong {
  color: green;
}
.footer-mother-container .bottom-footer-cover .policies-cover {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.footer-mother-container .bottom-footer-cover .policies-cover a {
  font-size: 0.9rem;
  color: #fff;
}
.footer-mother-container .bottom-footer-cover .policies-cover a:nth-child(2),
.footer-mother-container .bottom-footer-cover .policies-cover a:last-child {
  border-left: 1px solid #7a7a7a;
  padding-left: 1rem;
}

/* MEDIA SCREEN RESPONSIVENESS */
@media (max-width: 1100px) {
  .footer-mother-container {
    padding: 10vh 1rem 1rem;
    background-color: rgb(1, 1, 37);
  }
  .footer-mother-container .footer-cover {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials {
    width: 22rem;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .logo {
    font-size: 1.5rem;
    font-family: "Times New Roman", Times, serif;
    color: #fff;
    font-weight: bold;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .logo strong {
    font-family: "Times New Roman", Times, serif;
    color: blue;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 0.8rem 0rem 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form {
    width: 100%;
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    border: 2px #7a7a7a solid;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form input {
    padding: 1rem;
    border: none;
    outline: none;
    background: none;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe {
    padding: 1rem;
    background: blue;
    color: #fff;
    font-size: 0.9rem;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe:hover {
    background: rgb(5, 181, 240);
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0rem 0rem;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span {
    height: 2.5rem;
    width: 2.5rem;
    border: 2px #7a7a7a solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span i {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span:hover {
    background: rgba(255, 255, 255, 0.3882352941);
  }
  .footer-mother-container .footer-cover .navigation-links {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .navigation-links ul {
    width: 12rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li {
    border-bottom: #7a7a7a 2px solid;
    padding: 0rem 0rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li span {
    font-size: 0.8rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li a {
    font-size: 1.2rem;
    color: #fff;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .navigation-links ul li a:hover {
    color: blue;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details {
    width: 18rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0rem 0rem 1.5rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address h3 {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: #7a7a7a;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact h3 {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a {
    font-size: 0.9rem;
    color: #7a7a7a;
    display: flex;
    gap: 1rem;
    width: -moz-max-content;
    width: max-content;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a i {
    color: #fff;
  }
  .footer-mother-container .straight-gray-line {
    width: 100%;
    height: 0.5px;
    background: #7a7a7a;
    margin: 3rem 0rem 1rem;
  }
  .footer-mother-container .bottom-footer-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .copy-cover {
    font-size: 0.9rem;
    color: #fff;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator h5 {
    font-size: 0.9rem;
    color: #fff;
    font-weight: normal;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a {
    color: green;
    font-size: 1rem;
    text-decoration: underline;
    font-style: italic;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a strong {
    color: lightgreen;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover {
    color: lightgreen;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover strong {
    color: green;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover a {
    font-size: 0.9rem;
    color: #fff;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover a:nth-child(2),
  .footer-mother-container .bottom-footer-cover .policies-cover a:last-child {
    border-left: 1px solid #7a7a7a;
    padding-left: 1rem;
  }
}
@media (max-width: 500px) {
  .footer-mother-container {
    padding: 10vh 0.5rem 1rem;
    background-color: rgb(1, 1, 37);
  }
  .footer-mother-container .footer-cover {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials {
    width: 100%;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .logo {
    font-size: 1.5rem;
    font-family: "Times New Roman", Times, serif;
    color: #fff;
    font-weight: bold;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .logo strong {
    font-family: "Times New Roman", Times, serif;
    color: blue;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 0.8rem 0rem 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form {
    width: 100%;
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    border: 2px #7a7a7a solid;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form input {
    padding: 1rem;
    border: none;
    outline: none;
    background: none;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe {
    padding: 1rem;
    background: blue;
    color: #fff;
    font-size: 0.9rem;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .email-form .subscribe:hover {
    background: rgb(5, 181, 240);
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0rem 0rem;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span {
    height: 2.5rem;
    width: 2.5rem;
    border: 2px #7a7a7a solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span i {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .logo-discrip-email-socials .socials-links-cover span:hover {
    background: rgba(255, 255, 255, 0.3882352941);
  }
  .footer-mother-container .footer-cover .navigation-links {
    display: flex;
    flex: 1 1;
    align-items: flex-start;
    gap: 2rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .navigation-links ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li {
    border-bottom: #7a7a7a 2px solid;
    padding: 0rem 0rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li span {
    font-size: 0.8rem;
  }
  .footer-mother-container .footer-cover .navigation-links ul li a {
    font-size: 1.2rem;
    color: #fff;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .footer-cover .navigation-links ul li a:hover {
    color: blue;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details {
    width: 100%;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0rem 0rem 1.5rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address h3 {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .address p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: #7a7a7a;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact h3 {
    font-size: 1rem;
    color: #fff;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a {
    font-size: 0.9rem;
    color: #7a7a7a;
    display: flex;
    gap: 1rem;
    width: -moz-max-content;
    width: max-content;
  }
  .footer-mother-container .footer-cover .address-plus-contact-details .contact .contact-detail a i {
    color: #fff;
  }
  .footer-mother-container .straight-gray-line {
    width: 100%;
    height: 0.5px;
    background: #7a7a7a;
    margin: 3rem 0rem 1rem;
  }
  .footer-mother-container .bottom-footer-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .copy-cover {
    font-size: 0.9rem;
    color: #fff;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator h5 {
    font-size: 0.9rem;
    color: #fff;
    font-weight: normal;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a {
    color: green;
    font-size: 1rem;
    text-decoration: underline;
    font-style: italic;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a strong {
    color: lightgreen;
    transition: color 0.3s ease-in-out;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover {
    color: lightgreen;
  }
  .footer-mother-container .bottom-footer-cover .copyright-developer .creator a:hover strong {
    color: green;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover a {
    font-size: 0.9rem;
    color: #fff;
  }
  .footer-mother-container .bottom-footer-cover .policies-cover a:nth-child(2),
  .footer-mother-container .bottom-footer-cover .policies-cover a:last-child {
    border-left: 1px solid #7a7a7a;
    padding-left: 1rem;
  }
}/*# sourceMappingURL=style.css.map */