:root {
  --black-2: black;
  --gold: #ffe710;
  --color: #b300ff;
  --black: white;
  --brown: #3d2212;
  --purple: var(--color);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.see-available {
  background-color: #06255a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  overflow: visible;
}

.see-available.main-page {
  background-color: #06255a;
  background-image: linear-gradient(#06255a 20%, #1f61a8 71%, #65acba 82%, #fff);
  flex-direction: row;
  max-width: 100%;
  padding-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.see-available.blank {
  background-color: #11213100;
  padding-top: 40px;
}

.see-available.blank.button {
  padding-top: 5px;
}

.see-available.blank.faqs {
  margin-left: auto;
  display: block;
}

.see-available.midsection {
  background-image: url('../images/Rectangle-2-min_1.avif');
  background-position: 0 0;
  background-size: contain;
  max-width: 1201px;
  height: 500px;
}

.see-available.rooms {
  border-width: 0;
  padding-top: 80px;
  padding-bottom: 0;
}

.see-available.space {
  max-width: 100%;
  margin-top: 0;
  padding-top: 40px;
}

.students-hostels-heading {
  z-index: 1;
  color: #fff;
  letter-spacing: -1px;
  text-transform: uppercase;
  justify-content: space-around;
  align-items: center;
  max-width: 705px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 36px;
  font-family: Droid Serif, serif;
  font-size: 33px;
  line-height: 39.6px;
  display: flex;
  position: relative;
  overflow: visible;
}

.students-hostels-heading.second {
  color: #fff;
  padding-bottom: 18px;
  font-size: 33px;
  line-height: 39.6px;
  text-decoration: underline;
}

.students-hostels-heading.second.yellow {
  color: #01d648;
  text-align: center;
}

.students-hostels-heading.second.yellow.space {
  letter-spacing: 0;
  padding-right: 0;
}

.students-hostels-heading.second.yellow.lower-margin {
  color: #01d648;
}

.students-hostels-heading.second.space {
  white-space: normal;
  padding-right: 0;
}

.students-hostels-heading.second.space.location {
  z-index: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.students-hostels-heading.second.home {
  color: #06255a;
  text-decoration: none;
}

.students-hostels-heading.see-rooms {
  color: #000;
}

.students-hostels-heading.instructions {
  text-transform: capitalize;
}

.students-hostels-heading.location {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  text-decoration: underline;
}

.opening-paragraph {
  color: #fff;
  text-transform: capitalize;
  order: -1;
  max-width: 411px;
  margin-left: auto;
  margin-right: 17px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.opening-paragraph.testimonial {
  text-align: left;
  max-width: 478px;
  margin-left: 0;
  margin-right: 0;
}

.opening-paragraph.testimonial.black {
  color: #000;
}

.opening-paragraph.comments {
  color: #dcdcdc;
  text-align: left;
  width: 600px;
  max-width: none;
  margin-top: 20px;
  margin-right: 0;
}

.opening-paragraph.staff-comments {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.opening-paragraph.home.advert {
  color: #000;
  text-align: center;
  border-bottom-left-radius: 5050px;
  max-width: none;
  margin-top: 10px;
  margin-right: auto;
}

.opening-paragraph.home.slider {
  max-width: none;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.opening-paragraph.testimonials {
  text-align: left;
  min-width: 412px;
  max-width: 500px;
  margin-left: 0;
  margin-right: 0;
  font-family: Poppins, sans-serif;
  line-height: 27px;
}

.opening-paragraph.testimonials.slides {
  color: #e4e4e4;
  text-align: justify;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.div-block {
  align-self: center;
  max-width: none;
  margin-left: 0;
}

.image {
  max-width: 108%;
  margin-top: 0;
  margin-left: -19px;
}

.body {
  background-color: #fff;
}

.navbar {
  z-index: 1001;
  background-color: #ffe710;
  position: static;
  top: auto;
  bottom: auto;
}

.phone_no_holder {
  background-color: #112131;
  display: block;
}

.text-block {
  color: #fff;
  text-align: center;
  letter-spacing: 7px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffe710;
  background-image: linear-gradient(#ffb923, #00286b 29%, #06255a 47%, #00286b 67%, #ffb923);
  border: 0 solid #000;
  border-radius: 0;
  height: 44px;
  padding-top: 11px;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 20px;
}

.main-image {
  width: auto;
  min-width: 529px;
  max-width: 674px;
  margin: auto auto auto 20px;
  font-size: 14px;
  line-height: 65px;
  display: inline-block;
}

.div-block-3 {
  order: -1;
  align-self: center;
}

.div-block-4 {
  display: block;
}

.div-block-5 {
  flex: none;
  order: 0;
  align-self: flex-start;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  display: grid;
}

.nav-link-1 {
  color: #000;
  margin-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 31px;
}

.nav-link-2 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 31px;
}

.nav-link-2.w--current {
  color: #4832a0;
}

.nav-link-3 {
  color: var(--black-2);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 5px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  display: flex;
}

.nav-link-3.w--current {
  color: #000;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 15px;
}

.nav-link-3.last.w--current {
  padding-right: 0;
}

.features-section {
  background-color: #fff;
}

.features-section._2 {
  margin-bottom: 140px;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3 Area-4 Area-5"
                       "Area-6 Area-7 Area-8 Area-9 Area-10";
  place-content: space-around;
  margin-top: -18px;
}

.wifi {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.wifi.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.image-holder {
  border: 4px solid #ffe710;
  border-radius: 50%;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
}

.image-holder.no-border {
  border-width: 0;
  border-color: #fff;
  border-radius: 0%;
}

.text-block-2 {
  font-size: 21px;
}

.naming-textbox {
  color: #06255a;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Bitter, serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.grid-2 {
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  max-width: 1400px;
  margin: 0 auto 20px;
  padding: 20px 74px;
}

.space {
  padding-right: 10px;
}

.space.mid {
  padding-left: 10px;
}

.space-last {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.space-last.again {
  flex-direction: column;
}

.faqs-intro {
  text-align: center;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
}

.faqs-intro.margins {
  color: #06255a;
  max-width: 1277px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 36px;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.faqs-intro.margins.up {
  color: #06255a;
  max-width: 1200px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 36px;
  font-size: 20px;
  line-height: 26px;
}

.faqs-intro.margins.location {
  color: #fff;
  text-align: center;
  width: 315px;
  max-width: none;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.faqs-intro.margins.location.yellow {
  color: #ffe710;
  cursor: pointer;
  margin-right: 0;
}

.div-block-8 {
  display: flex;
}

.div-block-8.centre {
  background-image: linear-gradient(#d9d9d9, #d9d9d9);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  display: flex;
}

.text-block-5 {
  text-align: center;
  order: 1;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.div-block-9 {
  margin-right: 18px;
}

.div-block-10 {
  margin-left: 18px;
}

.div-block-11 {
  margin-right: 18px;
}

.div-block-12 {
  margin-left: 18px;
}

.div-block-13 {
  margin-left: auto;
  margin-right: auto;
}

.link {
  font-family: Crimson Text, sans-serif;
  font-size: 32px;
}

.link.see-rooms {
  color: #000;
  background-color: gold;
  border: 4px solid #96ff99;
  border-radius: 20px;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.link.see-rooms:hover {
  border-color: #c16364;
}

.link.see-rooms.home {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

.link.see-rooms.home:hover {
  border-color: #ff4621;
}

.link.see-rooms.home.hide {
  background-color: gold;
}

.button-traits {
  margin-top: 18px;
  margin-bottom: 36px;
  padding: 0;
}

.button-traits.terms {
  width: 332px;
}

.button-traits.policy {
  margin-top: 40px;
}

.button-traits.margin-less {
  margin-top: 0;
  margin-bottom: 20px;
}

.footer-body-room {
  justify-content: space-between;
  display: flex;
}

.footer-body-room._992 {
  text-align: center;
  min-width: 800px;
  max-width: 1188px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 0;
}

.footer-body-room._992.closer {
  background-color: #a4f99b;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.footer-body-room._992.dun {
  background-color: #112131;
  background-image: linear-gradient(#112131, #112131 28%, #112131);
  justify-content: space-around;
  min-width: auto;
  max-width: 1620px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.link-2 {
  color: #000;
  text-align: center;
  margin-top: 36px;
  margin-bottom: 54px;
  margin-right: 140px;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 23px;
}

.link-2.margin {
  text-align: center;
  margin-left: 140px;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.image-4 {
  order: -1;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
}

.logo-and-slogan {
  flex-direction: column;
  order: -1;
  align-items: flex-start;
  margin-top: 20px;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
}

.logo-and-slogan.size {
  margin-top: auto;
  margin-bottom: auto;
}

.text-block-6 {
  color: #fff9f9;
  letter-spacing: 10px;
  border: 0 solid #000;
  font-family: Roboto, sans-serif;
  font-size: 53px;
  font-weight: 300;
}

.form {
  justify-content: center;
  margin: 20px auto 25px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-field {
  width: 200px;
  margin-bottom: 0;
}

.field-label {
  color: #fff;
  align-self: center;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.second-email-and-phone {
  min-width: 400px;
  max-width: 580px;
}

.call-to-action-email {
  color: #fff;
  text-align: center;
  text-indent: 0;
  text-transform: capitalize;
  justify-content: center;
  margin-bottom: 25px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  line-height: 22.1px;
  display: flex;
}

.email-and-phone-container {
  align-self: center;
}

.heading-2 {
  color: #fff;
  min-width: 437px;
  font-family: Poppins, sans-serif;
  font-size: 40px;
}

.contact {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 17px;
}

.questions {
  color: #fff;
  text-align: center;
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
}

.sererating-image {
  height: 300px;
  padding-top: 20px;
}

.field-label-2 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 21px;
}

.field-label-3 {
  color: #fff;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
}

.form-2 {
  margin-top: 30px;
}

.rooms-f-links {
  background-color: #112131;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.home-f-links {
  justify-content: space-around;
  width: 500px;
  display: flex;
}

.text-block-9 {
  color: #fff;
  align-self: center;
  font-family: Poppins, sans-serif;
  font-size: 19px;
}

.text-block-10 {
  color: #fff;
  text-align: left;
  margin-top: 40px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  display: block;
}

.middle-footer-link {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 19px;
}

.text-block-12 {
  font-size: 19px;
}

.text-block-13 {
  font-family: Poppins, sans-serif;
}

.text-block-14 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 19px;
}

.text-block-14.pop {
  font-size: 19px;
}

.footer {
  background-color: var(--gold);
  background-image: linear-gradient(#112131, #112131);
  padding-bottom: 20px;
}

.seperator-footer {
  color: #fff;
}

.roomspage-title {
  flex: 1;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
  overflow: hidden;
}

.roomspage-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Crimson Text, sans-serif;
  font-size: 32px;
  position: relative;
  overflow: hidden;
}

.block-a-b {
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.a-btitle {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Poppins, sans-serif;
  font-size: 37px;
  font-weight: 400;
  line-height: 44.4px;
}

.heading-5 {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Poppins, sans-serif;
  font-size: 37px;
  font-weight: 400;
  line-height: 44.4px;
}

.paragraph-3 {
  color: #fff;
  letter-spacing: 1px;
  text-indent: 0;
  margin-bottom: 36px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.a-bparagraph {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.rooms-design {
  margin-top: 0;
  padding-top: 20px;
}

.rooms-design-heading {
  color: #fff;
  text-align: center;
  margin-top: 36px;
  margin-bottom: 5px;
  font-family: Crimson Text, sans-serif;
  font-size: 32px;
  position: relative;
  overflow: hidden;
}

.imager {
  background-color: #4a534d;
  border-radius: 29px;
  order: 1;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  min-width: 500px;
  max-width: 1100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.link-block {
  flex-direction: column;
  order: -1;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.text-block-16 {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-style: italic;
  text-decoration: none;
}

.image-6 {
  padding-bottom: 20px;
}

.book-now {
  color: #000;
  text-align: center;
  background-color: #ffe710;
  border-radius: 15px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 271px;
  margin-left: 0;
  margin-right: auto;
  padding: 10px 40px;
  text-decoration: none;
  display: flex;
}

.text-block-17 {
  font-family: Crimson Text, sans-serif;
  font-size: 27px;
  text-decoration: none;
}

.room-holder {
  justify-content: space-between;
  max-width: 1200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.room-holder.last {
  padding-bottom: 80px;
}

.div-block-23 {
  padding-right: 0;
}

.div-block-24 {
  color: #fff;
  background-color: #ffe710;
  width: 428px;
  height: 13px;
  position: relative;
  top: 75px;
  overflow: hidden;
}

.heading-1 {
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.heading-1.home {
  display: inline-block;
}

.div-block-26 {
  z-index: 1;
  position: relative;
}

.underlining-block {
  background-color: #ffe710;
  height: 10px;
  position: absolute;
  inset: 66px 0% 60px;
}

.underlining-block._28 {
  background-color: gold;
  background-image: linear-gradient(#4899a8, #2e2926);
  width: 460px;
  top: 62px;
  overflow: hidden;
}

.green-underline {
  z-index: 0;
  text-align: center;
  background-color: #32d427;
  background-image: linear-gradient(#32d427, #c0ef07);
  border-radius: 20px;
  width: 534px;
  height: 13px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 44px 0% 0%;
}

.features-container {
  position: relative;
}

.rooms-heading {
  position: relative;
  top: 10px;
  overflow: hidden;
}

.rooms-heading.faqs {
  margin-top: -30px;
}

.rooms-heading.location {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.gold-underline-2 {
  background-color: gold;
  width: 531px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: absolute;
  inset: 50px 0% 0%;
}

.gold-underline-2.rooms-offer {
  background-color: gold;
  width: 255px;
  top: 50px;
}

.link-3 {
  color: #fff;
}

.footer-links {
  color: #fff;
  -webkit-text-stroke-color: white;
  font-family: Poppins, sans-serif;
  font-size: 19px;
  text-decoration: underline;
}

.link-5 {
  color: #fff;
}

.modal-wrapper {
  z-index: 1002;
  background-color: #65845ccc;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal {
  background-color: #06255a;
  border: 7px solid #32d427;
  border-radius: 18px;
  flex-flow: column;
  justify-content: space-between;
  margin-top: 60px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  display: flex;
  position: static;
}

.field-label-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-32 {
  display: flex;
}

.form-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modal-wrpper {
  background-color: #fff;
}

.div-block-33 {
  z-index: 1001;
  background-color: #42553380;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.form-4 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.modal-text-field {
  border: 1px solid #fbff00;
  border-radius: 14px;
  font-size: 14px;
}

.submit-button {
  border-radius: 14px;
  flex: 1;
  order: 1;
  align-self: flex-end;
  width: 257px;
  font-size: 26px;
}

.right-details-block {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.left-details-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  max-width: 500px;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-36 {
  flex: 0 auto;
  order: 1;
  justify-content: flex-start;
  align-self: flex-end;
  display: flex;
}

.paragraph-5 {
  width: 237px;
}

.heading-7 {
  color: #fff;
  text-align: center;
  font-family: Crimson Text, sans-serif;
  font-weight: 700;
}

.booking-details-opening {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.field-label-5 {
  color: #fff;
}

.white {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.image-7 {
  background-color: #7d2828;
  border-radius: 0 10px 0 13px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-7:hover {
  background-color: #e24242;
}

.close-icon {
  cursor: sw-resize;
}

.sliderhero {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sliderhero.nav {
  text-align: left;
  background-color: #ffb923;
  margin-top: 0;
  padding-top: 10px;
}

.italic-text {
  font-size: 20px;
}

.submit-button-2 {
  height: 38px;
}

.image-8 {
  margin-right: 0;
  padding-left: 0;
}

.container-2 {
  margin-left: auto;
}

.room-icon {
  width: auto;
  margin-right: 20px;
}

.nav-menu {
  display: flex;
}

.the-text-block {
  display: none;
}

.italic-text-5 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-label {
  color: #fff;
  width: 237px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.checkbox-field {
  justify-content: center;
  display: flex;
}

.italic-text-6 {
  font-size: 18px;
  line-height: 22px;
}

.rooms-design-container {
  width: 230px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-40 {
  background-color: var(--gold);
  width: 200px;
  height: 10px;
  padding-bottom: 0;
  display: none;
  position: absolute;
  inset: -9% 0% auto;
}

.div-block-41 {
  color: #ffe710;
  background-color: #ffe710;
  width: 437px;
  height: 15px;
  position: absolute;
  inset: 52px 0 0% -438px;
}

.div-stagnant {
  background-color: #4899a8;
  width: 458px;
  height: 10px;
  display: none;
  position: absolute;
  top: 65px;
}

.heading-8 {
  color: #e2e2e2;
}

.room-design-heading {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Crimson Text, sans-serif;
  font-size: 34px;
  line-height: 37.4px;
  text-decoration: underline;
}

.room-design-paragraph {
  color: #fff;
  min-width: 131px;
  max-width: 537px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  line-height: 24.7px;
}

.room-design-paragraph.testimonials-text {
  color: #06255a;
  margin-bottom: 30px;
}

.room-design-paragraph.testimonials-text.name-room-no {
  margin-bottom: 0;
}

.room-design-paragraph.testimonials-text.white {
  color: #fff;
}

.text-container {
  justify-content: center;
  align-items: stretch;
  margin-right: 20px;
  display: flex;
}

.text-area {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.underlining-black {
  background-color: var(--gold);
  width: 436px;
  height: 10px;
  margin-top: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 32px 0% auto;
}

.underlining-black.down {
  display: none;
}

.rooms-design-underline {
  background-color: var(--gold);
  background-image: linear-gradient(#4899a8, #2e2926);
  height: 10px;
  margin-top: -12px;
}

.roomspage-underline {
  background-color: var(--gold);
  background-image: linear-gradient(#4899a8, #2e2926);
  height: 10px;
  margin-top: -12px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-right: 0;
}

.image-9 {
  min-width: auto;
  max-width: 181px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-10 {
  width: auto;
  min-width: auto;
  max-width: 182px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-11 {
  min-width: auto;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-12 {
  align-self: center;
  width: auto;
  min-width: auto;
  max-width: 145px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lightbox-link {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lightbox-link-2 {
  justify-content: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.booking-success-message, .error-message {
  font-size: 20px;
}

.select-field, .select-field-2 {
  border-radius: 14px;
}

.accordion-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.accordion {
  border: 1px solid var(--color);
  border-radius: 10px;
}

.accordion.agree {
  border-color: var(--black-2);
  background-color: #81d86729;
}

.accordion-header {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  cursor: pointer;
  background-color: #fffdf7;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.accordion-header._2 {
  background-color: #fffdf7;
}

.accordion-header._2.agree, .accordion-header.agree {
  background-color: #81d86729;
}

.accordion-panel {
  background-color: #81d86729;
  background-image: linear-gradient(#fffdf7, #fdfbf5 19%, #faf8f3 39%, #dfdfdf);
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: none;
  overflow: visible;
}

.paragraph-7 {
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: block;
}

.paragraph-8 {
  font-size: 20px;
  line-height: 26px;
}

.accordion-text {
  color: #06255a;
  -webkit-text-stroke-color: #000;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.features-box {
  display: none;
}

.paragraph-9 {
  display: flex;
}

.div-block-66 {
  flex-direction: row;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slogan {
  color: #fff;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 19px;
  line-height: 25px;
}

.madonna-heights {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 16px;
  margin-left: -29px;
  font-family: Dancing Script, sans-serif;
  font-size: 30px;
  line-height: 49px;
}

.div-block-67 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.lightbox-link-4 {
  margin-left: auto;
  margin-right: auto;
}

.lightbox-link-5 {
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.preloader {
  z-index: 2000;
  text-align: center;
  background-color: #06255a;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-28 {
  max-width: 100%;
}

.star1, .star2, .star3, .star5, .image-29, .star4 {
  display: none;
}

.testimonial-hero {
  mix-blend-mode: normal;
  background-color: #1f5148;
  background-image: linear-gradient(#ffb923, #ffb923 0%, #2a805b 21%, #326b66 29%, #0a2a33);
  justify-content: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
  display: block;
}

.div-block-68 {
  margin-right: 20px;
}

.left-text {
  flex-direction: column;
  justify-content: flex-start;
  width: 900px;
  margin-right: 20px;
  display: flex;
}

.left-text.testimonials {
  justify-content: center;
  align-items: flex-start;
  width: 900px;
  max-width: none;
}

.div-block-69 {
  margin-left: 0;
}

.container-3 {
  width: 964px;
  max-width: 900px;
  display: flex;
}

.top-rated-heading {
  color: var(--gold);
  text-align: left;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 429px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Crimson Text, sans-serif;
  line-height: 53px;
  display: flex;
  position: relative;
}

.paragraph-10 {
  font-size: 18px;
  line-height: 28px;
}

.body-2 {
  text-align: center;
  background-color: #f1fff1;
  font-size: 20px;
  line-height: 24px;
}

.section-3 {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 40px;
}

.section-3.institutions {
  background-color: #1f5148;
  margin-bottom: 0;
  padding-bottom: 100px;
}

.section-3.institutions.no-pad {
  background-color: #0a2a33;
  border: 0 solid #0000;
}

.section-3.institutions.no-pad:hover {
  border: 0 solid #000;
}

.section-3.testimonials {
  margin-bottom: 140px;
  padding-bottom: 0;
}

.slider-testimonial-wrapper {
  max-width: 978px;
}

.slider-testimonial-wrapper.two.three.unseen {
  display: none;
}

.heading-10 {
  justify-content: center;
  display: flex;
}

.testimonial-holder {
  flex-flow: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: -20px;
  margin-bottom: 20px;
  display: flex;
}

.stars-1 {
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 40px;
  display: flex;
}

.image-and-name {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-1 {
  border-radius: 20px;
}

.name-1 {
  margin-left: 40px;
  display: block;
}

.testimonial-card-1 {
  width: auto;
  box-shadow: 0 19px 25px #0003;
}

.testimonial-card-1.left {
  background-color: #d9d9d9;
  border: 1px solid #1fff28;
  border-radius: 20px;
  justify-content: space-around;
  width: 281px;
  height: 360px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  box-shadow: -10px 14px 13px #0003;
}

.testimonial-card-1.mid {
  margin-left: 20px;
  margin-right: 20px;
}

.testimonial-card-1.right {
  margin-left: 10px;
}

.content-holder {
  margin: 20px 40px;
}

.paragraph-11 {
  margin: auto;
}

.paragraph-12 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}

.paragraph-12.name {
  margin-bottom: 0;
  font-weight: 700;
}

.other-institutions {
  margin-top: 0;
  margin-bottom: 0;
}

.institutional-comments {
  justify-content: space-around;
  margin-top: 80px;
  display: block;
}

.right {
  background-color: #cbd3db;
  margin-left: 0;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.uniersity_of_embu {
  background-color: #112131;
  background-image: linear-gradient(#072b30, #124650);
  border-top: 3px solid #0d3153;
  border-bottom: 3px solid #397283;
  border-right: 3px solid #0d3153;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  height: 277px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 20px;
  display: inline-flex;
}

.uniersity_of_embu.second {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 0;
}

.uniersity_of_embu.two {
  margin-top: 40px;
}

.heading-11 {
  color: #fff;
  margin-top: 10px;
  margin-left: 25px;
}

.heading-11.comments {
  text-align: left;
  mix-blend-mode: exclusion;
  font-size: 33px;
}

.heading-12 {
  margin-left: 25px;
}

.body-3 {
  background-color: #06255a;
}

.nav-link-0 {
  text-align: left;
  padding-left: 20px;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 31px;
  display: inline;
}

.image-30 {
  overflow: scroll;
}

.div-block-70 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-31 {
  font-size: 9px;
}

.paragraph-13 {
  color: #fff;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 487px;
  line-height: 34px;
  display: flex;
}

.container-testimonial-hero {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 1000px;
  max-width: 1328px;
  margin: 20px auto 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.container-testimonial-hero.test {
  max-width: 1248px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 40px;
}

.text-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-right: 20px;
  display: flex;
}

.text-section.auto {
  justify-content: center;
  align-items: flex-start;
  margin-right: auto;
  padding-left: 20px;
  position: relative;
}

.testimonials-image {
  margin-left: auto;
}

.div-block-71 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-14 {
  color: #49ae41;
  padding-right: 5px;
  font-family: Crimson Text, sans-serif;
  font-weight: 700;
}

.slide {
  max-width: 940px;
  height: auto;
}

.slide-2 {
  max-width: 940px;
}

.slider {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.mask {
  height: 382px;
}

.standard-rooms {
  background-color: #0000;
  width: 100%;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.slide-3 {
  height: auto;
  overflow: hidden;
}

.mask-2 {
  height: auto;
}

.right-arrow {
  border-radius: 58px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.slide-nav {
  margin-top: 20px;
  position: relative;
}

.slider-arrow-left {
  background-color: #49ae41;
  border-radius: 58px;
  width: 3.5rem;
  height: 3.5rem;
  top: 440px;
  left: 0;
  right: 400px;
}

.slider-arrow-right {
  background-color: #49ae41;
  border-radius: 58px;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  top: 440px;
  left: 400px;
}

.image-32 {
  width: 63px;
}

.div-block-72 {
  margin-bottom: 200px;
}

.div-block-72.two.unseen, .div-block-72.unseen {
  display: none;
}

.students-group-photo {
  width: 100%;
  max-width: 619px;
  height: auto;
  display: block;
}

.image-34 {
  border-radius: 20px;
  width: 272px;
  height: 279px;
  margin-bottom: 0;
  margin-left: -10px;
}

.image-34.second {
  margin-left: 0;
  margin-right: 0;
}

.div-block-73 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.paragraph-15 {
  margin-top: 20px;
}

.div-block-74 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 188px;
  margin: 0 20px;
  display: flex;
}

.first-underlining-block {
  background-color: #4c0c72;
  background-image: linear-gradient(#8e2626, #78656f 50%, #7095a2);
  width: 387px;
  height: 12px;
  margin-top: 5px;
  position: absolute;
  inset: 29px 0 0 21px;
}

.div-block-76 {
  background-color: #0db200;
  position: absolute;
  inset: 2% 0% auto auto;
}

.second-underlining-block {
  background-color: #4c0c72;
  background-image: linear-gradient(#8e2626, #78656f 50%, #7095a2);
  width: 421px;
  height: 12px;
  margin-top: 5px;
  position: absolute;
  inset: 82px 0 auto 19px;
}

.div-block-78 {
  position: relative;
}

.div-block-79, .div-block-80 {
  margin-top: 60px;
}

.div-block-81 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-82 {
  background-color: #0db200;
  width: 603px;
  height: 12px;
  position: absolute;
  top: 52px;
}

.div-block-82.none {
  display: none;
}

.container-4 {
  justify-content: center;
  align-items: center;
  max-width: none;
  display: block;
}

.button-section {
  width: auto;
  max-width: none;
  margin-right: 0;
}

.notes-side {
  margin-right: 60px;
}

.body-section {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 1400px;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.main-topic {
  position: relative;
}

.section-4 {
  text-align: center;
  background-color: #06255a;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}

.heading-13 {
  text-align: center;
}

.heading-14 {
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
}

.body-text {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.toc-holder {
  margin-top: 40px;
}

.section-5 {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-15, .heading-16, .heading-17, .heading-18, .heading-19, .heading-20, .heading-21, .heading-22, .heading-23, .heading-24, .heading-25, .heading-26 {
  text-decoration: underline;
}

.div-block-84 {
  background-color: #ffe710;
  width: 253px;
  height: 12px;
  position: absolute;
  top: 65px;
  left: 345px;
}

.nav-container {
  max-width: 800px;
}

.nav-container.nav {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 20px 10px;
  display: flex;
}

.image-38 {
  height: 50px;
}

.menu-link {
  display: flex;
}

.nav-links {
  color: #000;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.nav-links:hover, .nav-links.w--current:hover {
  color: #072559;
}

.hamburger-lottie {
  display: none;
}

.div-block-85 {
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.rooms-nav-link {
  display: flex;
}

.home-icon, .rooms-icon {
  margin-bottom: 5px;
}

.testimonials-icon {
  width: 25px;
  margin-bottom: 5px;
}

.login-icon {
  margin-bottom: 5px;
}

.students-testimonials {
  margin-top: 0;
  padding-top: 60px;
}

.testimonials-holder {
  height: 320px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-card {
  background-color: #00000080;
  border: 0 solid #1fff28;
  border-radius: 59px;
  width: 900px;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 20px 20px;
  display: flex;
}

.testimonial-card.lecturer {
  background-color: #0000004f;
  background-image: linear-gradient(#072b30, #124650);
  border-width: 2px 2px 11px 7px;
  border-color: #0d3153 #0d3153 #354554 #283440;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 900px;
  padding-top: 20px;
}

.testimonial-card.lecturer:hover {
  border-color: #73d2e7 #73d2e7 #0f579e #0d3153;
  border-top-width: 0;
  border-right-width: 0;
}

.lec-image {
  width: auto;
  max-height: 100%;
  margin: auto 10px auto auto;
}

.testimonial-text {
  width: 578px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 10px;
  display: block;
}

.slider-2 {
  background-color: #fff0;
  height: 382px;
}

.testimonial-avatar-4 {
  border: 1px solid #cf4646;
  border-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.testimonial-avatar-4.lecturers {
  border-top-right-radius: 50%;
}

.left-arrow {
  background-color: #49ae4180;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  font-size: 30px;
  position: relative;
  top: -77px;
  left: -50px;
}

.left-arrow:hover {
  background-color: #0a820080;
}

.right-arrow-2 {
  background-color: #49ae4180;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  font-size: 30px;
  position: relative;
  top: -117px;
  bottom: 0;
  left: 60px;
}

.right-arrow-2:hover {
  background-color: #0a820080;
}

.slide-nav-2 {
  display: none;
}

.slide-4 {
  margin-top: auto;
}

.div-block-87 {
  display: inline-flex;
}

.div-block-87.hidden {
  display: none;
}

.div-block-87.hide {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: auto;
}

.room-number {
  color: #644230;
  margin-left: 40px;
  font-size: 22px;
}

.name {
  color: #fff;
}

.slide-1 {
  margin-left: 0;
}

.author-name-and-room-no {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-24.name {
  text-align: left;
  padding-left: 60px;
}

.text-block-24.name.lec {
  text-align: left;
  padding-left: 40px;
}

.text-block-24.room {
  color: #fff;
  text-align: left;
  margin-left: 60px;
}

.bold-text {
  color: #8ccee9;
  font-weight: 400;
}

.staff-heading {
  color: #fff;
  margin-bottom: 30px;
  text-decoration: underline;
}

.staff-heading.yellow {
  color: #0db200;
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.testimonial-block {
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 60px;
  position: relative;
}

.home-topic {
  position: relative;
}

.location {
  background-color: #06255a;
  border-radius: 20px;
  height: auto;
  padding: 20px;
  display: flex;
}

.map {
  height: 100%;
}

.map-image {
  width: 525px;
  height: 500px;
}

.map-holder {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 60px;
  display: flex;
}

.location-image {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-5 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.bold-text-2 {
  color: #fff;
  font-size: 22px;
}

.bold-text-2.staff {
  color: #a7b59d;
  padding-top: 20px;
  padding-left: 20px;
  display: flex;
}

.bold-text-3 {
  color: #94bcff;
  font-size: 22px;
}

.bold-text-4 {
  font-size: 22px;
}

.staff-comments {
  background-color: #112131;
  border-radius: 20px;
  margin-top: 10px;
  padding: 40px 20px;
}

.staff-image {
  width: 500px;
  height: auto;
  display: flex;
}

.staff-comment {
  display: block;
}

.comment-holder {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.image-45 {
  width: 100%;
}

.div-block-92 {
  display: none;
}

.copyright {
  margin-bottom: 40px;
}

.bold-text-5 {
  text-decoration: underline;
}

.div-block-93 {
  justify-content: center;
  align-items: flex-end;
  display: inline-flex;
}

.faqs {
  color: #fff;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.main-text {
  order: -1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.paragraph-entry {
  margin-left: 0;
}

.hero-content {
  display: flex;
}

.div-block-95 {
  display: block;
}

.text-block-25 {
  color: var(--gold);
  font-size: 30px;
}

.price {
  color: #ffe710;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  line-height: 38px;
}

.room-image {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.room-design {
  max-width: 42%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.link-7 {
  color: #ffe710;
  margin-left: 0;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.link-7.margins {
  margin-left: auto;
  display: block;
}

.madonna_maps_link {
  color: #ffe710;
  text-align: center;
  width: 247px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.slider-3 {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

.container-7 {
  max-width: 2000px;
}

.parallax-section {
  background-image: url('../images/WhatsApp-Image-2024-12-25-at-11.08.44-PM.jpeg'), linear-gradient(#581313, #581313);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-attachment: fixed, scroll;
  width: auto;
  max-width: 2000px;
  height: 581px;
  position: relative;
}

.parallax-overlay {
  z-index: 2;
  background-image: linear-gradient(#00000080, #00000080);
  max-width: 2000px;
  height: 581px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.our-rooms-heasing {
  float: none;
  color: #ceb294;
  margin: auto;
  font-family: Dancing Script, sans-serif;
  font-size: 65px;
}

.title-holder {
  float: none;
  clear: both;
  text-align: center;
  margin-top: 279px;
  margin-bottom: 0;
  text-decoration: none;
}

.image-47 {
  position: absolute;
}

.upper-page-block {
  background-color: #4c0c72;
  height: 20px;
}

.text-holder {
  margin-left: 0;
}

.terms_link {
  color: gold;
}

.student-image-holder {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 350px;
  display: flex;
}

.quote-marks {
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 40px;
  margin-right: 0;
  display: flex;
}

.block-quote {
  text-transform: uppercase;
}

.block-quote-2 {
  text-transform: uppercase;
  font-size: 40px;
}

.openning-quotes {
  color: #942e2e;
  max-width: 44px;
  margin-left: auto;
  display: block;
}

.lecture-image-holder {
  margin-right: 20px;
}

.lecturer-image {
  border: 1px solid #1fff28;
  border-radius: 500px;
}

.image-49 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-50 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-51 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-52 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-53 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-54 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-55 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-56 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-57 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-58 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-59 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-60 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-61 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-62 {
  border: 1px solid #1fff28;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.image-63 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.image-64 {
  border: 1px solid #1fff28;
  border-radius: 50% 0 50% 50%;
  width: 63%;
  max-height: 100%;
}

.image-65, .image-66, .image-67, .image-68, .image-69, .image-70, .image-71, .image-72, .image-73, .image-74, .image-75 {
  color: #942e2e;
  margin-left: auto;
  display: block;
}

.block-description {
  max-width: 1200px;
}

.lecturer-image-1 {
  border: 2px solid #1fff28;
  border-radius: 200px;
  width: 900px;
  min-width: auto;
  max-width: 60%;
}

.lecturer-message {
  color: #dcdcdc;
  width: 530px;
  margin-top: 60px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  line-height: 26px;
}

.div-block-99 {
  background-color: #77797e;
  border-radius: 0 0 50px 50px;
  width: auto;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-45 {
  color: var(--black);
  text-align: center;
  font-family: Crimson Text, sans-serif;
}

.advert-slider {
  background-color: #dddddd80;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.slide-5 {
  background-image: url('../images/home-slider.png');
  background-position: 0 0;
  background-size: cover;
}

.mask-3 {
  width: 1377px;
}

.slide-6 {
  height: 500px;
}

.slider--3 {
  background-image: linear-gradient(#ffb923, #06155a);
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 2000px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-77 {
  max-width: 100%;
  max-height: 100%;
}

.mask-4 {
  background-color: #06255a00;
  background-image: linear-gradient(#ffb923, #06255a);
  height: auto;
  overflow: hidden;
}

.image-78 {
  width: 100%;
  height: auto;
}

.slide-7 {
  background-color: #9a262a;
  width: 100%;
  height: auto;
}

.image-79 {
  width: 100%;
  height: auto;
}

.slide-nav-3 {
  display: none;
}

.slide-8 {
  background-color: #9a262a;
}

.slide-9 {
  vertical-align: middle;
  width: 80%;
  height: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
}

.div-block-100 {
  background-color: #9a262a;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  display: flex;
}

.side-view-container {
  background-color: #2e2926;
  justify-content: flex-end;
  align-items: stretch;
  width: 597px;
  max-width: 800px;
  height: 677px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.front-view-section {
  background-color: #2e2926fc;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  height: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.div-block-103 {
  background-color: #0000;
  background-image: linear-gradient(90deg, #2e2926, #2e2926fc 30%, #2e2926e6 46%, #2e292600);
  width: 71px;
  margin-left: 0;
}

.front-view-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-104 {
  background-color: #2e2926;
  background-image: linear-gradient(90deg, #2e2926 65%, #2e2926cc 74%, #2e292600);
  margin-right: -56px;
}

.side-view-image {
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  position: relative;
}

.div-block-105 {
  background-image: linear-gradient(90deg, #2e2926, #2e292600);
  margin-right: -49px;
}

.first-slider-right-image {
  order: 0;
}

.st-slider-call2action {
  color: #d8c58f;
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #bb7e16;
  text-transform: capitalize;
  background-image: linear-gradient(#2e2926, #2e2926);
  border-radius: 20px;
  padding: 15px 20px;
  font-family: Poppins, sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 33px;
  text-decoration: none;
}

.st-slider-call2action.cta {
  color: #e24548;
  background-image: linear-gradient(#412e23, #412e23);
  padding-left: 25px;
  padding-right: 25px;
  font-size: 25px;
}

.st-slider-call2action.cta:hover {
  background-image: linear-gradient(to bottom, var(--brown), var(--brown));
}

.book-button {
  text-align: center;
  background-image: linear-gradient(90deg, #bfb285, #8cb2df 26%, gold 52%, #98be30 79%, #9a262a);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 227px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

.right-arrow-3 {
  background-color: #110f0f4d;
  height: 80px;
  margin-left: -46px;
}

.left-arrow-2 {
  background-color: #0000004d;
  height: 80px;
  overflow: visible;
}

.fundus-container {
  background-color: #2e2926;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  display: flex;
}

.left-image-slider {
  width: 100%;
  height: 680px;
  margin-left: 0;
  display: block;
  overflow: auto;
}

.right-image-slider {
  width: 100%;
  height: 680px;
  overflow: auto;
}

.fundus-content-container {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: auto;
  display: flex;
}

.fund-style-container {
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  display: flex;
}

.fund-title {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 104px;
  line-height: 60px;
}

.help-others {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.donation-container {
  background-color: #a6ce4c;
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 20px;
}

.donation-text {
  color: #112131;
  justify-content: center;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
}

.donation-options {
  justify-content: space-around;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.slider-content-holder {
  flex-flow: column;
  align-items: flex-start;
  width: 625px;
  max-width: 949px;
  margin: auto auto 75px;
  display: flex;
}

.advertise-txt-content {
  background-color: #2e2926;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  max-height: 100%;
  margin: auto 0 auto 40px;
  padding-bottom: 140px;
  display: flex;
  overflow: visible;
}

.div-block-111 {
  margin-left: 0;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-112 {
  margin-right: auto;
}

.why-advertise-heading {
  color: #fff;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Droid Serif, serif;
  font-size: 26px;
}

.why-advertise-heading.blue {
  color: #06255a;
  margin-top: 5px;
  font-size: 28px;
  line-height: 15px;
}

.slider3-text {
  color: #06255a;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.slider3-text.white {
  color: #fff;
  margin-top: -10px;
}

.div-block-113 {
  margin: 0 20px 20px;
}

.advertise-conenct-message {
  background-image: linear-gradient(#ffb923, #ead147 32%, #ffb923 81%, #dcdaae 100%, #6a7dab 100%, #fef9d0);
  flex-flow: column;
  justify-content: flex-end;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 40px 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.advertising-image {
  width: 460px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 40px;
  padding-bottom: 0;
}

.div-block-114 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: 535px;
  display: inline-block;
}

.slider-holder {
  background-color: #2f2a27;
  width: auto;
  max-width: 1514px;
  height: 678px;
  margin: 40px auto 20px;
  padding: 0;
  display: flex;
}

.advertise-here {
  box-sizing: border-box;
  flex-flow: row;
  flex: 0 auto;
  order: -9999;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.call-to-action {
  margin-top: auto;
  margin-bottom: auto;
}

.message-pitch {
  width: 630px;
}

.advert-content-holder {
  margin: auto 20px auto 40px;
}

.communicate-icon-section {
  background-color: #ffb923;
}

.contact-icons-container {
  display: flex;
}

.link-block-4 {
  margin-right: auto;
}

.link-block-5 {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.documents-links {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  max-width: 1164px;
  margin: 20px auto;
  display: flex;
}

.page-camoflage-terms {
  background-image: linear-gradient(#fff, #45525e 69%, #1d2c3b 87%, #112131);
  height: 100px;
}

.page-camoflage-policy {
  background-image: linear-gradient(#fff, #112131);
  height: 100px;
}

.page-camoflage-testimonial {
  background-image: linear-gradient(#0a2a33, #112131);
  height: 100px;
  margin-top: -100px;
}

.page-camoflage-rooms {
  background-color: #06255a;
  background-image: linear-gradient(#06255a, #112131);
  height: 100px;
}

.testimonials-image-bg {
  height: auto;
  margin-top: 0;
  margin-bottom: -160px;
  padding-bottom: 60px;
}

.div-block-117 {
  margin-bottom: 0;
}

.fade-in {
  background-image: linear-gradient(#0a2a33, #0a2a33 0%, #0a2a3300);
  height: 100px;
  margin-bottom: -150px;
}

.fade-out {
  background-image: linear-gradient(#0a2a3300, #0a2a33);
  justify-content: center;
  align-items: flex-end;
  height: 100px;
  margin-top: 0;
  display: flex;
}

.community-testimonial-heading {
  color: #8ccee9;
  margin-top: 150px;
  margin-bottom: 60px;
  font-family: Crimson Text, sans-serif;
  text-decoration: underline;
}

.paragraph-16 {
  color: #fff;
  text-align: left;
}

.homepage-container {
  max-width: 2000px;
}

.slide-10 {
  background-image: linear-gradient(#ffb923, #06255a);
  margin-left: 0;
  margin-right: 0;
}

.slider-container {
  background-image: linear-gradient(#ffb923, #06255a 100%, #86b50e);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-homepage {
  background-color: #072559;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 20px;
  display: flex;
}

.slide-11, .slide-12 {
  background-image: linear-gradient(#ffb923, #06255a);
  margin-left: 0;
  margin-right: 0;
}

.author-name {
  color: #8ccee9;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  line-height: 25px;
}

.author-relation {
  color: #8ccee9;
  margin-left: 40px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  line-height: 25px;
}

.bold-text-26 {
  color: #fff;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 25px;
}

.close-quotes {
  text-align: right;
  margin-left: 0;
  display: block;
}

.closing-quotes {
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  display: flex;
}

.checkbox {
  margin: 14px 20px auto 0;
}

.div-block-119 {
  height: 320px;
}

.lecturer-details {
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding-top: 10px;
  font-weight: 700;
}

.lecture-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fund-slider-paragraph {
  color: #fff;
  width: 577px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.fixed-background {
  z-index: -1;
  background-image: url('../images/test-bg-min.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  position: relative;
}

.div-block-120, .div-block-121 {
  display: none;
}

.centering-block, .centering-block-mobile-view {
  display: flex;
}

.tap {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.tap.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.garden {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.garden.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.entertainment {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.entertainment.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.survailance {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.survailance.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.meeting {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.meeting.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.garbage {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.garbage.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.cafeteria {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.cafeteria.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.ngurumo {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.ngurumo.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.rooms {
  border: 4px solid #000;
  border-radius: 0;
  padding-top: 0;
}

.rooms.circle {
  color: #fff;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  order: -1;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.rooms-content-holder {
  justify-content: center;
  display: flex;
}

.rooms-intro {
  text-align: center;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
}

.rooms-intro.margins {
  color: #06255a;
  max-width: 1277px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 36px;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.rooms-intro.margins.up {
  color: #06255a;
  max-width: 1200px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 36px;
  font-size: 20px;
  line-height: 26px;
}

.rooms-intro.margins.location {
  color: #fff;
  text-align: center;
  width: 315px;
  max-width: none;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rooms-intro.margins.location.yellow {
  color: #ffe710;
  cursor: pointer;
  margin-right: 0;
}

.available-rooms {
  margin-top: 18px;
  margin-bottom: 36px;
  padding: 0;
}

.available-rooms.terms {
  width: 332px;
}

.available-rooms.policy {
  margin-top: 40px;
}

.available-rooms.margin-less {
  margin-top: 0;
  margin-bottom: 20px;
}

.copyrightmessage {
  color: #fff;
  text-align: center;
  text-indent: 0;
  text-transform: capitalize;
  justify-content: center;
  margin-bottom: 25px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  line-height: 22.1px;
  display: flex;
}

.testimonial-avatar-2 {
  border: 1px solid #cf4646;
  border-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.testimonial-avatar-2.lecturers {
  border-top-right-radius: 50%;
}

.testimonial-avatar-3 {
  border: 1px solid #cf4646;
  border-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.testimonial-avatar-3.lecturers {
  border-top-right-radius: 50%;
}

.testimonial-avatar-5 {
  border: 1px solid #cf4646;
  border-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.testimonial-avatar-5.lecturers {
  border-top-right-radius: 50%;
}

.testimonial-avatar-4-copy {
  border: 1px solid #cf4646;
  border-radius: 50%;
  width: 63%;
  max-height: 100%;
}

.testimonial-avatar-4-copy.lecturers {
  border-top-right-radius: 50%;
}

.lecturer-image-2, .lecturer-image-3, .lecturer-image-4, .lecturer-image-5, .lecturer-image-6, .lecturer-image-7 {
  border: 2px solid #1fff28;
  border-radius: 200px;
  width: 900px;
  min-width: auto;
  max-width: 60%;
}

.div-block-122 {
  display: none;
}

.lecturer-testimonial {
  width: 578px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 10px;
  display: block;
}

.blog-nav-link {
  display: flex;
}

.blog-ison {
  margin-bottom: 5px;
}

.hero-container {
  justify-content: space-between;
  max-width: 1300px;
  margin-top: 0;
  padding: 60px 40px;
  display: flex;
}

.hero-text {
  flex-flow: column;
  margin: auto;
  display: flex;
}

.hero-image {
  margin-left: 50px;
}

.hero {
  background-color: #d485856b;
  background-image: linear-gradient(90deg, #2384ff, #92cbe0 44%, #fff 51%, #fff);
}

.hero-text-part {
  width: auto;
}

.fundnow-btn {
  border: 2px solid #000;
  display: block;
}

.fundnow-link {
  background-color: #5e74cc;
  border-radius: 20px;
  width: 174px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.button-txt {
  color: var(--black);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

.donate-main-text {
  color: #072559;
  max-width: 552px;
  margin-bottom: 40px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.dash {
  background-color: #d9d9d9;
  height: auto;
}

.upper-line {
  background-color: #cacaca;
  height: 5px;
}

.content-part {
  justify-content: space-around;
  width: auto;
  min-width: 940px;
  max-width: 1300px;
  display: flex;
}

.lower-line {
  background-color: #cacaca;
  height: 5px;
}

.our-vision {
  text-align: center;
  width: 401px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.our-mission {
  text-align: center;
  width: 588px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.core-values {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.seperator-1, .seperator-2 {
  background-color: #cacaca;
  width: 5px;
  margin-left: 20px;
  margin-right: 20px;
}

.donate-left-text {
  color: #072559;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.donate-body-text {
  color: #072559;
  text-align: center;
  margin-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.problem-impact {
  margin-top: 0;
}

.donation-impact {
  background-color: #ffb923;
  border: 2px solid #5cb432;
  border-radius: 24px;
  margin-left: 40px;
}

.container-8 {
  justify-content: space-around;
  max-width: 1300px;
  margin-top: 100px;
  margin-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.donate-body-txt {
  color: #072559;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.amount {
  color: #072559;
  font-family: Poppins, sans-serif;
}

.quick-stack {
  width: 435px;
  padding-bottom: 20px;
}

.heading-2-donations {
  text-align: center;
  margin-top: 20px;
  font-family: Droid Serif, serif;
}

.awards {
  display: none;
}

.bold-text-27 {
  text-align: center;
}

.impact-model-sec {
  margin-top: 0;
  padding-top: 40px;
}

.pitch-sontainer {
  margin-top: 0;
  margin-bottom: 20px;
}

.pitch-head {
  color: #072559;
  text-align: center;
  font-family: Droid Serif, serif;
  font-size: 33px;
  line-height: 38px;
}

.pitch-body {
  color: #072559;
  text-align: center;
  width: 633px;
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.explanations {
  justify-content: space-around;
  max-width: 1300px;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.heading-31 {
  text-align: center;
}

.operational-funding {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 15px;
  width: 300px;
  margin-right: 20px;
  padding: 20px 10px;
}

.strategic-growth-img {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 10px;
}

.full-transparency {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 15px;
  width: 300px;
  margin-left: 20px;
  padding: 20px 10px;
}

.icon-image-holder {
  justify-content: center;
  height: 150px;
  margin-top: 0;
  display: flex;
}

.image-87 {
  max-width: 80%;
  margin-top: auto;
}

.icon-heading {
  text-align: center;
}

.make-a-diff-sec {
  margin: 100px 40px;
}

.make-a-diff-con {
  background-color: #dac97b;
  border-radius: 20px;
  max-width: 1000px;
  display: flex;
}

.content-holder {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.amount-selection {
  justify-content: space-around;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

._500 {
  color: #fff;
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

._500:hover {
  background-color: #366d25;
  border: 1px solid #0eb520;
}

._2000 {
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

._2000:hover {
  background-color: #366d25;
  border: 1px solid #0eb520;
}

._10000 {
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

._10000:hover {
  background-color: #366d25;
  border: 1px solid #0eb520;
}

._50000 {
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

._50000:hover {
  background-color: #366d25;
  border: 1px solid #0eb520;
}

.custom {
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

.custom:hover {
  background-color: #366d25;
  border: 1px solid #0eb520;
}

.full-name, .email-address {
  margin-bottom: 20px;
  display: flex;
}

.email-lable {
  justify-content: center;
  align-items: center;
  width: 225px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  display: flex;
}

.name-lable {
  justify-content: center;
  align-items: center;
  width: 168px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  display: flex;
}

.pay-now-btn {
  color: #072559;
  border-radius: 20px;
  margin: 20px auto 40px;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: block;
}

.difference-heading {
  text-align: center;
  font-family: Droid Serif, serif;
  text-decoration: underline;
}

.call-to-act-txt {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.payment-holder {
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.description-txt {
  color: #072559;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.input-fields {
  width: 663px;
  margin-left: auto;
  margin-right: auto;
}

.cash {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.text-block-48 {
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px;
}

.radio-button {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
}

.radio-button-field {
  display: flex;
}

.radio-button-label {
  margin-top: auto;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.radio-button-2 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
}

.radio-button-field-2 {
  display: flex;
}

.radio-button-label-2 {
  margin-top: auto;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.heading-33 {
  text-align: center;
  margin-top: 40px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  line-height: 25px;
}

.sizer {
  height: 65px;
  margin-left: 40px;
  margin-right: 20px;
  display: flex;
}

.image-88 {
  display: block;
}

.donate-image {
  width: auto;
  min-width: 400px;
  max-width: 600px;
}

.donate-heading {
  color: #072559;
  width: 543px;
  margin-bottom: 20px;
  font-family: Droid Serif, serif;
  font-size: 33px;
  line-height: 38px;
}

.container-9 {
  min-width: 940px;
  max-width: 1300px;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.vision-heading, .misiion-heading, .heading-34 {
  color: #072559;
  margin-bottom: 20px;
  font-family: Droid Serif, serif;
}

.housing-crisis-hed {
  color: #072559;
  font-family: Droid Serif, serif;
}

.safe-housing {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.beyond-a-bed, .lasting-impact {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.safe-housing-img {
  margin-right: 0;
}

.beyond-a-bed-img {
  width: 40px;
  margin-right: 0;
}

.impact-img {
  margin-right: 0;
}

.impact-text {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.transparency-img {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 10px;
  padding: 10px 50px;
}

.operational-funding-img {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 50px;
}

.form-block-2 {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.booking-disclaimer {
  text-align: left;
  background-image: linear-gradient(#ffb923, #ffc23f 47%, #ffc851 77%, #ffcd61 82%, #ffe5ad 92%, #fff);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.confirm-and-pay {
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px;
}

.disclaimer {
  text-align: center;
  flex-flow: column;
  display: flex;
}

.room-select {
  text-align: center;
  margin-top: 0;
}

.payment {
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.booking-heading {
  z-index: 1;
  color: #072559;
  text-align: center;
  font-family: Crimson Text, sans-serif;
  position: relative;
}

.icon-text-part {
  color: #072559;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-block-49, .text-block-50 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.icon-holder {
  background-color: #072559;
  border-radius: 15px;
  margin-right: 20px;
  padding: 10px;
}

.privacy-paragraph {
  color: #072559;
  cursor: pointer;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.confirm-room-heading {
  z-index: 1;
  color: #fff;
  text-align: center;
  font-family: Crimson Text, sans-serif;
  text-decoration: none;
  position: relative;
}

.cell {
  display: flex;
}

.artic-room {
  border: 1px solid silver;
  border-radius: 20px;
  display: flex;
}

.standard-room, .deluxe-room, .suite-room {
  border: 1px solid silver;
  border-radius: 20px;
}

.room-img {
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.text-part {
  flex-flow: row;
  justify-content: space-between;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.add-btn {
  background-color: #d9d9d9;
  border: 0 solid #d9d9d9;
  border-radius: 20px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: auto 20px 20px;
  display: flex;
}

.add-btn:hover {
  color: #fff;
  background-color: #377e4a;
}

.plus {
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
}

.room-heading {
  color: #fff;
  text-align: left;
  -webkit-text-stroke-color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.heading-37 {
  color: #072559;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.privacy-notice-head {
  color: #072559;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.room-price {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
}

.selction-informer {
  border: 1px solid silver;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  box-shadow: -9px 9px 11px 2px #0003;
}

.purchase-btn {
  margin-left: 0;
  display: flex;
}

.amount-description {
  justify-content: center;
  align-items: center;
  display: flex;
}

.book-room-heading {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
}

.amount-txt {
  color: #000;
  text-decoration: none;
}

.link-8 {
  color: #072559;
  background-color: #ffb923;
  border: 1px solid #0eb520;
  border-radius: 10px;
  width: 188px;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.selection-holder {
  flex-flow: column;
  justify-content: space-between;
  width: 300px;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  padding: 20px 40px;
  display: flex;
}

.payment-method-title {
  z-index: 1;
  color: #fff;
  text-align: center;
  font-family: Crimson Text, sans-serif;
  position: relative;
}

.room-description {
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
}

.payment-channel {
  justify-content: space-between;
  display: flex;
}

.form-block-3 {
  margin-bottom: 0;
}

.content-holder-flex {
  justify-content: flex-end;
  align-items: flex-start;
  margin: 20px;
  display: flex;
}

.body-4 {
  background-color: #5a504f;
}

.login-form {
  text-align: center;
  background-image: url('../images/login-background.jpg');
  background-position: 50% 56%;
  background-size: cover;
  border-radius: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 600px;
  height: 600px;
  margin-left: 0;
  display: flex;
  position: absolute;
  box-shadow: -4px 0 #000, -10px 6px 5px #0003;
}

.login-container {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.login-holder {
  margin-top: auto;
  margin-bottom: -40px;
}

.star-holder {
  text-align: center;
  margin-top: 20px;
}

.email-lableing {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.flex-arranger {
  justify-content: space-between;
  align-items: center;
  width: 373px;
  margin: 0 auto 10px;
  display: flex;
}

.email-text-field {
  box-sizing: border-box;
  border-radius: 20px;
  width: 250px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.gradient-heading {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-overflow: clip;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ff0, orange 51%, red);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0 solid #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 38px;
}

.room-description-copy {
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
}

.selected-rooms-text {
  color: #fff;
  margin-bottom: auto;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.remove-btn {
  background-color: #912c07;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 800;
  line-height: 35px;
  display: flex;
}

.remove-btn:hover {
  background-color: #d22828;
}

.minus {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-weight: 600;
  display: block;
}

.room-type-head {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.remove-room-select-head {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
}

.remove-room {
  margin-top: auto;
  margin-bottom: auto;
}

.password-txt-field {
  border-radius: 20px;
  width: 250px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.password-lable {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.form-5 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.page-description {
  color: #fff;
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 20px;
  width: 347px;
  margin: 30px auto 20px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.page-description.login {
  width: 150px;
}

.form-container {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.submit-login {
  background-color: #112131;
  border-radius: 11px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.decorators {
  flex-flow: column;
  justify-content: flex-end;
  margin-top: auto;
  display: flex;
}

.decorator-1 {
  background-image: linear-gradient(10deg, #03496b1a, #bababa1a 17%, #6e7d1d1a 38%, #2f04871a 61%, #0462901a 81%, #068fd11a);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 50%;
  height: 5px;
  margin-bottom: 8px;
  margin-left: auto;
}

.decorator-2 {
  background-image: linear-gradient(50deg, #06255a1a, #bababa1a 17%, #6e7d1d1a 38%, #2f04871a 61%, #0462901a 81%, #068fd11a);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 80%;
  height: 8px;
  margin-bottom: 12px;
}

.decorator-3 {
  background-image: linear-gradient(270deg, #03496b1a, #bababa1a 17%, #6e7d1d1a 38%, #2f04871a 61%, #0462901a 81%, #068fd11a);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 90%;
  height: 15px;
  margin-bottom: 8px;
  margin-left: auto;
}

.decorator-4 {
  background-image: linear-gradient(40deg, #03496b1a, #bababa1a 17%, #6e7d1d1a 38%, #2f04871a 61%, #0462901a 81%, #068fd11a);
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  height: 45px;
}

.image-94 {
  width: 47px;
}

.login-satr {
  width: 45px;
}

.pins {
  justify-content: space-between;
  margin: 0 0 -29px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.first-pin {
  background-color: #112131;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-top: 20px;
  margin-left: 20px;
}

.second-pin {
  background-color: #112131;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-top: 20px;
  margin-right: 20px;
}

.green-blur {
  z-index: -1;
  filter: blur(100px);
  background-color: #5ebb7d;
  border-radius: 400px;
  width: 400px;
  height: 400px;
  position: relative;
  top: 140px;
  left: 450px;
}

.yellow-blur {
  z-index: -1;
  filter: blur(100px);
  background-color: #e6ff29;
  width: 400px;
  height: 400px;
  position: relative;
  bottom: 140px;
  left: 150px;
}

.red-blur {
  z-index: -1;
  filter: blur(100px);
  background-color: #e58484;
  border-radius: 400px;
  width: 400px;
  height: 400px;
  position: relative;
  right: 600px;
}

.rooms-offered-part {
  flex-flow: column;
  display: flex;
}

.tesrimonial-and-image {
  display: flex;
}

.community-testimonial-card {
  background-color: #00000080;
  border: 0 solid #1fff28;
  border-radius: 59px;
  flex-flow: column;
  width: 900px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 20px 20px;
  display: flex;
}

.community-testimonial-card.lecturer {
  background-color: #0000004f;
  background-image: linear-gradient(#072b30, #124650);
  border-width: 2px 2px 11px 7px;
  border-color: #0d3153 #0d3153 #354554 #283440;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 900px;
  padding-top: 20px;
}

.community-testimonial-card.lecturer:hover {
  border-color: #73d2e7 #73d2e7 #0f579e #0d3153;
  border-top-width: 0;
  border-right-width: 0;
}

.mobile-author-name-and-room-no {
  justify-content: center;
  align-items: center;
  display: none;
}

.uoe-lecturer-details {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gold-underline-testimonials {
  background-color: gold;
  width: 531px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 50px 0% 0%;
}

.gold-underline-testimonials.rooms-offer {
  background-color: gold;
  width: 255px;
  top: 50px;
}

.text-field-4, .text-field-5 {
  border-radius: 50px;
  margin-bottom: 0;
}

.bold-text-28, .bold-text-29, .bold-text-30 {
  color: #072559;
  font-size: 23px;
  line-height: 30px;
}

.body-5 {
  background-color: #edfffa;
}

.donate-usage-txt {
  color: #072559;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.strategic-growth-img-copy {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 10px;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 10px;
}

.strategic-growth {
  background-color: #5ba14433;
  border: 1px solid #5cb432;
  border-radius: 15px;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 10px;
}

.bold-text-32, .bold-text-33 {
  color: #fff;
  font-family: Poppins, sans-serif;
}

.page-camoflage-donate {
  background-image: linear-gradient(#edfffa00, #112131);
  height: 100px;
}

.section-6 {
  height: 100vh;
  display: flex;
}

.forgot-password {
  background-color: #3f040082;
  border-radius: 11px;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
}

.image-100 {
  margin-top: -30px;
}

.bold-text-34, .bold-text-35, .bold-text-36, .bold-text-37 {
  color: #fff;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
}

.head-holder {
  position: relative;
}

.booking-heading-copy {
  color: #072559;
  text-align: center;
  font-family: Crimson Text, sans-serif;
}

.second-underline {
  z-index: 0;
  text-align: center;
  background-color: #32d427;
  background-image: linear-gradient(#32d427, #c0ef07);
  border-radius: 20px;
  width: 291px;
  height: 13px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 24px 0% 0%;
}

.third-underline {
  z-index: 0;
  text-align: center;
  background-color: #32d427;
  background-image: linear-gradient(#32d427, #c0ef07);
  border-radius: 20px;
  width: 470px;
  height: 13px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 25px 0% 0%;
}

.gold-underline-1 {
  background-color: gold;
  width: 570px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: absolute;
  inset: 50px 0% 0%;
}

.gold-underline-1.rooms-offer {
  background-color: gold;
  width: 255px;
  top: 50px;
}

.container-10 {
  margin-top: 20px;
}

.radio-button-label-black {
  margin-top: auto;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.bold-text-32-black, .bold-text-33-black {
  color: #000;
  font-family: Poppins, sans-serif;
}

.maria-s-testimonial {
  background-color: #929292;
  border-radius: 18px;
  justify-content: space-around;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.openning-quote {
  justify-content: flex-start;
  align-items: flex-start;
  width: 70px;
  margin-right: 10px;
  display: flex;
}

.closing-quote {
  justify-content: flex-end;
  align-items: flex-end;
  width: 70px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  display: flex;
}

.message {
  border-top: 2px solid #3a9baa;
  flex-flow: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-11 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 120px;
}

.marias-testimonial-head {
  color: #072559;
  text-align: center;
  font-family: Droid Serif, serif;
}

.image-101 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-17 {
  color: #072559;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.quote {
  justify-content: space-around;
  margin-top: 0;
  margin-bottom: auto;
  margin-left: 0;
  display: flex;
}

.maria-s-image {
  justify-content: center;
  align-items: center;
  max-width: 108%;
  margin-top: 0;
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.story {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.image-102 {
  border-radius: 14px;
  max-width: 80%;
}

.heading-39 {
  color: #072559;
  font-family: Droid Serif, serif;
  font-size: 32px;
  line-height: 36px;
}

.text-block-52 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.donate-btn {
  background-color: #5e74cc;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 45px;
  text-decoration: none;
  display: flex;
}

.text-block-53 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.body-6 {
  background-color: #e2f7ff;
}

.div-block-123 {
  align-items: stretch;
  display: flex;
}

.side-bar-div {
  background-color: #2b2a52;
  flex-flow: column;
  width: auto;
  height: 100vh;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.photo-holder {
  background-color: #0e0e0e00;
  border-radius: 100px;
  width: 150px;
  height: 150px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-54 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.menu-items {
  margin-top: 20px;
}

.text-block-55 {
  color: #fff;
  padding: 10px;
}

.up-side {
  flex-flow: column;
  justify-content: flex-start;
  margin-top: 0;
  display: flex;
}

.down-side {
  flex-flow: column;
  justify-content: flex-end;
  margin-top: auto;
  display: flex;
}

.logout-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  text-decoration: none;
  display: flex;
}

.logout-item:hover {
  background-color: #7f2f2f;
  border-radius: 16px;
}

.dashboard-item {
  background-color: #2b2a52;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.dashboard-item:hover, .dashboard-item.dashboard {
  background-color: #706df7;
  border-radius: 16px;
}

.dashboard-item.dash {
  background-color: #d9d9d900;
  padding-left: 20px;
}

.dashboard-item.dash:hover {
  background-color: #706df7;
}

.dashboard-item.dash.w--current {
  background-color: #706df7;
  border-radius: 16px;
  min-width: 50px;
  padding-left: 20px;
}

.balance-item {
  background-color: #706df700;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  text-decoration: none;
  display: flex;
}

.balance-item:hover {
  background-color: #706df7;
  border-radius: 16px;
}

.balance-item.w--current {
  background-color: #706df7;
}

.balance-item.balance {
  background-color: #706df7;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-right: 0;
}

.message-item {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: flex;
}

.message-item:hover {
  background-color: #706df700;
  border-radius: 16px;
}

.notifications-item {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.notifications-item:hover, .notifications-item.w--current {
  background-color: #706df7;
  border-radius: 16px;
}

.agreement-item {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.agreement-item:hover {
  background-color: #706df7;
  border-radius: 16px;
}

.agreement-item.w--current {
  padding-left: 20px;
}

.agreement-item.agree {
  background-color: #2b2a52;
  border-radius: 16px;
}

.agreement-item.agree:hover, .agreement-item.agree.w--current {
  background-color: #706df7;
}

.div-block-125 {
  display: flex;
}

.dashboard-icon {
  width: 35px;
  margin-left: 20px;
  margin-right: 20px;
}

.dashboard-link {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.balance-icon {
  width: 54px;
  padding-right: 20px;
}

.balance-link {
  flex-flow: row;
  display: flex;
}

.message-icon {
  flex-flow: row;
  width: 37px;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.message-link {
  margin-left: -20px;
}

.notification-icon {
  width: 35px;
  margin-left: 20px;
  margin-right: 20px;
}

.agreement-icon {
  width: 34px;
  margin-left: 20px;
  margin-right: 20px;
}

.logout-icon {
  width: 39px;
  margin-right: 20px;
}

.sidebar-link {
  color: #fff;
  flex-flow: row;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.image-103 {
  width: 40px;
}

.rendered-content {
  width: 100%;
  margin-bottom: 100px;
  margin-right: 30px;
  padding-bottom: 40px;
  padding-right: 10px;
  overflow: hidden;
}

.rendered-content.pub-chat {
  margin-right: 30px;
  padding-right: 0;
}

.rendered-content.space {
  margin-left: 0;
  padding-left: 40px;
}

.content {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 20px;
}

.content.pub-chat {
  margin-left: 40px;
  margin-right: 0;
}

.checkout-date {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.room-details {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  align-items: stretch;
  min-width: 230px;
  margin-left: 0;
  margin-right: 40px;
  padding: 10px 40px 20px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.system-page-head {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  line-height: 38px;
}

.system-page-head.report {
  margin-top: 40px;
}

.days-2-rent {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.cards {
  justify-content: space-between;
  margin-top: -30px;
  margin-left: 0;
  margin-right: -40px;
  padding: 30px 40px;
  display: flex;
  overflow: auto;
}

.room-display {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.image-104 {
  width: 39px;
}

.heading-40 {
  height: 88px;
}

.card-heading, .heading-41, .heading-42 {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.text-block-56 {
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.main-head {
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 33px;
  font-weight: 400;
}

.main-head.report {
  margin-top: 0;
  margin-left: 0;
}

.main-head.recent-msg {
  margin-top: 40px;
}

.main-head.chat {
  margin-left: 0;
}

.main-head.centre {
  text-align: center;
  margin-left: 0;
}

.text-block-57 {
  margin: auto;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.text-block-58 {
  text-align: center;
  flex-flow: row;
  margin: auto;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.problem-container {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  margin-top: 0;
  padding: 40px 60px;
  box-shadow: 2px 5px 5px #48484854, -2px 7px 27px 5px #0003;
}

.field-label-6 {
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

.form-6 {
  font-family: Poppins, sans-serif;
}

.field-label-7 {
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

.text-block-59 {
  color: #9b9b9b;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 19px;
}

.text-field-6 {
  border-radius: 16px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 25px;
}

.text-field-7 {
  border-radius: 16px;
  height: 175px;
  font-size: 20px;
  line-height: 25px;
}

.submit-button-3 {
  background-color: #2b2a52;
  border-radius: 19px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 25px;
}

.message-holder {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.div-block-127 {
  border-radius: 100px;
}

.form-7 {
  background-color: #06255b;
  border: 5px solid #2fd626;
  border-radius: 54px;
  padding-top: 40px;
  padding-bottom: 100px;
}

.form-block-4 {
  background-color: #112131;
}

.left-part {
  color: #fff;
  flex-flow: column;
  align-items: stretch;
  margin-left: auto;
  margin-right: 30px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.right-part {
  color: #fff;
  margin-left: 30px;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.introduction {
  text-align: center;
  margin-bottom: 40px;
}

.texting-area {
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 40px;
  display: flex;
}

.text-field-8, .text-field-9 {
  border-radius: 12px;
  width: 350px;
  margin-bottom: 20px;
}

.heading-44 {
  z-index: 1;
  color: #fff;
  font-family: Crimson Text, sans-serif;
  font-size: 38px;
  line-height: 44px;
  position: relative;
}

.text-block-60 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-field-10, .text-field-11, .text-field-12, .text-field-13, .text-field-14, .text-field-15, .text-field-16, .text-field-17, .text-field-18 {
  border-radius: 12px;
  margin-bottom: 20px;
}

.text-field-19 {
  border-radius: 12px;
  width: 350px;
  margin-bottom: 20px;
}

.container-12 {
  margin-top: 40px;
}

.field-label-8 {
  margin-right: auto;
}

.first-underline {
  z-index: 0;
  text-align: center;
  background-color: #32d427;
  background-image: linear-gradient(#32d427, #c0ef07);
  border-radius: 20px;
  width: 268px;
  height: 13px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 24px 0% 0%;
}

.checkbox-field-2 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.checkbox-label-2 {
  text-align: left;
  width: 350px;
  margin-left: 0;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.checkbox-2 {
  margin-left: auto;
  margin-right: 40px;
}

.main-topic-and-lights {
  justify-content: space-between;
  display: flex;
}

.text-block-61 {
  font-family: Poppins, sans-serif;
  font-size: 19px;
  line-height: 20px;
}

.div-block-128 {
  font-family: Poppins, sans-serif;
}

.text-block-62 {
  font-family: Poppins, sans-serif;
  font-size: 19px;
  line-height: 20px;
}

.reffer-and-earn {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.room-change-request {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 0;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.text-block-63, .icon-7 {
  color: #fff;
}

.dropdown-toggle {
  flex-flow: column;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.dropdown-list {
  background-color: #2b2a52;
  display: none;
  position: relative;
}

.dropdown-list:hover {
  background-color: #2b2a52;
}

.dropdown-link {
  color: #bbdadb;
  background-color: #706df7;
  border-radius: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.dropdown-link:hover {
  background-color: #706df7;
  border-radius: 16px;
}

.dropdown-link.private-chat {
  background-color: #2b2a52;
}

.dropdown-link.private-chat:hover {
  background-color: #706df7;
}

.dropdown-link.private-chat.w--current {
  color: #cbcbcb;
  background-color: #706df7;
  text-decoration: none;
}

.dropdown-link.dash {
  background-color: #2b2a52;
}

.dropdown-link.dash:hover {
  background-color: #706df7;
}

.dropdown-link.notif {
  background-color: #2b2a52;
}

.dropdown-link.notif:hover {
  background-color: #706df7;
}

.dropdown-link.bal {
  background-color: #2b2a52;
}

.dropdown-link.bal:hover {
  background-color: #706df7;
}

.dropdown-link-2 {
  color: #bbdadb;
  background-color: #706df7;
  border-radius: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  font-size: 18px;
}

.dropdown-link-2:hover {
  background-color: #706df7;
  border-radius: 16px;
}

.dropdown-link-2.pub-chat {
  background-color: #2b2a52;
}

.dropdown-link-2.pub-chat:hover {
  background-color: #706df7;
}

.dropdown-link-2.dash {
  background-color: #2b2a52;
}

.dropdown-link-2.dash:hover {
  background-color: #706df7;
}

.dropdown-link-2.dash.w--current {
  color: #bbdadb;
  background-color: #706df7;
  text-decoration: none;
}

.dropdown-link-2.bal {
  background-color: #2b2a52;
}

.dropdown-link-2.bal:hover {
  background-color: #706df7;
}

.dropdown-link-2.pub {
  color: #cbcbcb;
  background-color: #706df700;
}

.dropdown-link-2.pub:hover {
  background-color: #706df7;
}

.current-balance {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  align-items: stretch;
  min-width: 230px;
  margin-right: 20px;
  padding: 10px 40px 20px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.top-up {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.top-up.chat {
  min-width: auto;
  margin-left: 0;
  margin-right: 20px;
}

.balance {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  min-width: auto;
  margin-right: 20px;
  padding: 10px 40px 20px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.rent-amount {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 20px;
  margin-right: 0;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.refund-button {
  color: #fff;
  background-color: #2b2a52;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  display: flex;
}

.extention-field-label {
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

.rent-extention-reason {
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

.agreement-card-holder {
  display: flex;
}

.rent-extention-form {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  margin-top: 0;
  margin-right: 0;
  padding: 20px 40px;
  box-shadow: 2px 5px 5px #48484854, -2px 7px 27px 5px #0003;
}

.refund-procedure {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  min-width: 230px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 40px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.refund-procedure.chat {
  margin-left: 0;
  margin-right: 40px;
}

.image-105 {
  border-radius: 100px;
  width: 100%;
  max-width: none;
  display: block;
}

.financials-icon {
  width: 37px;
  margin-left: 20px;
  margin-right: 20px;
}

.concerns-item {
  background-color: #706df700;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.concerns-item:hover {
  background-color: #706df7;
  border-radius: 16px;
}

.concerns-item.w--current {
  background-color: #706df7;
}

.concerns-item.balance {
  background-color: #706df7;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-right: 0;
}

.concerns-icon {
  width: 36px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
}

.concerns-link {
  flex-flow: row;
  display: flex;
}

.financial-item {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.financial-item:hover, .financial-item.w--current {
  background-color: #706df7;
  border-radius: 16px;
}

.problem-report {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  margin-top: 0;
  margin-right: 0;
  padding: 40px 60px;
  box-shadow: 2px 5px 5px #48484854, -2px 7px 27px 5px #0003;
}

.message-profile {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin-right: 0;
  display: flex;
}

.message-identifier {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.profile-image {
  width: 100px;
}

.topic-of-message {
  margin-left: 20px;
  margin-right: 20px;
}

.image-106, .photo {
  border-radius: 100px;
}

.senders-name {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.left-side {
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.right-side {
  margin-left: auto;
}

.text-block-64 {
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
}

.text-block-65, .text-block-66 {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.recent-messages {
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  margin-top: 0;
  margin-right: 0;
  padding: 40px 60px;
  box-shadow: 2px 5px 5px #48484854, -2px 7px 27px 5px #0003;
}

.table-heading {
  font-family: Poppins, sans-serif;
  font-size: 25px;
  line-height: 32px;
}

.report-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  align-items: stretch;
  min-width: 260px;
  margin-left: 0;
  margin-right: 40px;
  padding: 10px 40px 20px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.profile-photo, .management-profile-pic, .tenant-profile-pic {
  border-radius: 100px;
  width: 100%;
  max-width: none;
}

.lottie-sidebar {
  text-align: center;
  border: 0 solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 50px;
  margin: 20px auto -50px;
  padding-right: 0;
  display: none;
}

.image-107 {
  margin-left: auto;
  display: block;
}

.user-name {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.lottie-sidebar--inside {
  text-align: center;
  border: 0 solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 50px;
  margin: 0;
  padding-right: 0;
  display: none;
}

.side-bar-mobile {
  background-color: #2b2a52;
  flex-flow: column;
  width: auto;
  height: 100vh;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  position: sticky;
  top: 0;
}

.active-agreements, .pending-agreements {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #81d86729;
  border: 1px solid #00000005;
  border-radius: 36px;
  flex-flow: column;
  align-items: stretch;
  min-width: 230px;
  margin-left: 0;
  margin-right: 40px;
  padding: 10px 40px 20px;
  display: flex;
  box-shadow: -2px 7px 27px 5px #48484854, 2px 5px 5px #0003;
}

.bold-text-38 {
  font-size: 20px;
  line-height: 25px;
}

.text-block-64-copy {
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
}

.faq-system {
  justify-content: space-between;
  display: flex;
}

.card-txt {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.notification-head-field {
  border-radius: 16px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 25px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 991px) {
  .see-available {
    padding-top: 0;
  }

  .see-available.main-page {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .see-available.blank {
    padding-left: 20px;
    padding-right: 20px;
  }

  .see-available.midsection {
    height: 393px;
  }

  .see-available.rooms {
    padding-top: 40px;
  }

  .students-hostels-heading {
    margin-top: 36px;
    margin-bottom: 18px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .students-hostels-heading.second {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 38px;
  }

  .students-hostels-heading.second.yellow {
    margin-top: 20px;
  }

  .students-hostels-heading.second.yellow.lower-margin {
    margin-bottom: 20px;
  }

  .students-hostels-heading.second.space {
    margin-top: 33px;
  }

  .opening-paragraph {
    font-size: 16px;
    line-height: 20.8px;
  }

  .opening-paragraph.testimonial {
    max-width: 433px;
  }

  .opening-paragraph.testimonial.black {
    color: #000;
  }

  .opening-paragraph.comments {
    color: #fff;
    text-align: justify;
    width: 366px;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
  }

  .opening-paragraph.home {
    margin-right: 10px;
  }

  .opening-paragraph.home.slider {
    font-size: 19px;
    line-height: 28px;
  }

  .opening-paragraph.testimonials {
    text-align: center;
    min-width: auto;
    max-width: 600px;
    margin: 10px auto 40px;
    font-size: 18px;
    line-height: 24px;
  }

  .opening-paragraph.testimonials.slides {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .opening-paragraph.title {
    margin-top: 10px;
    margin-right: 0;
  }

  .main-image {
    width: auto;
    min-width: 388px;
    max-width: 400px;
    margin-left: 10px;
  }

  .grid {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .naming-textbox {
    color: #06255a;
    font-size: 16px;
  }

  .grid-2 {
    margin-bottom: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .faqs-intro.margins {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 16px;
  }

  .faqs-intro.margins.up {
    color: #06255a;
    margin-bottom: 36px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 20.8px;
  }

  .link.see-rooms {
    font-size: 23px;
    line-height: 33px;
  }

  .link.see-rooms.home {
    border-width: 4px;
    padding: 5px;
    font-size: 22px;
  }

  .link.see-rooms.home.hide {
    display: none;
  }

  .link.see-rooms.home.show {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-traits.terms {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-flex;
  }

  .button-traits.policy {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-flex;
  }

  .button-traits.margin-less {
    margin-bottom: 0;
  }

  .footer-body-room._992 {
    min-width: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-body-room._992.dun {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

  .link-2 {
    margin-right: 100px;
    padding-right: 0;
    font-size: 20px;
  }

  .link-2.margin {
    margin-left: 100px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-and-slogan {
    width: 279px;
    margin-right: 0;
    padding-right: 0;
  }

  .form {
    padding-left: 0;
  }

  .text-field {
    width: 150px;
  }

  .field-label {
    padding-right: 10px;
    font-size: 14px;
  }

  .second-email-and-phone {
    min-width: 300px;
    max-width: 300px;
  }

  .call-to-action-email {
    text-align: center;
    margin-top: 20px;
    padding-left: 0;
    font-size: 14px;
  }

  .heading-2 {
    min-width: 288px;
    font-size: 27px;
  }

  .contact, .questions {
    font-size: 14px;
  }

  .sererating-image {
    text-align: center;
    height: 278px;
    padding-left: 0;
    padding-right: 0;
  }

  .field-label-2, .field-label-3 {
    font-size: 18px;
  }

  .form-2 {
    width: 358px;
  }

  .rooms-f-links {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .home-f-links {
    align-self: flex-start;
  }

  .text-block-10 {
    padding-left: 30px;
    font-size: 14px;
  }

  .footer {
    margin-top: 0;
    padding-top: 60px;
  }

  .roomspage-title {
    margin-bottom: 18px;
  }

  .block-a-b {
    min-width: 750px;
    max-width: 954px;
  }

  .a-btitle {
    margin-bottom: 18px;
  }

  .paragraph-3, .a-bparagraph {
    font-size: 16px;
    line-height: 20.8px;
  }

  .rooms-design {
    padding-top: 0;
  }

  .rooms-design-heading {
    margin-bottom: 15px;
  }

  .imager {
    min-width: 367px;
    max-width: 900px;
    margin-top: 0;
  }

  .link-block {
    margin-top: 0;
  }

  .image-6 {
    max-width: none;
  }

  .room-holder {
    margin-top: -34px;
    margin-left: auto;
  }

  .heading-1 {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .underlining-block {
    top: 50px;
  }

  .underlining-block._28 {
    top: 65px;
  }

  .green-underline {
    width: 545px;
    top: 44px;
  }

  .rooms-heading.faqs {
    margin-top: -20px;
  }

  .rooms-heading.location {
    margin-right: auto;
  }

  .gold-underline-2 {
    top: 49px;
  }

  .gold-underline-2.rooms-offer {
    margin-left: auto;
  }

  .link-3, .footer-links, .link-5 {
    font-size: 14px;
  }

  .modal-wrapper {
    display: none;
  }

  .modal {
    margin-left: 0;
    margin-right: 0;
  }

  .submit-button {
    font-size: 18px;
  }

  .right-details-block, .left-details-block {
    width: 300px;
  }

  .italic-text, .italic-text-2, .italic-text-3, .italic-text-4 {
    font-size: 14px;
  }

  .text-field-2, .text-field-3 {
    width: 296px;
  }

  .form-block {
    width: 325px;
  }

  .image-8 {
    margin-right: 0;
  }

  .room-icon {
    width: auto;
    margin-left: -4px;
    margin-right: 10px;
  }

  .the-text-block {
    display: none;
  }

  .room-design-paragraph {
    font-size: 16px;
    line-height: 20.8px;
  }

  .room-design-paragraph.testimonials-text {
    min-width: auto;
    max-width: none;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .rooms-design-underline {
    margin-top: -21px;
    margin-bottom: 20px;
  }

  .image-9 {
    min-width: 140px;
    max-width: 211px;
    height: 100%;
  }

  .image-10 {
    min-width: auto;
    height: 100%;
  }

  .image-11 {
    min-width: 140px;
    max-width: none;
  }

  .image-12 {
    width: auto;
    min-width: 140px;
    max-width: 163px;
    height: 100%;
  }

  .accordion-header._2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .accordion-text {
    font-size: 16px;
  }

  .testimonial-hero {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .top-rated-heading {
    width: auto;
    margin-bottom: 10px;
    font-size: 33px;
    line-height: 42px;
  }

  .section-3 {
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .section-3.institutions.no-pad {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section-3.testimonials {
    margin-bottom: 100px;
  }

  .slider-testimonial-wrapper {
    margin-top: -30px;
    margin-bottom: 0;
  }

  .slider-testimonial-wrapper.two.three.unseen {
    display: none;
  }

  .stars-1 {
    margin-bottom: 20px;
  }

  .image-and-name {
    margin-left: auto;
    margin-right: auto;
  }

  .name-1 {
    margin-left: 20px;
  }

  .testimonial-card-1.left {
    width: 225px;
    height: 337px;
    margin-top: 40px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .content-holder {
    height: 300px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .paragraph-12 {
    font-size: 14px;
  }

  .other-institutions {
    max-width: none;
    display: block;
  }

  .uniersity_of_embu {
    padding-left: 0;
  }

  .heading-11.comments {
    margin-top: 20px;
    font-size: 30px;
    line-height: 34px;
  }

  .paragraph-13._487 {
    width: 355px;
    font-size: 16px;
    line-height: 30px;
  }

  .container-testimonial-hero {
    width: auto;
    max-width: 950px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .container-testimonial-hero.test {
    flex-flow: column;
    min-width: auto;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .text-section.auto {
    margin-left: auto;
    padding-left: 0;
  }

  .testimonials-image {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-14 {
    font-size: 17px;
  }

  .standard-rooms {
    margin-top: 13px;
  }

  .slider-arrow-left, .slider-arrow-right {
    width: 2rem;
    height: 2rem;
    top: 416px;
  }

  .div-block-72 {
    margin-top: -40px;
  }

  .div-block-72.two.unseen, .div-block-72.unseen {
    display: none;
  }

  .div-block-72.up {
    margin-top: 0;
  }

  .students-group-photo {
    width: 80%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .image-34 {
    margin-left: 0;
    margin-right: auto;
  }

  .div-block-73 {
    width: 258px;
  }

  .paragraph-15 {
    width: 485px;
    font-size: 16px;
  }

  .div-block-74 {
    width: 400px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .first-underlining-block {
    width: 708px;
    height: 10px;
    top: 25px;
    left: -1px;
  }

  .second-underlining-block {
    width: 337px;
    height: 10px;
    display: none;
    top: 66px;
    left: -2px;
  }

  .div-block-79 {
    background-color: #faff00;
    width: 379px;
    height: 13px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 13px;
    bottom: 0;
    left: auto;
  }

  .div-block-80 {
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 10px;
    display: flex;
    position: relative;
    top: -22px;
  }

  .icon-2 {
    margin: 0;
  }

  .icon-3 {
    margin-left: -4px;
  }

  .div-block-81 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .div-block-82 {
    width: 601px;
    top: 37px;
  }

  .notes-side {
    margin-right: 10px;
  }

  .body-section {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-14 {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .body-text {
    font-size: 16px;
  }

  .toc-holder {
    margin-top: 10px;
  }

  .heading-15 {
    font-size: 20px;
  }

  .div-block-84 {
    top: 28px;
    left: 239px;
  }

  .nav-links {
    font-size: 16px;
  }

  .nav-links.w--current {
    margin-left: 5px;
    font-size: 16px;
  }

  .students-testimonials {
    margin-top: 0;
  }

  .testimonial-card {
    justify-content: center;
    align-items: center;
    width: 701px;
    height: 345px;
    margin: auto;
    display: flex;
  }

  .testimonial-card.lecturer {
    width: 700px;
    max-width: 900px;
    height: 380px;
    margin-left: auto;
    margin-right: auto;
  }

  .lec-image {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: auto;
    max-width: none;
    margin: auto 10px auto auto;
    padding-bottom: 0;
    padding-left: 0;
  }

  .testimonial-text {
    text-align: justify;
    width: auto;
    margin: 10px auto auto 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-2 {
    background-color: #ddd0;
  }

  .testimonial-avatar-4 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 203px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-avatar-4.lecturers {
    margin-left: auto;
  }

  .left-arrow {
    background-color: #49ae41;
    width: 40px;
    height: 40px;
    top: -78px;
    left: 5px;
  }

  .right-arrow-2 {
    background-color: #49ae41;
    width: 40px;
    height: 40px;
    top: -117px;
    left: 105px;
  }

  .slide-nav-2, .div-block-87.hidden {
    display: none;
  }

  .div-block-87.hide {
    display: flex;
  }

  .name {
    font-size: 17px;
  }

  .icon-4, .icon-5 {
    font-size: 25px;
  }

  .staff-heading.yellow {
    font-size: 28px;
  }

  .home-topic {
    margin-top: 35px;
  }

  .location {
    padding-left: 10px;
  }

  .map-image {
    width: 364px;
    height: 415px;
  }

  .map-holder {
    padding-bottom: 60px;
  }

  .container-5 {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .bold-text-2 {
    font-size: 20px;
  }

  .bold-text-2.staff, .bold-text-3 {
    font-size: 19px;
  }

  .div-block-90 {
    background-color: #112131;
  }

  .staff-image {
    width: 450px;
  }

  .faqs {
    font-size: 15px;
  }

  .hero-content {
    display: flex;
  }

  .div-block-95 {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .price {
    font-size: 21px;
  }

  .madonna_maps_link {
    width: 209px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .parallax-section {
    background-image: url('../images/WhatsApp-Image-2024-12-25-at-11.08.44-PM.jpeg'), linear-gradient(#581313, #581313);
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 800px, auto;
    background-attachment: fixed, scroll;
    height: 244px;
  }

  .parallax-overlay {
    height: 244px;
  }

  .our-rooms-heasing {
    font-size: 33px;
  }

  .title-holder {
    margin-top: 116px;
  }

  .upper-page-block {
    height: 15px;
  }

  .student-image-holder {
    justify-content: flex-end;
    align-items: flex-start;
    width: 300px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .quote-marks {
    margin-left: 10px;
  }

  .openning-quotes {
    max-width: 33px;
    margin-top: 10px;
  }

  .image-50, .image-52, .image-54, .image-56, .image-58, .image-60, .image-62, .image-64 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 256px;
  }

  .lecturer-image-1 {
    width: 174px;
    min-width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .lecturer-message {
    clear: left;
    color: #fff;
    text-align: justify;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .side-view-container {
    display: none;
  }

  .front-view-section {
    margin-top: auto;
  }

  .fundus-container {
    width: auto;
    max-width: 630px;
    margin-top: auto;
  }

  .left-image-slider {
    display: none;
  }

  .donation-options {
    justify-content: space-around;
    align-items: center;
    padding-left: 40px;
    display: block;
  }

  .slider-content-holder {
    width: 500px;
    margin-top: 0;
    margin-bottom: 40px;
    padding-left: 20px;
  }

  .advertise-txt-content {
    flex-flow: column;
    margin-left: 0;
  }

  .why-advertise-heading {
    display: block;
  }

  .advertising-image {
    width: 250px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials-image-bg {
    background-image: none;
    padding-bottom: 20px;
  }

  .community-testimonial-heading {
    font-size: 33px;
    line-height: 42px;
  }

  .author-name, .author-relation, .bold-text-26 {
    font-size: 20px;
  }

  .close-quotes {
    max-width: 33px;
  }

  .closing-quotes {
    height: 33px;
  }

  .fund-slider-paragraph {
    width: 460px;
    margin-left: 20px;
    margin-right: 0;
  }

  .fixed-background {
    height: 320vh;
  }

  .rooms-content-holder {
    justify-content: center;
    align-items: center;
  }

  .rooms-intro.margins {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 16px;
  }

  .rooms-intro.margins.up {
    color: #06255a;
    margin-bottom: 36px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 20.8px;
  }

  .available-rooms.terms {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-flex;
  }

  .available-rooms.policy {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-flex;
  }

  .available-rooms.margin-less {
    margin-bottom: 0;
  }

  .copyrightmessage {
    text-align: center;
    margin-top: 20px;
    padding-left: 0;
    font-size: 14px;
  }

  .testimonial-avatar-2 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 203px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-avatar-2.lecturers {
    margin-left: auto;
  }

  .testimonial-avatar-3 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 203px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-avatar-3.lecturers {
    margin-left: auto;
  }

  .testimonial-avatar-5 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 203px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-avatar-5.lecturers {
    margin-left: auto;
  }

  .testimonial-avatar-4-copy {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 203px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-avatar-4-copy.lecturers {
    margin-left: auto;
  }

  .lecturer-image-2, .lecturer-image-3, .lecturer-image-4, .lecturer-image-5, .lecturer-image-6, .lecturer-image-7 {
    width: 174px;
    min-width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .lecturer-testimonial {
    text-align: justify;
    margin: auto auto auto 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-image {
    display: flex;
  }

  .donate-main-text {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px;
  }

  .content-part {
    min-width: 600px;
  }

  .our-vision {
    width: 291px;
  }

  .our-mission {
    width: 328px;
  }

  .core-values {
    width: 420px;
  }

  .donate-left-text, .donate-body-text {
    font-size: 16px;
    line-height: 21px;
  }

  .problem-statement {
    width: auto;
    min-width: 300px;
    max-width: 400px;
  }

  .donation-impact {
    width: 350px;
  }

  .container-8 {
    margin-top: 60px;
  }

  .donate-body-txt {
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .amount {
    font-family: Poppins, sans-serif;
  }

  .quick-stack {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 350px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-2-donations {
    font-size: 25px;
    line-height: 31px;
  }

  .pitch {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pitch-head {
    width: 537px;
    font-size: 25px;
    line-height: 31px;
  }

  .pitch-body {
    width: 444px;
    margin-left: 0;
    margin-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .explanations {
    max-width: 800px;
    margin-top: 20px;
  }

  .operational-funding {
    width: 320px;
    margin-right: 10px;
    padding-top: 10px;
  }

  .strategic-growth-img {
    background-color: #5ba14400;
    border-width: 0;
  }

  .full-transparency {
    width: 320px;
    margin-left: 10px;
    padding-top: 10px;
  }

  .icon-image-holder {
    text-align: center;
    background-color: #5ba14433;
    border: 1px solid #5cb432;
    border-radius: 10px;
    justify-content: space-between;
  }

  .icon-heading {
    font-size: 20px;
    line-height: 26px;
  }

  .make-a-diff-con {
    display: block;
  }

  .content-holder {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .amount-selection {
    box-sizing: border-box;
    aspect-ratio: auto;
    margin-top: 30px;
    overflow: clip;
  }

  ._500 {
    margin-right: 5px;
  }

  ._2000, ._10000, ._50000 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .custom {
    margin-left: 5px;
  }

  .full-name {
    margin-bottom: 10px;
  }

  .email-lable {
    font-size: 16px;
    line-height: 21px;
  }

  .name-lable {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .difference-heading {
    font-size: 30px;
    line-height: 35px;
  }

  .call-to-act-txt {
    width: 700px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .description-txt {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .input-fields {
    width: 600px;
  }

  .cash {
    text-align: center;
    font-family: Poppins, sans-serif;
  }

  .heading-33 {
    font-weight: 600;
    text-decoration: underline;
  }

  .donate-image {
    justify-content: center;
    align-items: center;
    min-width: 313px;
    display: flex;
  }

  .donate-heading {
    width: 400px;
    font-size: 30px;
  }

  .container-9 {
    min-width: auto;
  }

  .vision-heading {
    font-size: 30px;
    line-height: 35px;
  }

  .misiion-heading, .heading-34 {
    font-size: 30px;
  }

  .housing-crisis-hed {
    text-align: center;
    font-size: 25px;
    line-height: 31px;
  }

  .safe-housing {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .beyond-a-bed, .lasting-impact {
    flex-flow: column;
  }

  .transparency-img {
    text-align: center;
    background-color: #fff0;
    border-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .operational-funding-img {
    background-color: #fff0;
    border-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .form-block-2 {
    margin-top: 20px;
  }

  .confirm-and-pay {
    margin-bottom: 40px;
  }

  .room-select {
    flex-flow: column;
    max-width: 774px;
    margin-top: 20px;
    display: flex;
  }

  .booking-steps-holder {
    width: 750px;
    margin-left: 0;
    margin-right: 0;
  }

  .icon-text-part {
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .icon-holder {
    margin-bottom: 10px;
  }

  .room-heading, .book-room-heading {
    font-size: 17px;
    line-height: 28px;
  }

  .link-8 {
    font-size: 18px;
  }

  .selection-holder {
    width: 215px;
  }

  .selected-rooms-text {
    line-height: 24px;
  }

  .page-description {
    margin-top: 20px;
  }

  .tesrimonial-and-image {
    justify-content: center;
    align-items: center;
  }

  .community-testimonial-card {
    justify-content: center;
    align-items: center;
    width: 701px;
    height: 345px;
    margin: auto;
    display: flex;
  }

  .community-testimonial-card.lecturer {
    width: 700px;
    max-width: 900px;
    height: 380px;
    margin-left: auto;
    margin-right: auto;
  }

  .gold-underline-testimonials {
    top: 49px;
  }

  .gold-underline-testimonials.rooms-offer {
    margin-left: auto;
  }

  .bold-text-28 {
    font-size: 20px;
    line-height: 25px;
  }

  .bold-text-29 {
    font-size: 20px;
  }

  .bold-text-30 {
    font-size: 20px;
    line-height: 25px;
  }

  .bold-text-31, .bold-text-values {
    font-size: 16px;
    line-height: 21px;
  }

  .cell-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .cell-3 {
    justify-content: center;
    align-items: center;
    font-family: Poppins, sans-serif;
  }

  .cell-4 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .image-95 {
    width: 37px;
  }

  .cell-5, .cell-6, .cell-7 {
    justify-content: center;
    align-items: center;
  }

  .cell-8 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .image-96, .image-97 {
    width: 37px;
  }

  .donate-usage-txt {
    text-align: center;
    width: 250px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .cell-9 {
    justify-content: center;
    align-items: center;
  }

  .strategic-growth-img-copy {
    background-color: #5ba14400;
    border-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .strategic-growth {
    background-color: #5ba14433;
    border-width: 1px;
    width: 320px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
  }

  .bold-text-33 {
    line-height: 25px;
  }

  .second-underline {
    width: 472px;
    top: 1827px;
  }

  .third-underline {
    width: 290px;
    top: 1239px;
  }

  .gold-underline-1 {
    top: 49px;
  }

  .gold-underline-1.rooms-offer {
    margin-left: auto;
  }

  .bold-text-33-black {
    line-height: 25px;
  }

  .maria-s-testimonial {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .message {
    border-top-width: 0;
  }

  .container-11 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .paragraph-17 {
    font-size: 16px;
    line-height: 21px;
  }

  .maria-s-image {
    margin-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-102 {
    max-width: 100%;
  }

  .heading-39 {
    font-size: 30px;
  }

  .donate-btn {
    justify-content: center;
    align-items: center;
  }

  .body-6 {
    display: flex;
  }

  .div-block-123 {
    max-width: 100%;
  }

  .photo-holder {
    width: 130px;
    height: 130px;
    margin-top: 50px;
  }

  .sidebar-link {
    font-size: 17px;
    line-height: 23px;
  }

  .rendered-content.pub-chat {
    flex-flow: column;
    justify-content: space-between;
    width: auto;
    margin-right: 0;
    display: flex;
  }

  .rendered-content.space {
    width: auto;
    margin-right: 20px;
    padding-right: 0;
  }

  .content.pub-chat {
    margin-right: 30px;
  }

  .checkout-date {
    min-width: 200px;
    padding-bottom: 20px;
  }

  .room-details {
    min-width: 200px;
    margin-right: 20px;
  }

  .days-2-rent {
    min-width: 200px;
  }

  .cards {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card-heading {
    font-size: 20px;
    line-height: 25px;
  }

  .main-head {
    font-size: 25px;
    line-height: 30px;
  }

  .main-head.centre {
    margin-top: 40px;
  }

  .left-part {
    width: 250px;
    min-width: 200px;
  }

  .right-part {
    min-width: 200px;
  }

  .text-field-8 {
    width: auto;
    margin-bottom: 20px;
  }

  .text-field-9 {
    width: 250px;
    min-width: 200px;
  }

  .text-block-60 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .text-field-10, .text-field-16, .text-field-17, .text-field-18 {
    margin-bottom: 20px;
  }

  .text-field-19 {
    width: auto;
  }

  .first-underline {
    width: 472px;
    top: 1827px;
  }

  .checkbox-label-2 {
    font-size: 15px;
    line-height: 20px;
  }

  .checkbox-2 {
    margin-right: 20px;
  }

  .room-change-request {
    min-width: 200px;
  }

  .top-up.chat {
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .extention-field-label, .rent-extention-reason {
    font-size: 20px;
    line-height: 25px;
  }

  .agreement-card-holder {
    padding: 30px;
    overflow: auto;
  }

  .rent-extention-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .problem-report {
    padding-left: 40px;
    padding-right: 40px;
  }

  .table-heading {
    font-size: 20px;
    line-height: 25px;
  }

  .lottie-sidebar {
    max-width: 40px;
    margin-top: 40px;
    display: none;
  }

  .user-name {
    font-size: 18px;
    line-height: 23px;
  }

  .lottie-sidebar--inside {
    max-width: 40px;
    margin-top: 40px;
    display: none;
  }

  .active-agreements, .pending-agreements {
    min-width: 200px;
    margin-right: 20px;
  }

  .text-answer {
    text-align: center;
  }

  .faq-system {
    flex-flow: column;
  }

  .card-txt {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .see-available {
    padding-top: 0;
    overflow: visible;
  }

  .see-available.main-page {
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .see-available.blank {
    padding-top: 10px;
  }

  .see-available.blank.button {
    margin-bottom: 20px;
  }

  .see-available.blank.faqs {
    padding-top: 0;
  }

  .see-available.midsection {
    height: 332px;
  }

  .see-available.rooms {
    padding-top: 20px;
  }

  .students-hostels-heading {
    font-size: 28px;
  }

  .students-hostels-heading.second {
    margin-bottom: 20px;
    font-size: 27px;
  }

  .students-hostels-heading.second.yellow {
    max-width: 711px;
    font-size: 24px;
  }

  .students-hostels-heading.second.yellow.lower-margin {
    margin-bottom: 50px;
  }

  .students-hostels-heading.second.yellow.lower-margin.up {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .students-hostels-heading.location {
    margin-bottom: 0;
  }

  .opening-paragraph {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
  }

  .opening-paragraph.testimonial {
    text-align: center;
    max-width: 483px;
    margin-bottom: 20px;
  }

  .opening-paragraph.comments {
    text-align: center;
    width: auto;
    margin-top: 10px;
  }

  .opening-paragraph.staff-comments {
    text-align: center;
  }

  .opening-paragraph.home {
    margin-top: -10px;
  }

  .opening-paragraph.home.advert {
    margin-top: 5px;
    line-height: 19px;
  }

  .opening-paragraph.testimonials {
    text-align: center;
    min-width: auto;
    max-width: none;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .opening-paragraph.testimonials.slides {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .text-block {
    background-image: linear-gradient(gold, #00286b 29%, #06255a 47%, #00286b 67%, gold);
    font-size: 32px;
  }

  .main-image {
    display: none;
  }

  .grid {
    margin-top: -39px;
  }

  .naming-textbox {
    font-size: 14px;
  }

  .grid-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faqs-intro.margins {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .faqs-intro.margins.up {
    margin-top: -10px;
    font-size: 15px;
  }

  .faqs-intro.margins.location {
    margin-bottom: 0;
    margin-right: 0;
  }

  .faqs-intro.margins.location.yellow {
    margin-bottom: 20px;
    padding-top: 0;
  }

  .link.see-rooms {
    font-size: 27px;
  }

  .link.see-rooms.home.show {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-body-room._992.closer {
    padding-bottom: 20px;
  }

  .footer-body-room._992.dun {
    justify-content: center;
    align-items: center;
  }

  .link-2 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 60px;
    font-size: 19px;
    line-height: 22.8px;
  }

  .link-2.margin {
    padding-left: 60px;
    padding-right: 0;
  }

  .logo-and-slogan {
    display: none;
  }

  .logo-and-slogan.size {
    font-size: 13px;
    display: block;
  }

  .text-block-6 {
    font-size: 33px;
  }

  .text-field {
    width: 229px;
  }

  .second-email-and-phone {
    max-width: 600px;
  }

  .call-to-action-email {
    margin-top: 0;
    padding-top: 22px;
  }

  .sererating-image {
    display: none;
  }

  .form-2 {
    width: 300px;
  }

  .home-f-links {
    justify-content: space-around;
    align-items: center;
    padding-bottom: 0;
  }

  .footer {
    margin-top: 0;
  }

  .seperator-footer {
    align-self: stretch;
    height: 13px;
  }

  .roomspage-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10px;
  }

  .roomspage-heading {
    margin-top: 40px;
    margin-bottom: 22px;
    font-size: 27px;
  }

  .block-a-b {
    min-width: 460px;
    max-width: 750px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .a-btitle, .heading-5 {
    font-size: 30px;
  }

  .paragraph-3 {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .a-bparagraph {
    letter-spacing: 0;
    margin-bottom: 40px;
    font-size: 14px;
  }

  .rooms-design {
    padding-left: 0;
    padding-right: 0;
  }

  .rooms-design-heading {
    margin-top: 0;
    margin-bottom: 45px;
    font-size: 28px;
  }

  .imager {
    justify-content: center;
    min-width: 183px;
    max-width: 750px;
    margin-left: 10px;
    margin-right: 0;
  }

  .link-block {
    width: 275px;
  }

  .text-block-16 {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 17px;
  }

  .book-now {
    border-radius: 18px;
    width: 206px;
    margin-top: 0;
    padding: 10px 20px;
  }

  .text-block-17 {
    border-radius: 8px;
    font-size: 27px;
  }

  .room-holder {
    margin-bottom: 60px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .room-holder.last {
    padding-bottom: 0;
  }

  .underlining-block {
    display: none;
  }

  .green-underline {
    width: 441px;
    height: 13px;
    top: 39px;
  }

  .gold-underline-2 {
    width: 431px;
    top: 44px;
  }

  .gold-underline-2.rooms-offer {
    width: 208px;
    top: 45px;
  }

  .modal-wrapper {
    display: none;
    overflow: visible;
  }

  .modal {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .submit-button {
    font-size: 17px;
  }

  .right-details-block, .left-details-block {
    width: 350px;
  }

  .heading-7 {
    font-size: 28px;
    line-height: 28px;
  }

  .booking-details-opening {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    line-height: 21px;
  }

  .sliderhero {
    text-align: left;
  }

  .italic-text-3 {
    letter-spacing: 0;
  }

  .form-block {
    width: 300px;
  }

  .room-icon {
    background-color: #49ae4100;
    margin-left: 0;
  }

  .menu-button {
    color: #000;
    background-color: #ebda43;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 58px;
  }

  .menu-button.w--open {
    color: #000;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    background-color: #ebda43;
    flex-direction: column;
    display: flex;
    position: absolute;
  }

  .italic-text-5 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .rooms-design-container {
    width: 202px;
  }

  .room-design-heading {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 30.8px;
  }

  .room-design-paragraph {
    letter-spacing: 0;
    margin-bottom: 30px;
    font-size: 14px;
  }

  .room-design-paragraph.testimonials-text {
    letter-spacing: 0;
    line-height: 18px;
  }

  .underlining-black {
    display: none;
    top: 72px;
  }

  .rooms-design-underline {
    margin-top: -53px;
    margin-bottom: 60px;
  }

  .roomspage-underline {
    background-color: var(--gold);
    height: 10px;
    margin-top: -36px;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .image-9 {
    width: 0;
    min-width: 170px;
    min-height: 302px;
    padding-left: 0;
  }

  .image-10 {
    width: auto;
    min-width: auto;
    max-width: 180px;
    height: 100%;
  }

  .image-11 {
    min-width: auto;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
  }

  .image-12 {
    width: auto;
    min-width: auto;
    max-width: 168px;
    height: 100%;
    min-height: auto;
  }

  .accordion-header {
    padding-top: 1rem;
    padding-bottom: .5rem;
  }

  .image-13 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .dropdown-icon-3 {
    min-width: 30px;
    max-width: 30px;
  }

  .dropdown-icon-2, .image-16, .dropdown-icon-4, .dropdown-icon-5, .image-19 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .image-20 {
    width: 30px;
    min-width: 30px;
  }

  .dropdown-icon-6, .dropdown-icon-7, .dropdown-icon-8, .dropdown-icon-9 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .dropdown-icon-10 {
    width: 30px;
    min-width: 30px;
    max-width: 30%;
  }

  .dropdown-icon-11, .dropdown-icon-12, .div-block-48 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .testimonial-hero {
    background-image: linear-gradient(#ffb923, #ffb923 0%, #2a805b 21%, #326b66 29%, #0a2a33);
  }

  .top-rated-heading {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 386px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    line-height: 38px;
  }

  .section-3.institutions.no-pad {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section-3.testimonials {
    margin-bottom: 100px;
  }

  .slider-testimonial-wrapper {
    margin-top: 0;
  }

  .slider-testimonial-wrapper.two, .slider-testimonial-wrapper.two.three {
    display: block;
  }

  .testimonial-holder.small {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-card-1.left {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .testimonial-card-1.left.unseen {
    display: none;
  }

  .institutional-comments {
    margin-left: auto;
  }

  .uniersity_of_embu {
    background-image: linear-gradient(#072b30, #124650);
    width: auto;
    max-width: none;
    height: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
    padding-left: 20px;
    display: block;
  }

  .heading-11 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .heading-11.left {
    text-align: right;
    margin-left: 0;
    margin-right: 25px;
  }

  .heading-11.comments {
    margin-bottom: 20px;
  }

  .paragraph-13._487 {
    text-align: center;
    width: 438px;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .container-testimonial-hero {
    padding-bottom: 0;
    display: block;
  }

  .container-testimonial-hero.test {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .text-section.auto {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .testimonials-image {
    margin-bottom: 40px;
  }

  .standard-rooms {
    width: 100%;
    margin-bottom: -10px;
    font-size: 22px;
    line-height: 26px;
  }

  .mask-2 {
    width: auto;
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-nav {
    width: 300px;
    position: absolute;
    top: 370px;
  }

  .slider-arrow-left {
    right: 330px;
  }

  .slider-arrow-right {
    left: 330px;
  }

  .div-block-72 {
    width: auto;
    display: block;
    overflow: visible;
  }

  .div-block-72.two {
    display: block;
  }

  .students-group-photo {
    width: 70%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .image-34 {
    margin-top: -34px;
    margin-bottom: 0;
  }

  .image-34.second {
    margin-right: auto;
  }

  .div-block-73 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-15 {
    text-align: left;
    width: 359px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .paragraph-15.left {
    text-align: right;
  }

  .div-block-74 {
    width: auto;
    height: auto;
    display: flex;
  }

  .first-underlining-block {
    width: 308px;
    margin-right: 0;
    top: 22px;
    left: auto;
    right: auto;
  }

  .second-underlining-block {
    width: 335px;
    display: block;
    top: 60px;
    left: auto;
    right: auto;
  }

  .div-block-78 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-79 {
    width: 308px;
    height: 11px;
  }

  .div-block-80 {
    width: 471px;
    margin: 50px auto 0;
  }

  .div-block-82 {
    width: 433px;
  }

  .button-section {
    width: auto;
    max-width: none;
    padding-right: 20px;
  }

  .notes-side {
    margin-left: auto;
    margin-right: auto;
  }

  .body-section {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .main-topic {
    display: flex;
  }

  .main-topic.notes-head {
    justify-content: center;
    align-items: center;
  }

  .section-4 {
    padding-top: 40px;
  }

  .body-text {
    line-height: 22px;
  }

  .div-block-84 {
    justify-content: center;
    align-items: center;
    width: 424px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    left: auto;
  }

  .logo-linkblock {
    z-index: 4;
    position: relative;
  }

  .menu-link {
    z-index: 2;
    background-color: #ffb923;
    background-image: linear-gradient(#ffe710, #b6c724 23%, #89b330 27%, #075 35% 73%, #90b62e 82%, #ced11d 88%, #ffe710);
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    min-height: 100vh;
    margin-left: -100%;
    padding-left: 0;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .nav-links {
    margin-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
  }

  .nav-links.w--current {
    width: 40px;
    margin-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
  }

  .hamburger-lottie {
    z-index: 4;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    position: relative;
  }

  .rooms-nav-link {
    outline-color: var(--black-2);
    outline-offset: 0px;
    background-color: #68cb4c00;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    outline-width: 1px;
    outline-style: solid;
  }

  .rooms-nav-link:hover {
    background-color: #68cb4c;
  }

  .home-icon {
    width: 36px;
    margin-right: 20px;
  }

  .rooms-icon {
    width: 40px;
  }

  .testimonials-icon {
    width: 36px;
  }

  .testimonial-card {
    width: 450px;
    height: 311px;
    padding-right: 30px;
    font-size: 18px;
  }

  .testimonial-card.lecturer {
    width: 450px;
    height: 331px;
  }

  .lec-image {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-height: none;
    margin-top: auto;
    margin-bottom: 80px;
    margin-right: 0;
    padding-right: 10px;
    display: flex;
  }

  .testimonial-text {
    order: 0;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-left: auto;
    padding-left: 0;
    display: block;
  }

  .slider-2 {
    height: 331px;
  }

  .testimonial-avatar-4 {
    width: 140px;
    max-width: none;
    max-height: none;
    margin-left: 0;
  }

  .left-arrow {
    width: 30px;
    height: 30px;
    top: -64px;
    left: -67px;
  }

  .right-arrow-2 {
    width: 30px;
    height: 30px;
    top: -94px;
    left: 63px;
  }

  .div-block-87 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: inline-flex;
    overflow: visible;
  }

  .div-block-87.hidden {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: auto;
    display: flex;
  }

  .div-block-87.hide {
    display: none;
  }

  .room-number {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 17px;
    display: block;
  }

  .name {
    text-align: center;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: auto;
    font-size: 17px;
    display: block;
  }

  .author-name-and-room-no {
    text-align: left;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-right: 0;
    display: flex;
  }

  .text-block-24 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-24.name {
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    display: flex;
  }

  .text-block-24.name.lec {
    color: #b9d3fe;
  }

  .text-block-24.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .bold-text {
    text-align: center;
    width: 113px;
    margin-top: 10px;
  }

  .staff-heading {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .testimonial-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .location {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .map-image {
    justify-content: center;
    align-items: center;
    height: 384px;
    margin-bottom: 10px;
    display: flex;
  }

  .location-image {
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .map-text-section {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .bold-text-2.staff {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .staff-image {
    display: inline-block;
  }

  .comment-holder {
    display: block;
  }

  .image-45 {
    width: 40%;
  }

  .div-block-91 {
    display: none;
  }

  .div-block-92 {
    display: block;
  }

  .bold-text-5 {
    font-size: 24px;
  }

  .bold-text-6 {
    display: none;
  }

  .faqs {
    font-size: 14px;
  }

  .container-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .room-design {
    max-width: 65%;
    margin-bottom: 20px;
  }

  .madonna_maps_link {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .parallax-section {
    background-image: url('../images/WhatsApp-Image-2024-12-25-at-11.08.44-PM.jpeg'), linear-gradient(#581313, #581313);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 800px, auto;
    background-attachment: fixed, scroll;
  }

  .title-holder {
    margin-top: 144px;
  }

  .student-image-holder {
    width: 180px;
  }

  .quote-marks {
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
  }

  .openning-quotes {
    width: 24px;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
  }

  .bold-text-7 {
    margin-top: 10px;
  }

  .image-50 {
    width: 168px;
  }

  .text-block-26 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-26.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-26.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-8 {
    margin-top: 10px;
  }

  .image-52 {
    width: 168px;
  }

  .text-block-27 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-27.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-27.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-9 {
    margin-top: 10px;
  }

  .image-54 {
    width: 168px;
  }

  .text-block-28 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-28.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-28.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-10 {
    margin-top: 10px;
  }

  .image-56 {
    width: 168px;
  }

  .text-block-29 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-29.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-29.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-11 {
    margin-top: 10px;
  }

  .image-58 {
    width: 168px;
  }

  .text-block-30 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-30.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-30.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-12 {
    margin-top: 10px;
  }

  .image-60 {
    width: 168px;
  }

  .text-block-31 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-31.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-31.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-13 {
    margin-top: 10px;
  }

  .image-62 {
    width: 168px;
  }

  .text-block-32 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-32.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-32.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-14 {
    margin-top: 10px;
  }

  .image-64 {
    width: 168px;
  }

  .text-block-33 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-33.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-33.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-15 {
    margin-top: 10px;
  }

  .text-block-34 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-34.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-34.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-16 {
    margin-top: 10px;
  }

  .text-block-35 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-35.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-35.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-17 {
    margin-top: 10px;
  }

  .text-block-36 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-36.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-36.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-18 {
    margin-top: 10px;
  }

  .text-block-37 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-37.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-37.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-19 {
    margin-top: 10px;
  }

  .text-block-38 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-38.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-38.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-20 {
    margin-top: 10px;
  }

  .text-block-39 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-39.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-39.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-21 {
    margin-top: 10px;
  }

  .text-block-40 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-40.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-40.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-22 {
    margin-top: 10px;
  }

  .text-block-41 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-41.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-41.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-23 {
    margin-top: 10px;
  }

  .text-block-42 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-42.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-42.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-24 {
    margin-top: 10px;
  }

  .text-block-43 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-43.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-43.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .bold-text-25 {
    margin-top: 10px;
  }

  .text-block-44 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-44.room {
    color: #644230;
    text-align: center;
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-44.name {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    display: flex;
  }

  .lecturer-image-1 {
    width: 115px;
    margin-left: auto;
    margin-right: auto;
  }

  .lecturer-message {
    width: 240px;
    margin-top: auto;
    line-height: 20px;
  }

  .div-block-99 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fundus-container {
    flex-flow: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
  }

  .right-image-slider {
    display: none;
  }

  .fundus-content-container {
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
  }

  .fund-style-container {
    margin-top: 20px;
    padding-bottom: 5px;
  }

  .fund-title {
    font-size: 83px;
  }

  .help-others {
    font-size: 26px;
  }

  .donation-text {
    font-size: 16px;
    line-height: 22px;
  }

  .donation-options {
    padding-left: 40px;
  }

  .slider-content-holder {
    flex: none;
    align-self: center;
    width: auto;
    min-width: auto;
    margin-bottom: auto;
    display: flex;
  }

  .slider3-text {
    font-size: 17px;
    line-height: 22px;
  }

  .slider3-text.white {
    margin-bottom: 40px;
    font-size: 15px;
  }

  .advertise-conenct-message {
    margin-top: 0;
    inset: auto 0% 0%;
  }

  .advertising-image {
    display: none;
  }

  .slider-holder {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 548px;
    margin-bottom: 0;
    position: relative;
  }

  .advertise-here {
    height: 548px;
  }

  .message-pitch {
    width: auto;
  }

  .call-message-link {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials-image-bg {
    padding-bottom: 40px;
  }

  .community-testimonial-heading {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 38px;
  }

  .author-name {
    margin: 0 20px 0 0;
    font-size: 17px;
  }

  .author-relation {
    margin-left: 0;
    font-size: 17px;
  }

  .bold-text-26 {
    font-size: 18px;
  }

  .close-quotes {
    width: 24px;
  }

  .lecturer-details {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  .fund-slider-paragraph {
    width: auto;
    margin-right: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .fixed-background {
    height: auto;
  }

  .div-block-120, .div-block-121 {
    display: block;
  }

  .call-message-direct {
    margin-top: 40px;
    display: none;
    overflow: auto;
  }

  .centering-block {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .centering-block-mobile-view {
    width: 197px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .rooms-content-holder {
    flex-flow: wrap;
  }

  .rooms-intro.margins {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .rooms-intro.margins.up {
    margin-top: -10px;
    font-size: 15px;
  }

  .rooms-intro.margins.location {
    margin-bottom: 0;
    margin-right: 0;
  }

  .rooms-intro.margins.location.yellow {
    margin-bottom: 20px;
    padding-top: 0;
  }

  .copyrightmessage {
    margin-top: 0;
    padding-top: 22px;
  }

  .testimonial-avatar-2, .testimonial-avatar-3, .testimonial-avatar-5, .testimonial-avatar-4-copy {
    width: 140px;
    max-width: none;
    max-height: none;
    margin-left: 0;
  }

  .lecturer-image-2, .lecturer-image-3, .lecturer-image-4, .lecturer-image-5, .lecturer-image-6, .lecturer-image-7 {
    width: 115px;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-bar {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .image-86 {
    order: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-122 {
    margin-bottom: 40px;
    display: flex;
  }

  .lecturer-testimonial {
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    margin-left: auto;
    padding-left: 0;
    display: flex;
  }

  .blog-nav-link {
    outline-color: var(--black-2);
    outline-offset: 0px;
    background-color: #68cb4c00;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    outline-width: 1px;
    outline-style: solid;
  }

  .blog-nav-link:hover {
    background-color: #68cb4c;
  }

  .blog-ison {
    width: 36px;
    margin-right: 0;
  }

  .hero-container {
    flex-flow: column;
  }

  .hero-text {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .hero-image {
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-left: 0;
  }

  .hero {
    background-image: linear-gradient(#2384ff, #92cbe0 44%, #fff 51%, #fff);
  }

  .fundnow-link {
    justify-content: center;
    align-items: center;
  }

  .content-part {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    min-width: 400px;
  }

  .our-vision, .our-mission, .core-values {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .seperator-1, .seperator-2 {
    width: 400px;
    height: 5px;
  }

  .donate-left-text {
    text-align: left;
  }

  .problem-statement {
    max-width: 600px;
  }

  .donation-impact {
    width: auto;
    margin-top: 40px;
    margin-left: 0;
  }

  .container-8 {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .quick-stack {
    width: auto;
  }

  .pitch-head {
    width: 450px;
  }

  .explanations {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .operational-funding {
    margin-left: 10px;
  }

  .full-transparency {
    margin-right: 10px;
  }

  .amount-selection {
    text-transform: capitalize;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    flex-flow: wrap;
    margin-top: 10px;
  }

  ._500, ._2000, ._10000, ._50000, .custom {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .email-address {
    margin-bottom: 10px;
  }

  .pay-now-btn {
    font-size: 18px;
    line-height: 21px;
  }

  .difference-heading {
    font-size: 25px;
  }

  .call-to-act-txt {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .payment-holder {
    flex-flow: wrap;
  }

  .input-fields {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .radio-button-field {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 10px;
  }

  .radio-button-field-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
  }

  .sizer {
    width: 100px;
    height: 46px;
    margin-left: 10px;
  }

  .image-88 {
    width: 100px;
    height: 47px;
  }

  .donate-image {
    max-width: 400px;
  }

  .donate-heading {
    margin-left: auto;
    margin-right: auto;
  }

  .booking-disclaimer {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .confirm-and-pay {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .disclaimer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .room-select {
    margin-top: 10px;
  }

  .payment {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .booking-heading {
    font-size: 31px;
    line-height: 38px;
  }

  .booking-steps-holder {
    width: auto;
  }

  .privacy-paragraph {
    font-size: 15px;
    line-height: 21px;
  }

  .confirm-room-heading {
    font-size: 32px;
    line-height: 38px;
  }

  .text-part {
    flex-flow: column;
  }

  .room-heading {
    font-size: 18px;
    line-height: 25px;
  }

  .heading-37, .privacy-notice-head {
    margin-top: 10px;
    font-size: 20px;
    line-height: 26px;
  }

  .rooms-stack {
    margin-left: auto;
    margin-right: auto;
  }

  .selction-informer {
    margin: 0 auto 10px;
  }

  .book-room-heading {
    font-size: 24px;
  }

  .selection-holder {
    width: 300px;
    margin-left: 0;
  }

  .payment-method-title {
    font-size: 32px;
    line-height: 38px;
  }

  .login-form {
    justify-content: space-between;
    align-items: stretch;
    width: 400px;
    height: 523px;
  }

  .login-container {
    width: 480px;
  }

  .login-holder {
    margin-bottom: -100px;
  }

  .star-holder {
    margin-top: 10px;
  }

  .email-lableing {
    margin-right: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .flex-arranger {
    width: 222px;
  }

  .email-text-field {
    width: 165px;
    height: 25px;
    font-size: 13px;
    line-height: 18px;
  }

  .gradient-heading {
    margin-top: -80px;
    font-size: 25px;
    line-height: 25px;
  }

  .selected-rooms-text {
    font-size: 15px;
    line-height: 21px;
  }

  .room-type-head {
    font-size: 18px;
    line-height: 25px;
  }

  .password-txt-field {
    width: 139px;
    height: 25px;
    font-size: 13px;
    line-height: 18px;
  }

  .password-lable {
    margin-right: 20px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .page-description {
    border-radius: 10px;
    width: 200px;
    margin-top: 20px;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    display: block;
  }

  .submit-login {
    font-size: 15px;
    line-height: 20px;
  }

  .login-satr {
    width: 20px;
  }

  .pins {
    margin-bottom: -40px;
    padding-top: 19px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .first-pin, .second-pin {
    width: 20px;
    height: 20px;
  }

  .green-blur {
    left: 344px;
  }

  .yellow-blur {
    left: 40px;
  }

  .red-blur {
    right: 344px;
  }

  .community-testimonial-card {
    width: 450px;
    height: 311px;
    padding-right: 30px;
    font-size: 18px;
  }

  .community-testimonial-card.lecturer {
    width: 450px;
    height: 331px;
  }

  .mobile-author-name-and-room-no {
    text-align: left;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-right: 0;
    display: none;
  }

  .uoe-lecturer-details {
    text-align: left;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-right: 0;
    display: flex;
  }

  .gold-underline-testimonials {
    width: 431px;
    top: 44px;
  }

  .gold-underline-testimonials.rooms-offer {
    width: 208px;
    top: 45px;
  }

  .donate-usage-txt {
    text-align: left;
  }

  .strategic-growth {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .image-98 {
    width: 100px;
  }

  .bold-text-32 {
    font-family: Poppins, sans-serif;
    line-height: 25px;
  }

  .bold-text-33 {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    line-height: 25px;
  }

  .section-6 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 600px;
  }

  .forgot-password {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .bold-text-34, .bold-text-35, .bold-text-36, .bold-text-37 {
    font-size: 18px;
  }

  .quick-stack-2 {
    margin-left: 0;
  }

  .booking-heading-copy {
    font-size: 32px;
    line-height: 38px;
  }

  .second-underline {
    width: 240px;
    height: 13px;
    display: none;
    top: 1034px;
  }

  .third-underline {
    width: 400px;
    height: 13px;
    display: none;
    top: 1934px;
  }

  .gold-underline-1 {
    width: 431px;
    top: 44px;
  }

  .gold-underline-1.rooms-offer {
    width: 208px;
    top: 45px;
  }

  .bold-text-32-black {
    font-family: Poppins, sans-serif;
    line-height: 25px;
  }

  .bold-text-33-black {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    line-height: 25px;
  }

  .maria-s-testimonial {
    flex-flow: column;
  }

  .paragraph-17 {
    margin-left: 10px;
    margin-right: auto;
    padding-right: 10px;
    display: block;
  }

  .maria-s-image {
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-39 {
    text-align: left;
    line-height: 35px;
  }

  .italic-text-8 {
    margin-left: 0;
  }

  .text-block-52 {
    font-size: 13px;
  }

  .donate-btn {
    width: 150px;
    height: 30px;
  }

  .text-block-53 {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-123 {
    flex-flow: column;
    position: relative;
  }

  .side-bar-div {
    z-index: 2;
    flex-flow: column;
    width: 100vw;
    height: auto;
    margin-left: -100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .photo-holder {
    margin-top: 40px;
  }

  .message-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dashboard-icon {
    width: 30px;
  }

  .message-icon {
    width: 32px;
  }

  .notification-icon, .agreement-icon {
    width: 31px;
  }

  .rendered-content.space {
    margin-right: 0;
    position: relative;
  }

  .content {
    margin-top: 0;
  }

  .checkout-date {
    min-width: 150px;
  }

  .room-details {
    min-width: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .days-2-rent {
    min-width: 150px;
  }

  .card-heading {
    font-size: 18px;
    line-height: 23px;
    display: flex;
  }

  .text-block-56 {
    font-size: 15px;
  }

  .main-head {
    position: relative;
  }

  .text-block-57 {
    text-align: center;
    font-size: 15px;
  }

  .text-block-58 {
    font-size: 15px;
  }

  .form-7 {
    border-radius: 30px;
  }

  .left-part {
    width: 200px;
    margin-right: 15px;
    font-size: 15px;
    line-height: 21px;
  }

  .right-part {
    width: 200px;
    margin-left: 15px;
    font-size: 15px;
    line-height: 21px;
  }

  .text-field-9 {
    width: auto;
    min-width: 0;
  }

  .text-block-60 {
    font-size: 15px;
    line-height: 21px;
  }

  .container-12 {
    margin-top: 20px;
  }

  .first-underline {
    width: 240px;
    height: 13px;
    display: none;
    top: 1034px;
  }

  .main-topic-and-lights {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }

  .room-change-request {
    min-width: 150px;
  }

  .top-up.chat {
    margin-right: 0;
  }

  .financials-icon {
    width: 30px;
  }

  .concerns-icon {
    width: 32px;
  }

  .senders-name {
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-65, .text-block-66, .table-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .lottie-sidebar {
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
  }

  .image-108 {
    min-width: 10px;
  }

  .lottie-sidebar--inside {
    z-index: 3;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    position: relative;
  }

  .side-bar-mobile {
    z-index: 2;
    flex-flow: column;
    width: 100vw;
    height: auto;
    margin-left: -100%;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .active-agreements, .pending-agreements {
    min-width: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bold-text-38 {
    font-size: 20px;
    line-height: 25px;
  }

  .sender {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .faq-system {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }

  .card-txt {
    font-size: 16px;
    line-height: 20px;
  }

  .bold-text-41, .bold-text-42, .bold-text-43 {
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  .see-available {
    background-color: #06255a;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .see-available.main-page {
    background-color: #183552;
    background-image: linear-gradient(#06255a 54%, #28354c 70%, gray 90%, #fff);
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .see-available.blank {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .see-available.blank.button {
    margin-top: -25px;
    padding-top: 0;
    display: flex;
  }

  .see-available.blank.faqs {
    padding-top: 0;
  }

  .see-available.midsection {
    display: none;
  }

  .see-available.rooms {
    background-color: #06255a;
  }

  .students-hostels-heading {
    text-align: center;
    margin-top: 36px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 25.2px;
    text-decoration: underline;
  }

  .students-hostels-heading.second {
    color: #06255a;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 23px;
    line-height: 27px;
    text-decoration: underline;
  }

  .students-hostels-heading.second.ing {
    margin-bottom: 0;
  }

  .students-hostels-heading.second.yellow {
    color: #fcff6c;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .students-hostels-heading.second.yellow.space {
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px;
  }

  .students-hostels-heading.second.space {
    margin-top: 36px;
  }

  .students-hostels-heading.second.home {
    font-size: 21px;
    text-decoration: underline;
  }

  .students-hostels-heading.location {
    padding-right: 0;
  }

  .opening-paragraph {
    text-align: center;
    align-self: center;
    margin-bottom: 0;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .opening-paragraph.testimonial {
    padding-top: 0;
    padding-bottom: 20px;
    padding-right: 10px;
  }

  .opening-paragraph.comments {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
  }

  .opening-paragraph.home {
    padding-right: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .opening-paragraph.home.advert {
    line-height: 14px;
  }

  .opening-paragraph.testimonials {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .opening-paragraph.testimonials.slides {
    color: #06255a;
    text-align: center;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .div-block {
    margin-left: 10px;
    margin-right: 10px;
  }

  .navbar {
    height: 47px;
    font-size: 20px;
    position: sticky;
    top: 0;
  }

  .text-block {
    letter-spacing: 3px;
    background-image: linear-gradient(#ffb923, #06255a 29% 50%, #06255a 67%, #ffb923);
    font-size: 23px;
  }

  .main-image {
    display: none;
  }

  .nav-link-1 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    font-family: Crimson Text, sans-serif;
    font-size: 32px;
    font-weight: 600;
    display: flex;
  }

  .nav-link-2 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    font-family: Crimson Text, sans-serif;
    font-size: 32px;
    display: flex;
  }

  .nav-link-3 {
    color: #000;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    font-family: Crimson Text, sans-serif;
    font-size: 22px;
    line-height: 20px;
    display: flex;
  }

  .features-section._2 {
    margin-bottom: 60px;
  }

  .features-section.margin {
    margin-top: 20px;
  }

  .grid {
    justify-content: space-around;
  }

  .naming-textbox {
    font-size: 14px;
  }

  .grid-2 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    padding-top: 10px;
    padding-bottom: 0;
    display: flex;
  }

  .faqs-intro.margins {
    text-align: center;
    margin: 0 0 10px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .faqs-intro.margins.up {
    margin: -10px 0 0;
    font-size: 14px;
    line-height: 20px;
  }

  .faqs-intro.margins.all {
    margin-top: 20px;
  }

  .faqs-intro.margins.all.home {
    margin-top: 0;
  }

  .faqs-intro.margins.location {
    width: auto;
  }

  .div-block-8.centre {
    max-width: 400px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .text-block-5 {
    padding-right: 2px;
    font-size: 9px;
    line-height: 12px;
  }

  .div-block-9 {
    width: 300px;
    margin-right: 0;
    line-height: 15px;
  }

  .div-block-10 {
    width: 300px;
    margin-left: 0;
    line-height: 15px;
  }

  .div-block-11 {
    width: 300px;
    margin-right: 0;
    line-height: 15px;
  }

  .div-block-12 {
    width: 300px;
    margin-bottom: 21px;
    margin-left: 0;
    line-height: 15px;
  }

  .link.see-rooms {
    border-width: 2px;
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
  }

  .link.see-rooms.home.show {
    border-width: 3px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 19px;
  }

  .button-traits.terms {
    width: auto;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .button-traits.policy {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .button-traits.margin-less {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .footer-body-room._992 {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 20px;
  }

  .footer-body-room._992.closer {
    margin-top: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-body-room._992.dun {
    justify-content: center;
  }

  .link-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 60px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .link-2.margin {
    margin-left: 60px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .image-4 {
    justify-content: center;
    align-items: center;
    height: 43px;
    margin-left: 0;
    line-height: 20px;
    display: block;
  }

  .logo-and-slogan {
    text-align: left;
    min-width: 180px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: none;
  }

  .logo-and-slogan.size {
    justify-content: center;
    align-items: center;
    min-width: 50px;
    display: flex;
  }

  .text-block-6 {
    color: #e5ff24;
    letter-spacing: 2px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--black-2);
    margin-left: 0;
    padding-left: 0;
    font-size: 22px;
    font-weight: 400;
  }

  .form {
    text-align: right;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 139px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-field {
    text-align: left;
    width: 146px;
    height: 25px;
    font-size: 12px;
  }

  .field-label {
    padding-left: 0;
    padding-right: 5px;
    font-size: 12px;
  }

  .second-email-and-phone {
    max-width: 354px;
    margin-top: 40px;
  }

  .call-to-action-email {
    min-width: auto;
    max-width: 316px;
    margin: 10px auto 0;
    padding-top: 0;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
  }

  .heading-2 {
    text-align: left;
    width: 178px;
    min-width: auto;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 15px;
  }

  .contact {
    font-size: 12px;
  }

  .questions {
    padding-top: 0;
    font-size: 13px;
  }

  .sererating-image {
    display: none;
  }

  .field-label-2 {
    width: auto;
    min-width: 155px;
    margin-bottom: 0;
    font-size: 13px;
  }

  .field-label-3 {
    text-align: left;
    width: auto;
    min-width: 155px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 13px;
  }

  .form-2 {
    width: 155px;
    margin-top: 10px;
  }

  .rooms-f-links {
    justify-content: space-around;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 21px;
    display: flex;
  }

  .home-f-links {
    text-align: center;
    flex: 0 auto;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .text-block-9 {
    font-size: 8px;
    line-height: 0;
  }

  .text-block-10 {
    width: 160px;
    padding-left: 10px;
    padding-right: 0;
    font-size: 9px;
    line-height: 11px;
  }

  .middle-footer-link {
    justify-content: center;
    align-items: stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: inline-flex;
  }

  .text-block-14 {
    justify-content: flex-end;
    align-items: stretch;
    width: 100px;
    display: inline-flex;
  }

  .text-block-14.pp {
    width: auto;
  }

  .footer {
    padding-top: 10px;
  }

  .seperator-footer {
    height: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .roomspage-title {
    margin-top: 10px;
  }

  .roomspage-heading {
    margin-top: 36px;
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 22px;
    text-decoration: underline;
    position: relative;
  }

  .block-a-b {
    min-width: 250px;
    max-width: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 0;
  }

  .a-btitle, .heading-5 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 24px;
  }

  .paragraph-3 {
    letter-spacing: 1px;
    min-width: 200px;
    max-width: 700px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
    font-size: 12px;
    line-height: 15.6px;
    display: flex;
  }

  .a-bparagraph {
    letter-spacing: 0;
    min-width: 200px;
    max-width: 700px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .rooms-design {
    margin-top: 10px;
  }

  .rooms-design-heading {
    margin-top: 36px;
    margin-bottom: 40px;
    font-size: 21px;
    line-height: 22px;
    text-decoration: underline;
  }

  .imager {
    width: auto;
    min-width: 91px;
    height: 212px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .link-block {
    height: 212px;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-16 {
    font-size: 12px;
    line-height: 15px;
  }

  .image-6 {
    height: 91px;
    padding-bottom: 10px;
  }

  .book-now {
    border-radius: 21px;
    width: 135px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 13px 10px;
  }

  .book-now:hover {
    border: 4px solid #52c24e;
  }

  .text-block-17 {
    font-size: 16px;
    line-height: 2px;
  }

  .room-holder {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 15px 0;
  }

  .heading-1 {
    display: block;
  }

  .heading-1.home {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .underlining-block {
    height: 4px;
    display: block;
    top: 36px;
    left: 0%;
    right: 266px;
    overflow: visible;
  }

  .underlining-block._28 {
    width: 3px;
    height: 3px;
    display: block;
    top: 54px;
    left: -2%;
    right: 0;
    overflow: hidden;
  }

  .green-underline {
    background-color: #1f5148;
    display: none;
  }

  .features-container {
    margin-top: 10px;
  }

  .rooms-heading {
    margin-top: 0;
  }

  .rooms-heading.faqs {
    margin-top: -30px;
  }

  .rooms-heading.location {
    margin-left: auto;
    padding-right: 0;
  }

  .gold-underline-2 {
    width: 328px;
    height: 7px;
    display: none;
    top: 46px;
  }

  .gold-underline-2.rooms-offer {
    width: 163px;
    display: none;
    top: 46px;
  }

  .link-3 {
    font-size: 9px;
  }

  .footer-links {
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    text-decoration: underline;
  }

  .footer-links.terms {
    width: 100px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-links.pp {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .link-5 {
    font-size: 9px;
  }

  .modal-wrapper {
    margin-left: 0;
    display: none;
  }

  .modal {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .modal-text-field {
    border-radius: 7px;
    width: auto;
    min-width: 40px;
    max-width: none;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .modal-text-field.yellow {
    width: auto;
    min-width: 40px;
    max-width: none;
    height: 22px;
    font-size: 14px;
    line-height: 20px;
  }

  .submit-button {
    align-self: flex-start;
    width: 100px;
    margin-top: -10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
  }

  .right-details-block {
    width: 246px;
    padding-left: 20px;
  }

  .left-details-block {
    width: auto;
    min-width: 240px;
    max-width: 180px;
    padding-right: 10px;
  }

  .heading-7 {
    font-size: 27px;
  }

  .booking-details-opening, .white {
    font-size: 14px;
    line-height: 20px;
  }

  .image-7 {
    display: block;
  }

  .sliderhero {
    margin-bottom: 0;
    overflow: hidden;
  }

  .sliderhero.nav {
    z-index: 1000;
    position: sticky;
    top: 0;
  }

  .italic-text-3 {
    margin-right: 10px;
    padding-right: 0;
  }

  .text-field-2 {
    text-align: center;
    width: 200px;
    height: 25px;
    font-size: 9px;
    line-height: 10px;
  }

  .text-field-2.small-box {
    text-align: left;
    width: 150px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .text-field-3 {
    text-align: left;
    width: 150px;
    height: 25px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 10px;
  }

  .form-block {
    width: auto;
    min-width: 155px;
  }

  .submit-button-2 {
    flex: 0 auto;
    align-self: center;
    height: 25px;
    padding: 0 5px;
    font-size: 15px;
  }

  .sererator {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .div-block-38 {
    order: 0;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .image-8 {
    max-width: 80%;
    height: 47px;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 5px;
  }

  .container-2 {
    min-width: 355px;
    max-width: 479px;
    position: absolute;
  }

  .room-icon {
    background-color: #0000;
    height: 26px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 0;
    font-size: 47px;
    position: relative;
    top: auto;
  }

  .brand {
    padding-left: 0;
  }

  .menu-button {
    width: 46px;
    height: 40px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 7px;
    bottom: 0;
    right: 0%;
  }

  .menu-button.w--open {
    color: #000;
    background-color: #ebda43;
    background-image: linear-gradient(#ffe710, #ebda43 13%);
    align-items: flex-start;
    height: 48px;
    padding-left: 10px;
    padding-right: 60px;
    line-height: 20px;
    display: flex;
    top: 0%;
  }

  .nav-menu {
    background-color: #ebda43;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .the-text-block {
    text-align: center;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 15.6px;
    display: block;
  }

  .italic-text-5 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    line-height: 12px;
  }

  .checkbox-label {
    width: 200px;
    font-size: 8px;
    line-height: 12px;
  }

  .checkbox-field {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .italic-text-6 {
    letter-spacing: 0;
    text-indent: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .italic-text-7 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 7px;
  }

  .rooms-design-container {
    width: 152px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
  }

  .div-block-40 {
    background-color: #ffe710;
    width: 2px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    top: 55px;
    left: -5px;
  }

  .div-stagnant {
    display: none;
  }

  .room-design-heading {
    margin-bottom: 5px;
    font-size: 21px;
  }

  .room-design-paragraph {
    min-width: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 14.3px;
  }

  .room-design-paragraph.testimonials-text {
    text-align: center;
    padding-bottom: 0;
  }

  .div-block-44 {
    background-color: var(--gold);
    color: var(--gold);
    height: 4px;
    position: static;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .underlining-black {
    background-color: var(--gold);
    width: 3px;
    height: 3px;
    margin-top: -12px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 68% 0% auto -2%;
  }

  .underlining-black.up {
    margin-top: 1px;
  }

  .underlining-black.down {
    margin-top: -13px;
  }

  .rooms-design-underline {
    display: none;
    position: absolute;
    inset: 2% 0% auto;
  }

  .roomspage-underline {
    display: none;
  }

  .image-9 {
    width: 107px;
    min-width: auto;
    max-width: none;
    height: 234px;
    min-height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .image-10 {
    width: 107px;
    min-width: auto;
    max-width: none;
    height: 240px;
    min-height: auto;
    margin-top: auto;
    margin-bottom: 0;
    padding-right: 5px;
    position: relative;
    top: 0;
  }

  .image-11 {
    width: 107px;
    min-width: auto;
    max-width: none;
    height: 226px;
    padding-right: 0;
  }

  .image-12 {
    width: 107px;
    min-width: auto;
    max-width: none;
    height: 239px;
    min-height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 5px;
  }

  .lightbox-link-2 {
    position: relative;
    top: -7px;
  }

  .booking-success-message {
    font-family: Poppins, sans-serif;
  }

  .select-field {
    border-radius: 7px;
    height: 22px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .select-field-2 {
    border-radius: 7px;
    height: 22px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
  }

  .accordion-wrapper {
    padding-top: 20px;
  }

  .accordion-header {
    padding: .25rem;
  }

  .accordion-text {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 15.6px;
  }

  .image-13, .dropdown-icon-3, .dropdown-icon-2, .image-16, .dropdown-icon-4, .dropdown-icon-5, .image-19, .image-20, .dropdown-icon-6, .dropdown-icon-7, .dropdown-icon-8, .dropdown-icon-9, .dropdown-icon-10, .dropdown-icon-11, .dropdown-icon-12 {
    width: 19px;
    min-width: 19px;
  }

  .div-block-48 {
    width: auto;
    min-width: auto;
  }

  .features-box {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
    height: auto;
    display: flex;
  }

  .div-block-63 {
    text-align: left;
    border: 1px solid #000;
    border-radius: 23px;
    width: 307px;
    height: 41px;
  }

  .feature-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border: 1px solid #000;
    border-radius: 20px;
    flex-direction: row;
    flex: none;
    align-items: center;
    width: 278px;
    height: 42px;
    display: flex;
  }

  .div-block-64 {
    align-self: flex-start;
    align-items: center;
    width: 50px;
    height: 41px;
    display: flex;
  }

  .div-block-65 {
    align-self: flex-start;
    width: 50px;
    height: 41px;
  }

  .featutre-block {
    color: var(--black-2);
    background-color: #ffe710;
    border: 1px solid #000;
    border-top-left-radius: 14px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 14px;
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-start;
    width: 41px;
    height: 42px;
    margin-top: -2px;
    margin-left: -2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .feature-image {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-19 {
    font-family: Bitter, serif;
    font-size: 14px;
    font-weight: 400;
  }

  .text-block-20 {
    position: static;
  }

  .text-block-21 {
    padding-top: 11px;
    padding-left: 14px;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    position: static;
    top: 0;
    left: 0;
  }

  .text-block-21._10 {
    padding-left: 9px;
  }

  .success-message {
    background-color: #7bf868;
  }

  .text-block-22 {
    text-align: center;
    font-family: Poppins, sans-serif;
  }

  .preloader {
    background-color: #06255a;
    display: none;
  }

  .star1, .star2, .star3, .star5, .star4 {
    width: 50px;
    display: none;
  }

  .testimonial-hero {
    background-image: linear-gradient(#ffb923, #2a805b 21%, #326b66 29%, #0a2a33);
    padding-top: 0;
    padding-bottom: 0;
  }

  .top-rated-heading {
    color: #fcff6c;
    -webkit-text-stroke-color: #fff;
    text-transform: uppercase;
    width: 284px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 27px;
  }

  .body-2 {
    background-color: #fff;
  }

  .section-3 {
    padding-top: 20px;
  }

  .section-3.institutions {
    padding-bottom: 20px;
  }

  .section-3.institutions.no-pad {
    padding-bottom: 0;
  }

  .section-3.testimonials {
    margin-bottom: 60px;
  }

  .slider-testimonial-wrapper.two {
    margin-top: -75px;
  }

  .slider-testimonial-wrapper.up {
    margin-top: -20px;
  }

  .testimonial-holder {
    margin-top: -21px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-holder.up {
    margin-top: -20px;
  }

  .stars-1 {
    margin-bottom: 10px;
  }

  .body-1 {
    margin-bottom: -5px;
  }

  .image-and-name {
    display: block;
  }

  .name-1 {
    margin-top: 10px;
    margin-left: 0;
  }

  .testimonial-card-1.left {
    width: auto;
    max-width: 154px;
    height: 288px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-holder {
    height: 265px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .paragraph-12 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 15px;
  }

  .paragraph-12.name {
    font-size: 13px;
  }

  .author-photo {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .other-institutions {
    border: 0 solid #0000;
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .other-institutions:hover {
    border: 1px solid #0000;
  }

  .uniersity_of_embu {
    width: auto;
    height: auto;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .uniersity_of_embu.second {
    padding-left: 0;
  }

  .heading-11 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-11.comments {
    text-align: center;
    font-size: 23px;
  }

  .paragraph-13._487 {
    width: 317px;
    margin-bottom: 20px;
    line-height: 25px;
  }

  .container-testimonial-hero {
    min-width: auto;
    padding-top: 0;
  }

  .container-testimonial-hero.test {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 0;
    font-family: Poppins, sans-serif;
  }

  .testimonials-image {
    margin-bottom: 0;
  }

  .div-block-71 {
    justify-content: center;
    align-items: flex-start;
  }

  .paragraph-14 {
    margin-bottom: 0;
    padding-right: 2px;
    font-size: 11px;
    font-weight: 700;
  }

  .standard-rooms {
    margin-top: 0;
    font-size: 16px;
  }

  .slide-nav {
    width: 300px;
    margin-top: 0;
    top: 324px;
  }

  .slider-arrow-left {
    width: 2rem;
    top: 380px;
    right: 280px;
  }

  .slider-arrow-right {
    height: 2rem;
    top: 380px;
    left: 280px;
  }

  .div-block-72, .div-block-72.up {
    margin-top: -75px;
  }

  .students-group-photo {
    width: 80%;
  }

  .image-34 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-34.second {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-73 {
    width: 250px;
  }

  .paragraph-15 {
    text-align: center;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .first-underlining-block {
    background-color: #4c0c72;
    width: 239px;
    margin-top: 3px;
    top: 44px;
  }

  .second-underlining-block {
    background-color: #4c0c72;
    width: 260px;
    margin-top: 4px;
    top: 70px;
  }

  .div-block-79 {
    width: 220px;
    top: 8px;
  }

  .div-block-80 {
    width: auto;
  }

  .icon-3 {
    left: 0;
  }

  .div-block-81 {
    top: -3px;
  }

  .div-block-82 {
    width: 275px;
    height: 9px;
    top: 10px;
  }

  .div-block-82.none {
    width: 157px;
    display: block;
    top: 32px;
  }

  .image-35 {
    width: 12px;
    margin-top: 5px;
  }

  .image-36 {
    width: 12px;
  }

  .small-tick {
    width: 10px;
    margin-top: 5px;
    margin-left: 3px;
  }

  .image-37 {
    width: 15px;
  }

  .container-4 {
    width: auto;
  }

  .button-section {
    width: auto;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .notes-side {
    text-align: left;
    width: 298px;
    margin-left: 0;
  }

  .body-section {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-topic.notes-head {
    margin-top: 40px;
    display: flex;
  }

  .section-4 {
    padding-top: 0;
  }

  .heading-14 {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .body-text {
    font-size: 13px;
    line-height: 19px;
  }

  .toc-holder {
    margin-top: 10px;
  }

  .heading-15 {
    margin-bottom: 5px;
    font-size: 17px;
  }

  .div-block-84 {
    width: 223px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: auto auto 0%;
  }

  .nav-container.nav {
    z-index: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    position: sticky;
    top: 0;
  }

  .image-38 {
    height: 40px;
  }

  .menu-link {
    background-color: #ffe710;
    width: 100%;
    margin-left: -100%;
  }

  .nav-links {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 19px;
  }

  .nav-links.w--current {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 19px;
  }

  .hamburger-lottie {
    width: 40px;
    height: 40px;
  }

  .home-icon {
    width: 33px;
    margin-right: 0;
    font-size: 12px;
  }

  .testimonials-icon {
    width: 33px;
  }

  .students-testimonials {
    margin-top: 40px;
  }

  .testimonial-card {
    background-color: #00000080;
    width: 294px;
    height: 356px;
    display: block;
  }

  .testimonial-card.lecturer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 373px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .lec-image {
    border-top-right-radius: 50px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: flex;
  }

  .testimonial-text {
    text-align: center;
    width: auto;
    margin-top: 0;
  }

  .slider-2 {
    height: 373px;
  }

  .testimonial-avatar-4 {
    border-top-right-radius: 50%;
    width: 70px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .left-arrow {
    top: -53px;
    left: -30px;
  }

  .right-arrow-2 {
    top: -83px;
    left: 30px;
  }

  .div-block-87.hidden {
    margin-right: auto;
  }

  .author-name-and-room-no {
    width: auto;
    margin: auto 0 auto 15px;
    padding-right: 0;
    display: none;
  }

  .text-block-24.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .text-block-24.name.lec {
    justify-content: center;
    align-items: center;
    width: 130px;
  }

  .text-block-24.room {
    text-align: left;
  }

  .bold-text {
    color: #06255a;
    width: auto;
    margin-top: auto;
    display: block;
  }

  .staff-heading {
    color: #06255a;
    margin-top: 0;
    font-size: 20px;
    text-decoration: underline;
  }

  .staff-heading.yellow {
    color: #0db20000;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-block {
    border: 1px solid #fff0;
  }

  .home-topic {
    margin-top: 30px;
  }

  .location {
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .map-image {
    width: 250px;
    height: 250px;
  }

  .map-holder {
    padding-bottom: 0;
  }

  .container-5 {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .bold-text-2.staff {
    padding-bottom: 10px;
    font-size: 16px;
  }

  .staff-image {
    width: 250px;
  }

  .image-45 {
    width: 60%;
  }

  .copyright {
    margin-bottom: 20px;
  }

  .bold-text-5 {
    color: #fcff6c;
    font-family: Crimson Text, sans-serif;
  }

  .faqs {
    font-size: 12px;
  }

  .price {
    margin-bottom: 0;
    padding-left: 5px;
    font-size: 15px;
  }

  .call-app-footer {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .room-design {
    max-width: 76%;
  }

  .madonna_maps_link {
    width: 149px;
    font-size: 12px;
  }

  .parallax-section {
    background-image: url('../images/WhatsApp-Image-2024-12-25-at-11.08.44-PM.jpeg'), linear-gradient(#581313, #581313);
    background-position: 22% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 900px, auto;
    background-attachment: fixed, scroll;
    height: 300px;
  }

  .parallax-overlay {
    height: 300px;
  }

  .our-rooms-heasing {
    font-size: 26px;
  }

  .title-holder {
    margin-top: 140px;
  }

  .upper-page-block {
    background-color: #4c0c72;
    height: 10px;
  }

  .text-holder {
    margin-top: 20px;
  }

  .first-footer-link {
    justify-content: center;
    align-items: stretch;
    margin-right: 10px;
    display: inline-flex;
  }

  .last-footer-link {
    margin-left: 10px;
  }

  .student-image-holder {
    justify-content: center;
    align-items: center;
    height: 71px;
  }

  .quote-marks, .openning-quotes {
    display: none;
  }

  .bold-text-7 {
    margin-top: 0;
  }

  .image-50 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-26.room {
    text-align: left;
  }

  .text-block-26.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-8 {
    margin-top: 0;
  }

  .image-52 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-27.room {
    text-align: left;
  }

  .text-block-27.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-9 {
    margin-top: 0;
  }

  .image-54 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-28.room {
    text-align: left;
  }

  .text-block-28.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-10 {
    margin-top: 0;
  }

  .image-56 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-29.room {
    text-align: left;
  }

  .text-block-29.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-11 {
    margin-top: 0;
  }

  .image-58 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-30.room {
    text-align: left;
  }

  .text-block-30.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-12 {
    margin-top: 0;
  }

  .image-60 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-31.room {
    text-align: left;
  }

  .text-block-31.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-13 {
    margin-top: 0;
  }

  .image-62 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-32.room {
    text-align: left;
  }

  .text-block-32.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-14 {
    margin-top: 0;
  }

  .image-64 {
    border-top-right-radius: 50%;
    width: 62px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-33.room {
    text-align: left;
  }

  .text-block-33.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-15 {
    margin-top: 0;
  }

  .text-block-34.room {
    text-align: left;
  }

  .text-block-34.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-16 {
    margin-top: 0;
  }

  .text-block-35.room {
    text-align: left;
  }

  .text-block-35.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-17 {
    margin-top: 0;
  }

  .text-block-36.room {
    text-align: left;
  }

  .text-block-36.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-18 {
    margin-top: 0;
  }

  .text-block-37.room {
    text-align: left;
  }

  .text-block-37.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-19 {
    margin-top: 0;
  }

  .text-block-38.room {
    text-align: left;
  }

  .text-block-38.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-20 {
    margin-top: 0;
  }

  .text-block-39.room {
    text-align: left;
  }

  .text-block-39.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-21 {
    margin-top: 0;
  }

  .text-block-40.room {
    text-align: left;
  }

  .text-block-40.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-22 {
    margin-top: 0;
  }

  .text-block-41.room {
    text-align: left;
  }

  .text-block-41.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-23 {
    margin-top: 0;
  }

  .text-block-42.room {
    text-align: left;
  }

  .text-block-42.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-24 {
    margin-top: 0;
  }

  .text-block-43.room {
    text-align: left;
  }

  .text-block-43.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .bold-text-25 {
    margin-top: 0;
  }

  .text-block-44.room {
    text-align: left;
  }

  .text-block-44.name {
    text-align: left;
    justify-content: flex-end;
    align-items: flex-start;
    width: 131px;
    margin-top: 0;
  }

  .lecturer-image-1 {
    width: 100%;
    margin-bottom: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .lecturer-message {
    text-align: center;
    width: 220px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-99 {
    padding-bottom: 5px;
  }

  .front-view-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .front-view-image {
    margin-top: 20px;
  }

  .st-slider-call2action {
    font-size: 20px;
    line-height: 26px;
  }

  .st-slider-call2action.cta {
    background-image: linear-gradient(#2c211a, #2c211a);
    font-size: 20px;
  }

  .book-button {
    width: 193px;
  }

  .right-arrow-3, .left-arrow-2 {
    width: 50px;
    height: 50px;
  }

  .fundus-content-container {
    justify-content: center;
    align-items: stretch;
    margin-top: auto;
    margin-bottom: auto;
  }

  .fund-style-container {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .fund-title {
    margin-bottom: 0;
    font-size: 51px;
  }

  .help-others {
    margin-top: 30px;
    font-size: 17px;
    line-height: 20px;
  }

  .donation-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .donation-text {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
  }

  .donation-options {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .mpesa {
    margin-left: 0;
    margin-right: 5px;
  }

  .bank {
    margin-left: 5px;
  }

  .slider-content-holder {
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .why-advertise-heading {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 29px;
    overflow: visible;
  }

  .why-advertise-heading.blue {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 23px;
  }

  .slider3-text {
    font-size: 13px;
    line-height: 15px;
  }

  .slider3-text.white {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .advertise-conenct-message {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-holder {
    height: 500px;
  }

  .advert-content-holder {
    margin-left: 20px;
    margin-right: 20px;
  }

  .call-message-link {
    display: none;
  }

  .fade-in {
    height: 100px;
    margin-bottom: -100px;
  }

  .fade-out {
    height: 34px;
    margin-top: 60px;
  }

  .community-testimonial-heading {
    color: #06255a;
    font-size: 23px;
    line-height: 27px;
    text-decoration: none;
  }

  .slider-container {
    margin-top: 0;
  }

  .title-homepage {
    padding-top: 15px;
  }

  .author-name {
    color: #000;
    margin-right: 0;
    font-size: 16px;
  }

  .author-relation {
    color: #06255a;
    text-align: center;
  }

  .closing-quotes {
    display: none;
  }

  .lecturer-details {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 166px;
    margin: auto auto auto 0;
    padding: 0;
    font-size: 15px;
    line-height: 16px;
    display: flex;
  }

  .text-block-47 {
    color: #fff;
    width: 60px;
    display: none;
  }

  .lecture-image {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 30px;
    margin-right: 0;
    padding-right: 0;
    display: flex;
  }

  .fund-slider-paragraph {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .adv-with-us {
    display: block;
  }

  .icon-6 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .fixed-background {
    background-image: linear-gradient(#ceffd0, #ceffd0);
    background-position: 0 0;
    width: 100%;
    height: auto;
  }

  .centering-block {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .centering-block-mobile-view {
    justify-content: flex-start;
    align-items: center;
    width: 136px;
  }

  .image-85 {
    margin-left: 0;
    margin-right: 0;
  }

  .rooms-intro.margins {
    text-align: center;
    margin: 0 0 10px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .rooms-intro.margins.up {
    margin: -10px 0 0;
    font-size: 12px;
    line-height: 15.6px;
  }

  .rooms-intro.margins.all {
    margin-top: 20px;
  }

  .rooms-intro.margins.all.home {
    margin-top: 0;
  }

  .rooms-intro.margins.location {
    width: auto;
  }

  .available-rooms.terms {
    width: auto;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .available-rooms.policy {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .available-rooms.margin-less {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .copyrightmessage {
    min-width: auto;
    max-width: 316px;
    margin: 10px auto 0;
    padding-top: 0;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
  }

  .testimonial-avatar-2, .testimonial-avatar-3, .testimonial-avatar-5, .testimonial-avatar-4-copy {
    border-top-right-radius: 50%;
    width: 70px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .lecturer-image-2, .lecturer-image-3, .lecturer-image-4, .lecturer-image-5, .lecturer-image-6, .lecturer-image-7 {
    width: 100%;
    margin-bottom: auto;
    margin-left: 40px;
    padding-left: 0;
  }

  .lecturer-testimonial {
    width: auto;
    margin-top: auto;
  }

  .blog-ison {
    width: 33px;
    font-size: 12px;
  }

  .hero-container {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .hero-text {
    padding-top: 0;
  }

  .hero-image {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .fundnow-link {
    width: 150px;
    margin-top: 10px;
  }

  .button-txt {
    font-size: 16px;
    line-height: 16px;
  }

  .donate-main-text {
    max-width: 350px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .dash {
    height: auto;
  }

  .content-part {
    min-width: auto;
  }

  .our-vision, .our-mission {
    width: 240px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .core-values {
    width: 260px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .seperator-1, .seperator-2 {
    width: 260px;
  }

  .donate-left-text {
    width: auto;
    font-size: 15px;
    line-height: 20px;
  }

  .donate-body-text {
    font-size: 15px;
    line-height: 20px;
  }

  .problem-statement {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 260px;
    max-width: 300px;
    font-family: Poppins, sans-serif;
    display: flex;
  }

  .donation-impact {
    width: 300px;
    margin-top: 20px;
  }

  .container-8 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .donate-body-txt {
    font-size: 15px;
    line-height: 20px;
  }

  .impact-table {
    width: 300px;
  }

  .amount {
    margin-top: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 300px;
  }

  .heading-2-donations {
    font-size: 20px;
    line-height: 25px;
  }

  .bold-text-27 {
    font-family: Poppins, sans-serif;
  }

  .impact-model-sec {
    padding-top: 10px;
  }

  .pitch-sontainer {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pitch {
    text-align: center;
    width: 260px;
  }

  .pitch-head {
    width: 300px;
    font-size: 20px;
    line-height: 25px;
  }

  .pitch-body {
    width: 250px;
    font-size: 15px;
    line-height: 20px;
  }

  .operational-funding, .full-transparency {
    width: 250px;
  }

  .icon-image-holder {
    height: 100px;
  }

  .make-a-diff-sec {
    margin: 60px 10px 10px;
  }

  .make-a-diff-con {
    flex-flow: column;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .content-holder {
    height: auto;
  }

  ._500, ._2000, ._10000, ._50000, .custom {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .email-lable {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .name-lable {
    font-size: 14px;
    line-height: 20px;
  }

  .pay-now-btn {
    font-size: 15px;
    line-height: 20px;
  }

  .difference-heading {
    font-size: 20px;
    line-height: 25px;
  }

  .call-to-act-txt, .description-txt {
    font-size: 15px;
    line-height: 20px;
  }

  .cash {
    font-size: 12px;
    line-height: 15px;
  }

  .heading-33 {
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .sizer {
    margin-right: 0;
  }

  .image-88 {
    width: 80px;
    height: 40px;
  }

  .donate-image {
    min-width: auto;
    max-width: 300px;
  }

  .donate-heading {
    color: #fff;
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
    text-decoration: underline;
  }

  .vision-heading, .misiion-heading, .heading-34 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
  }

  .housing-crisis-hed {
    font-size: 20px;
    line-height: 25px;
    text-decoration: underline;
  }

  .safe-housing, .beyond-a-bed, .lasting-impact {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .booking-disclaimer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .room-select {
    margin-top: 20px;
  }

  .booking-heading {
    font-size: 23px;
    line-height: 28px;
    text-decoration: underline;
    position: relative;
  }

  .icon-text-part {
    width: auto;
    font-size: 15px;
    line-height: 20px;
  }

  .privacy-paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .confirm-room-heading {
    font-size: 23px;
    line-height: 28px;
    text-decoration: underline;
  }

  .text-part {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .add-btn {
    width: 30px;
    height: 30px;
  }

  .room-heading {
    font-size: 15px;
    line-height: 20px;
  }

  .heading-37 {
    font-size: 17px;
    line-height: 22px;
  }

  .privacy-notice-head {
    margin-top: 0;
    font-size: 17px;
    line-height: 22px;
  }

  .room-price {
    font-size: 15px;
  }

  .selction-informer {
    padding-left: 0;
    padding-right: 0;
  }

  .book-room-heading {
    font-size: 20px;
    line-height: 26px;
  }

  .link-8 {
    width: 150px;
    font-size: 15px;
    line-height: 21px;
  }

  .selection-holder {
    width: 250px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .payment-method-title {
    font-size: 23px;
    line-height: 28px;
    text-decoration: underline;
  }

  .login-form, .login-container {
    width: 350px;
  }

  .login-holder {
    margin-bottom: -170px;
  }

  .email-lableing, .email-text-field {
    font-size: 12px;
    line-height: 15px;
  }

  .selected-rooms-text {
    font-size: 14px;
    line-height: 20px;
  }

  .room-type-head, .remove-room-select-head {
    font-size: 15px;
    line-height: 20px;
  }

  .password-txt-field {
    width: 168px;
    font-size: 12px;
    line-height: 15px;
  }

  .password-lable {
    font-size: 12px;
    line-height: 15px;
  }

  .page-description {
    width: 142px;
    font-size: 12px;
    line-height: 15px;
  }

  .page-description.login {
    width: 65px;
  }

  .submit-login {
    font-size: 12px;
    line-height: 15px;
  }

  .green-blur {
    left: 257px;
  }

  .yellow-blur {
    left: 59px;
  }

  .red-blur {
    right: 232px;
  }

  .tesrimonial-and-image {
    flex-flow: column;
    margin-left: 0;
    display: block;
  }

  .community-testimonial-card {
    background-color: #d9d9d9;
    border-width: 1px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 268px;
    height: 356px;
    padding-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    box-shadow: -7px 5px 8px #0003;
  }

  .community-testimonial-card.lecturer {
    width: 300px;
    height: 373px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-author-name-and-room-no {
    width: auto;
    margin: auto 0;
    padding-bottom: 10px;
    padding-right: 0;
    display: block;
  }

  .uoe-lecturer-details {
    width: auto;
    margin: auto 0 auto 15px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .gold-underline-testimonials {
    z-index: -1;
    width: 328px;
    height: 7px;
    padding-left: 0;
    display: block;
    top: 12px;
  }

  .gold-underline-testimonials.rooms-offer {
    width: 163px;
    display: block;
    top: 46px;
  }

  .testimonials-title-holder {
    position: relative;
  }

  .text-field-4, .text-field-5 {
    font-size: 12px;
    line-height: 15px;
  }

  .bold-text-28 {
    font-size: 16px;
    line-height: 20px;
  }

  .bold-text-values {
    font-size: 15px;
    line-height: 20px;
  }

  .cell-2 {
    font-size: 12px;
    line-height: 15px;
  }

  .donate-usage-txt {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .strategic-growth {
    width: 250px;
  }

  .image-98 {
    width: 80px;
  }

  .bold-text-32, .bold-text-33 {
    font-size: 15px;
    line-height: 20px;
  }

  .image-99 {
    margin-top: 10px;
  }

  .page-camoflage-donate {
    background-image: linear-gradient(#edfffa 15%, #112131);
    height: 80px;
  }

  .forgot-password {
    font-size: 12px;
    line-height: 15px;
  }

  .image-100 {
    margin-top: -10px;
  }

  .bold-text-34, .bold-text-35, .bold-text-36, .bold-text-37 {
    font-size: 15px;
    line-height: 20px;
  }

  .quick-stack-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 20px;
  }

  .booking-heading-copy {
    font-size: 23px;
    line-height: 28px;
    position: relative;
  }

  .second-underline, .third-underline {
    background-color: #1f5148;
    display: none;
  }

  .gold-underline-1 {
    width: 328px;
    height: 7px;
    display: none;
    overflow: visible;
  }

  .gold-underline-1.rooms-offer {
    width: 163px;
    display: block;
    top: 46px;
  }

  .radio-button-label-black {
    color: #000;
  }

  .bold-text-32-black, .bold-text-33-black {
    color: #000;
    font-size: 15px;
    line-height: 20px;
  }

  .maria-s-testimonial {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .message {
    margin-left: 10px;
  }

  .container-11 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .marias-testimonial-head {
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-17 {
    margin-left: auto;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .quote {
    margin-top: 10px;
    margin-left: -10px;
  }

  .maria-s-image {
    max-width: 339px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-39 {
    font-size: 20px;
    line-height: 25px;
  }

  .side-bar-div {
    margin-left: -100%;
    display: none;
  }

  .message-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rendered-content.space {
    padding-left: 20px;
  }

  .content.pub-chat {
    margin-left: 20px;
    margin-right: 20px;
  }

  .checkout-date, .room-details, .days-2-rent {
    min-width: 180px;
  }

  .cards {
    margin-top: 0;
  }

  .room-display {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    line-height: 16px;
  }

  .card-heading {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .text-block-56 {
    text-align: center;
  }

  .main-head {
    font-size: 20px;
    line-height: 25px;
  }

  .main-head.chat {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-59 {
    font-size: 15px;
  }

  .text-field-6, .text-field-7, .submit-button-3 {
    font-size: 15px;
    line-height: 20px;
  }

  .left-part {
    width: 250px;
    margin-right: auto;
  }

  .right-part {
    width: 250px;
    margin-left: auto;
  }

  .texting-area {
    flex-flow: column;
  }

  .text-field-9 {
    width: 250px;
  }

  .text-block-60 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .first-underline {
    background-color: #1f5148;
    display: none;
  }

  .checkbox-label-2 {
    font-size: 14px;
  }

  .main-topic-and-lights {
    margin-top: 20px;
  }

  .room-change-request {
    min-width: 180px;
  }

  .top-up.chat {
    padding-left: 10px;
    padding-right: 10px;
  }

  .rent-amount {
    text-align: center;
  }

  .extention-field-label, .rent-extention-reason {
    font-size: 15px;
    line-height: 20px;
  }

  .rent-extention-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .concerns-icon {
    width: 32px;
  }

  .problem-report {
    padding: 20px;
  }

  .message-profile {
    width: auto;
  }

  .message-identifier {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .profile-image {
    width: 80px;
  }

  .topic-of-message {
    margin-right: 10px;
  }

  .senders-name {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
  }

  .text-block-64 {
    margin-bottom: 10px;
  }

  .text-block-65 {
    font-size: 15px;
    line-height: 19px;
  }

  .text-block-66 {
    font-size: 15px;
    line-height: 20px;
  }

  .recent-messages {
    padding: 20px;
  }

  .table-heading {
    font-size: 15px;
    line-height: 20px;
  }

  .side-bar-mobile {
    display: block;
  }

  .active-agreements, .pending-agreements {
    min-width: 180px;
  }

  .bold-text-38 {
    font-size: 15px;
    line-height: 19px;
  }

  .text-block-64-copy {
    margin-bottom: 10px;
  }

  .sender {
    font-size: 15px;
    line-height: 19px;
  }

  .bold-text-39 {
    font-family: Poppins, sans-serif;
    font-size: 15px;
  }

  .bold-text-40 {
    font-size: 15px;
  }

  .faq-system {
    margin-top: 20px;
  }

  .card-txt {
    font-size: 15px;
  }

  .notification-head-field {
    font-size: 15px;
    line-height: 20px;
  }

  .bold-text-41 {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
  }
}

#w-node-_4503a89a-f92a-b91c-9f67-c3e7949736d4-3baaf191, #w-node-_5227baf5-79bd-345e-8271-70570ff42395-3baaf191, #w-node-b9c75c65-8656-396b-41a5-848f1f4950c8-3baaf191, #w-node-_9f01afde-33c2-b615-0b78-8e8086ad4b72-3baaf191, #w-node-_246d893b-ecea-3afd-c97c-70e108e7ad0f-3baaf191, #w-node-_20124454-ae67-47b5-8d76-5f89a16a2f92-3baaf191, #w-node-c1c26fbc-c75c-3e43-e5fe-bc5e6bd84e80-3baaf191, #w-node-_85e1cb1e-f4ad-a6d4-cfd9-940084ea35fa-3baaf191 {
  align-self: end;
}

#w-node-_66c1cd67-c736-3a8d-f5cd-6961998635d6-3baaf191 {
  align-self: center;
}

#w-node-_8c65c60c-50cc-de55-37ee-ab04168728bd-3baaf191 {
  align-self: end;
}


/* Booking page: Room-Type select mobile fixes (moved from booking.html) */
@media (max-width: 767px) {
  select#Room-Type,
  .w-select,
  select[name="Room-Type"] {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    -webkit-appearance: menulist-button !important;
    -moz-appearance: menulist-button !important;
    appearance: menulist-button !important;
    height: auto !important;
    min-height: 20px !important;
    line-height: 1 !important;
    color: #111 !important;
    background-color: #fff !important;
    padding: 0px 5px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
    font-size: 14px !important;
    -webkit-text-fill-color: #111 !important;
    -moz-text-fill-color: #111 !important;
  }

  select#Room-Type option,
  .w-select option {
    color: #111;
    background-color: #fff;
  }
}