/* FOOTER SECTION START FROM HERE  ---------------------  */
.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-block: 45px;
  margin-top: 105px;
  padding-inline: clamp(1.875rem, -3.542rem + 15.046vw, 10rem);
}

.footer .container {
  max-width: 1051.876px;
}

.footer .inner-row {
  margin-bottom: 22px;
}
.footer .logo {
  margin-right: 65px;
  height: 50px;
}
.footer .navs {
  display: inline-flex;
  gap: 26px;
  align-items: center;
}
.footer .nav-link {
  color: #fff;
  font-family: Raleway;
  font-size: clamp(0.813rem, 0.771rem + 0.116vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 91.667%; /*  22px */
  display: inline;
  padding: 0px;
}
.footer .divider {
  color: #fff;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 129.412%; /* 22px */
}
.footer p {
  color: #fff;
  font-family: Raleway;
  font-size: clamp(0.813rem, 0.771rem + 0.116vw, 0.875rem);

  font-style: normal;
  font-weight: 400;
  line-height: 166.667%; /*  40px */
  /* min-height: 79px; */
  display: inline-flex;
  align-items: center;
  margin: 0px;
}

/* Fixing the issue with redundant styling */
@media (max-width: 768px) {
  .footer .logo {
    height: 50px !important;
  }
  .footer .inner-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px; /* Combine margin-bottom styles */
  }
  .footer .inner-row .logo {
    margin-right: 0px;
    margin-bottom: 18px; /* Combine margin-bottom styles */
  }
}
/* FOOTER SECTION END FROM HERE  ---------------------  */