html{
  overflow-x: hidden;
}
.nav-logo {
  max-width: 8%;
  @media (max-width: 768px) {
    max-width: 22%;
  }
}


img.uniwelco-brand-banner {
  margin-top: -19rem;
  z-index: 0;
  position: relative;
  @media (max-width: 460px) {
    margin-top: -18rem;
  }
}

.text-center.max-w-\[550px\].px-\[10px\].mx-auto.max-lg\:px-2\.5 {
  z-index: 1;
  position: relative;
  top: 4rem;
  max-width: 500px;
  @media (max-width: 460px) {
    top: 4.5rem;
  }
}

.footer .uniwelco-logo {
  max-width: 18%;
  margin-bottom: 1rem;
  @media (max-width: 768px) {
    max-width: 35%;
    margin: 0 auto 1rem auto;
  }
}
.absolute.left-1\/2.-translate-x-1\/2.bottom-2\.5.max-md\:w-\[285px\].max-lg\:w-4\/5.lg\:w-\[285px\].lg\:aspect-video {
  left: 71%;
  bottom: 42%;
  @media (max-width: 460px) {
    left: 50%;
    bottom: 11.5rem;
  }
}

.border.border-dashed.rounded.border-gray-100.dark\:border-borderColour-dark.p-10.h-full.max-lg\:p-5.text-center img {
    max-width: 51%;
    @media (max-width:460px){
        max-width: 30%;
    }
}

.grid.grid-cols-1.xl\:grid-cols-2.gap-10.max-w-\[900px\].mx-auto.text-left{
  grid-template-columns: 1fr 1fr;
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 768px) {
  h2.mb-10.text-white {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    line-height: 23px;
    padding: 0 31px;
  }
  p.text-light.mb-15.text-white {
    font-size: 14px;
  }
  .absolute.left-1\/2.-translate-x-1\/2.bottom-2\.5.max-md\:w-\[285px\].max-lg\:w-4\/5.lg\:w-\[285px\].lg\:aspect-video{
    width: 65%;
  }
  .btn, .btn-outline{
    padding: 10px 20px;
    font-size: 14px;
  }
  .absolute.-top-25.left-40.md\:-top-12.xl\:-top-\[150px\].xl\:left-\[290px\].w-\[200px\].md\:w-\[200px\].xl\:w-\[310px\] img, .absolute.bottom-5.left-20.md\:bottom-0.xl\:bottom-8.md\:left-\[100px\].xl\:left-150.w-\[280px\].md\:w-\[200px\].xl\:w-\[350px\] img {
    transform: translateX(-2rem);
}
.container.relative.z-10 .grid.grid-cols-2.gap-8.md\:hidden.mt-10 {
    display: none;
}
section.bg-white.dark\:bg-dark-300.pb-150.max-md\:pb-20{padding-bottom: 2rem;}

ul.nav-list.flex.flex-col.gap-5.w-full.max-w-\[500px\].landscape\:h-full.relative {
    position: relative;
    top: -7rem;
}
ul.faq-body.close.open{overflow-y: auto;}

h1.mb-10.main-heading {
    font-size: 1.8rem;
}

}