body {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 0.9681rem + 0.1307vw, 1.125rem);
  font-weight: 400;
  line-height: 150%;
  color: #1d2f23;
  background-color: #fff;
  padding: 0;
  margin: 0;
}
* {
  transition: 0.3s ease;
}
header,
section,
footer {
  position: relative;
}
.logo {
  height: 35px;
}
h1 {
  font-size: clamp(2rem, 1.5rem + 2vw, 4rem);
  line-height: 120%;
}
h2 {
  font-size: clamp(1.375rem, 1.2475rem + 0.5229vw, 1.875rem);
  line-height: 120%;
}
ul {
  list-style: none;
}
li:not(:last-child) {
  margin-bottom: clamp(0.75rem, 0.5rem + 0.5vw, 1.25rem);
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
p,
ul {
  margin: 0;
  padding: 0;
}
li {
  display: flex;
  gap: 18px;
  position: relative;
}
li::before {
  content: "";
  flex: none;
  width: 24px;
  height: 30px;
  background: #0000 url(../../assets/SVGs/check.svg) no-repeat center/contain;
}
img {
  max-width: 100%;
}
.image-container {
  position: relative;
}
.hero-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  align-self: flex-end;
}
#hero {
  padding-top: clamp(3.75rem, 1.5196rem + 9.1503vw, 12.5rem);
  padding-bottom: clamp(2.5rem, 0.1103rem + 9.8039vw, 11.875rem);
  box-sizing: border-box;
}
#hero h1 {
  width: min(600px, 100%);
  font-size: clamp(1.75rem, 1.5rem + 1.5vw, 3rem); /* Adjusted font size */
  line-height: 120%; /* Maintain line height for readability */
}
#hero p {
  width: min(316px, 100%);
}
.mu-text-center {
  text-align: center;
}
.mu-cols {
  display: flex;
  gap: clamp(1.875rem, 1.3971rem + 1.9608vw, 3.75rem);
  width: min(1460px, calc(100% - clamp(2.5rem, -3.2353rem + 23.5294vw, 25rem)));
  margin-right: auto;
  margin-left: auto;
}
.mu-col {
  width: 100%;
}
.mu-w-full {
  width: 100%;
}
.mu-flex {
  display: flex;
  gap: clamp(1.25rem, 1.027rem + 0.915vw, 2.125rem);
}
.mu-flex-col {
  flex-direction: column;
}
.mu-items-start {
  align-items: flex-start;
}
.mu-items-center {
  align-items: center;
}
.mu-justify-end {
  justify-content: flex-end;
}
.mu-block {
  display: block;
}
.mu-rounded-full {
  border-radius: 50%;
}
.mu-mx-auto {
  margin-right: auto;
  margin-left: auto;
}
header {
  text-align: center;
  border-bottom: 1px solid #e3e9f1;
  padding-top: 15px;
  padding-bottom: 10px;
}
.mu-cta {
  display: inline-block;
  color: #fff;
  background-color: #f4ad00;
  border-radius: 10px;
  padding: 20px 40px;
}
.mu-cta:hover {
  background-color: #d99600;
}
#why {
  background-color: #edf0e9;
  padding: clamp(5.625rem, 5.2267rem + 1.634vw, 7.1875rem) 0;
}
#meet {
  padding: clamp(5.625rem, 3.3946rem + 9.1503vw, 14.375rem) 0;
}
#meet img {
  width: 360px;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
}
#how {
  padding: clamp(3.125rem, 2.3284rem + 3.268vw, 6.25rem) 0;
}
#how .mu-list-wrap {
  width: min(max-content, 100%);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.5rem + 0.5vw, 1.25rem);
}
#cta {
  padding: clamp(12.5rem, 10.9069rem + 6.5359vw, 18.75rem) 0;
}
#cta p {
  width: min(806px, 100%);
}
#cta img {
  width: min(750px, 100%);
}
#we-give-back {
  padding: 0 0 clamp(3.125rem, 2.3284rem + 3.268vw, 6.25rem);
}
#we-give-back .organisation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  width: min(400px, 100%);
}
body.migrant #hero h1 {
  width: 100%;
}
body.migrant #hero p {
  width: 100%;
}
body.migrant .mu-cols {
  display: flex;
  gap: clamp(1.875rem, 1.3971rem + 1.9608vw, 3.75rem);
  width: 100%; /* Ensure it spans the full width of the section */
  max-width: 1200px; /* Set a narrower maximum width for the subpage */
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem; /* Add some padding for smaller screens */
}
@media (min-width: 1220px) {
  #hero {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: calc(100vh - 86px);
  }
}

@media (max-width: 767px) {
  #we-give-back .organisation {
    gap: 8px;
  }
}
footer {
  border-top: 1px solid #e3e9f1;
  padding: clamp(2rem, 1.7929rem + 0.8497vw, 2.8125rem) 0;
}
.fadeInUp {
  opacity: 0;
  transform: translate3d(0, 30%, 0);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.fadeInUp.visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .mu-visible-sm {
    display: none;
  }
  #meet {
    background: #fff url(../../assets/images/profile-bkg.png) no-repeat
      center/cover;
  }
}
@media (max-width: 767px) {
  .mu-cols {
    flex-direction: column;
  }
  #why .mu-cols {
    flex-direction: column-reverse;
  }
  .mu-self-center-sm {
    align-self: center;
  }
  .mu-justify-center-sm {
    justify-content: center;
  }
  .mu-text-center-sm {
    text-align: center;
  }
  .mu-hide-sm {
    display: none;
  }
  p br {
    display: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Privacy Policy and Terms of Service */
.privacy-terms {
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 400;
  line-height: 160%;
  color: #1d2f23;
  background-color: #fff;
  padding: 40px 0;
  margin: 0;
}
.privacy-terms h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  margin: 10px 0;
}
.privacy-terms h2 {
  font-size: clamp(18px, 1.38vw, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 1.72em;
  letter-spacing: 0;
  margin-bottom: -0.31em;
}
.privacy-terms h3,
.privacy-terms h4 {
  font-size: clamp(16px, 1.25vw, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 1.72em;
  letter-spacing: 0;
  margin-bottom: -0.31em;
}
.privacy-terms h5,
.privacy-terms h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 1.72em;
  letter-spacing: 0;
  margin-bottom: -0.31em;
}
.privacy-terms blockquote {
  border-left: 3px solid #1d2f23;
  padding: 5px 10px 5px 23px;
}
.privacy-terms blockquote,
.privacy-terms blockquote p {
  margin: 0;
  font-size: clamp(18px, 1.04vw, 20px);
  font-style: italic;
}
.privacy-terms figure {
  width: max-content;
  margin: 0 auto;
  max-width: 100%;
}
.privacy-terms img {
  max-width: 100%;
}
.privacy-terms ul {
  margin: 0 0 10px 0;
  padding: 0;
}
.privacy-terms ul li {
  font-size: clamp(18px, 1.04vw, 20px);
  line-height: 32px;
  letter-spacing: -0.003em;
  margin-top: 0.94em;
  padding-bottom: 0 !important;
  position: relative;
  display: block;
  padding-left: 30px;
}
.privacy-terms ul li::before {
  content: "\f054";
  color: var(--primary);
  font-family: "FontAwesome";
  font-size: 18px;
  left: 4px;
  position: absolute;
  top: 0;
}
.privacy-terms a {
  color: inherit;
}
.privacy-terms p {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.77;
  letter-spacing: -0.003em;
  margin-top: 0.94em;
  margin-bottom: 1.5em;
}
.privacy-terms main {
  padding-block: 100px;
}
.privacy-terms .content-area {
  width: min(900px, calc(100% - 40px));
  margin-inline: auto;
}