body {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-family: sans-serif;
  overflow-x: hidden;
}

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

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

.home-btn {
  padding: 1.2rem 2rem;
  border: 1px solid #918f8f;
  border-radius: 3rem;
  background: rgba(63, 62, 62, 0.73);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
}

ul {
  list-style: none;
  margin: 0rem;
  padding: 0rem;
}

a {
  text-decoration: none;
}

.form-design {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.form-design div {
  position: relative;
}
.form-design div input {
  width: 75%;
  padding: 1.2rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #918f8f;
  background: rgba(63, 62, 62, 0.73);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
}
.form-design div input::-moz-placeholder {
  color: #fff;
}
.form-design div input::placeholder {
  color: #fff;
}
.form-design div input:focus {
  outline: none;
  border: 1px solid #fff;
}
.form-design div i {
  position: absolute;
  right: 2.5rem;
  top: 1rem;
  font-size: 1.2rem;
}
.form-design button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: 100;
  transition: all 0.5s ease;
}
.form-design button i {
  font-size: 0.5rem;
}
.form-design button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.form-design button:hover i {
  transform: translate(1px, 1px);
}

.single-room-design {
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: rgb(219, 217, 217);
}
.single-room-design .room-bg-img {
  width: 100%;
  height: 13rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s ease-in;
}
.single-room-design .text-cover-single-room {
  padding: 0rem 1rem 1rem 1rem;
}
.single-room-design .text-cover-single-room h2 {
  font-weight: lighter;
  font-size: 1.5rem;
  margin: 1rem 0rem 1rem;
}
.single-room-design .text-cover-single-room h3 {
  margin: 0rem;
  font-weight: lighter;
  font-size: 1rem;
}
.single-room-design .text-cover-single-room p {
  font-weight: 100;
  font-size: 0.8rem;
  line-height: 1.2rem;
  width: 70%;
  color: gray;
}
.single-room-design .text-cover-single-room .star-ratings {
  margin: 1rem 0rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
}
.single-room-design .text-cover-single-room .star-ratings .stars {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}
.single-room-design .text-cover-single-room a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0rem 0rem 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  margin: 0rem;
  transition: all 0.5s ease;
  cursor: pointer;
}
.single-room-design .text-cover-single-room a i {
  font-size: 0.8rem;
  transition: all 0.5s ease;
}
.single-room-design .text-cover-single-room a:hover {
  color: #383838;
}
.single-room-design .text-cover-single-room a:hover i {
  margin-left: 0.5rem;
  color: #000;
}

/* MEDIA QUERY */
@media screen and (max-width: 1100px) {
  .max-width {
    width: 100%;
    margin: 0rem;
    overflow-x: hidden;
  }
  .form-design {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
  }
  .form-design div {
    position: relative;
  }
  .form-design div input {
    width: 75%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .form-design div input::-moz-placeholder {
    color: #fff;
  }
  .form-design div input::placeholder {
    color: #fff;
  }
  .form-design div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .form-design div i {
    position: absolute;
    right: 2.5rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .form-design button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .form-design button i {
    font-size: 0.5rem;
  }
  .form-design button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .form-design button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .form-design {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
  }
  .form-design div {
    position: relative;
  }
  .form-design div input {
    width: 75%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .form-design div input::-moz-placeholder {
    color: #fff;
  }
  .form-design div input::placeholder {
    color: #fff;
  }
  .form-design div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .form-design div i {
    position: absolute;
    right: 2.5rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .form-design button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .form-design button i {
    font-size: 0.5rem;
  }
  .form-design button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .form-design button:hover i {
    transform: translate(1px, 1px);
  }
  .single-room-design {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .single-room-design .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .single-room-design .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .single-room-design .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .single-room-design .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .single-room-design .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .single-room-design .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .single-room-design .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .single-room-design .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .single-room-design .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .single-room-design .text-cover-single-room a:hover {
    color: #383838;
  }
  .single-room-design .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
}
@media screen and (max-width: 500px) {
  .form-design {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
  }
  .form-design div {
    position: relative;
    width: calc(100% - 3rem);
  }
  .form-design div input {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .form-design div input::-moz-placeholder {
    color: #fff;
  }
  .form-design div input::placeholder {
    color: #fff;
  }
  .form-design div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .form-design div i {
    position: absolute;
    right: -1rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .form-design button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .form-design button i {
    font-size: 0.5rem;
  }
  .form-design button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .form-design button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 400px) {
  .single-room-design {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .single-room-design .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .single-room-design .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .single-room-design .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .single-room-design .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .single-room-design .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 90%;
    color: gray;
  }
  .single-room-design .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .single-room-design .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .single-room-design .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .single-room-design .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .single-room-design .text-cover-single-room a:hover {
    color: #383838;
  }
  .single-room-design .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
}
.nav-container {
  padding: 0.5rem 0rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  transition: background-color 0.5s ease-in-out;
}
.nav-container .nav-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}
.nav-container .nav-cover .logo {
  z-index: 1;
}
.nav-container .nav-cover .logo .logo-name {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.nav-container .nav-cover .logo .logo-name .name span {
  color: #918f8f;
}
.nav-container .nav-cover .logo .logo-name .guesthouse {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 7px;
}
.nav-container .nav-cover .logo .logo-name .guesthouse span {
  color: #918f8f;
}
.nav-container .nav-cover .nav-button {
  display: none;
}
.nav-container .nav-cover .nav-links {
  border-radius: 3rem;
  border: 1px solid #918f8f;
  background: rgba(63, 62, 62, 0.73);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
}
.nav-container .nav-cover .nav-links ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 1rem;
}
.nav-container .nav-cover .nav-links ul li {
  padding: 1.2rem 1rem;
  cursor: pointer;
}
.nav-container .nav-cover .nav-links ul li:hover a {
  color: gray;
  transition: all 0.3s ease-in-out;
}
.nav-container .nav-cover .nav-links ul li a {
  color: #fff;
}
.nav-container .nav-cover .nav-links ul li a i {
  font-size: xx-small;
  position: relative;
  top: -2px;
}
.nav-container .nav-cover .nav-links ul,
.nav-container .nav-cover .nav-links li,
.nav-container .nav-cover .nav-links a.active-color {
  color: gray;
}
.nav-container .nav-cover .home-btn:hover {
  background-color: #fff;
}
.nav-container .nav-cover .home-btn:hover .book-btn {
  color: gray;
}
.nav-container .nav-cover .home-btn .book-btn {
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.nav-container .nav-cover .home-btn .book-btn.contact-active {
  color: gray;
}

.nav-container.scrolled {
  background-color: rgba(0, 0, 0, 0.808);
  -webkit-backdrop-filter: blur(6.4px);
          backdrop-filter: blur(6.4px);
}

/* MEDIA QUERY */
@media (max-width: 1100px) {
  .nav-container {
    padding: 0rem 0rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: background-color 0.5s ease-in-out;
  }
  .nav-container .nav-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    padding: 0.6rem 1rem;
  }
  .nav-container .nav-cover .logo {
    z-index: 10;
  }
  .nav-container .nav-cover .logo .logo-name {
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    flex-direction: column;
  }
  .nav-container .nav-cover .logo .logo-name .name span {
    color: #918f8f;
  }
  .nav-container .nav-cover .logo .logo-name .guesthouse {
    font-size: 0.8rem;
    line-height: 0.8rem;
    letter-spacing: 4px;
  }
  .nav-container .nav-cover .logo .logo-name .guesthouse span {
    color: #918f8f;
  }
  .nav-container .nav-cover .nav-button {
    display: flex;
    width: 1.8rem;
    z-index: 10;
  }
  .nav-container .nav-cover .nav-links {
    border-radius: 0rem;
    border: none;
    background-color: rgba(0, 0, 0, 0.808);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    /* MOBILE VIEW DESIGN */
    position: absolute;
    top: 100%;
    left: 0rem;
    width: 100%;
    transform: translateY(-130%);
    transition: transform 0.5s ease-in-out;
    z-index: 9;
  }
  .nav-container .nav-cover .nav-links ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem 0rem;
  }
  .nav-container .nav-cover .nav-links ul li {
    padding: 1rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid #918f8f;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-container .nav-cover .nav-links ul li:hover a {
    color: gray;
    transition: all 0.3s ease-in-out;
  }
  .nav-container .nav-cover .nav-links ul li a {
    color: #fff;
  }
  .nav-container .nav-cover .nav-links ul li a i {
    font-size: xx-small;
    position: relative;
    top: -2px;
  }
  .nav-container .nav-cover .nav-links ul,
  .nav-container .nav-cover .nav-links li,
  .nav-container .nav-cover .nav-links a.active-color {
    color: gray;
  }
  .nav-container .nav-cover .nav-links.nav-clicked {
    transform: translateY(0%);
  }
  .nav-container .nav-cover .home-btn {
    padding: 0.3rem 1rem 0.5rem;
    border: 1px solid #918f8f;
    border-radius: 3rem;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    z-index: 10;
  }
  .nav-container .nav-cover .home-btn:hover {
    background-color: #fff;
  }
  .nav-container .nav-cover .home-btn:hover a {
    color: gray;
  }
  .nav-container .nav-cover .home-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    transition: all 0.3s ease-in-out;
    padding: 0rem;
    font-weight: 300;
  }
}
.video-plus-text-container {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-container .home-text-container {
  color: #fff;
}
.video-plus-text-container .home-text-container .mother-container {
  position: absolute;
  bottom: 10vh;
  width: 1200px;
  z-index: 9;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
  display: flex;
  align-items: flex-start;
  justify-content: start;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
  font-size: 4.4rem;
  font-weight: 500;
  margin: 0rem;
  line-height: 4.4rem;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
  width: 70%;
  line-height: 1.5rem;
  margin: 1.5rem 0rem 0rem;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
  display: flex;
  align-items: flex-end;
  justify-content: end;
  padding-right: 2rem;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
  font-size: 1rem;
  font-weight: normal;
  margin: 1rem 0rem 0rem;
}
.video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
  font-size: 1rem;
  font-weight: normal;
  margin: 1rem 0rem 0rem;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin {
  margin-top: 3rem;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
  position: relative;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
  width: 75%;
  padding: 1.2rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #918f8f;
  background: rgba(63, 62, 62, 0.73);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
  color: #fff;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
  color: #fff;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
  outline: none;
  border: 1px solid #fff;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
  position: absolute;
  right: 2.5rem;
  top: 1rem;
  font-size: 1.2rem;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
  font-size: 0.5rem;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-container .home-text-container {
    padding: 0rem 1rem;
    margin: 0rem;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container {
    position: absolute;
    bottom: 6vh;
    width: 100%;
    z-index: 9;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
    display: flex;
    align-items: flex-start;
    justify-content: start;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
    font-size: 4.4rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 4.4rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
    width: 70%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-right: 2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin {
    margin-top: 3rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
    position: relative;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
    width: 78%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
    position: absolute;
    right: 3rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
    font-size: 0.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 920px) {
  .video-plus-text-container .home-text-container {
    padding: 0rem 1rem;
    margin: 0rem;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container {
    position: absolute;
    bottom: 6vh;
    width: 100%;
    z-index: 9;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
    display: flex;
    align-items: flex-start;
    justify-content: start;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
    font-size: 4.4rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 4.4rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
    width: 80%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-right: 2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin {
    margin-top: 3rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
    position: relative;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
    width: 78%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
    position: absolute;
    right: 3rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
    font-size: 0.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 830px) {
  .video-plus-text-container .home-text-container {
    padding: 0rem 1rem;
    margin: 0rem;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container {
    position: absolute;
    bottom: 6vh;
    width: 100%;
    z-index: 9;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
    display: flex;
    align-items: flex-start;
    justify-content: start;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
    font-size: 4rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 4.4rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
    width: 80%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-right: 2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin {
    margin-top: 3rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
    position: relative;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
    width: 73%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
    position: absolute;
    right: 3rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
    font-size: 0.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-container .home-text-container {
    padding: 0rem 1rem;
    margin: 0rem;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    z-index: 9;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters {
    display: grid;
    grid-template-columns: 1fr;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
    display: flex;
    align-items: flex-start;
    justify-content: start;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
    width: calc(100% - 1rem);
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-right: 2rem;
    display: none;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin {
    margin-top: 2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
    position: relative;
    width: calc(100% - 4rem);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
    position: absolute;
    right: -1rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    width: calc(100% - 1rem);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
    font-size: 0.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-container .home-text-container {
    padding: 0rem 1rem;
    margin: 0rem;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    z-index: 9;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters {
    display: grid;
    grid-template-columns: 1fr;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left {
    display: flex;
    align-items: flex-start;
    justify-content: start;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text .big-text-heading h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .left .cover-for-home-heading-text p {
    width: calc(100% - 1rem);
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-right: 2rem;
    display: none;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .top h6 {
    font-size: 1rem;
    font-weight: lighter;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .first-section-letters .right .bottom h6 {
    font-size: 1rem;
    font-weight: lighter;
    margin: 1rem 0rem 0rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin {
    margin-top: 2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
    padding-right: 1rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div {
    position: relative;
    width: calc(100% - 4rem);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #918f8f;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::-moz-placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input::placeholder {
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div input:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form div i {
    position: absolute;
    right: -1rem;
    top: 1rem;
    font-size: 1.2rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    width: calc(100% - 1rem);
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button i {
    font-size: 0.5rem;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .video-plus-text-container .home-text-container .mother-container .second-section-checkin form button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.footer-container {
  background-color: rgb(238, 236, 236);
  padding: 0.5rem 0rem 0.1rem;
}
.footer-container .maininfor-grid {
  margin-top: 3rem;
}
.footer-container .maininfor-grid .left-section-link-logo {
  display: grid;
  grid-template-columns: 1.5fr 1.8fr;
  gap: 10rem;
}
.footer-container .maininfor-grid .left-section-link-logo .all-links-cover {
  display: flex;
  justify-content: space-between;
}
.footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h3 {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0rem 0rem 0.5rem;
}
.footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4 {
  font-size: 0.9rem;
  font-weight: normal;
  color: gray;
  cursor: pointer;
  transition: all 0.5s ease;
  margin: 0.5rem 0rem;
}
.footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4:hover {
  color: #000;
  transform: translateY(-0.2rem);
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr {
  margin-bottom: 1.5rem;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr h1 {
  font-size: 2.5rem;
  font-weight: normal;
  margin: 0rem;
  line-height: 2.8rem;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.5rem;
  padding-right: 4rem;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid lightgray;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input:focus {
  outline: none;
  border: 1px solid #000;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button i {
  font-size: 0.5rem;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover {
  background: #fff;
  border: 1px solid gray;
  color: #000;
}
.footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover i {
  transform: translate(1px, 1px);
}
.footer-container .bigger-logo {
  margin-top: 0rem;
}
.footer-container .bigger-logo img {
  width: 16rem;
}
.footer-container .all-rights-creator {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-container .all-rights-creator h5 {
  font-size: 0.8rem;
  font-weight: normal;
}
.footer-container .all-rights-creator h5 a {
  color: green;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  transition: all 0.5s ease;
}
.footer-container .all-rights-creator h5 a strong {
  color: rgb(59, 230, 59);
}
.footer-container .all-rights-creator h5 a:hover {
  color: rgb(59, 230, 59);
}
.footer-container .all-rights-creator h5 a:hover strong {
  color: green;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .footer-container {
    background-color: rgb(238, 236, 236);
    padding: 0.5rem 1rem 0.1rem;
  }
  .footer-container .maininfor-grid {
    margin-top: 3rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo {
    display: grid;
    grid-template-columns: 1.5fr 1.8fr;
    gap: 10rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover {
    display: flex;
    justify-content: space-between;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h3 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: gray;
    cursor: pointer;
    transition: all 0.5s ease;
    margin: 0.5rem 0rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4:hover {
    color: #000;
    transform: translateY(-0.2rem);
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr {
    margin-bottom: 1.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr h1 {
    font-size: 2.5rem;
    font-weight: normal;
    margin: 0rem;
    line-height: 2.8rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.5rem;
    padding-right: 4rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid lightgray;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input:focus {
    outline: none;
    border: 1px solid #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button i {
    font-size: 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover {
    background: #fff;
    border: 1px solid gray;
    color: #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover i {
    transform: translate(1px, 1px);
  }
  .footer-container .bigger-logo {
    margin-top: 0rem;
  }
  .footer-container .bigger-logo img {
    width: 16rem;
  }
  .footer-container .all-rights-creator {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-container .all-rights-creator h5 {
    font-size: 0.8rem;
    font-weight: lighter;
  }
  .footer-container .all-rights-creator h5 a {
    color: green;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    transition: all 0.5s ease;
  }
  .footer-container .all-rights-creator h5 a strong {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover strong {
    color: green;
  }
}
@media screen and (max-width: 900px) {
  .footer-container {
    background-color: rgb(238, 236, 236);
    padding: 0.5rem 1rem 0.1rem;
  }
  .footer-container .maininfor-grid {
    margin-top: 3rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h3 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: gray;
    cursor: pointer;
    transition: all 0.5s ease;
    margin: 0.5rem 0rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4:hover {
    color: #000;
    transform: translateY(-0.2rem);
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr {
    margin-bottom: 1.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr h1 {
    font-size: 2.5rem;
    font-weight: normal;
    margin: 0rem;
    line-height: 2.8rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.5rem;
    padding-right: 4rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid lightgray;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input:focus {
    outline: none;
    border: 1px solid #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button i {
    font-size: 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover {
    background: #fff;
    border: 1px solid gray;
    color: #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover i {
    transform: translate(1px, 1px);
  }
  .footer-container .bigger-logo {
    margin-top: 0rem;
  }
  .footer-container .bigger-logo img {
    width: 16rem;
  }
  .footer-container .all-rights-creator {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-container .all-rights-creator h5 {
    font-size: 0.8rem;
    font-weight: normal;
  }
  .footer-container .all-rights-creator h5 a {
    color: green;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    transition: all 0.5s ease;
  }
  .footer-container .all-rights-creator h5 a strong {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover strong {
    color: green;
  }
}
@media screen and (max-width: 600px) {
  .footer-container {
    background-color: rgb(238, 236, 236);
    padding: 0.5rem 1rem 0.1rem;
  }
  .footer-container .maininfor-grid {
    margin-top: 3rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h3 {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0rem 0rem 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: gray;
    cursor: pointer;
    transition: all 0.5s ease;
    margin: 0.5rem 0rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4:hover {
    color: #000;
    transform: translateY(-0.2rem);
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing {
    margin-bottom: 2rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr {
    margin-bottom: 1.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr h1 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 2.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.5rem;
    padding-right: 4rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid lightgray;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input:focus {
    outline: none;
    border: 1px solid #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button i {
    font-size: 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover {
    background: #fff;
    border: 1px solid gray;
    color: #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover i {
    transform: translate(1px, 1px);
  }
  .footer-container .bigger-logo {
    margin-top: 0rem;
  }
  .footer-container .bigger-logo img {
    width: 16rem;
  }
  .footer-container .all-rights-creator {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-container .all-rights-creator h5 {
    font-size: 0.8rem;
    font-weight: normal;
  }
  .footer-container .all-rights-creator h5 a {
    color: green;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    transition: all 0.5s ease;
  }
  .footer-container .all-rights-creator h5 a strong {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover strong {
    color: green;
  }
}
@media screen and (max-width: 500px) {
  .footer-container {
    background-color: rgb(238, 236, 236);
    padding: 0.5rem 1rem 0.1rem;
  }
  .footer-container .maininfor-grid {
    margin-top: 3rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h3 {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0rem 0rem 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: gray;
    cursor: pointer;
    transition: all 0.5s ease;
    margin: 0.5rem 0rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .all-links-cover .nav-lnks h4:hover {
    color: #000;
    transform: translateY(-0.2rem);
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing {
    margin-bottom: 2rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr {
    margin-bottom: 1.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .hedd-cvr h1 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 2.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding-right: 4rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid lightgray;
    width: 100%;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form input:focus {
    outline: none;
    border: 1px solid #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    width: calc(100% + 3rem);
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button i {
    font-size: 0.5rem;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover {
    background: #fff;
    border: 1px solid gray;
    color: #000;
  }
  .footer-container .maininfor-grid .left-section-link-logo .right-email-listing .simple-form button:hover i {
    transform: translate(1px, 1px);
  }
  .footer-container .bigger-logo {
    margin-top: 0rem;
  }
  .footer-container .bigger-logo img {
    width: 10rem;
  }
  .footer-container .all-rights-creator {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-container .all-rights-creator h5 {
    font-size: 0.8rem;
    font-weight: normal;
  }
  .footer-container .all-rights-creator h5 a {
    color: green;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    transition: all 0.5s ease;
  }
  .footer-container .all-rights-creator h5 a strong {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover {
    color: rgb(59, 230, 59);
  }
  .footer-container .all-rights-creator h5 a:hover strong {
    color: green;
  }
}
.video-plus-text-rooms-pages-container {
  height: 75vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-rooms-pages-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-rooms-pages-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-rooms-pages-container .home-text-container {
  color: #fff;
}
.video-plus-text-rooms-pages-container .home-text-container .rooms-container {
  position: absolute;
  width: 100%;
}
.video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
  position: absolute;
  bottom: 2rem;
  z-index: 9;
}
.video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
  color: #fff;
  padding-left: 1.5rem;
  margin-bottom: 3rem;
}
.video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
  line-height: 4.4rem;
  text-align: center;
}
.video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
  width: 50%;
  line-height: 1.5rem;
  margin: 1.5rem 0rem 0rem;
  justify-self: center;
  text-align: center;
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-rooms-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-rooms-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 1.5rem;
    margin-bottom: 2.5rem;
    width: calc(100% + 3rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 4.4rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 70%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
    justify-self: center;
    text-align: center;
  }
}
@media screen and (max-width: 900px) {
  .video-plus-text-rooms-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2.5rem;
    width: 100%;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 4.4rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 70%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
    justify-self: center;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-rooms-pages-container {
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2.5rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 3.5rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 br {
    display: none;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 0rem;
    justify-self: start;
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-rooms-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
    justify-self: start;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .video-plus-text-rooms-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
    justify-self: start;
    text-align: center;
  }
}
@media screen and (max-width: 380px) {
  .video-plus-text-rooms-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
    justify-self: start;
    text-align: center;
  }
}
@media screen and (max-width: 370px) {
  .video-plus-text-rooms-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-rooms-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container {
    position: absolute;
    width: calc(100% - 2rem);
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container {
    color: #fff;
    padding-left: 0rem;
    margin-bottom: 2rem;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .video-plus-text-rooms-pages-container .home-text-container .rooms-container .text-form-container .rooms-text-container p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
    justify-self: start;
    text-align: center;
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-rooms-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-rooms-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.video-plus-text-amenities-pages-container {
  height: 75vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-amenities-pages-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-amenities-pages-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-amenities-pages-container .home-text-container {
  color: #fff;
}
.video-plus-text-amenities-pages-container .home-text-container .amenties-container {
  position: absolute;
  bottom: 2rem;
  z-index: 9;
}
.video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
  text-align: center;
  color: #fff;
  margin-bottom: 2rem;
}
.video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
}
.video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
  width: 44%;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
}

/* amenties numbers section*/
.change-bg-clr {
  background-color: #fff;
}
.change-bg-clr .cover {
  margin-top: 4rem !important;
  margin-bottom: 2rem !important;
}
.change-bg-clr .cover .numbers-section .pool-img {
  width: 100%;
  height: 12rem;
  border-radius: 0.5rem;
  background-image: url(../../images/amenties/seatedAtPool.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.amenities-testimonials-section {
  background-color: #f9f9f9;
  padding: 1rem 0rem;
}

.reduce-mg-top {
  margin-top: 3rem !important;
}

.reduce-mg-bottom {
  margin-bottom: 2rem !important;
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-amenities-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-amenities-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 54%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff;
  }
  .change-bg-clr .cover {
    margin-top: 3rem !important;
    margin-bottom: 1rem !important;
  }
  .change-bg-clr .cover .numbers-section .pool-img {
    width: 100%;
    height: 12rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/seatedAtPool.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .reduce-mg-top {
    margin-top: 1rem !important;
  }
  .reduce-mg-bottom {
    margin-bottom: 2rem !important;
  }
}
@media screen and (max-width: 900px) {
  .video-plus-text-amenities-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 70%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff;
  }
  .change-bg-clr .cover {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
  }
  .change-bg-clr .cover .numbers-section .pool-img {
    width: 100%;
    height: 12rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/seatedAtPool.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .reduce-mg-top {
    margin-top: 0rem !important;
  }
  .reduce-mg-bottom {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-amenities-pages-container {
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff;
  }
  .change-bg-clr .cover {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .change-bg-clr .cover .numbers-section .pool-img {
    width: 100%;
    height: 12rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/seatedAtPool.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-amenities-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 400px) {
  .video-plus-text-amenities-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 380px) {
  .video-plus-text-amenities-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 370px) {
  .video-plus-text-amenities-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-amenities-pages-container .home-text-container {
    color: #fff;
    padding: 0rem 1rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container {
    width: calc(100% - 1rem);
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-amenities-pages-container .home-text-container .amenties-container .text-form-container .amenties-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-amenities-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-amenities-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.video-plus-text-about-pages-container {
  height: 75vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-about-pages-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-about-pages-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-about-pages-container .home-text-container {
  color: #fff;
  width: 1200px;
  margin: 0 auto;
}
.video-plus-text-about-pages-container .home-text-container .about-words-container {
  position: absolute;
  bottom: 2rem;
  z-index: 9;
}
.video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
  text-align: center;
  color: #fff;
  margin-bottom: 2rem;
}
.video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
}
.video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
  width: 55%;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
}
.video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
  width: 1200px;
}

/* amenties numbers section*/
.change-bg-clr {
  background-color: #fff !important;
}
.change-bg-clr .cover .about-us-numbers-section {
  display: grid;
  grid-template-columns: 3fr 1.2fr;
  gap: 5rem;
  align-items: center;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text {
  padding-top: 1rem;
  margin: 0rem 0rem 4rem;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text h3 {
  font-weight: normal;
  font-size: 1rem;
  margin: 0rem 0rem 1rem;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text p {
  margin: 0rem 0rem 2rem;
  font-size: 2rem;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text p strong {
  font-size: 2rem;
  font-weight: normal;
  color: gray;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text button i {
  font-size: 0.5rem;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover {
  background: lightgray;
  color: #000;
}
.change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover i {
  transform: translate(1px, 1px);
}
.change-bg-clr .cover .about-us-numbers-section .about-us-img {
  width: 100%;
  height: 70%;
  border-radius: 0.5rem;
  background-image: url(../../images/about/abtUS.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* services section*/
.our-services-mother-container {
  background-color: rgb(238, 236, 236);
  padding: 5rem 0rem 4rem;
}
.our-services-mother-container .services-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover h5 {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0rem 0rem 1rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover h1 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 3rem;
  margin: 0rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover p {
  font-size: 0.9rem;
  color: gray;
  line-height: 1.4rem;
  margin: 1.2rem 0rem 2.5rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5 {
  font-size: 2rem;
  font-weight: normal;
  border-bottom: 1px solid gray;
  padding-bottom: 1.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5:hover {
  color: gray;
  border-bottom: 2px solid #000;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 2rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover button i {
  font-size: 0.5rem;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover button:hover {
  background: lightgray;
  color: #000;
}
.our-services-mother-container .services-grid-container .contains-all-service-cover button:hover i {
  transform: translate(1px, 1px);
}
.our-services-mother-container .services-grid-container .service-bg-img {
  font-size: 0.5rem;
  color: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-image: url(../../images/about/services.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* our team section*/
.dedicated-team-container h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 4rem 0rem 0rem;
  text-align: center;
}
.dedicated-team-container p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  width: 45%;
  text-align: center;
  justify-self: center;
  margin-bottom: 2.5rem;
}
.dedicated-team-container .our-team-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.5rem;
  margin-bottom: 4rem;
  justify-content: center;
}
.dedicated-team-container .our-team-grid-container .single-person {
  position: relative;
  width: 100%;
  height: 25rem;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.dedicated-team-container .our-team-grid-container .single-person::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.dedicated-team-container .our-team-grid-container .single-person:hover::before {
  opacity: 0;
}
.dedicated-team-container .our-team-grid-container .single-person .details {
  position: absolute;
  bottom: 0rem;
  width: 100%;
}
.dedicated-team-container .our-team-grid-container .single-person .details h3 {
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
}
.dedicated-team-container .our-team-grid-container .single-person .details h2 {
  padding: 1.5rem 4rem;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.5rem;
  border: #fff 1px solid;
  background: rgba(63, 62, 62, 0.73);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  justify-self: center;
}
.dedicated-team-container .our-team-grid-container #one {
  background-image: url(../../images/about/one.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dedicated-team-container .our-team-grid-container #two {
  background-image: url(../../images/about/two.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dedicated-team-container .our-team-grid-container #three {
  background-image: url(../../images/about/three.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dedicated-team-container .our-team-grid-container #four {
  background-image: url(../../images/about/four.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-about-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-about-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 80%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: 3.5rem;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff !important;
  }
  .change-bg-clr .cover .about-us-numbers-section {
    display: grid;
    grid-template-columns: 3fr 1.2fr;
    gap: 5rem;
    align-items: center;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 2rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p {
    margin: 0rem 0rem 2rem;
    font-size: 2rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p strong {
    font-size: 2rem;
    font-weight: normal;
    color: gray;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button i {
    font-size: 0.5rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover {
    background: lightgray;
    color: #000;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover i {
    transform: translate(1px, 1px);
  }
  .change-bg-clr .cover .about-us-numbers-section .about-us-img {
    width: 100%;
    height: 70%;
    border-radius: 0.5rem;
    background-image: url(../../images/about/abtUS.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* services section*/
  .our-services-mother-container {
    background-color: rgb(238, 236, 236);
    padding: 4rem 1rem 4rem;
  }
  .our-services-mother-container .services-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h5 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h1 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
    margin: 0rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover p {
    font-size: 0.9rem;
    color: gray;
    line-height: 1.4rem;
    margin: 1.2rem 0rem 2.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5 {
    font-size: 2rem;
    font-weight: normal;
    border-bottom: 1px solid gray;
    padding-bottom: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5:hover {
    color: gray;
    border-bottom: 2px solid #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button i {
    font-size: 0.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover {
    background: lightgray;
    color: #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover i {
    transform: translate(1px, 1px);
  }
  .our-services-mother-container .services-grid-container .service-bg-img {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/services.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* our team section*/
  .dedicated-team-container h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 2rem 0rem 0rem;
    text-align: center;
    padding: 0rem 1rem;
  }
  .dedicated-team-container p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    width: 55%;
    text-align: center;
    justify-self: center;
    margin-bottom: 2rem;
    padding: 0rem 1rem;
  }
  .dedicated-team-container .our-team-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
    margin-bottom: 3rem;
    justify-content: center;
    padding: 0rem 1rem;
  }
  .dedicated-team-container .our-team-grid-container .single-person {
    position: relative;
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
  }
  .dedicated-team-container .our-team-grid-container .single-person::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }
  .dedicated-team-container .our-team-grid-container .single-person:hover::before {
    opacity: 0;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details {
    position: absolute;
    bottom: 0rem;
    width: 100%;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h3 {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h2 {
    padding: 1.5rem 4rem;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    width: -moz-max-content;
    width: max-content;
    border-radius: 0.5rem;
    border: #fff 1px solid;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    justify-self: center;
  }
  .dedicated-team-container .our-team-grid-container #one {
    background-image: url(../../images/about/one.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #two {
    background-image: url(../../images/about/two.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #three {
    background-image: url(../../images/about/three.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #four {
    background-image: url(../../images/about/four.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 900px) {
  .video-plus-text-about-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: 2.5rem;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff !important;
  }
  .change-bg-clr .cover .about-us-numbers-section {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 3rem;
    align-items: center;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 2rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p {
    margin: 0rem 0rem 2rem;
    font-size: 1.8rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p strong {
    font-size: 1.8rem;
    font-weight: normal;
    color: gray;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button i {
    font-size: 0.5rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover {
    background: lightgray;
    color: #000;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover i {
    transform: translate(1px, 1px);
  }
  .change-bg-clr .cover .about-us-numbers-section .about-us-img {
    width: 100%;
    height: 14rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/abtUS.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* services section*/
  .our-services-mother-container {
    background-color: rgb(238, 236, 236);
    padding: 3rem 1rem 3rem;
  }
  .our-services-mother-container .services-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h5 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h1 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
    margin: 0rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover p {
    font-size: 0.9rem;
    color: gray;
    line-height: 1.4rem;
    margin: 1.2rem 0rem 2.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5 {
    font-size: 2rem;
    font-weight: normal;
    border-bottom: 1px solid gray;
    padding-bottom: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5:hover {
    color: gray;
    border-bottom: 2px solid #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button i {
    font-size: 0.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover {
    background: lightgray;
    color: #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover i {
    transform: translate(1px, 1px);
  }
  .our-services-mother-container .services-grid-container .service-bg-img {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/services.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-about-pages-container {
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: 2.5rem;
  }
  /* amenties numbers section*/
  .change-bg-clr {
    background-color: #fff !important;
  }
  .change-bg-clr .cover .about-us-numbers-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
    align-items: center;
    position: relative;
    padding: 0rem 0rem 6.5rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 0rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p {
    margin: 0rem 0rem 1.5rem;
    font-size: 1.5rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text p strong {
    font-size: 1.5rem;
    font-weight: normal;
    color: gray;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    position: absolute;
    bottom: 1.5rem;
    left: 0rem;
    width: 100%;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button i {
    font-size: 0.5rem;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover {
    background: lightgray;
    color: #000;
  }
  .change-bg-clr .cover .about-us-numbers-section .nmbrs-text button:hover i {
    transform: translate(1px, 1px);
  }
  .change-bg-clr .cover .about-us-numbers-section .about-us-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/abtUS.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* services section*/
  .our-services-mother-container {
    background-color: rgb(238, 236, 236);
    padding: 2.5rem 1rem 1.5rem;
  }
  .our-services-mother-container .services-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-bottom: 5rem;
    position: relative;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin: 0rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover p {
    font-size: 1rem;
    color: gray;
    line-height: 1.4rem;
    margin: 1rem 0rem 2rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5 {
    font-size: 1.5rem;
    font-weight: normal;
    border-bottom: 1px solid gray;
    padding-bottom: 1rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5:hover {
    color: gray;
    border-bottom: 2px solid #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button i {
    font-size: 0.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover {
    background: lightgray;
    color: #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover i {
    transform: translate(1px, 1px);
  }
  .our-services-mother-container .services-grid-container .service-bg-img {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/services.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 13rem;
  }
  /* our team section*/
  .dedicated-team-container h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 2rem 0rem 0rem;
    text-align: center;
    width: calc(100% - 2rem);
  }
  .dedicated-team-container p {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 100%;
    text-align: center;
    justify-self: center;
    margin-bottom: 2rem;
    width: calc(100% - 2rem);
  }
  .dedicated-team-container .our-team-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
    padding: 0rem 1rem;
  }
  .dedicated-team-container .our-team-grid-container .single-person {
    position: relative;
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
  }
  .dedicated-team-container .our-team-grid-container .single-person::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }
  .dedicated-team-container .our-team-grid-container .single-person:hover::before {
    opacity: 0;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details {
    position: absolute;
    bottom: 0rem;
    width: 100%;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h3 {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h2 {
    padding: 1.5rem 4rem;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    width: -moz-max-content;
    width: max-content;
    border-radius: 0.5rem;
    border: #fff 1px solid;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    justify-self: center;
  }
  .dedicated-team-container .our-team-grid-container #one {
    background-image: url(../../images/about/one.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #two {
    background-image: url(../../images/about/two.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #three {
    background-image: url(../../images/about/three.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #four {
    background-image: url(../../images/about/four.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-about-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
  /* services section*/
  .our-services-mother-container {
    background-color: rgb(238, 236, 236);
    padding: 2.5rem 1rem 1.5rem;
  }
  .our-services-mother-container .services-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-bottom: 5rem;
    position: relative;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin: 0rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover p {
    font-size: 1rem;
    color: gray;
    line-height: 1.4rem;
    margin: 1rem 0rem 1.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5 {
    font-size: 1.5rem;
    font-weight: normal;
    border-bottom: 1px solid gray;
    padding-bottom: 1rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover .servives-links-cover h5:hover {
    color: gray;
    border-bottom: 2px solid #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button i {
    font-size: 0.5rem;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover {
    background: lightgray;
    color: #000;
  }
  .our-services-mother-container .services-grid-container .contains-all-service-cover button:hover i {
    transform: translate(1px, 1px);
  }
  .our-services-mother-container .services-grid-container .service-bg-img {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-image: url(../../images/about/services.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 13rem;
  }
  /* our team section*/
  .dedicated-team-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 2rem 0rem 0rem;
    text-align: center;
    width: calc(100% - 2rem);
  }
  .dedicated-team-container p {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 100%;
    text-align: center;
    justify-self: center;
    margin-bottom: 2rem;
    width: calc(100% - 2rem);
  }
  .dedicated-team-container .our-team-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
    padding: 0rem 1rem;
  }
  .dedicated-team-container .our-team-grid-container .single-person {
    position: relative;
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
  }
  .dedicated-team-container .our-team-grid-container .single-person::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }
  .dedicated-team-container .our-team-grid-container .single-person:hover::before {
    opacity: 0;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details {
    position: absolute;
    bottom: 0rem;
    width: 100%;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h3 {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
  }
  .dedicated-team-container .our-team-grid-container .single-person .details h2 {
    padding: 1.5rem 4rem;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    width: -moz-max-content;
    width: max-content;
    border-radius: 0.5rem;
    border: #fff 1px solid;
    background: rgba(63, 62, 62, 0.73);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    justify-self: center;
  }
  .dedicated-team-container .our-team-grid-container #one {
    background-image: url(../../images/about/one.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #two {
    background-image: url(../../images/about/two.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #three {
    background-image: url(../../images/about/three.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .dedicated-team-container .our-team-grid-container #four {
    background-image: url(../../images/about/four.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 400px) {
  .video-plus-text-about-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 380px) {
  .video-plus-text-about-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 370px) {
  .video-plus-text-about-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-about-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    padding: 0rem 1rem;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .about-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-about-pages-container .home-text-container .about-words-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-about-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-about-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.video-plus-text-services-pages-container {
  height: 75vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-services-pages-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-services-pages-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-services-pages-container .home-text-container {
  color: #fff;
  width: 1200px;
  margin: 0 auto;
}
.video-plus-text-services-pages-container .home-text-container .services-container {
  position: absolute;
  bottom: 2rem;
  z-index: 9;
}
.video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
  text-align: center;
  color: #fff;
  margin-bottom: 2rem;
}
.video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
  font-size: 5rem;
  font-weight: 100;
  margin: 0rem;
}
.video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
  width: 55%;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: lighter;
}
.video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
  width: 1200px;
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-services-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-services-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 5rem;
    font-weight: 100;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 55%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: lighter;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: 3.5rem;
  }
}
@media screen and (max-width: 900px) {
  .video-plus-text-services-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 80%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: 2.3rem;
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-services-pages-container {
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: 2.3rem;
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-services-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 400px) {
  .video-plus-text-services-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 380px) {
  .video-plus-text-services-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 370px) {
  .video-plus-text-services-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-services-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .services-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-services-pages-container .home-text-container .services-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-services-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-services-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.video-plus-text-contact-pages-container {
  height: 75vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.video-plus-text-contact-pages-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  z-index: 1;
}
.video-plus-text-contact-pages-container #myVideo {
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.video-plus-text-contact-pages-container .home-text-container {
  color: #fff;
  width: 1200px;
  margin: 0 auto;
}
.video-plus-text-contact-pages-container .home-text-container .contact-us-container {
  position: absolute;
  bottom: 2rem;
  z-index: 9;
}
.video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
  text-align: center;
  color: #fff;
  margin-bottom: 2rem;
}
.video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
}
.video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
  width: 55%;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
}
.video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
  width: 1200px;
}

/* contact form */
.contact-form-mother-container {
  margin: 7rem 0rem 4rem;
}
.contact-form-mother-container .place-form-middle {
  width: 60rem;
  padding: 3rem 4rem;
  background-color: rgb(238, 236, 236);
  border-radius: 0.5rem;
  margin: 0rem auto;
}
.contact-form-mother-container .place-form-middle form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.contact-form-mother-container .place-form-middle form .text {
  grid-column: span 2;
  min-height: 6rem;
  padding: 1.5rem 2rem;
  border-radius: 1.5rem;
  background: rgba(63, 62, 62, 0.73);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  border: 1px solid lightgray;
}
.contact-form-mother-container .place-form-middle form .text::-moz-placeholder {
  color: #fff;
  font-size: 0.9rem;
}
.contact-form-mother-container .place-form-middle form .text::placeholder {
  color: #fff;
  font-size: 0.9rem;
}
.contact-form-mother-container .place-form-middle form .send-btn {
  grid-column: span 2;
}
.contact-form-mother-container .place-form-middle form .padd-bord {
  border-radius: 3rem;
  padding: 1.5rem 2rem;
  background: rgba(63, 62, 62, 0.73);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  border: 1px solid lightgray;
}
.contact-form-mother-container .place-form-middle form .padd-bord::-moz-placeholder {
  color: #fff;
  font-size: 0.8rem;
}
.contact-form-mother-container .place-form-middle form .padd-bord::placeholder {
  color: #fff;
  font-size: 0.8rem;
}
.contact-form-mother-container .place-form-middle form .padd-bord:focus {
  outline: none;
  border: 1px solid #fff;
}
.contact-form-mother-container .place-form-middle form button {
  background-color: #fff;
  padding: 1rem;
  font-size: 1rem;
  border-radius: 3rem;
  border: 1px solid #fff;
  transition: 0.3s ease-in-out;
}
.contact-form-mother-container .place-form-middle form button:hover {
  background-color: #000;
  color: #fff;
}

/* contact details */
.contact-information-container {
  margin: 6rem 0rem 4rem;
}
.contact-information-container .grid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  height: 30rem;
}
.contact-information-container .grid-layout .guest-house-image {
  background-image: url(../../images/services/ContactUsImage.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding: 2rem;
  font-size: 0.5rem;
  color: #fff;
}
.contact-information-container .grid-layout .company-contact-details {
  display: flex;
  align-items: center;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details h4 {
  font-size: 0.9rem;
  font-weight: 100;
  margin: 0rem 0rem 1rem;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details h1 {
  font-size: 3rem;
  font-weight: 100;
  margin: 0rem 0rem 1rem;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 0rem;
  width: 82%;
  color: gray;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 2.5rem 0rem 2rem;
  width: 63%;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .black {
  height: 1px;
  background-color: #000;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .gray {
  height: 1px;
  background-color: lightgray;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: gray;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a {
  color: #000;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a:hover {
  color: gray;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width {
  width: 55%;
  display: flex;
  align-items: start;
  gap: 1rem;
  color: gray;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width i {
  position: relative;
  top: 0.2rem;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a {
  color: #000;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a:hover {
  color: gray;
}

/* number section */
.numbers-sectiion-container {
  margin-bottom: 3rem;
}
.numbers-sectiion-container .ratings-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  margin-top: 3rem;
}
.numbers-sectiion-container .ratings-container div i {
  font-size: 0.5rem;
}
.numbers-sectiion-container .ratings-container div h1 {
  margin: 0rem;
  font-size: 7rem;
  font-weight: 500;
  line-height: 6rem;
}
.numbers-sectiion-container .ratings-container div h4 {
  margin: 1rem 0rem 0rem;
  font-weight: normal;
}

/* Media Screen Query */
@media screen and (max-width: 1370px) {
  .video-plus-text-contact-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
}
@media screen and (max-width: 1100px) {
  .video-plus-text-contact-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 60%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: 3.5rem;
  }
  /* contact form */
  .contact-form-mother-container {
    margin: 4rem 0rem 2rem;
    padding: 0rem 1rem;
  }
  .contact-form-mother-container .place-form-middle {
    width: calc(100% - 8rem);
    padding: 3rem 4rem;
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    margin: 0rem;
  }
  .contact-form-mother-container .place-form-middle form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  .contact-form-mother-container .place-form-middle form .text {
    grid-column: span 2;
    min-height: 6rem;
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid lightgray;
  }
  .contact-form-mother-container .place-form-middle form .text::-moz-placeholder {
    color: #fff;
    font-size: 0.9rem;
  }
  .contact-form-mother-container .place-form-middle form .text::placeholder {
    color: #fff;
    font-size: 0.9rem;
  }
  .contact-form-mother-container .place-form-middle form .send-btn {
    grid-column: span 2;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord {
    border-radius: 3rem;
    padding: 1.5rem 2rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid lightgray;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord::-moz-placeholder {
    color: #fff;
    font-size: 0.8rem;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord::placeholder {
    color: #fff;
    font-size: 0.8rem;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .contact-form-mother-container .place-form-middle form button {
    background-color: #fff;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 3rem;
    border: 1px solid #fff;
    transition: 0.3s ease-in-out;
  }
  .contact-form-mother-container .place-form-middle form button:hover {
    background-color: #000;
    color: #fff;
  }
  /* contact details */
  .contact-information-container {
    margin: 4rem 0rem 3rem;
    padding: 0rem 1rem;
  }
  .contact-information-container .grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    height: 30rem;
  }
  .contact-information-container .grid-layout .guest-house-image {
    background-image: url(../../images/services/ContactUsImage.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
    font-size: 0.5rem;
    color: #fff;
  }
  .contact-information-container .grid-layout .company-contact-details {
    display: flex;
    align-items: center;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h4 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 0rem;
    width: 82%;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2.5rem 0rem 2rem;
    width: 63%;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .black {
    height: 1px;
    background-color: #000;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .gray {
    height: 1px;
    background-color: lightgray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a:hover {
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width {
    width: 55%;
    display: flex;
    align-items: start;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width i {
    position: relative;
    top: 0.2rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a:hover {
    color: gray;
  }
  /* number section */
  .numbers-sectiion-container {
    margin-bottom: 3rem;
    padding: 0rem 1rem;
  }
  .numbers-sectiion-container .ratings-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    margin-top: 2rem;
  }
  .numbers-sectiion-container .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-sectiion-container .ratings-container div h1 {
    margin: 0rem;
    font-size: 7rem;
    font-weight: 500;
    line-height: 6rem;
  }
  .numbers-sectiion-container .ratings-container div h4 {
    margin: 1rem 0rem 0rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 900px) {
  .video-plus-text-contact-pages-container {
    height: 75vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(3);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 80%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: 2.5rem;
  }
  /* contact details */
  .contact-information-container {
    margin: 4rem 0rem 3rem;
    padding: 0rem 1rem;
  }
  .contact-information-container .grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    height: -moz-max-content;
    height: max-content;
  }
  .contact-information-container .grid-layout .guest-house-image {
    background-image: url(../../images/services/ContactUsImage.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
    font-size: 0.5rem;
    color: #fff;
  }
  .contact-information-container .grid-layout .company-contact-details {
    display: flex;
    align-items: center;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details {
    padding: 1.5rem 0rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h4 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 0rem;
    width: 92%;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2rem 0rem 1.5rem;
    width: 83%;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .black {
    height: 1px;
    background-color: #000;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .gray {
    height: 1px;
    background-color: lightgray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a:hover {
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width {
    width: 55%;
    display: flex;
    align-items: start;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width i {
    position: relative;
    top: 0.2rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a:hover {
    color: gray;
  }
  /* number section */
  .numbers-sectiion-container {
    margin-bottom: 2rem;
    padding: 0rem 1rem;
  }
  .numbers-sectiion-container .ratings-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    margin-top: 2rem;
  }
  .numbers-sectiion-container .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-sectiion-container .ratings-container div h1 {
    margin: 0rem;
    font-size: 5rem;
    font-weight: 500;
    line-height: 5rem;
  }
  .numbers-sectiion-container .ratings-container div h4 {
    margin: 1rem 0rem 0rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 600px) {
  .video-plus-text-contact-pages-container {
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(4);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: 2.5rem;
  }
  /* contact form */
  .contact-form-mother-container {
    margin: 3rem 0rem 1rem;
    padding: 0rem 1rem;
  }
  .contact-form-mother-container .place-form-middle {
    width: calc(100% - 2rem);
    padding: 1rem 1rem;
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    margin: 0rem;
  }
  .contact-form-mother-container .place-form-middle form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contact-form-mother-container .place-form-middle form .text {
    grid-column: unset;
    min-height: 6rem;
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid lightgray;
  }
  .contact-form-mother-container .place-form-middle form .text::-moz-placeholder {
    color: #fff;
    font-size: 0.9rem;
  }
  .contact-form-mother-container .place-form-middle form .text::placeholder {
    color: #fff;
    font-size: 0.9rem;
  }
  .contact-form-mother-container .place-form-middle form .send-btn {
    grid-column: unset;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord {
    border-radius: 3rem;
    padding: 1.5rem 2rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid lightgray;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord::-moz-placeholder {
    color: #fff;
    font-size: 0.8rem;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord::placeholder {
    color: #fff;
    font-size: 0.8rem;
  }
  .contact-form-mother-container .place-form-middle form .padd-bord:focus {
    outline: none;
    border: 1px solid #fff;
  }
  .contact-form-mother-container .place-form-middle form button {
    background-color: #fff;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 3rem;
    border: 1px solid #fff;
    transition: 0.3s ease-in-out;
  }
  .contact-form-mother-container .place-form-middle form button:hover {
    background-color: #000;
    color: #fff;
  }
  /* contact details */
  .contact-information-container {
    margin: 3rem 0rem 2rem;
    padding: 0rem 1rem;
  }
  .contact-information-container .grid-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    height: -moz-max-content;
    height: max-content;
  }
  .contact-information-container .grid-layout .guest-house-image {
    background-image: url(../../images/services/ContactUsImage.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
    font-size: 0.5rem;
    color: #fff;
    order: 2;
    height: 13rem;
  }
  .contact-information-container .grid-layout .company-contact-details {
    display: flex;
    align-items: center;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details {
    padding: 0rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h4 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0rem;
    width: 100%;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2rem 0rem 1.5rem;
    width: 83%;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .black {
    height: 1px;
    background-color: #000;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .gray {
    height: 1px;
    background-color: lightgray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a:hover {
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width {
    width: 55%;
    display: flex;
    align-items: start;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width i {
    position: relative;
    top: 0.2rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a:hover {
    color: gray;
  }
  /* number section */
  .numbers-sectiion-container {
    margin-bottom: 2.5rem;
    padding: 0rem 1rem;
  }
  .numbers-sectiion-container .ratings-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
  }
  .numbers-sectiion-container .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-sectiion-container .ratings-container div h1 {
    margin: 0rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .numbers-sectiion-container .ratings-container div h4 {
    margin: 0.5rem 0rem 0rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 500px) {
  .video-plus-text-contact-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
  /* contact details */
  .contact-information-container {
    margin: 3rem 0rem 2rem;
    padding: 0rem 1rem;
  }
  .contact-information-container .grid-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    height: -moz-max-content;
    height: max-content;
  }
  .contact-information-container .grid-layout .guest-house-image {
    background-image: url(../../images/services/ContactUsImage.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
    font-size: 0.5rem;
    color: #fff;
    order: 2;
    height: 13rem;
  }
  .contact-information-container .grid-layout .company-contact-details {
    display: flex;
    align-items: center;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details {
    padding: 0rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h4 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem 0rem 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0rem;
    width: 100%;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2rem 0rem 1.5rem;
    width: 83%;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .black {
    height: 1px;
    background-color: #000;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .two-lines .gray {
    height: 1px;
    background-color: lightgray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .address a:hover {
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width {
    width: 55%;
    display: flex;
    align-items: start;
    gap: 1rem;
    color: gray;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width i {
    position: relative;
    top: 0.2rem;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a {
    color: #000;
    transition: 0.5s ease-in-out;
  }
  .contact-information-container .grid-layout .company-contact-details .cover-all-details .all-add-container .add-width a:hover {
    color: gray;
  }
}
@media screen and (max-width: 400px) {
  .video-plus-text-contact-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 380px) {
  .video-plus-text-contact-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 370px) {
  .video-plus-text-contact-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
  .video-plus-text-contact-pages-container .home-text-container {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0rem 1rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
    width: calc(100% - 2rem);
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container h1 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .contact-us-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container {
    width: 100%;
  }
  .video-plus-text-contact-pages-container .home-text-container .contact-us-container .text-form-container .form-container .form-design div i {
    right: -1rem;
  }
}
@media screen and (max-width: 350px) {
  .video-plus-text-contact-pages-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .video-plus-text-contact-pages-container #myVideo {
    min-width: 100%;
    min-height: 100%;
    transform: scale(5);
  }
}
.the-gallery-page {
  padding: 0.1rem 0rem;
  position: relative;
  height: 50vh;
  background: rgba(0, 0, 0, 0.73);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.the-gallery-page .gallery-container {
  position: absolute;
  bottom: 2rem;
  width: 1200px;
}
.the-gallery-page .gallery-container .text-form-container {
  position: absolute;
  width: 100%;
  bottom: 0rem;
}
.the-gallery-page .gallery-container .text-form-container .gallery-text-container {
  text-align: center;
  color: #fff;
  margin-bottom: 2rem;
}
.the-gallery-page .gallery-container .text-form-container .gallery-text-container h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
}
.the-gallery-page .gallery-container .text-form-container .gallery-text-container p {
  width: 42%;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .the-gallery-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 50vh;
    background: rgba(0, 0, 0, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .the-gallery-page .gallery-container {
    position: absolute;
    bottom: 2rem;
    width: calc(100% - 2rem);
  }
  .the-gallery-page .gallery-container .text-form-container {
    position: absolute;
    width: 100%;
    bottom: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container p {
    width: 60%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 600px) {
  .the-gallery-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 50vh;
    background: rgba(0, 0, 0, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .the-gallery-page .gallery-container {
    position: absolute;
    bottom: 2rem;
    width: calc(100% - 2rem);
  }
  .the-gallery-page .gallery-container .text-form-container {
    position: absolute;
    width: 100%;
    bottom: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 500px) {
  .the-gallery-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 50vh;
    background: rgba(0, 0, 0, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .the-gallery-page .gallery-container {
    position: absolute;
    bottom: 2rem;
    width: calc(100% - 2rem);
  }
  .the-gallery-page .gallery-container .text-form-container {
    position: absolute;
    width: 100%;
    bottom: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container {
    text-align: center;
    color: #fff;
    margin-bottom: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .the-gallery-page .gallery-container .text-form-container .gallery-text-container p {
    width: 100%;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
.the-sigle-room-page {
  padding: 0.1rem 0rem;
  position: relative;
  height: 85vh;
  background-image: url(../../images/rooms/deluxQueen.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.the-sigle-room-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
}
.the-sigle-room-page .pos-rel {
  position: relative;
  height: inherit;
}
.the-sigle-room-page .pos-rel .single-room-container {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  color: #fff;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 3rem;
  margin-bottom: 10vh;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
  background-image: url(../../images/rooms/room6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  border: 2px solid gray;
  height: 20rem;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
  display: flex;
  align-items: center;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 4rem;
  margin: 0rem;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
  width: 80%;
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: normal;
  margin: 1rem 0rem 2rem;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
  font-size: 0.5rem;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
  transform: translate(1px, 1px);
}
.the-sigle-room-page .pos-rel .single-room-container .room-services-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
  margin: 0rem;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

/* dots area */
.dots-mother-container .flex-dots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 1rem 0rem 4rem;
}
.dots-mother-container .flex-dots h2 {
  text-align: center;
  font-size: 0.5rem;
}

/* room full details*/
.room-details-information-mother-container .room-name-plus-price {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0rem 3rem;
}
.room-details-information-mother-container .room-name-plus-price .name-details h4 {
  font-size: 0.9rem;
  font-weight: normal;
}
.room-details-information-mother-container .room-name-plus-price .name-details h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem;
}
.room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0rem 0rem;
}
.room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container .stars {
  display: flex;
  align-items: center;
  gap: 1px;
  font-size: 0.7rem;
}
.room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container span {
  font-size: 0.9rem;
}
.room-details-information-mother-container .room-name-plus-price h2 {
  margin: 0rem;
  font-weight: normal;
  font-size: 1.5;
}
.room-details-information-mother-container .lines-BW {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  height: 1px;
  margin: 2rem 0rem;
  padding: 0rem 3rem;
}
.room-details-information-mother-container .lines-BW .blck {
  height: inherit;
  background-color: #000;
}
.room-details-information-mother-container .lines-BW .lgry {
  height: inherit;
  background-color: lightgray;
}
.room-details-information-mother-container .room-explanation {
  font-size: 0.9rem;
  line-height: 1.4rem;
  color: gray;
  padding: 0rem 3rem;
}
.room-details-information-mother-container .house-rules-container {
  margin-bottom: 3rem;
  padding: 0rem 3rem;
}
.room-details-information-mother-container .house-rules-container h2 {
  font-size: 2rem;
  font-weight: normal;
}
.room-details-information-mother-container .house-rules-container .rules-cover {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.room-details-information-mother-container .house-rules-container .rules-cover h5 {
  font-weight: 400;
  font-size: 0.9rem;
  color: darkgray;
  margin: 0rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.room-details-information-mother-container .house-rules-container .rules-cover h5 i {
  font-size: 0.3rem;
  color: gray;
  margin-right: 0.3rem;
}
.room-details-information-mother-container .house-rules-container .rules-cover h5 strong {
  color: gray;
}
.room-details-information-mother-container .house-rules-container .rules-cover h6 {
  margin: 0rem;
  font-size: 0.9rem;
  font-weight: normal;
  color: gray;
}
.room-details-information-mother-container .gallery-images-container {
  margin-bottom: 4rem;
}
.room-details-information-mother-container .gallery-images-container .grid-display {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 35rem 20rem;
  gap: 2.5rem;
  padding: 0rem 3rem;
}
.room-details-information-mother-container .gallery-images-container .grid-display div {
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.room-details-information-mother-container .gallery-images-container .grid-display div img {
  width: 100%;
  height: 100%;
}
.room-details-information-mother-container .gallery-images-container .grid-display .span-across {
  grid-column: span 3;
}
.room-details-information-mother-container .gallery-images-container .grid-display .span-two {
  grid-column: span 2;
}

/* favourite section */
.the-new-favourite-mother-container {
  position: relative;
  margin: 5rem 0rem 4rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem 0rem 1rem;
  text-align: center;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .capture-text {
  width: 40%;
  text-align: center;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
  color: gray;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: 1.5rem;
  margin: 3rem 0rem 0rem;
  justify-content: center;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: rgb(219, 217, 217);
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
  width: 100%;
  height: 13rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s ease-in;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
  padding: 0rem 1rem 1rem 1rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
  font-weight: normal;
  font-size: 1.5rem;
  margin: 1rem 0rem 1rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
  margin: 0rem;
  font-weight: normal;
  font-size: 1rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.2rem;
  width: 70%;
  color: gray;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
  margin: 1rem 0rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0rem 0rem 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  margin: 0rem;
  transition: all 0.5s ease;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
  font-size: 0.8rem;
  transition: all 0.5s ease;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
  color: #383838;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
  margin-left: 0.5rem;
  color: #000;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
  background-image: url(../../images/rooms/delux.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
  background-size: 110%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
  background-image: url(../../images/rooms/king.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
  background-size: 110%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
  background-image: url(../../images/rooms/superior.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
  background-size: 110%;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 100;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 2rem;
  justify-self: center;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text button i {
  font-size: 0.5rem;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover {
  background: lightgray;
  border: 1px solid gray;
  color: #000;
}
.the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 85vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-bottom: 10vh;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 20rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 4rem;
    font-weight: 500;
    line-height: 4rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 80%;
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin: 1rem 0rem 2rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
  }
  /* dots area */
  .dots-mother-container .flex-dots {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 1rem 0rem 2rem;
  }
  .dots-mother-container .flex-dots h2 {
    text-align: center;
    font-size: 0.5rem;
  }
  /* room full details*/
  .room-details-information-mother-container .room-name-plus-price {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0rem 3rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h4 {
    font-size: 1rem;
    font-weight: normal;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0rem 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container .stars {
    display: flex;
    align-items: center;
    gap: 1px;
    font-size: 0.7rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container span {
    font-size: 0.9rem;
  }
  .room-details-information-mother-container .room-name-plus-price h2 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1.5;
  }
  .room-details-information-mother-container .lines-BW {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    height: 1px;
    margin: 2rem 0rem;
    padding: 0rem 3rem;
  }
  .room-details-information-mother-container .lines-BW .blck {
    height: inherit;
    background-color: #000;
  }
  .room-details-information-mother-container .lines-BW .lgry {
    height: inherit;
    background-color: lightgray;
  }
  .room-details-information-mother-container .room-explanation {
    font-size: 1rem;
    line-height: 1.5rem;
    color: gray;
    padding: 0rem 3rem;
  }
  .room-details-information-mother-container .house-rules-container {
    margin-bottom: 3rem;
    padding: 0rem 3rem;
  }
  .room-details-information-mother-container .house-rules-container h2 {
    font-size: 2rem;
    font-weight: 500;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 {
    font-weight: 400;
    font-size: 1rem;
    color: darkgray;
    margin: 0rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 i {
    font-size: 0.3rem;
    color: gray;
    margin-right: 0.3rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 strong {
    color: gray;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h6 {
    margin: 0rem;
    font-size: 1rem;
    font-weight: normal;
    color: gray;
  }
  .room-details-information-mother-container .gallery-images-container {
    margin-bottom: 2rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 35rem 20rem;
    gap: 2.5rem;
    padding: 0rem 3rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div {
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div img {
    width: 100%;
    height: 100%;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-across {
    grid-column: span 3;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-two {
    grid-column: span 2;
  }
  /* favourite section */
  .the-new-favourite-mother-container {
    position: relative;
    margin: 3rem 0rem 3rem;
    padding: 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 60%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    margin: 2rem 0rem 0rem;
    justify-content: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 900px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 85vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 10vh;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 20rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 4rem;
    font-weight: 500;
    line-height: 4rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin: 0.8rem 0rem 1.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 0.8rem;
    font-weight: normal;
    text-align: center;
  }
  /* dots area */
  .dots-mother-container .flex-dots {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 1rem 0rem 2rem;
  }
  .dots-mother-container .flex-dots h2 {
    text-align: center;
    font-size: 0.5rem;
  }
  /* room full details*/
  .room-details-information-mother-container .room-name-plus-price {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0rem 2rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h4 {
    font-size: 1rem;
    font-weight: normal;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0rem 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container .stars {
    display: flex;
    align-items: center;
    gap: 1px;
    font-size: 0.7rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container span {
    font-size: 0.9rem;
  }
  .room-details-information-mother-container .room-name-plus-price h2 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1.5;
  }
  .room-details-information-mother-container .lines-BW {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    height: 1px;
    margin: 2rem 0rem;
    padding: 0rem 2rem;
  }
  .room-details-information-mother-container .lines-BW .blck {
    height: inherit;
    background-color: #000;
  }
  .room-details-information-mother-container .lines-BW .lgry {
    height: inherit;
    background-color: lightgray;
  }
  .room-details-information-mother-container .room-explanation {
    font-size: 1rem;
    line-height: 1.5rem;
    color: gray;
    padding: 0rem 2rem;
  }
  .room-details-information-mother-container .house-rules-container {
    margin-bottom: 2rem;
    padding: 0rem 2rem;
  }
  .room-details-information-mother-container .house-rules-container h2 {
    font-size: 2rem;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 2rem;
    font-weight: 500;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 {
    font-weight: 400;
    font-size: 1rem;
    color: darkgray;
    margin: 0rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 i {
    font-size: 0.3rem;
    color: gray;
    margin-right: 0.3rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 strong {
    color: gray;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h6 {
    margin: 0rem;
    font-size: 1rem;
    font-weight: normal;
    color: gray;
  }
  .room-details-information-mother-container .gallery-images-container {
    margin-bottom: 2rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 30rem 15rem;
    gap: 1.5rem;
    padding: 0rem 2rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div {
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div img {
    width: 100%;
    height: 100%;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-across {
    grid-column: span 3;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-two {
    grid-column: span 2;
  }
  /* favourite section */
  .the-new-favourite-mother-container {
    position: relative;
    margin: 2rem 0rem 3rem;
    padding: 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 60%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    margin: 2rem 0rem 0rem;
    justify-content: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: normal;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 90vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
    margin-bottom: 10vh;
    position: relative;
    padding-bottom: 3rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 13rem;
    order: 2;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    margin: 0.8rem 0rem 1.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    position: absolute;
    bottom: -2rem;
    left: 0rem;
    width: 100%;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 0.8rem;
    font-weight: 100;
    text-align: center;
  }
  /* dots area */
  .dots-mother-container .flex-dots {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 1rem 0rem 1rem;
  }
  .dots-mother-container .flex-dots h2 {
    text-align: center;
    font-size: 0.5rem;
  }
  /* room full details*/
  .room-details-information-mother-container .room-name-plus-price {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0rem 1rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h4 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0rem 0rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container .stars {
    display: flex;
    align-items: center;
    gap: 1px;
    font-size: 0.7rem;
  }
  .room-details-information-mother-container .room-name-plus-price .name-details .stars-mother-container span {
    font-size: 0.9rem;
  }
  .room-details-information-mother-container .room-name-plus-price h2 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .room-details-information-mother-container .lines-BW {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    height: 1px;
    margin: 1.5rem 0rem;
    padding: 0rem 1rem;
  }
  .room-details-information-mother-container .lines-BW .blck {
    height: inherit;
    background-color: #000;
  }
  .room-details-information-mother-container .lines-BW .lgry {
    height: inherit;
    background-color: lightgray;
  }
  .room-details-information-mother-container .room-explanation {
    font-size: 1rem;
    line-height: 1.5rem;
    color: gray;
    padding: 0rem 1rem;
  }
  .room-details-information-mother-container .house-rules-container {
    margin-bottom: 2rem;
    padding: 0rem 1rem;
  }
  .room-details-information-mother-container .house-rules-container h2 {
    font-size: 1.5rem;
    margin: 1.3rem 0rem 1.3rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 {
    font-weight: 400;
    font-size: 1rem;
    color: darkgray;
    margin: 0rem;
    display: flex;
    align-items: start;
    gap: 0.2rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 i {
    font-size: 0.3rem;
    color: gray;
    margin-right: 0.3rem;
    margin-top: 0.4rem;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h5 strong {
    color: gray;
  }
  .room-details-information-mother-container .house-rules-container .rules-cover h6 {
    margin: 0rem;
    font-size: 1rem;
    font-weight: normal;
    color: gray;
  }
  .room-details-information-mother-container .gallery-images-container {
    margin-bottom: 1rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 25rem 12rem;
    gap: 0.5rem;
    padding: 0rem 1rem;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div {
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display div img {
    width: 100%;
    height: 100%;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-across {
    grid-column: span 3;
  }
  .room-details-information-mother-container .gallery-images-container .grid-display .span-two {
    grid-column: span 2;
  }
  /* favourite section */
  .the-new-favourite-mother-container {
    position: relative;
    margin: 2rem 0rem 2.5rem;
    padding: 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 100%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 2rem 0rem 0rem;
    justify-content: center;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 90%;
    color: gray;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 120%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 120%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 120%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
    width: 100%;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .the-new-favourite-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 90vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
    margin-bottom: 10vh;
    position: relative;
    padding-bottom: 3rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 13rem;
    order: 2;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    margin: 0.8rem 0rem 1.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    position: absolute;
    bottom: -2rem;
    left: 0rem;
    width: 100%;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 0.8rem;
    font-weight: 100;
    text-align: center;
  }
}
@media screen and (max-width: 380px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 90vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
    margin-bottom: 10vh;
    position: relative;
    padding-bottom: 3rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 13rem;
    order: 2;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    margin: 0.8rem 0rem 1.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    position: absolute;
    bottom: -2rem;
    left: 0rem;
    width: 100%;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 0.8rem;
    font-weight: 100;
    text-align: center;
  }
}
@media screen and (max-width: 370px) {
  .the-sigle-room-page {
    padding: 0.1rem 1rem;
    position: relative;
    height: 90vh;
    background-image: url(../../images/rooms/deluxQueen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .the-sigle-room-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .the-sigle-room-page .pos-rel {
    position: relative;
    height: inherit;
  }
  .the-sigle-room-page .pos-rel .single-room-container {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
    margin-bottom: 10vh;
    position: relative;
    padding-bottom: 3rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .single-room-image {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    border: 2px solid gray;
    height: 13rem;
    order: 2;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container {
    display: flex;
    align-items: center;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin: 0rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    margin: 0.8rem 0rem 1.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    position: absolute;
    bottom: -2rem;
    left: 0rem;
    width: 100%;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button i {
    font-size: 0.5rem;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .the-sigle-room-page .pos-rel .single-room-container .main-content-cover .text-form-container .single-room-text-container button:hover i {
    transform: translate(1px, 1px);
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .the-sigle-room-page .pos-rel .single-room-container .room-services-container h3 {
    margin: 0rem;
    font-size: 0.8rem;
    font-weight: 100;
    text-align: center;
  }
}
.about-clives-container .two-elements-cover {
  display: grid;
  grid-template-columns: 24rem 1fr;
  gap: 10rem;
  grid-template-rows: 22rem;
  margin: 6rem 0rem 9rem;
}
.about-clives-container .two-elements-cover .left-top-element {
  width: 100%;
  height: 100%;
  background-image: url(../../images/unique.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding: 2rem;
}
.about-clives-container .two-elements-cover .left-top-element i {
  font-size: 0.6rem;
  color: #fff;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info {
  padding-top: 1rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info h3 {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 span {
  position: relative;
  left: -0.2rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge {
  margin: 0.5rem 0rem 1.5rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge p {
  width: 70%;
  font-weight: normal;
  line-height: 1.5rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info button i {
  font-size: 0.5rem;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover {
  background: lightgray;
  color: #000;
}
.about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .about-clives-container .two-elements-cover {
    display: grid;
    grid-template-columns: 22rem 1fr;
    gap: 6rem;
    grid-template-rows: auto;
    margin: 4rem 0rem 8rem;
    padding: 0rem 1rem;
  }
  .about-clives-container .two-elements-cover .left-top-element {
    width: 100%;
    height: 100%;
    background-image: url(../../images/unique.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
  }
  .about-clives-container .two-elements-cover .left-top-element i {
    font-size: 0.6rem;
    color: #fff;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info {
    padding-top: 1rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info h3 {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 span {
    position: relative;
    left: -0.2rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge {
    margin: 0.5rem 0rem 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge p {
    width: 100%;
    font-weight: normal;
    line-height: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button i {
    font-size: 0.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover {
    background: lightgray;
    color: #000;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 900px) {
  .about-clives-container .two-elements-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-template-rows: auto;
    margin: 2rem 0rem 3.5rem;
    padding: 0rem 1rem;
  }
  .about-clives-container .two-elements-cover .left-top-element {
    order: 2;
    width: calc(100% - 4rem);
    height: 20rem;
    background-image: url(../../images/unique.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
  }
  .about-clives-container .two-elements-cover .left-top-element i {
    font-size: 0.6rem;
    color: #fff;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info {
    padding-top: 1rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info h3 {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 span {
    position: relative;
    left: -0.2rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge {
    margin: 0.5rem 0rem 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge p {
    width: 100%;
    font-weight: normal;
    line-height: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button i {
    font-size: 0.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover {
    background: lightgray;
    color: #000;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .about-clives-container .two-elements-cover {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-template-rows: auto;
    margin: 1rem 0rem 3.5rem;
    padding: 0rem 1rem;
  }
  .about-clives-container .two-elements-cover .left-top-element {
    order: 2;
    width: calc(100% - 4rem);
    height: 13rem;
    background-image: url(../../images/unique.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 2rem;
  }
  .about-clives-container .two-elements-cover .left-top-element i {
    font-size: 0.8rem;
    color: #fff;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info {
    padding-top: 1rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info h3 {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 span {
    position: relative;
    left: 0rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .headings .cover h1 br {
    display: none;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge {
    margin: 0.5rem 0rem 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info .text-about-lodge p {
    width: 100%;
    font-weight: normal;
    line-height: 1.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    width: 100%;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button i {
    font-size: 0.5rem;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover {
    background: lightgray;
    color: #000;
  }
  .about-clives-container .two-elements-cover .middle-element .cover-all-info button:hover i {
    transform: translate(1px, 1px);
  }
}
.stay-your-way-mother-container {
  position: relative;
  padding: 5rem 0rem 4rem;
  background-color: rgb(238, 236, 236);
}
.stay-your-way-mother-container .cover-for-rooms-plus-text h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem 0rem 1.5rem;
  text-align: center;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .capture-text {
  width: 40%;
  text-align: center;
  justify-self: center;
  line-height: 1.5rem;
  font-weight: normal;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: 1.5rem;
  margin: 3rem 0rem 0rem;
  justify-content: center;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: rgb(219, 217, 217);
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
  width: 100%;
  height: 13rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s ease-in;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
  padding: 0rem 1rem 1rem 1rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
  font-weight: 500;
  font-size: 1.5rem;
  margin: 1rem 0rem 1rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
  margin: 0rem;
  font-weight: normal;
  font-size: 1rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.2rem;
  width: 70%;
  color: gray;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
  margin: 1rem 0rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0rem 0rem 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  margin: 0rem;
  transition: all 0.5s ease;
  cursor: pointer;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
  font-size: 0.8rem;
  transition: all 0.5s ease;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
  color: #383838;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
  margin-left: 0.5rem;
  color: #000;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
  background-image: url(../../../images/rooms/delux.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
  background-size: 110%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
  background-image: url(../../../images/rooms/king.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
  background-size: 110%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
  background-image: url(../../../images/rooms/superior.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
  background-size: 110%;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 2rem;
  justify-self: center;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text button i {
  font-size: 0.5rem;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text button:hover {
  background: lightgray;
  border: 1px solid gray;
  color: #000;
}
.stay-your-way-mother-container .cover-for-rooms-plus-text button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .stay-your-way-mother-container {
    position: relative;
    padding: 3rem 1rem 3rem;
    background-color: rgb(238, 236, 236);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem 0rem 1.5rem;
    text-align: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 55%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    margin: 3rem 0rem 0rem;
    justify-content: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 900px) {
  .stay-your-way-mother-container {
    position: relative;
    padding: 3rem 1rem 3rem;
    background-color: rgb(238, 236, 236);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem 0rem 1.5rem;
    text-align: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 70%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    margin: 3rem 0rem 0rem;
    justify-content: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .stay-your-way-mother-container {
    position: relative;
    padding: 3rem 1rem 1.5rem;
    background-color: rgb(238, 236, 236);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem 0rem 1.5rem;
    text-align: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 100%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    margin: 2rem 0rem 0rem;
    justify-content: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
    width: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .stay-your-way-mother-container {
    position: relative;
    padding: 2rem 1rem 1.5rem;
    background-color: rgb(238, 236, 236);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .capture-text {
    width: 100%;
    text-align: center;
    justify-self: center;
    line-height: 1.5rem;
    font-weight: normal;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0rem 0rem;
    justify-content: center;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room {
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: rgb(219, 217, 217);
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .room-bg-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.5s ease-in;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room {
    padding: 0rem 1rem 1rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h2 {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 1rem 0rem 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room h3 {
    margin: 0rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room p {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.2rem;
    width: 70%;
    color: gray;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings {
    margin: 1rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room .star-ratings .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 0rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover {
    color: #383838;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container .single-room .text-cover-single-room a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux {
    background-image: url(../../../images/rooms/delux.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #delux:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference {
    background-image: url(../../../images/rooms/king.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #conference:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events {
    background-image: url(../../../images/rooms/superior.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text .rooms-grid-container #events:hover {
    background-size: 120%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
    width: 100%;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button i {
    font-size: 0.5rem;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .stay-your-way-mother-container .cover-for-rooms-plus-text button:hover i {
    transform: translate(1px, 1px);
  }
}
.amenties-reviws-mother-container {
  position: relative;
  padding: 6rem 0rem 4rem;
}
.amenties-reviws-mother-container .two-sections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements {
  margin-top: 1.5rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements .adjust-comma {
  margin-bottom: 1.5rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements .adjust-comma span {
  position: relative;
  left: -0.3rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements p {
  line-height: 1.5rem;
  font-weight: normal;
  margin-bottom: 3rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5 {
  font-size: 1rem;
  font-weight: normal;
  border-bottom: 1px solid lightgray;
  color: gray;
  margin: 0rem 0rem 1.5rem;
  padding: 0rem 0rem 1.5rem;
  width: 90%;
  transition: all 0.5s ease;
  cursor: pointer;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5:hover {
  border-bottom: 1px solid #000;
  color: #000;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 3rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements button i {
  font-size: 0.5rem;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover {
  background: lightgray;
  color: #000;
}
.amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover i {
  transform: translate(1px, 1px);
}
.amenties-reviws-mother-container .two-sections .display {
  position: relative;
  display: flex;
  justify-content: end;
}
.amenties-reviws-mother-container .two-sections .display::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 95.5%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  border-radius: 0.5rem;
  z-index: 1;
}
.amenties-reviws-mother-container .two-sections .display .customer-words {
  background-image: url(../../images/amenties/jacuzziDUDE.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #fff;
  width: 90%;
  display: flex;
  align-items: end;
}
.amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom {
  z-index: 2;
}
.amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom p {
  width: 80%;
  line-height: 1.5rem;
  font-weight: 400;
  font-size: 1.1rem;
}
.amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom h5 {
  font-weight: 400;
  font-size: 1rem;
  margin: 0rem;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .amenties-reviws-mother-container {
    position: relative;
    padding: 4rem 1rem 4rem;
  }
  .amenties-reviws-mother-container .two-sections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements {
    margin-top: 1.5rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .adjust-comma {
    margin-bottom: 1.5rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .adjust-comma span {
    position: relative;
    left: -0.3rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements p {
    line-height: 1.5rem;
    font-weight: normal;
    margin-bottom: 3rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5 {
    font-size: 1rem;
    font-weight: normal;
    border-bottom: 1px solid lightgray;
    color: gray;
    margin: 0rem 0rem 1.5rem;
    padding: 0rem 0rem 1.5rem;
    width: 100%;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5:hover {
    border-bottom: 1px solid #000;
    color: #000;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button i {
    font-size: 0.5rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover {
    background: lightgray;
    color: #000;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover i {
    transform: translate(1px, 1px);
  }
  .amenties-reviws-mother-container .two-sections .display {
    position: relative;
    display: flex;
    justify-content: end;
  }
  .amenties-reviws-mother-container .two-sections .display::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words {
    background-image: url(../../images/amenties/jacuzziDUDE.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 1rem;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: end;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom {
    z-index: 2;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom p {
    width: 80%;
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 1.1rem;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom h5 {
    font-weight: 400;
    font-size: 1rem;
    margin: 0rem;
  }
}
@media screen and (max-width: 600px) {
  .amenties-reviws-mother-container {
    position: relative;
    padding: 1rem 1rem 7rem;
  }
  .amenties-reviws-mother-container .two-sections {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements h1 br {
    display: none;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements h1 .adjust-comma span {
    position: relative;
    left: 0rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements p {
    line-height: 1.5rem;
    font-weight: normal;
    margin-bottom: 3rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5 {
    font-size: 1rem;
    font-weight: normal;
    border-bottom: 1px solid lightgray;
    color: gray;
    margin: 0rem 0rem 1.5rem;
    padding: 0rem 0rem 1.5rem;
    width: 100%;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements .content-links-cover h5:hover {
    border-bottom: 1px solid #000;
    color: #000;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
    position: absolute;
    bottom: 1.5rem;
    left: 0rem;
    width: calc(100% - 2rem);
    margin: 0rem 1rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button i {
    font-size: 0.5rem;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover {
    background: lightgray;
    color: #000;
  }
  .amenties-reviws-mother-container .two-sections .content .cover-all-elements button:hover i {
    transform: translate(1px, 1px);
  }
  .amenties-reviws-mother-container .two-sections .display {
    position: relative;
    display: flex;
    justify-content: end;
  }
  .amenties-reviws-mother-container .two-sections .display::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words {
    background-image: url(../../images/amenties/jacuzziDUDE.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding: 1rem;
    color: #fff;
    width: 100%;
    height: 15rem;
    display: flex;
    align-items: end;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom {
    z-index: 2;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom p {
    width: 100%;
    line-height: 1.5rem;
    font-weight: normal;
    font-size: 1.1rem;
  }
  .amenties-reviws-mother-container .two-sections .display .customer-words .align-bottom h5 {
    font-weight: 400;
    font-size: 1rem;
    margin: 0rem;
  }
}
.dining-numbers-mother-container {
  position: relative;
  background-image: url(../../images/about/outdoor.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 43rem;
  padding: 1rem 0rem 0rem;
}
.dining-numbers-mother-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  border-radius: 0.5rem;
  z-index: 1;
}
.dining-numbers-mother-container .container-for-infor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}
.dining-numbers-mother-container .container-for-infor h4 {
  text-align: center;
  font-weight: 600;
  z-index: 2;
}
.dining-numbers-mother-container .container-for-infor h1 {
  margin: 0rem;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3rem;
  z-index: 2;
  text-align: center;
}
.dining-numbers-mother-container .container-for-infor h1 span {
  position: relative;
  left: -0.3rem;
}
.dining-numbers-mother-container .container-for-infor p {
  width: 32rem;
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  z-index: 2;
}
.dining-numbers-mother-container .container-for-infor .wine-glass {
  width: 27rem;
  height: 28rem;
  border-radius: 0.5rem;
  background-image: url(../../images/amenties/tablesetup.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: 1.5rem;
}
.dining-numbers-mother-container .container-for-infor .wine-glass button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 3rem;
}
.dining-numbers-mother-container .container-for-infor .wine-glass button i {
  font-size: 0.5rem;
}
.dining-numbers-mother-container .container-for-infor .wine-glass button:hover {
  background: lightgray;
  border: 1px solid gray;
  color: #000;
}
.dining-numbers-mother-container .container-for-infor .wine-glass button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .dining-numbers-mother-container {
    position: relative;
    background-image: url(../../images/about/outdoor.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 40rem;
    padding: 2rem 0rem 0rem;
  }
  .dining-numbers-mother-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .dining-numbers-mother-container .container-for-infor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor h4 {
    text-align: center;
    font-weight: 600;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 {
    margin: 0rem;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3rem;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 span {
    position: relative;
    left: -0.3rem;
  }
  .dining-numbers-mother-container .container-for-infor p {
    width: 32rem;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass {
    width: 27rem;
    height: 28rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/tablesetup.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 1.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button i {
    font-size: 0.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .dining-numbers-mother-container {
    position: relative;
    background-image: url(../../images/about/outdoor.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 35rem;
    padding: 2rem 1rem 0rem;
  }
  .dining-numbers-mother-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .dining-numbers-mother-container .container-for-infor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor h4 {
    text-align: center;
    font-weight: 600;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 {
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    line-height: 2.5rem;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 br {
    display: none;
  }
  .dining-numbers-mother-container .container-for-infor h1 span {
    position: relative;
    left: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass {
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/tablesetup.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 1.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button i {
    font-size: 0.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .dining-numbers-mother-container {
    position: relative;
    background-image: url(../../images/about/outdoor.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 38rem;
    padding: 2rem 1rem 0rem;
  }
  .dining-numbers-mother-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .dining-numbers-mother-container .container-for-infor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor h4 {
    text-align: center;
    font-weight: 600;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 {
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    line-height: 2.5rem;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 span {
    position: relative;
    left: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass {
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/tablesetup.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 1.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button i {
    font-size: 0.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 380px) {
  .dining-numbers-mother-container {
    position: relative;
    background-image: url(../../images/about/outdoor.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 42rem;
    padding: 2rem 1rem 0rem;
  }
  .dining-numbers-mother-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    border-radius: 0.5rem;
    z-index: 1;
  }
  .dining-numbers-mother-container .container-for-infor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor h4 {
    text-align: center;
    font-weight: 600;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 {
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    line-height: 2.5rem;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor h1 span {
    position: relative;
    left: 0rem;
  }
  .dining-numbers-mother-container .container-for-infor p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    z-index: 2;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass {
    width: 100%;
    height: 25rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/tablesetup.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 1.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 3rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button i {
    font-size: 0.5rem;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover {
    background: lightgray;
    border: 1px solid gray;
    color: #000;
  }
  .dining-numbers-mother-container .container-for-infor .wine-glass button:hover i {
    transform: translate(1px, 1px);
  }
}
.numbers-speak-container {
  background-color: rgb(238, 236, 236);
  padding: 1rem 0rem;
}
.numbers-speak-container .cover {
  margin: 10rem 0rem 4rem;
}
.numbers-speak-container .cover .numbers-section {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 5rem;
}
.numbers-speak-container .cover .numbers-section .nmbrs-text {
  padding-top: 1rem;
  margin: 0rem 0rem 4rem;
}
.numbers-speak-container .cover .numbers-section .nmbrs-text h3 {
  font-weight: normal;
  font-size: 1rem;
  margin: 0rem 0rem 1rem;
}
.numbers-speak-container .cover .numbers-section .nmbrs-text p {
  margin: 0rem;
  font-size: 2rem;
}
.numbers-speak-container .cover .numbers-section .bedroom-img {
  width: 100%;
  height: 12rem;
  border-radius: 0.5rem;
  background-image: url(../../images/amenties/bedTWO.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.numbers-speak-container .cover .ratings-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  margin-top: 2rem;
}
.numbers-speak-container .cover .ratings-container div i {
  font-size: 0.5rem;
}
.numbers-speak-container .cover .ratings-container div h1 {
  margin: 0rem;
  font-size: 7rem;
  font-weight: 500;
  line-height: 6rem;
}
.numbers-speak-container .cover .ratings-container div h4 {
  margin: 1rem 0rem 0rem;
  font-weight: normal;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .numbers-speak-container {
    background-color: rgb(238, 236, 236);
    padding: 1rem 1rem;
  }
  .numbers-speak-container .cover {
    margin: 5rem 0rem 2rem;
  }
  .numbers-speak-container .cover .numbers-section {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 5rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 4rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text p {
    margin: 0rem;
    font-size: 2rem;
  }
  .numbers-speak-container .cover .numbers-section .bedroom-img {
    width: 100%;
    height: 12rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/bedTWO.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .numbers-speak-container .cover .ratings-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    margin-top: 2rem;
  }
  .numbers-speak-container .cover .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-speak-container .cover .ratings-container div h1 {
    margin: 0rem;
    font-size: 7rem;
    font-weight: 500;
    line-height: 6rem;
  }
  .numbers-speak-container .cover .ratings-container div h4 {
    margin: 1rem 0rem 0rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 900px) {
  .numbers-speak-container {
    background-color: rgb(238, 236, 236);
    padding: 1rem 1rem;
  }
  .numbers-speak-container .cover {
    margin: 5rem 0rem 1.5rem;
  }
  .numbers-speak-container .cover .numbers-section {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 3rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 2rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text p {
    margin: 0rem;
    font-size: 1.8rem;
  }
  .numbers-speak-container .cover .numbers-section .bedroom-img {
    width: 100%;
    height: 14rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/bedTWO.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .numbers-speak-container .cover .ratings-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    margin-top: 2rem;
  }
  .numbers-speak-container .cover .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-speak-container .cover .ratings-container div h1 {
    margin: 0rem;
    font-size: 5rem;
    font-weight: 500;
    line-height: 5rem;
  }
  .numbers-speak-container .cover .ratings-container div h4 {
    margin: 0.5rem 0rem 0rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 600px) {
  .numbers-speak-container {
    background-color: rgb(238, 236, 236);
    padding: 1rem 1rem;
  }
  .numbers-speak-container .cover {
    margin: 6rem 0rem 1.5rem;
  }
  .numbers-speak-container .cover .numbers-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2.5rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 0rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text p {
    margin: 0rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .numbers-speak-container .cover .numbers-section .bedroom-img {
    width: 100%;
    height: 14rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/bedTWO.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .numbers-speak-container .cover .ratings-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 2rem;
  }
  .numbers-speak-container .cover .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-speak-container .cover .ratings-container div h1 {
    margin: 0rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .numbers-speak-container .cover .ratings-container div h4 {
    margin: 0.5rem 0rem 0rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 500px) {
  .numbers-speak-container {
    background-color: rgb(238, 236, 236);
    padding: 1rem 1rem;
  }
  .numbers-speak-container .cover {
    margin: 7rem 0rem 1.5rem;
  }
  .numbers-speak-container .cover .numbers-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2.5rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text {
    padding-top: 1rem;
    margin: 0rem 0rem 0rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text h3 {
    font-weight: normal;
    font-size: 1rem;
    margin: 0rem 0rem 1rem;
  }
  .numbers-speak-container .cover .numbers-section .nmbrs-text p {
    margin: 0rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .numbers-speak-container .cover .numbers-section .bedroom-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem;
    background-image: url(../../images/amenties/bedTWO.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .numbers-speak-container .cover .ratings-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 2rem;
  }
  .numbers-speak-container .cover .ratings-container div i {
    font-size: 0.5rem;
  }
  .numbers-speak-container .cover .ratings-container div h1 {
    margin: 0rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .numbers-speak-container .cover .ratings-container div h4 {
    margin: 0.5rem 0rem 0rem;
    font-weight: normal;
  }
}
.what-our-clients-say-cover {
  margin-top: 5rem;
}
.what-our-clients-say-cover .clients-profile-imgs h4 {
  font-weight: normal;
  text-align: center;
}
.what-our-clients-say-cover .clients-profile-imgs .profile-images {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 2rem 0rem 3rem;
}
.what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile .client-profile {
  width: 100%;
}
.what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div {
  width: 1.2rem;
  height: 1.2rem;
  padding: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
.what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div img {
  width: 100%;
}
.what-our-clients-say-cover .what-the-client-said-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1rem 0rem 3rem;
}
.what-our-clients-say-cover .what-the-client-said-cover p {
  font-size: 1.8rem;
  text-align: center;
  height: 10rem;
  width: 60%;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid lightgray;
  font-size: 1rem;
  background-color: #fff;
  cursor: pointer;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button:hover {
  border: 1px solid #000;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate h3 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0rem 0rem 0.5rem;
  text-align: center;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating .stars {
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  gap: 1px;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .what-our-clients-say-cover {
    margin-top: 2rem;
    padding: 0rem 1rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs h4 {
    font-weight: normal;
    text-align: center;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0rem 2rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile .client-profile {
    width: 100%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div img {
    width: 100%;
  }
  .what-our-clients-say-cover hr {
    margin: 0rem 2rem 0rem 0rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0rem 0rem 2.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover p {
    font-size: 1.8rem;
    text-align: center;
    height: -moz-max-content;
    height: max-content;
    width: 70%;
    margin-bottom: 2rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover {
    display: flex;
    align-items: center;
    gap: 4rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid lightgray;
    font-size: 1rem;
    background-color: #fff;
    cursor: pointer;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button:hover {
    border: 1px solid #000;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate h3 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating .stars {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 1px;
  }
}
@media screen and (max-width: 600px) {
  .what-our-clients-say-cover {
    margin-top: 2rem;
    padding: 0rem 1rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs h4 {
    font-weight: normal;
    text-align: center;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0rem 2.1rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
    padding: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile .client-profile {
    width: 100%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div img {
    width: 100%;
  }
  .what-our-clients-say-cover hr {
    margin: 0rem 2rem 0rem 0rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0rem 2.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover p {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 2rem);
    align-self: flex-start;
    margin-bottom: 2rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 4rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid lightgray;
    font-size: 1rem;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button:hover {
    border: 1px solid #000;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate h3 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating .stars {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 1px;
  }
}
@media screen and (max-width: 370px) {
  .what-our-clients-say-cover {
    margin-top: 1rem;
    padding: 0rem 1rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs h4 {
    font-weight: normal;
    text-align: center;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0rem 2.1rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
    padding: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile .client-profile {
    width: 100%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div img {
    width: 100%;
  }
  .what-our-clients-say-cover hr {
    margin: 0rem 2rem 0rem 0rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0rem 2.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover p {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 2rem);
    align-self: flex-start;
    margin-bottom: 2rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button {
    width: 3rem;
    height: 2.7rem;
    border-radius: 50%;
    border: 1px solid lightgray;
    font-size: 1rem;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button:hover {
    border: 1px solid #000;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate h3 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating .stars {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 1px;
  }
}
@media screen and (max-width: 350px) {
  .what-our-clients-say-cover {
    margin-top: 2rem;
    padding: 0rem 1rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs h4 {
    font-weight: normal;
    text-align: center;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0rem 2.1rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
    padding: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile .client-profile {
    width: 100%;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }
  .what-our-clients-say-cover .clients-profile-imgs .profile-images .single-profile div img {
    width: 100%;
  }
  .what-our-clients-say-cover hr {
    margin: 0rem 2rem 0rem 0rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0rem 2.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover p {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 2rem);
    align-self: flex-start;
    margin-bottom: 2rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button {
    width: 3rem;
    height: 2.3rem;
    border-radius: 50%;
    border: 1px solid lightgray;
    font-size: 1rem;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover button:hover {
    border: 1px solid #000;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate h3 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .what-our-clients-say-cover .what-the-client-said-cover .buttons-plus-rating-cover .name-rate .user-star-rating .stars {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 1px;
  }
}
.book-your-stay-container {
  position: relative;
  background-image: url(../../images/manicured.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 36rem;
}
.book-your-stay-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
}
.book-your-stay-container .container-book-services {
  position: relative;
  height: 100%;
}
.book-your-stay-container .container-book-services .content-text-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
}
.book-your-stay-container .container-book-services .content-text-button h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
}
.book-your-stay-container .container-book-services .content-text-button button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-top: 2rem;
  justify-self: center;
}
.book-your-stay-container .container-book-services .content-text-button button i {
  font-size: 0.5rem;
}
.book-your-stay-container .container-book-services .content-text-button button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.book-your-stay-container .container-book-services .content-text-button button:hover i {
  transform: translate(1px, 1px);
}
.book-your-stay-container .container-book-services .ammenties {
  position: absolute;
  bottom: 1rem;
  width: 100%;
}
.book-your-stay-container .container-book-services .ammenties .cover-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: normal;
}
.book-your-stay-container .container-book-services .ammenties .cover-flex h4 {
  font-weight: normal;
}
.book-your-stay-container .container-book-services .ammenties .cover-flex i {
  font-size: 0.5rem;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .book-your-stay-container {
    position: relative;
    background-image: url(../../images/manicured.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 30rem;
    padding: 0rem 1rem;
  }
  .book-your-stay-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  }
  .book-your-stay-container .container-book-services {
    position: relative;
    height: 100%;
  }
  .book-your-stay-container .container-book-services .content-text-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 2.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 2rem;
    justify-self: center;
  }
  .book-your-stay-container .container-book-services .content-text-button button i {
    font-size: 0.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover i {
    transform: translate(1px, 1px);
  }
  .book-your-stay-container .container-book-services .ammenties {
    position: absolute;
    bottom: 1rem;
    width: 100%;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: normal;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex h4 {
    font-weight: normal;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex i {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 600px) {
  .book-your-stay-container {
    position: relative;
    background-image: url(../../images/manicured.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 30rem;
    padding: 0rem 1rem;
  }
  .book-your-stay-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  }
  .book-your-stay-container .container-book-services {
    position: relative;
    height: 100%;
  }
  .book-your-stay-container .container-book-services .content-text-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
  }
  .book-your-stay-container .container-book-services .content-text-button h1 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin: 0rem;
  }
  .book-your-stay-container .container-book-services .content-text-button p {
    text-align: center;
    line-height: 1.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 1rem;
    width: 100%;
    justify-self: center;
  }
  .book-your-stay-container .container-book-services .content-text-button button i {
    font-size: 0.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover i {
    transform: translate(1px, 1px);
  }
  .book-your-stay-container .container-book-services .ammenties {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    overflow: hidden;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.6rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex h4 {
    font-weight: normal;
    line-height: 1rem;
    margin: 0rem;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex i {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 500px) {
  .book-your-stay-container {
    position: relative;
    background-image: url(../../images/manicured.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 35rem;
    padding: 0rem 1rem;
  }
  .book-your-stay-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  }
  .book-your-stay-container .container-book-services {
    position: relative;
    height: 100%;
  }
  .book-your-stay-container .container-book-services .content-text-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
  }
  .book-your-stay-container .container-book-services .content-text-button h1 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin: 0rem;
  }
  .book-your-stay-container .container-book-services .content-text-button p {
    text-align: center;
    line-height: 1.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: 1rem;
    width: 100%;
    justify-self: center;
  }
  .book-your-stay-container .container-book-services .content-text-button button i {
    font-size: 0.5rem;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .book-your-stay-container .container-book-services .content-text-button button:hover i {
    transform: translate(1px, 1px);
  }
  .book-your-stay-container .container-book-services .ammenties {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    overflow: hidden;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.6rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    font-size: 1rem;
    font-weight: normal;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex h4 {
    font-weight: normal;
    line-height: 1rem;
    margin: 0rem;
  }
  .book-your-stay-container .container-book-services .ammenties .cover-flex i {
    font-size: 0.5rem;
  }
}
.rooms-grid-container {
  margin: 7rem 0rem 5rem;
}
.rooms-grid-container .rooms-grids {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: 1.5rem;
  justify-content: center;
}
.rooms-grid-container .rooms-grids #room-1 {
  background-image: url(../../images/rooms/room1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-1:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-2 {
  background-image: url(../../images/rooms/room2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-2:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-3 {
  background-image: url(../../images/rooms/room3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-3:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-4 {
  background-image: url(../../images/rooms/room4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-4:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-5 {
  background-image: url(../../images/rooms/room5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-5:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-6 {
  background-image: url(../../images/rooms/room6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-6:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-7 {
  background-image: url(../../images/rooms/room7.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-7:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-8 {
  background-image: url(../../images/rooms/room8.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-8:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-9 {
  background-image: url(../../images/rooms/room9.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-9:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-10 {
  background-image: url(../../images/rooms/room10.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-10:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-11 {
  background-image: url(../../images/rooms/room11.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-11:hover {
  background-size: 110%;
}
.rooms-grid-container .rooms-grids #room-12 {
  background-image: url(../../images/rooms/room12.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.rooms-grid-container .rooms-grids #room-12:hover {
  background-size: 110%;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .rooms-grid-container {
    margin: 4rem 1rem 4rem;
  }
  .rooms-grid-container .rooms-grids {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1.5rem;
    justify-content: center;
  }
}
@media screen and (max-width: 500px) {
  .rooms-grid-container {
    margin: 3.5rem 1rem 3rem;
  }
  .rooms-grid-container .rooms-grids {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    justify-content: center;
  }
  .rooms-grid-container .rooms-grids #room-1 {
    background-image: url(../../images/rooms/room1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-1:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-2 {
    background-image: url(../../images/rooms/room2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-2:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-3 {
    background-image: url(../../images/rooms/room3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-3:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-4 {
    background-image: url(../../images/rooms/room4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-4:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-5 {
    background-image: url(../../images/rooms/room5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-5:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-6 {
    background-image: url(../../images/rooms/room6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-6:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-7 {
    background-image: url(../../images/rooms/room7.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-7:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-8 {
    background-image: url(../../images/rooms/room8.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-8:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-9 {
    background-image: url(../../images/rooms/room9.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-9:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-10 {
    background-image: url(../../images/rooms/room10.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-10:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-11 {
    background-image: url(../../images/rooms/room11.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-11:hover {
    background-size: 120%;
  }
  .rooms-grid-container .rooms-grids #room-12 {
    background-image: url(../../images/rooms/room12.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
  .rooms-grid-container .rooms-grids #room-12:hover {
    background-size: 120%;
  }
}
.most-booked-container {
  position: relative;
  background-image: url(../../images/rooms/seatingArea.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.most-booked-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
  z-index: 1;
}
.most-booked-container .fave-room-plus-detail {
  display: grid;
  grid-template-columns: 28rem 1fr;
  gap: 4rem;
  padding: 5rem 0rem 5rem;
}
.most-booked-container .fave-room-plus-detail #most-booked {
  background-image: url(../../images/rooms/mostbooked.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 15rem;
}
.most-booked-container .fave-room-plus-detail #most-booked:hover {
  background-size: 110%;
}
.most-booked-container .fave-room-plus-detail .at-top {
  z-index: 2;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover {
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 2;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h5 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0rem 0rem 1.5rem;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h3 {
  margin: 0rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 3rem;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all p {
  margin: 1.5rem 0rem 2rem;
  width: 85%;
  line-height: 1.5rem;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button i {
  font-size: 0.5rem;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .most-booked-container {
    position: relative;
    background-image: url(../../images/rooms/seatingArea.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .most-booked-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    z-index: 1;
  }
  .most-booked-container .fave-room-plus-detail {
    display: grid;
    grid-template-columns: 28rem 1fr;
    gap: 2rem;
    padding: 4rem 1rem 4rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked {
    background-image: url(../../images/rooms/mostbooked.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 15rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked:hover {
    background-size: 110%;
  }
  .most-booked-container .fave-room-plus-detail .at-top {
    z-index: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover {
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h3 {
    margin: 0rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all p {
    margin: 1.5rem 0rem 2rem;
    width: 100%;
    line-height: 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button i {
    font-size: 0.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 900px) {
  .most-booked-container {
    position: relative;
    background-image: url(../../images/rooms/seatingArea.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .most-booked-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    z-index: 1;
  }
  .most-booked-container .fave-room-plus-detail {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 3rem 1rem 3rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked {
    background-image: url(../../images/rooms/mostbooked.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 15rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked:hover {
    background-size: 110%;
  }
  .most-booked-container .fave-room-plus-detail .at-top {
    z-index: 2;
    order: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover {
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h3 {
    margin: 0rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all p {
    margin: 1.5rem 0rem 2rem;
    width: 100%;
    line-height: 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button i {
    font-size: 0.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .most-booked-container {
    position: relative;
    background-image: url(../../images/rooms/seatingArea.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .most-booked-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5058823529), rgba(0, 0, 0, 0.5058823529));
    z-index: 1;
  }
  .most-booked-container .fave-room-plus-detail {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 3rem 1rem 3rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked {
    background-image: url(../../images/rooms/mostbooked.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
    height: 15rem;
  }
  .most-booked-container .fave-room-plus-detail #most-booked:hover {
    background-size: 120%;
  }
  .most-booked-container .fave-room-plus-detail .at-top {
    z-index: 2;
    order: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover {
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 2;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h3 {
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all h3 br {
    display: none;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all p {
    margin: 1.5rem 0rem 2rem;
    width: 100%;
    line-height: 1.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    width: 100%;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button i {
    font-size: 0.5rem;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .most-booked-container .fave-room-plus-detail .detail-plus-book-cover .contain-all button:hover i {
    transform: translate(1px, 1px);
  }
}
.amenties-mother-containers {
  margin: 5rem 0rem 4rem;
}
.amenties-mother-containers .all-amenties-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
  justify-content: center;
  gap: 1.5rem;
}
.amenties-mother-containers .all-amenties-grid .single-mentie {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.5rem;
  height: 22rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.amenties-mother-containers .all-amenties-grid .single-mentie::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
}
.amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova {
  transform: translateY(-0.5rem);
}
.amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts button {
  transform: rotate(90deg);
}
.amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts p {
  opacity: 1;
}
.amenties-mother-containers .all-amenties-grid .single-mentie .icondot {
  position: relative;
  font-size: 0.5rem;
  padding: 1rem 0rem 0rem 1rem;
  z-index: 1;
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: transform 0.5s ease-in-out;
  transform: translateY(7.5rem);
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h6 {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0rem 0rem 0.5rem;
  text-align: center;
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h3 {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0rem 0rem 1rem;
  text-align: center;
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  justify-self: center;
  border: 1px solid #fff;
  background: rgba(63, 62, 62, 0.73);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  transition: transform 0.5s ease-in-out;
  transform: rotate(45deg);
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button i {
  font-size: 1rem;
}
.amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 1rem 0rem 0rem;
  text-align: center;
  justify-self: center;
  padding: 0.5rem;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  background: rgba(63, 62, 62, 0.73);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
}
.amenties-mother-containers .all-amenties-grid #amentiebg1 {
  background-image: url(../../images/amenties/am1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.amenties-mother-containers .all-amenties-grid #amentiebg2 {
  background-image: url(../../images/amenties/am2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.amenties-mother-containers .all-amenties-grid #amentiebg3 {
  background-image: url(../../images/amenties/am3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.amenties-mother-containers .all-amenties-grid #amentiebg4 {
  background-image: url(../../images/amenties/am4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.amenties-mother-containers .all-amenties-grid #amentiebg5 {
  background-image: url(../../images/amenties/am5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* find your self a room section*/
.find-yourperfect-room-container {
  position: relative;
  background-image: url(../../images/amenties/bgRoom.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 5rem 0rem;
}
.find-yourperfect-room-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
}
.find-yourperfect-room-container .cover-all-text {
  position: relative;
  z-index: 1;
}
.find-yourperfect-room-container .cover-all-text h5 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0rem 0rem 1.5rem;
}
.find-yourperfect-room-container .cover-all-text h1 {
  font-size: 5rem;
  font-weight: 500;
  margin: 0rem;
  line-height: 5rem;
}
.find-yourperfect-room-container .cover-all-text p {
  width: 28%;
  line-height: 1.5rem;
  margin: 1.5rem 0rem 2.5rem;
}
.find-yourperfect-room-container .cover-all-text button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
}
.find-yourperfect-room-container .cover-all-text button i {
  font-size: 0.5rem;
}
.find-yourperfect-room-container .cover-all-text button:hover {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.find-yourperfect-room-container .cover-all-text button:hover i {
  transform: translate(1px, 1px);
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .amenties-mother-containers {
    margin: 3rem 1rem 4rem;
  }
  .amenties-mother-containers .all-amenties-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.5rem;
    justify-content: center;
    gap: 1.5rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.5rem;
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova {
    transform: translateY(-0.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts button {
    transform: rotate(90deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts p {
    opacity: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .icondot {
    position: relative;
    font-size: 0.5rem;
    padding: 1rem 0rem 0rem 1rem;
    z-index: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: transform 0.5s ease-in-out;
    transform: translateY(7.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    justify-self: center;
    border: 1px solid #fff;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: transform 0.5s ease-in-out;
    transform: rotate(45deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button i {
    font-size: 1rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    text-align: center;
    justify-self: center;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg1 {
    background-image: url(../../images/amenties/am1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg2 {
    background-image: url(../../images/amenties/am2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg3 {
    background-image: url(../../images/amenties/am3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg4 {
    background-image: url(../../images/amenties/am4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg5 {
    background-image: url(../../images/amenties/am5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* find your self a room section*/
  .find-yourperfect-room-container {
    position: relative;
    background-image: url(../../images/amenties/bgRoom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 4rem 1rem;
  }
  .find-yourperfect-room-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .find-yourperfect-room-container .cover-all-text {
    position: relative;
    z-index: 1;
  }
  .find-yourperfect-room-container .cover-all-text h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .find-yourperfect-room-container .cover-all-text h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 5rem;
  }
  .find-yourperfect-room-container .cover-all-text p {
    width: 38%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 2.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .find-yourperfect-room-container .cover-all-text button i {
    font-size: 0.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .find-yourperfect-room-container .cover-all-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 900px) {
  .amenties-mother-containers {
    margin: 2rem 1rem 4rem;
  }
  .amenties-mother-containers .all-amenties-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.5rem;
    justify-content: center;
    gap: 1.5rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.5rem;
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova {
    transform: translateY(-0.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts button {
    transform: rotate(90deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts p {
    opacity: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .icondot {
    position: relative;
    font-size: 0.5rem;
    padding: 1rem 0rem 0rem 1rem;
    z-index: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: transform 0.5s ease-in-out;
    transform: translateY(6rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    justify-self: center;
    border: 1px solid #fff;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: transform 0.5s ease-in-out;
    transform: rotate(45deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button i {
    font-size: 1rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    text-align: center;
    justify-self: center;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg1 {
    background-image: url(../../images/amenties/am1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg2 {
    background-image: url(../../images/amenties/am2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg3 {
    background-image: url(../../images/amenties/am3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg4 {
    background-image: url(../../images/amenties/am4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg5 {
    background-image: url(../../images/amenties/am5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .find-yourperfect-room-container {
    position: relative;
    background-image: url(../../images/amenties/bgRoom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 3rem 1rem;
  }
  .find-yourperfect-room-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .find-yourperfect-room-container .cover-all-text {
    position: relative;
    z-index: 1;
  }
  .find-yourperfect-room-container .cover-all-text h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .find-yourperfect-room-container .cover-all-text h1 {
    font-size: 5rem;
    font-weight: 500;
    margin: 0rem;
    line-height: 5rem;
  }
  .find-yourperfect-room-container .cover-all-text p {
    width: 48%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 2.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
  }
  .find-yourperfect-room-container .cover-all-text button i {
    font-size: 0.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .find-yourperfect-room-container .cover-all-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 600px) {
  .amenties-mother-containers {
    margin: 2rem 1rem 4rem;
  }
  .amenties-mother-containers .all-amenties-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.5rem;
    justify-content: center;
    gap: 1.5rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.5rem;
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova {
    transform: translateY(-0.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts button {
    transform: rotate(90deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts p {
    opacity: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .icondot {
    position: relative;
    font-size: 0.5rem;
    padding: 1rem 0rem 0rem 1rem;
    z-index: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: transform 0.5s ease-in-out;
    transform: translateY(4.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    justify-self: center;
    border: 1px solid #fff;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: transform 0.5s ease-in-out;
    transform: rotate(45deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button i {
    font-size: 1rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    text-align: center;
    justify-self: center;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg1 {
    background-image: url(../../images/amenties/am1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg2 {
    background-image: url(../../images/amenties/am2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg3 {
    background-image: url(../../images/amenties/am3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg4 {
    background-image: url(../../images/amenties/am4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg5 {
    background-image: url(../../images/amenties/am5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .find-yourperfect-room-container {
    position: relative;
    background-image: url(../../images/amenties/bgRoom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 3rem 1rem;
  }
  .find-yourperfect-room-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .find-yourperfect-room-container .cover-all-text {
    position: relative;
    z-index: 1;
  }
  .find-yourperfect-room-container .cover-all-text h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .find-yourperfect-room-container .cover-all-text h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 3.5rem;
  }
  .find-yourperfect-room-container .cover-all-text p {
    width: 80%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 2.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    width: 100%;
  }
  .find-yourperfect-room-container .cover-all-text button i {
    font-size: 0.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .find-yourperfect-room-container .cover-all-text button:hover i {
    transform: translate(1px, 1px);
  }
}
@media screen and (max-width: 500px) {
  .amenties-mother-containers {
    margin: 2rem 1rem 4rem;
  }
  .amenties-mother-containers .all-amenties-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    justify-content: center;
    gap: 1.5rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.5rem;
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova {
    transform: translateY(-0.5rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts button {
    transform: rotate(90deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie:hover .infor-cova .cover-texts p {
    opacity: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .icondot {
    position: relative;
    font-size: 0.5rem;
    padding: 1rem 0rem 0rem 1rem;
    z-index: 1;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: transform 0.5s ease-in-out;
    transform: translateY(6rem);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 0.5rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0rem 1rem;
    text-align: center;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    justify-self: center;
    border: 1px solid #fff;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: transform 0.5s ease-in-out;
    transform: rotate(45deg);
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts button i {
    font-size: 1rem;
  }
  .amenties-mother-containers .all-amenties-grid .single-mentie .infor-cova .cover-texts p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    text-align: center;
    justify-self: center;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background: rgba(63, 62, 62, 0.73);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg1 {
    background-image: url(../../images/amenties/am1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg2 {
    background-image: url(../../images/amenties/am2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg3 {
    background-image: url(../../images/amenties/am3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg4 {
    background-image: url(../../images/amenties/am4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .amenties-mother-containers .all-amenties-grid #amentiebg5 {
    background-image: url(../../images/amenties/am5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .find-yourperfect-room-container {
    position: relative;
    background-image: url(../../images/amenties/bgRoom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 3rem 1rem;
  }
  .find-yourperfect-room-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.431372549), rgba(0, 0, 0, 0.4509803922));
  }
  .find-yourperfect-room-container .cover-all-text {
    position: relative;
    z-index: 1;
  }
  .find-yourperfect-room-container .cover-all-text h5 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0rem 0rem 1.5rem;
  }
  .find-yourperfect-room-container .cover-all-text h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
    line-height: 3.5rem;
  }
  .find-yourperfect-room-container .cover-all-text p {
    width: 100%;
    line-height: 1.5rem;
    margin: 1.5rem 0rem 2.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    width: 100%;
  }
  .find-yourperfect-room-container .cover-all-text button i {
    font-size: 0.5rem;
  }
  .find-yourperfect-room-container .cover-all-text button:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff;
  }
  .find-yourperfect-room-container .cover-all-text button:hover i {
    transform: translate(1px, 1px);
  }
}
.services-mother-container {
  margin: 6rem 0rem 4rem;
}
.services-mother-container .what-we-offer-button {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 3rem;
}
.services-mother-container .what-we-offer-button .text h1 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem;
}
.services-mother-container .what-we-offer-button .text p {
  width: 32rem;
  font-weight: normal;
  line-height: 1.5rem;
  margin: 1rem 0rem 0rem;
}
.services-mother-container .what-we-offer-button button {
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all 0.5s ease;
  height: 3.1rem;
  cursor: pointer;
  margin-top: 2rem;
}
.services-mother-container .what-we-offer-button button i {
  font-size: 0.5rem;
}
.services-mother-container .what-we-offer-button button:hover {
  background: lightgray;
  color: #000;
}
.services-mother-container .what-we-offer-button button:hover i {
  transform: translate(1px, 1px);
}
.services-mother-container .all-services-grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.services-mother-container .all-services-grid .single-service {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.services-mother-container .all-services-grid .single-service .service {
  display: grid;
  grid-template-columns: 26rem 1fr;
  height: 20rem;
  gap: 5rem;
  padding: 0.5rem;
  background-color: rgb(224, 224, 224);
}
.services-mother-container .all-services-grid .single-service .service .image-name-cover {
  background-color: rgb(238, 236, 236);
  border-radius: 0.5rem;
  padding: 0.5rem;
  z-index: 1;
}
.services-mother-container .all-services-grid .single-service .service .image-name-cover .icon-dot {
  font-size: 0.5rem;
  color: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  height: 50%;
}
.services-mother-container .all-services-grid .single-service .service .image-name-cover h2 {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 1rem 0rem 0.5rem;
  padding: 0rem 0rem 0rem 0.5rem;
}
.services-mother-container .all-services-grid .single-service .service .image-name-cover p {
  font-size: 0.8rem;
  width: 70%;
  line-height: 1.2rem;
  color: gray;
  margin: 0rem;
  padding: 0rem 0rem 0rem 0.5rem;
}
.services-mother-container .all-services-grid .single-service .infor-cover {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  color: #000;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h6 {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0rem 0rem 1rem;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0rem 0rem;
  line-height: 3rem;
  word-spacing: -8px;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text p {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 1rem 0rem 0rem;
  width: 80%;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0rem 0rem 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  margin: 2rem 0rem 0rem;
  transition: all 0.5s ease;
  cursor: pointer;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a i {
  font-size: 0.8rem;
  transition: all 0.5s ease;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover {
  color: #383838;
}
.services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover i {
  margin-left: 0.5rem;
  color: #000;
}
.services-mother-container .all-services-grid #service1 {
  background-image: url(../../images/services/service1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-mother-container .all-services-grid #service2 {
  background-image: url(../../images/services/service2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-mother-container .all-services-grid #service3 {
  background-image: url(../../images/services/service3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Media Screen Query */
@media screen and (max-width: 1100px) {
  .services-mother-container {
    margin: 3rem 1rem 3rem;
  }
  .services-mother-container .what-we-offer-button {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 2rem;
  }
  .services-mother-container .what-we-offer-button .text h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .services-mother-container .what-we-offer-button .text p {
    width: 32rem;
    font-weight: normal;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
  }
  .services-mother-container .what-we-offer-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    height: 3.1rem;
    cursor: pointer;
    margin-top: 2rem;
  }
  .services-mother-container .what-we-offer-button button i {
    font-size: 0.5rem;
  }
  .services-mother-container .what-we-offer-button button:hover {
    background: lightgray;
    color: #000;
  }
  .services-mother-container .what-we-offer-button button:hover i {
    transform: translate(1px, 1px);
  }
  .services-mother-container .all-services-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .services-mother-container .all-services-grid .single-service {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service {
    display: grid;
    grid-template-columns: 26rem 1fr;
    height: auto;
    gap: 2rem;
    padding: 0.5rem;
    background-color: rgb(224, 224, 224);
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover {
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    padding: 0.5rem;
    z-index: 1;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover .icon-dot {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    height: 50%;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover h2 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0rem 0.5rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover p {
    font-size: 0.8rem;
    width: 70%;
    line-height: 1.2rem;
    color: gray;
    margin: 0rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    color: #000;
    padding: 1.5rem 0rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem;
    line-height: 3rem;
    word-spacing: -8px;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    width: 95%;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 1.5rem 0rem 0rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover {
    color: #383838;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .services-mother-container .all-services-grid #service1 {
    background-image: url(../../images/services/service1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service2 {
    background-image: url(../../images/services/service2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service3 {
    background-image: url(../../images/services/service3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 900px) {
  .services-mother-container {
    margin: 3rem 1rem 3rem;
  }
  .services-mother-container .what-we-offer-button {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 2rem;
  }
  .services-mother-container .what-we-offer-button .text h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem;
  }
  .services-mother-container .what-we-offer-button .text p {
    width: 80%;
    font-weight: normal;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
  }
  .services-mother-container .what-we-offer-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    height: 3.1rem;
    cursor: pointer;
    margin-top: 2rem;
    flex-shrink: 0;
  }
  .services-mother-container .what-we-offer-button button i {
    font-size: 0.5rem;
  }
  .services-mother-container .what-we-offer-button button:hover {
    background: lightgray;
    color: #000;
  }
  .services-mother-container .what-we-offer-button button:hover i {
    transform: translate(1px, 1px);
  }
  .services-mother-container .all-services-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .services-mother-container .all-services-grid .single-service {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    gap: 0rem;
    padding: 0.5rem;
    background-color: rgb(224, 224, 224);
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover {
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    padding: 0.5rem;
    z-index: 1;
    height: -moz-max-content;
    height: max-content;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover .icon-dot {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    height: 15rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover h2 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0rem 0.5rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover p {
    font-size: 0.8rem;
    width: 70%;
    line-height: 1.2rem;
    color: gray;
    margin: 0rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    color: #000;
    padding: 1.5rem 0rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0rem 0rem;
    line-height: 3rem;
    word-spacing: -8px;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    width: 95%;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 1.5rem 0rem 0rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover {
    color: #383838;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .services-mother-container .all-services-grid #service1 {
    background-image: url(../../images/services/service1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service2 {
    background-image: url(../../images/services/service2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service3 {
    background-image: url(../../images/services/service3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 600px) {
  .services-mother-container {
    margin: 2rem 1rem 2rem;
    padding-bottom: 5rem;
    position: relative;
  }
  .services-mother-container .what-we-offer-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 1.5rem;
  }
  .services-mother-container .what-we-offer-button .text h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0rem;
  }
  .services-mother-container .what-we-offer-button .text p {
    width: 100%;
    font-weight: normal;
    line-height: 1.5rem;
    margin: 0.5rem 0rem 0rem;
  }
  .services-mother-container .what-we-offer-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    height: 3.1rem;
    cursor: pointer;
    margin-top: 2rem;
    flex-shrink: 0;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
  }
  .services-mother-container .what-we-offer-button button i {
    font-size: 0.5rem;
  }
  .services-mother-container .what-we-offer-button button:hover {
    background: lightgray;
    color: #000;
  }
  .services-mother-container .what-we-offer-button button:hover i {
    transform: translate(1px, 1px);
  }
  .services-mother-container .all-services-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .services-mother-container .all-services-grid .single-service {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    gap: 0rem;
    padding: 0.5rem;
    background-color: rgb(224, 224, 224);
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover {
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    padding: 0.5rem;
    z-index: 1;
    height: -moz-max-content;
    height: max-content;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover .icon-dot {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    height: 13rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover h2 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0rem 0.5rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover p {
    font-size: 0.8rem;
    width: 70%;
    line-height: 1.2rem;
    color: gray;
    margin: 0rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    color: #000;
    padding: 1.5rem 0rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0rem 0rem;
    line-height: 2.5rem;
    word-spacing: 0px;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 br {
    display: none;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 1rem 0rem 0rem;
    width: 100%;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 1.5rem 0rem 0rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover {
    color: #383838;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .services-mother-container .all-services-grid #service1 {
    background-image: url(../../images/services/service1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service2 {
    background-image: url(../../images/services/service2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service3 {
    background-image: url(../../images/services/service3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 500px) {
  .services-mother-container {
    margin: 2rem 1rem 2rem;
    padding-bottom: 5rem;
    position: relative;
  }
  .services-mother-container .what-we-offer-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 1.5rem;
  }
  .services-mother-container .what-we-offer-button .text h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0rem;
  }
  .services-mother-container .what-we-offer-button .text p {
    width: 100%;
    font-weight: normal;
    line-height: 1.5rem;
    margin: 0.5rem 0rem 0rem;
  }
  .services-mother-container .what-we-offer-button button {
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    transition: all 0.5s ease;
    height: 3.1rem;
    cursor: pointer;
    margin-top: 2rem;
    flex-shrink: 0;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
  }
  .services-mother-container .what-we-offer-button button i {
    font-size: 0.5rem;
  }
  .services-mother-container .what-we-offer-button button:hover {
    background: lightgray;
    color: #000;
  }
  .services-mother-container .what-we-offer-button button:hover i {
    transform: translate(1px, 1px);
  }
  .services-mother-container .all-services-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .services-mother-container .all-services-grid .single-service {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    gap: 0rem;
    padding: 0.5rem;
    background-color: rgb(224, 224, 224);
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover {
    background-color: rgb(238, 236, 236);
    border-radius: 0.5rem;
    padding: 0.5rem;
    z-index: 1;
    height: -moz-max-content;
    height: max-content;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover .icon-dot {
    font-size: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    height: 13rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover h2 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0rem 0.5rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .service .image-name-cover p {
    font-size: 0.8rem;
    width: 90%;
    line-height: 1.2rem;
    color: gray;
    margin: 0rem;
    padding: 0rem 0rem 0rem 0.5rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    color: #000;
    padding: 1.5rem 0rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h6 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0rem 0rem 1rem;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0rem 0rem;
    line-height: 2rem;
    word-spacing: 0px;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text h3 br {
    display: none;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 1rem 0rem 0rem;
    width: 100%;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0rem 0rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: -moz-max-content;
    width: max-content;
    margin: 1.5rem 0rem 0rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a i {
    font-size: 0.8rem;
    transition: all 0.5s ease;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover {
    color: #383838;
  }
  .services-mother-container .all-services-grid .single-service .infor-cover .cover-for-rooms-plus-text a:hover i {
    margin-left: 0.5rem;
    color: #000;
  }
  .services-mother-container .all-services-grid #service1 {
    background-image: url(../../images/services/service1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service2 {
    background-image: url(../../images/services/service2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-mother-container .all-services-grid #service3 {
    background-image: url(../../images/services/service3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}/*# sourceMappingURL=style.css.map */