*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: #333;
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  background: #fff;
  margin: auto;
  min-height: 100vh;
  font-size: 2.5rem;
  font-family: "Bilo-Regular", sans-serif;
}

.grecaptcha-badge {
  display: none !important;
}

.body__wrapper {
  overflow: hidden;
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 50%;
  }
}

@media screen and (max-width: 1300px) {
  html {
    font-size: 40%;
  }
}

/* Add your style below */

:root {
  --color-black: #000;
  --color-white: #fff;
  --color-1: #002a47;
  --color-2: #a3803b;
  --color-3: #001f30;
  --color-4: #707070;
  --color-5: #002a47c4;
  --color-6: #efefef;
  --color-7: #d8d8d8;
  --color-8: #004274;
  --color-9: #ece0cb;
  --color-10: #797d81;

  --font-light: "Bilo-Light";
  --font-bold: "Bilo-Bold";
  --font-black: "Bilo-Bold";

  --border-radius: 10px;

  --animation-duration: 0.3s;

  --header-height: 10rem;
}

img {
  width: 100%;
}

.legal__content img {
  height: auto;
  max-width: 400px;
}

h1,
h2,
h3 {
  font-family: var(--font-bold);
}

h4,
h5,
h6 {
  font-family: var(--font-bold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
}

h2 {
  font-size: 4rem;
  position: relative;
}

h3 {
  font-size: 3rem;
}

input,
textarea {
  outline: 0;
  border: 2px solid var(--color-2);
  width: 100%;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-left: 10px solid var(--color-2);
  transition: border-color var(--animation-duration) ease;
}

.post__body p a,
.hybrid_content p a,
.infotabs__wrapper a,
.post__content p a,
.post__content h1 a,
.post__content h2 a,
.post__content h3 a,
.post__content h4 a,
.post__content h5 a,
.post__content h6 a {
  color: var(--color-2);
}

.hybrid_content .content h2,
.hybrid_content .content h3,
.hybrid_content .content h4,
.hybrid_content .content h5 {
  font-size: 1.4em;
  margin-bottom: 20px;
}

.post__body h2,
.post__body h3 {
  font-size: 1.4em;
  margin-bottom: 20px;
  margin-top: 40px;
  color: var(--color-1);
}

.post__body h4,
.post__body h5,
.post__body h6 {
  font-size: 1.2em;
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--color-2);
}

/* Headrr */

.header {
  background: var(--color-1);
  transition: all var(--animation-duration) ease-in-out;
}

.header__nav {
  height: 100%;
}

.header__row {
  min-height: var(--header-height);
}

.header__menu {
  list-style: none;
  height: inherit;
  margin: 0;
  padding: 0;
}

.header__logo {
  height: 100%;
}

.header__nav {
  position: relative;
}

.header__menu .menu-item {
  text-transform: uppercase;
  padding: 0 2rem;
  border-right: 2px solid var(--color-2);
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__menu .menu-item:first-child {
  padding-left: 0;
}

.header__menu .menu-item:last-child {
  padding-right: 0;
  border-right: 0;
}

.header__menu .menu-item a {
  text-decoration: none;
  cursor: pointer;
  color: var(--color-white);
  transition: color var(--animation-duration) ease;
}

.header__menu .menu-item a:hover {
  color: var(--color-2);
}

.header__menu li.current-menu-item {
  color: var(--color-2);
}

.header__title {
  position: relative;
}

.header__title h2,
.header__title h3 {
  display: flex;
  align-items: center;
}

.header__title h2::before,
.header__title h3::before {
  content: "";
  border-top: 2px solid var(--color-2);
  border-bottom: 2px solid var(--color-2);
  height: 140%;
  width: 100%;
  max-width: 28rem;
  position: absolute;
}

.header__title h3::before {
  height: 160%;
}

.header__title h2.with-icon::before {
  max-width: 34rem;
}

.header__fixed {
  opacity: 1;
  position: fixed;
  z-index: 999;
  width: 100%;
}

.header__fixed.mobile>.container {
  border-bottom: 1px solid var(--color-4);
}

.header__menu .sub-menu {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation-name: fadeOut;
  animation-duration: var(--animation-duration);
}

.header__menu .sub-menu.active {
  position: absolute;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  min-width: 55rem;
  justify-content: center;
  z-index: 99999;
  background: var(--color-1);
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  animation-name: fadeIn;
  animation-duration: var(--animation-duration);
}

.header__menu .sub-menu .menu-item {
  padding: 2rem 2.5rem;
  border-right: 0;
}

.header__menu .sub-menu::before {
  content: "";
  height: 1px;
  background-color: var(--color-2);
  position: absolute;
  top: 0;
  width: 90%;
}

.header__row img {
  height: 5rem;
  width: auto;
}

.header__title .icon {
  display: flex;
}

.header__title .with-icon img {
  max-height: 4rem;
  max-width: 4rem;
  object-fit: contain;
  object-position: center;
}

@media screen and (min-width: 890px) {
  .cut-out--minustop .image {
    margin-top: -19em;
  }

  .cut-out--minustop-2 .image {
    margin-top: -20em;
  }
}

@media screen and (max-width: 768px) {
  .header__menu {
    display: none;
  }

  .header__row.grid {
    grid-template-columns: 1fr 1fr;
  }

  .header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 480px) {
  .header__title h2 {
    justify-content: center;
    width: 100%;
    text-align: center;
  }

  .development__header .header__title h2 {
    justify-content: center;
    width: 100%;
    text-align: left;
  }

  .header__title h2::before {
    max-width: 100%;
  }

  .header__title h2.with-icon::before {
    max-width: 100%;
  }

  .header__title h2.with-icon {
    justify-content: flex-start;
  }

  .header__title h2.with-icon .icon {
    width: 50px;
    height: 50px;
  }

  .header__title h4 {
    margin-top: 4rem;
  }
}

/* Main container */

.main__wrapper {
  padding-top: var(--header-height);
}

/* Mobile menu */

.nav__lines {
  position: relative;
}

.nav__lines {
  z-index: 10;
  width: 6rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.nav__lines .line {
  display: inline-block;
  height: 2px;
  width: 100%;
  background: var(--color-white);
  transition: transform var(--animation-duration) ease;
}

.nav__lines .line:first-child {
  margin-bottom: 2rem;
}

.nav__lines.active .line__1 {
  position: absolute;
  transform: rotate(45deg);
  margin: 0 !important;
}

.nav__lines.active .line__2 {
  position: absolute;
  transform: rotate(-45deg);
  margin: 0 !important;
}

.mobile__nav,
.nav__lines {
  display: none;
}

.mobile__nav.active {
  display: flex;
}

.mobile__nav {
  position: absolute;
  background: var(--color-1);
  padding-bottom: 6rem;
  z-index: 990;
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  overflow: scroll;
}

.mobile__menu,
.mobile__menu ul {
  list-style: none;
  padding-left: 0;
}

.mobile__menu>li ul {
  display: none;
}

.mobile__menu>li ul {
  display: none;
}

.mobile__menu>li.active ul {
  display: block;
}

.mobile__menu>li {
  margin-bottom: 5rem;
  border-bottom: 1px solid var(--color-4);
  padding-bottom: 5rem;
}

.mobile__menu>li li {
  margin-bottom: 4rem;
}

.mobile__menu>li li a {
  font-weight: bold;
  color: var(--color-white) !important;
}

.mobile__menu>li li:first-child {
  margin-top: 6rem;
}

.mobile__menu>li li:last-child {
  margin-bottom: 0;
}

.mobile__menu>li:last-child {
  border-bottom: 0;
}

.mobile__menu .menu-item a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 4rem;
  color: var(--color-7);
}

@media screen and (max-width: 768px) {
  .nav__lines {
    display: flex;
  }
}

/* Footer */

.footer {
  background: var(--color-1);
}

.footer .col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer__menu {
  margin: 0;
  padding-left: 8px;
}

.footer li {
  margin-bottom: 5px;
}

.footer__menu li::marker {
  content: "-";
  font-size: 2rem;
}

.footer__menu .menu-item {
  font-family: "Bilo-Light";
}

.footer__menu .menu-item,
.footer__menu .menu-item a {
  color: var(--color-white);
}

.footer__menu .menu-item a {
  padding-left: 5px;
  text-underline-offset: 3px;
  transition: color var(--animation-duration) ease;
}

.footer__menu .menu-item a:hover {
  color: var(--color-2);
}

.enquiry__title p {
  margin-top: 0;
  color: var(--color-white);
}

.footer__logo img {
  height: 100%;
}

.footer__title h4 {
  margin-top: 0;
  text-transform: uppercase;
  color: var(--color-2);
}

.footer__enquiry,
.footer__contact {
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--color-white);
}

.footer__nav_why {
  margin-bottom: 2.7rem;
}

.footer__copy {
  color: var(--color-white);
  background: var(--color-3);
  border-top: 1px solid var(--color-4);
}

.col--1.social a {
  display: inline-block;
}

.footer__copy_legal {
  display: flex;
  list-style: none;
  padding-left: 2rem;
  margin: 0;
}

.footer__copy_legal li {
  padding: 0 2rem;
  border-left: 1px solid var(--color-white);
  font-size: 1.8rem;
}

.footer__copy_legal a {
  color: var(--color-white);
  transition: color var(--animation-duration) ease;
}

.footer__copy_legal a:hover {
  color: var(--color-2);
}

@media screen and (max-width: 768px) {
  .footer__logo img {
    width: 50%;
  }

  .footer__copy .col--2 {
    margin-top: 3rem;
    display: block;
  }

  .footer__copy svg,
  .footer__copy img {
    height: 50px !important;
    width: 50px !important;
  }

  .footer .col--3 {
    margin-top: 6rem;
  }

  .footer__copy_legal {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 15px 0 0;
  }

  .footer__copy_legal li:first-child {
    padding: 0 2rem 0 0;
    border-left: none;
  }
}

/* Dot nav slider */

.imgslider {
  overflow: hidden;
  position: relative;
}

.imgslider__slider img {
  min-height: calc(100vh - var(--header-height));
  max-height: calc(100vh - var(--header-height));
  object-fit: cover;
  object-position: center;
}

.imgslider__nav {
  width: 80%;
  margin: auto;
  overflow: hidden;
}

.imgslider__nav img {
  min-height: 10rem;
  max-height: 10rem;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 480px) {
  .imgslider__slider img {
    min-height: 70rem;
    max-height: 70rem;
  }
}

/* Section separator */

.separator {
  position: relative;
}

.separator .container {
  overflow: hidden;
}

.separator.design--1 .separator__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12rem;
}

.separator.design--1 {
  padding: 1rem;
}

.separator .icon,
.separator .icon.inline--2 {
  z-index: 2;
}

.separator .icon.inline--2 {
  background: #fff;
}

.separator .icon.inline,
.separator.inline .icon {
  background: var(--color-1) !important;
}

.separator .icon img {
  width: 50px;
  object-fit: contain;
}

.separator .separator__line {
  position: absolute;
  height: 2px;
  background: var(--color-2);
  width: 100%;
  z-index: 1;
}

.separator.design--3 .separator__line {
  background: var(--color-1);
}

.separator.design--3 .icon {
  background: #fff;
}

.separator.design--2 .underline {
  height: 2px;
  width: 100%;
  background-color: var(--color-2);
  position: absolute;
}

.separator.design--2 .icon {
  background-color: var(--color-white);
  z-index: 10;
}

.separator__svg {
  width: 100%;
  height: 15rem;
}

@media screen and (max-width: 1600px) {
  .separator.design--1 .icon {
    width: 50px;
  }
}

@media screen and (max-width: 768px) {
  .separator.design--1 .icon {
    width: 40px;
  }
}

@media screen and (max-width: 480px) {
  .separator.design--1 {
    padding: 2rem 0;
  }
}

@media screen and (max-width: 380px) {
  .separator .icon img {
    height: 7rem;
    margin-left: 1.5rem;
  }
}

/* Grid Image */

.gridimg {
  background-color: var(--color-1);
  background-image: url("../../linuxinternet-homebyesh/img/section-bg-1.png");
  background-size: 35% auto;
  background-repeat: no-repeat;
  background-position: top right;
}

.gridimg.design--2 {
  background: #fff;
}

.gridimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gridimg .title,
.gridimg .container {
  position: relative;
}

.gridimg .title h2 {
  text-transform: uppercase;
  color: var(--color-white);
}

.gridimg.new-des .gridimg__content .col--1 {
  grid-row: unset;
}

.gridimg.design--2 .title h2 {
  color: var(--color-1);
}

.gridimg__content {
  grid-template-columns: 50% auto;
}

.gridimg__content .col--1 {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.gridimg__content .col--4,
.gridimg__content .col--1,
.gridimg__content .col--2,
.gridimg__content .col--3 {
  position: relative;
}

.gridimg__info {
  background-color: var(--color-5);
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2rem;
  color: var(--color-white);
}

.gridimg .separator {
  max-height: 14rem;
}

.gridimg .underline {
  height: 2px;
  width: 100%;
  background: var(--color-2);
  position: absolute;
}

.gridimg.design--2 .underline {
  background: var(--color-1);
}

.gridimg .icon {
  background-color: var(--color-1);
  z-index: 10;
}

.gridimg.design--2 .icon {
  background-color: var(--color-white);
}

.gridimg.design--1 .gridimg__info .btn {
  font-size: 1.8rem;
  padding: 1rem 2rem;
}

.gridimg .info__btn,
.gridimg .info__text {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation-name: fadeOut;
  animation-duration: var(--animation-duration);
  min-width: 165px;
}

.gridimg .gridimg__info:hover .info__btn,
.gridimg .gridimg__info:hover .info__text {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  animation-name: fadeIn;
  animation-duration: var(--animation-duration);
}

@media screen and (max-width: 768px) {
  .gridimg__info * {
    font-size: 90%;
  }
}

@media screen and (max-width: 640px) {
  .home .gridimg.pb--8 {
    padding-bottom: 0;
  }

  .gridimg__content {
    grid-template-columns: 1fr;
  }

  .gridimg__content img {
    min-height: 52rem;
    max-height: 52rem;
  }
}

/* Booking cta */

.bookingcta {
  text-align: center;
  color: var(--color-white);
  margin-bottom: -3rem;
}

/* TWO COLUMN IMAGE */
.two-column-image {
  background: #fff;
  content-visibility: visible !important;
}

.two-column-image .content--title h3 {
  color: var(--color-1);
}

.two-column-image .content--image img {
  height: auto;
}

/* Properties */
.properties {
  position: relative;
  overflow-x: hidden;
}

.properties__wrapper {
  width: 100%;
  overflow: hidden;
}

.properties__slider {
  width: 100%;
  height: 100%;
}

.properties__header {
  position: relative;
}

.properties__header h2 {
  color: var(--color-1);
}

.properties__item {
  position: relative;
  transition: opacity var(--animation-duration) ease;
}

.properties__item img {
  width: 100%;
  height: 100%;
  min-height: 55rem;
  max-height: 55rem;
  object-fit: cover;
}

.grey--img img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.image.blue-filter--img {
  background: #004f86;
}

.blue-filter--img img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.6;
}

.properties .viewall a {
  color: var(--color-1);
  transition: color var(--animation-duration) ease;
}

.properties .viewall a:hover {
  color: var(--color-2);
}

.properties__item .price,
.properties__item .info {
  position: absolute;
}

.properties__item .price {
  width: 100%;
  background-color: var(--color-5);
  top: 0;
  color: var(--color-white);
  padding: 1rem 2rem;
}

.properties__item .price p.font--uppercase {
  padding-left: 25px !important;
}

.properties__item .info {
  right: 0;
  bottom: 0;
  background-color: #ffffffc7;
  padding: 2rem;
  color: var(--color-1);
}

.properties .item__body {
  position: relative;
}

.properties .starting__price {
  font-size: 4.6rem;
}

.properties .item__footer .btn {
  padding: 1rem 6rem;
  color: var(--color-1);
}

.properties .item__footer .btn:hover {
  color: var(--color-white);
}

.properties .item__header .title {
  font-size: 3rem;
}

.properties__nav {
  position: relative;
}

.properties__nav .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 3rem;
  margin-top: 3rem;
}

.properties__nav .arrow__item {
  cursor: pointer;
}

.properties__nav .nav__slider {
  top: -3rem;
  width: 100%;
  left: 0;
}

.single-properties .breadcrumbs {
  margin-bottom: 0;
  margin-top: 5rem;
}

@media screen and (max-width: 768px) {
  .properties__nav {
    margin-top: 12rem;
  }
}

@media screen and (max-width: 640px) {
  .single-developments .properties.pt--10 {
    padding-top: 0;
  }

  .home .properties.pt--8 {
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .properties__header.flex {
    flex-direction: column;
  }

  .properties__header .header__title {
    margin-top: 3rem;
    margin-bottom: 4rem;
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 375px) {
  .properties__header .viewall {
    align-self: flex-start;
  }
}

/* Info tabs */

.infotabs {
  background-color: var(--color-1);
  background-size: contain;
  background-repeat: no-repeat;
}

.infotabs .container {
  position: relative;
  z-index: 10;
}

.infotabs__header {
  position: relative;
}

.infotabs .description p {
  color: var(--color-2);
}

.infotabs .infotabs__tabs {
  position: relative;
  margin-top: -17rem;
}

.infotabs .tabs__wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.infotabs .tabs__content {
  background: var(--color-5);
  width: 100%;
  min-height: 6rem;
}

.infotabs__tabs img {
  height: 100%;
  vertical-align: bottom;
}

.infotabs .tabs__nav {
  display: flex;
  list-style: none;
  padding: 0;
}

.infotabs .tab__nav_item {
  display: flex;
  list-style: none;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-5);
  padding: 1rem 2rem 0;
  margin-right: 3rem;
  border-radius: 8px 8px 0 0;
  min-width: 25rem;
  cursor: pointer;
}

.infotabs .tab__nav_item.active .pt--1 {
  opacity: 0.8;
}

.infotabs .tab__nav_item .icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--animation-duration) ease;
}

.infotabs .tab__nav_item.active .icon {
  transform: rotate(180deg);
}

.infotabs .tab__nav_item.active .icon path {
  opacity: 0.8;
}

.infotabs .tabs__nav {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-white);
}

.infotabs .tabs__nav .tab__nav_item:last-child {
  margin-right: 0;
}

.infotabs .tabs__content {
  color: var(--color-white);
}

.infotabs .tabs__content_item {
  display: none;
}

.infotabs .tabs__content_item.active {
  display: block;
}

.infotabs__enratings .text {
  font-size: 3rem;
}

.infotabs__enratings img {
  max-width: 80%;
}

.infotabs.background--none h2,
.infotabs.background--none .description p {
  color: var(--color-1);
}

.infotabs.design--2 .infotabs__tabs {
  margin-top: unset;
}

.infotabs hr {
  border-color: var(--color-2);
  border-style: solid;
  width: 70%;
  margin: 4rem 0px;
}

.infotabs.large-margin .infotabs__tabs {
  margin-top: -48rem;
}

.infotabs.background-img--none {
  background-image: unset;
}

@media screen and (max-width: 1024px) {
  .infotabs.large-margin .infotabs__tabs {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .infotabs .tab__nav_item {
    min-width: auto;
    margin-right: 1rem;
  }
}

@media screen and (max-width: 640px) {
  .single-developments .infotabs.pb--10 {
    padding-bottom: 0;
  }

  .infotabs .infotabs__tabs {
    margin-top: 0;
  }

  .infotabs .tabs__nav {
    flex-wrap: wrap;
  }

  .tab__nav_item span {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  .tab__nav_item span {
    font-size: 1.2rem;
  }

  .infotabs.large-margin .infotabs__tabs {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 360px) {
  .infotabs .tab__nav_item {
    padding: 1rem 1rem 0;
  }
}

/* VIDEO BANNER */
.video-banner .video-banner--main {
  position: relative;
  padding-top: 45%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.video-banner .video-banner--main iframe,
.video-banner .video-banner--main video {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  top: 0;
  left: 0;
}

.video-banner--main.video-loaded iframe,
.video-banner--main.video-loaded video {
  display: block;
}

/* Post */

.post__single h2,
.post__single h3,
.post__single h4,
.post__single h5,
.post__single h6 {
  margin-bottom: 3rem;
}

.post__single p {
  margin-bottom: 2rem;
}

.post__wrapper {
  position: relative;
  margin-bottom: 9rem;
}

.post__slider {
  overflow: hidden;
}

.post .post__header {
  position: relative;
}

.post .post_excerpt a {
  text-decoration: none;
  color: var(--color-2);
  transition: color var(--animation-duration) ease;
}

.post .post_excerpt a:hover {
  color: var(--color-1);
}

.post__image {
  position: relative;
  overflow: hidden;
}

.post .post__image img {
  height: 100%;
  object-position: center;
  min-height: 31rem;
  max-height: 38rem;
  object-fit: contain;
  transition: min-height var(--animation-duration) ease;
}

.post__single .post__date {
  color: var(--color-1);
}

.post__single .post__image {
  height: 80rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-10);
}

.single-post .followus {
  padding-top: 8rem;
}

.single-post .post__slider_section {
  padding-bottom: 5rem;
}

.single-post .followus,
.single-post .cta {
  padding-bottom: 12rem;
}

.single-post .post_extra {
  background-color: var(--color-1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 9rem 0;
}

.single-post .post_extra img {
  max-height: 90rem;
  object-fit: cover;
  object-position: center;
}

.single-post .post_extra .separator.design--2 {
  padding-top: 5rem;
}

.single-post .post_extra .separator.design--2 .icon {
  background-color: var(--color-1) !important;
}

.single-post .post_extra .separator.design--2 .icon .bg {
  fill: var(--color-1) !important;
}

.post__content img {
  object-fit: cover;
  object-position: center;
}

.post__content h2,
.post__content h3 {
  text-transform: none;
}

@media screen and (max-width: 640px) {
  .single-developments .post.pt--8 {
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .single-post .breadcrumbs {
    margin-bottom: 6rem;
  }

  .post__header .header__title {
    margin-top: 2rem;
  }

  .post__single .post__date {
    margin-top: 6rem;
  }
}


.guide_toggle__sub {
  padding-bottom: 2rem;
}

.guide_toggle__sub a {
  color: #adadad!important;
  padding-left: 1rem;
}

/* Call to action */

.cta .col--1,
.cta .col--2 {
  position: relative;
}

.cta .newsletter .wpcf7-spinner {
  display: none;
}

.cta .newsletter .input input,
.cta .newsletter .submit input {
  outline: 0;
  border-radius: 0;
  min-height: 6rem;
}

.cta .newsletter .input input {
  padding: 1rem;
  border: 2px solid var(--color-2);
  width: 100%;
}

.cta .newsletter .submit input {
  padding: 1rem 3rem;
  border: 0;
  cursor: pointer;
  background-color: var(--color-2);
  height: 100%;
  color: var(--color-white);
  transition: background-color var(--animation-duration) ease;
}

.cta .newsletter .submit input:hover {
  background-color: var(--color-1);
}

.cta .cta__icons a {
  text-decoration: none;
  color: var(--color-black);
  transition: color var(--animation-duration) ease;
}

.cta .cta__icons a:hover {
  color: var(--color-2);
}

.cta .newsletter input[type="submit"] {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .cta__wrapper .col--2 {
    margin-top: 6rem;
  }

  .cta .newsletter .input {
    width: 100%;
  }
}

/* Development single */

.single-developments .breadcrumbs {
  padding-top: 5rem;
}

@media screen and (max-width: 480px) {

  .development__header .header__title,
  .property__single.flex {
    flex-direction: column;
  }

  .property__single.flex {
    align-items: unset;
  }

  .property__single .header__title h2 {
    justify-content: flex-start;
  }

  .property__single .price {
    margin-top: 4rem;
  }

  .development__header .header__title a {
    margin-top: 5rem;
    align-self: flex-start;
  }
}

/* Breadcrumbs */

.breadcrumbs {
  margin-bottom: 4rem;
}

.breadcrumbs p,
.breadcrumbs a {
  font-size: 2rem;
  color: var(--color-1);
  text-decoration: none;
  font-family: var(--font-light);
}

.breadcrumbs .icon {
  display: inline-block;
  width: auto;
  width: 15px;
  height: 15px;
}

/* FLEX LAYOUT BOOKLETS SECTION PDF */
.flex-layout .home_reserve__list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-layout .home_reserve__list li.home_reserve__item {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.flex-layout .home_reserve__list li.home_reserve__item .content {
  width: 100%;
}

/* Location */

.location .text {
  display: none;
}

.location .text.active {
  display: block;
}

.location .show__text {
  cursor: pointer;
  text-decoration: underline;
}

.location .map img {
  height: 100%;
  max-height: 50rem;
  object-fit: contain;
  object-position: center;
}

.location .location__wrapper .text p {
  margin-bottom: 2rem;
}

.container--siteplan {
  position: absolute;
  top: 1.5rem;
  right: 8rem;
  z-index: 5;
}

.container--siteplan img {
  width: 100%;
  width: 450px;
  background: #fff;
  padding: 20px;
  position: absolute;
  right: 0;
  height: auto !important;
}

section.siteplan,
.siteplan__map {
  position: relative;
}

.dropbtn {
  background-color: #a3803b;
  border-radius: 5px;
  border: 1px solid #a3803b;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  transition: all var(--animation-duration);
}

.dropbtn:hover {
  background-color: transparent;
  border: 1px solid #a3803b;
  color: #a3803b;
}

#image-container {
  display: none;
}

/* Reviews */

.review {
  position: relative;
}

.review::before {
  content: "";
  background-color: var(--color-6);
  height: 80%;
  width: 90%;
  position: absolute;
}

.review__wrapper {
  overflow: hidden;
}

.review__item p {
  font-size: 3rem;
}

.review__item img {
  min-width: 40rem;
  object-fit: contain;
  object-position: center;
}

.review__nav {
  position: relative;
}

.review__nav .nav__slider {
  top: -3rem;
}

.review__nav .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 3rem;
  margin-top: 3rem;
}

.review__nav .arrow__item {
  cursor: pointer;
}

.review .logos img {
  height: auto;
}

@media screen and (max-width: 1800px) {
  .review::before {
    width: 100%;
  }
}

@media screen and (max-width: 1400px) {
  .header__menu .sub-menu.active {
    min-width: 70rem;
  }
}

@media screen and (max-width: 768px) {
  .review::before {
    width: 100%;
  }

  .review__nav {
    margin-top: 12rem;
  }

  .review .nav__slider::before {
    bottom: -1px;
  }

  .review__item img {
    width: 32rem;
  }
}

@media screen and (max-width: 640px) {
  .review__item img {
    width: 26rem;
  }

  .review__item .col-gap--10 {
    column-gap: 3rem;
  }
}

@media screen and (max-width: 480px) {
  .review__item .flex {
    flex-direction: column;
  }

  .review__item .image {
    align-self: flex-start;
  }

  .review__nav .nav__item .lines {
    margin-bottom: -1px;
  }

  .review::before {
    height: 90%;
  }

  .container--siteplan {
    position: relative;
    top: 21px;
    right: auto;
    z-index: 5;
    display: block;
    margin: auto;
  }

  .dropbtn {
    background-color: #a3803b;
    border-radius: 5px;
    border: 1px solid #a3803b;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    transition: all var(--animation-duration);
    display: block;
    margin: auto;
  }

  .container--siteplan img {
    width: 80%;
    background: #fff;
    padding: 20px;
    position: absolute;
  }
}

/* Follow us */

.followus .social_post__item {
  overflow: hidden;
}

.followus .social_post__item img {
  min-height: 50rem;
  max-height: 50rem;
  object-fit: cover;
  object-position: center;
  transition: transform var(--animation-duration) ease;
}

.followus__icon svg path {
  transition: all var(--animation-duration) ease;
}

.followus__icon svg:hover path {
  fill: var(--color-2);
}

@media screen and (max-width: 768px) {
  .followus__img .grid.grid--3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {
  .single-developments .followus.pb--10 {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .followus .grid.grid--3 {
    grid-template-columns: 1fr;
  }
}

/* Floor plan */

.floorplan .icon {
  cursor: pointer;
  transition: transform var(--animation-duration) ease;
}

.floorplan .icon.active {
  transform: rotate(90deg);
}

.floorplan__layouts {
  border: 2px solid var(--color-2);
}

.floorplan__item {
  padding: 4rem;
  height: 100%;
}

.floorplan__layouts .floorplan__item:nth-child(odd) {
  border-right: 2px solid var(--color-2);
}

.floorplan__item img {
  height: auto;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.floorplan .icon:hover svg path {
  fill: var(--color-2);
}

@media screen and (max-width: 1100px) {
  .floorplan .details__item {
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  .floorplan .details__item p:last-child {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .floorplan__layouts .floorplan__item:nth-child(odd) {
    border-right: none;
    border-bottom: 2px solid var(--color-2);
  }
}

@media screen and (max-width: 480px) {
  .floorplan__item .details {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Pagination */

.pagination .page-numbers {
  text-decoration: none;
  font-size: 1.8rem;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-1);
}

.pagination .page-numbers:hover {
  color: var(--color-2);
}

.pagination .current {
  font-size: 2rem;
  border: 2px solid var(--color-1);
}

.pagination .current:hover {
  color: var(--color-1);
}

/* Site plan */

.siteplan__map {
  max-height: 80rem;
  overflow: hidden;
  position: relative;
}

/* Simple content */

.simple_content p {
  color: var(--color-white);
}

.simple_content.design--2 {
  background-color: var(--color-1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}

.simple_content p:not(:last-child) {
  margin-bottom: 2rem;
}

.simple_content.design--2 img {
  height: 100%;
  max-height: 80rem;
}

/* Enquiry call */

.enquiry_call {
  background-color: var(--color-1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 9rem 0;
  padding-top: 10rem;
}

.enquiry_call__content .details {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.enquiry_call__content .details li:not(:last-child) {
  margin-bottom: 1rem;
}

.enquiry_call__content a {
  text-decoration: none;
}

.enquiry_info {
  background-color: var(--color-1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  background-color: var(--color-1);
  overflow: hidden;
}

.enquiry_info__box {
  padding: 6rem;
  border: 2px solid var(--color-white);
  padding-top: 7rem;
}

.enquiry_info .opening__times {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.enquiry_info .email a {
  text-decoration: none;
}

/* .enquiry_info .swiper-scrollbar-drag {
  background: var(--color-white);
} */

.enquiry_info .arrow__item svg path {
  fill: var(--color-white);
}

.enquiry_info .arrow__item svg circle {
  stroke: var(--color-white);
}

/* Contact Form */
.select2-container--default .select2-results>.select2-results__options {
  max-height: initial !important;
  overflow-y: auto;
}

.contact_form {
  display: flex;
  flex-wrap: wrap;
}

.contact_form .note .title {
  background-color: var(--color-1);
  color: var(--color-white);
  padding: 2rem;
  transition: background-color var(--animation-duration) ease;
}

.contact_form .note p {
  text-transform: capitalize;
  font-weight: normal;
}

.contact_form .note textarea {
  border-color: var(--color-1);
  border-left-width: 2px;
}

.contact_form__wrapper .col--2 {
  min-height: 70rem;
}

.contact_form .wpcf7-not-valid-tip {
  font-size: 1.5rem;
}

.contact_form .contact select option {
  border-left: 10px solid var(--color-2);
  padding: 2rem 1rem;
}

.contact_form .name,
.contact_form .email,
.contact_form .phone,
.contact_form .contact {
  width: 50%;
}

.contact_form .note {
  width: 100%;
}

.contact_form .name,
.contact_form .phone {
  padding-right: 1rem;
}

.contact_form .email,
.contact_form .contact {
  padding-left: 1rem;
}

.contact_form .booked-calendar-wrap {
  height: auto !important;
}

@media screen and (max-width: 768px) {

  .contact_form .name,
  .contact_form .email,
  .contact_form .phone,
  .contact_form .contact {
    width: 100%;
  }

  .contact_form .name,
  .contact_form .phone {
    padding-right: 0;
  }

  .contact_form .email,
  .contact_form .contact {
    padding-left: 0;
  }
}

/* Offers */

.offer__image img {
  min-height: 50rem;
  max-height: 50rem;
  object-fit: cover;
  object-position: center;
}

.offer__item {
  transition: transform var(--animation-duration) ease;
}

.single-offers p {
  margin-bottom: 2rem;
}

.single-offers .post__slider_section {
  padding-top: 8rem;
}

.single-offers .breadcrumbs {
  padding-top: 5rem;
}

.single-offers .followus,
.single-offers .post__slider_section,
.single-offers .cta {
  padding-bottom: 10rem;
}

.single-offers .offer__how_it_works .offer__text p:not(:first-child) {
  display: none;
}

.single-offers .offer__how_it_works .button a {
  text-decoration: none;
  color: var(--color-white);
  transition: color var(--animation-duration);
}

.single-offers .offer__how_it_works .button a:hover {
  color: var(--color-2);
}

/* Video */

.video video,
.video iframe {
  width: 100%;
}

.video__box {
  position: relative;
}

.video__box img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.video__box .play {
  width: 150px;
  height: auto;
  top: 50%;
  left: 50%;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 0 var(--color-5);
  transform: translateX(-50%) translateY(-50%);
}

/* Image left */

.imgleft {
  background-color: var(--color-1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}

.imgleft__content p:not(:last-child) {
  margin-bottom: 2rem;
}

.imgleft__content img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin-top: -10rem;
}

.team---mem .imgleft__content img {
  height: auto;
  object-fit: contain;
  object-position: center;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .imgleft__content .text {
    padding-bottom: 8rem;
  }

  .imgleft__content img {
    margin-top: unset;
    padding-bottom: 10rem;
  }
}

/* Team Member image */

.team---mem p {
  font-family: "Bilo-Light", sans-serif !important;
}

.team---mem p strong,
.team---mem p b {
  font-family: "Bilo-Regular", sans-serif !important;
  color: var(--color-2);
}

.team---mem .team-image img {
  max-width: 80%;
  display: block;
  margin: 0 auto;
}

a.meet--tm {
  color: #fff;
  transition: all var(--animation-duration);
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  border-bottom: 2px solid #a37f3b;
}

a.meet--tm:hover {
  color: #a37f3b;
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
}

.team {
  background-color: var(--color-1);
  background-image: url("../../linuxinternet-homebyesh/img/section-bg-1.png");
  background-size: 35% auto;
  background-repeat: no-repeat;
  background-position: top right;
}

@media screen and (max-width: 768px) {
  .team---mem .team-image img {
    max-width: 100%;
  }

  .team---mem .imgleft__header {
    flex-wrap: wrap;
  }

  .team---mem .imgleft__header .title {
    width: 100%;
    margin-bottom: 3rem;
  }
}

/* Deals */

.deals__subtitle p {
  text-transform: uppercase;
  color: var(--color-2);
  font-weight: bold;
}

.deals__content .col {
  position: relative;
}

.deals__content.grid--3 .col--1 {
  grid-row: 1 / span 2;
  grid-column: 1;
}

.deals__content.grid--3 {
  grid-template-columns: repeat(2, 1fr);
}

.deals__content.grid--3 div:not(.col--1) img {
  max-height: 40rem;
}

.deals__content.grid--1 img,
.deals__content.grid--2 img {
  max-height: 70rem;
}

.deals__content img {
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
  object-position: center;
}

.deals__info {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  background: var(--color-5);
  color: var(--color-white);
  padding: 3rem;
}

.deals__info .btn--bordered {
  color: var(--color-white);
}

.deals__content.grid--2 .deals__info,
.deals__content.grid--3 .deals__info {
  width: 90%;
}

.deals__info .info__text,
.deals__info .btn {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.deals__info:hover .info__text {
  display: block;
}

.deals__info:hover .btn {
  display: inline-block;
}

.deals__info:hover .info__text,
.deals__info:hover .btn {
  position: relative;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  animation-name: fadeIn;
  animation-duration: var(--animation-duration);
}

@media screen and (max-width: 900px) {
  .deals__info {
    width: 90% !important;
  }

  .deals__content.grid--3 {
    grid-template-columns: 1fr;
  }

  .deals__content img {
    min-height: 70rem;
    max-height: 70rem;
  }
}

@media screen and (max-width: 480px) {
  .deals__info {
    width: 100% !important;
  }
}

/* List */

.list .items__wrapper li {
  padding-right: 3rem;
}

@media screen and (max-width: 639px) {
  .list .items__wrapper li {
    width: 100%;
  }
}

/* Legal */

.legal .text h3 {
  margin-bottom: 3rem;
}

.legal .text ul {
  padding-left: 20px;
  margin-bottom: 2rem;
}

.legal .text uL li::marker {
  font-size: 2rem;
}

.legal .text p:not(:last-child) {
  margin-bottom: 2rem;
}

.legal__table {
  border-collapse: collapse;
  width: 100%;
}

.legal__table td {
  border: 2px solid var(--color-2);
  padding: 1rem;
  font-weight: bold;
}

/* Select2 */

.select2 {
  width: 100% !important;
  margin-bottom: 1rem;
  outline: 0;
  padding: 1.5rem;
  border: 2px solid var(--color-2);
  border-left-width: 10px;
}

.select2-selection--single {
  border: 0 !important;
}

.select2-dropdown {
  border: 2px solid var(--color-2);
  border-top: 0;
  border-left-width: 10px;
  background: #ece0cb;
}

.select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: var(--color-10) !important;
}

.select2-results__option {
  padding: 1rem 1.5rem;
}

.select2-results__option[aria-selected="true"] {
  background-color: var(--color-9) !important;
}

.select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-2) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  margin-left: -1.5rem;
  left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: "☰";
  color: var(--color-2);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
  content: "⨉";
  color: var(--color-4);
}

section.hero__title.hero--sec {
  padding: 17% 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

section.hero__title.hero--sec .header__title {
  backdrop-filter: blur(4px);
  background-color: #ffffff6b;
  padding: 1.5em 1em 1em;
  display: inline-block;
}

h4.hero--sub {
  color: #0b3327;
  margin-top: 40px;
}

.hur--3grid a.btn.btn--filled.info__btn {
  display: block;
  width: 150px;
  text-align: center;
}

/* Hero title */
@media screen and (max-width: 1400px) {
  section.hero__title.hero--sec {
    padding: 29% 0px;
  }
}

@media screen and (max-width: 500px) {
  .hero__title .header__title {
    flex-wrap: wrap;
  }

  section.hero__title.hero--sec {
    padding: 39% 0px;
  }

  .hero__title .header__title a {
    margin-top: 3rem;
  }
}

/* Accordion */

.accordion__list {
  list-style: none;
  padding-left: 0;
}

.accordion__list p,
.hybrid_content__wrapper p {
  margin-bottom: 1em;
}

.accordion__list p a {
  color: var(--color-2);
}

.accordion__item {
  cursor: pointer;
}

.accordion__item h3 {
  font-family: var(--font-bold);
}

.accordion__header {
  margin-bottom: 2rem;
  border-bottom: 2px solid var(--color-2);
  padding-bottom: 2rem;
  padding-top: 3rem;
}

.accordion__item .content {
  margin-bottom: 2rem;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  animation-name: fadeOut;
  animation-duration: var(--animation-duration);
}

.accordion__item.active .content {
  visibility: visible;
  opacity: 1;
  position: relative;
  animation-name: fadeOut;
  animation-duration: var(--animation-duration);
}

.accordion__item .icon .open {
  display: none;
}

.accordion__item.active .icon .open {
  display: block;
}

.accordion__item.active .icon .close {
  display: none;
}

/* Hybrid content */

.hybrid_content img {
  height: 100%;
  vertical-align: bottom;
}

.with-readmore p:not(:first-child) {
  display: none;
}

/* Toggle content */

.toggle_content .text {
  display: none;
}

/* Home reserve */

.home_reserve__item {
  text-align: center;
  border: 2px solid var(--color-2);
  color: var(--color-white);
  border-radius: 20px;
}

.home_reserve__item .title {
  padding: 2rem;
  background: var(--color-2);
}

.home_reserve__item .content {
  padding: 3rem;
}

.home_reserve__item img {
  max-width: 40rem;
  background-color: var(--color-7);
  min-height: 24rem;
}

.home_reserve__item h3 {
  font-family: var(--font-bold);
  font-size: 18px;
}

.home_reserve__item .col--2 a {
  margin-bottom: 1rem;
  display: block;
}

/* Side popup */

.side_popup__trigger,
.side_popup__box {
  position: fixed;
  right: 0;
  top: 50%;
  color: var(--color-white);
}

.side_popup__trigger {
  transform: rotate(180deg) translateY(50%);
  background: var(--color-2);
  padding: 3rem 2rem;
  writing-mode: vertical-rl;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  cursor: pointer;
  z-index: 99999;
  transition: color var(--animation-duration);
}

.side_popup__box {
  display: none;
  transform: translateY(-50%);
  max-width: 52rem;
  padding: 4rem;
  background: #002a47eb;
  border: 2px solid var(--color-2);
  z-index: 99999;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right-width: 0;
}

.side_popup__btn {
  border: 2px solid var(--color-2);
  padding: 1rem 2rem;
  text-decoration: none;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1rem;
  border-radius: 10px;
  transition: background-color var(--animation-duration);
  font-size: 1.6rem;
  min-height: 5.4rem;
}

.side_popup__btn.w-80,
.side_popup__drop.w-80 {
  width: 80%;
}

.side_popup__btn.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--color-2);
}

.side_popup__btn:hover {
  background-color: var(--color-2);
}

.side_popup__drop .side_popup__drop_item a span:hover {
  color: var(--color-2);
}

.border_bottom {
  position: relative;
}

.border_bottom::before {
  content: "";
  height: 2px;
  background-color: var(--color-2);
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 25rem;
}

.side_popup__drop {
  position: relative;
}

.side_popup__drop .open.active,
.side_popup__drop .close.active {
  display: inline;
}

.side_popup__drop .close,
.side_popup__drop .open {
  display: none;
}

.side_popup__drop_item a {
  text-decoration: none;
  color: var(--color-white);
  display: block;
  font-size: 1.6rem;
}

.side_popup__drop_item {
  display: none;
  border: 2px solid var(--color-2);
  position: absolute;
  background: var(--color-1);
  border-top-width: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 2rem;
}

.side_popup__drop_item a:last-child {
  margin-bottom: 0 !important;
}

/* Access Guide Page*/

.guide--item {
  text-align: center;
  padding: 25px;
  margin: 6px;
  border: 2px solid #a37f3b;
  border-radius: 10px;
  transition: all var(--animation-duration);
}

.guide--item img {
  width: 55px;
  display: block;
  margin: 0 auto 20px;
}

.guide--item {
  text-decoration: none;
  color: #000;
}

.guide--item:hover {
  background: #fff9ed;
  border: 2px solid #002a47;
}

.guide--item img {
  height: auto;
}

/* Form */

.wpcf7 .wpcf7-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  column-gap: 1rem;
}

.wpcf7 .wpcf7-checkbox input {
  width: auto;
  margin: 0;
}

.wpcf7 .checkbox p {
  color: var(--color-black);
}

.wpcf7 .form-description {
  color: var(--color-2);
  margin-bottom: 3rem !important;
}

.wpcf7 .wpcf7-submit,
input[type="submit"] {
  background: var(--color-white);
  border-width: 2px;
  border-radius: 10px;
  margin-top: 2rem;
  cursor: pointer;
  color: var(--color-2);
  text-transform: uppercase;
  transition: background-color var(--animation-duration);
}

.wpcf7 .wpcf7-submit:hover,
input[type="submit"]:hover {
  background-color: var(--color-2);
  color: var(--color-white);
}

.wpcf7 .wpcf7-spinner {
  display: none;
}

.wpcf7 .wpcf7-response-output {
  margin: 0;
  margin-top: 2rem;
  padding: 1rem 1em;
}

/* Instagram */

#sbi_18017689204686747 a {
  background-position: bottom !important;
}

/* Swiper */

.arrow__item:hover svg path {
  fill: #fff;
}

.arrow__item:hover svg circle {
  fill: var(--color-2);
  stroke: var(--color-2);
}

.swiper-scrollbar {
  height: 2px !important;
  background: var(--color-1);
  border-radius: 0 !important;
  left: 0 !important;
  width: 100% !important;
}

.swiper-scrollbar-drag {
  background: var(--color-2);
  border-radius: 0 !important;
  height: 6px;
  top: -2px;
}

.enquiry_info .swiper-scrollbar {
  background: var(--color-white);
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: transparent;
}

.swiper-pagination-bullet {
  content: url("../../linuxinternet-homebyesh/img/bluedot-disabled.svg");
}

.swiper-pagination-bullet-active {
  content: url("../../linuxinternet-homebyesh/img/bluedot-active.svg");
}

.imgslider__slider .swiper-pagination-bullet {
  content: url("../../linuxinternet-homebyesh/img/navdot-disabled.svg");
}

.imgslider__slider .swiper-pagination-bullet-active {
  content: url("../../linuxinternet-homebyesh/img/navdot-active.svg");
}

.imgslider__slider .swiper-pagination {
  bottom: 3rem;
}

.post__slider .swiper-pagination {
  bottom: -7rem;
}

/* Lazyload */

img.lazyload:not([src]) {
  visibility: hidden;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity var(--animation-duration);
}

/* Buttons */

.btn {
  display: inline-block;
  text-decoration: none;
  border-radius: 2rem;
  padding: 0.8rem 4rem;
  background-color: var(--color-white);
  color: var(--color-1);
  text-transform: uppercase;
}

.btn--primary {
  border: 5px solid var(--color-1);
  transition: background-color var(--animation-duration) ease;
}

.btn--primary:hover,
.btn--secondary:hover,
.btn--bordered:hover {
  background-color: var(--color-2);
  color: var(--color-white);
  border-color: var(--color-2);
}

.btn--secondary,
.btn--bordered,
.btn--outline {
  border-radius: var(--border-radius);
  color: var(--color-white);
  border: 2px solid var(--color-white);
  background-color: transparent;
  text-transform: none;
  transition: background-color var(--animation-duration) ease;
}

.btn--bordered {
  border-color: var(--color-2);
  color: var(--color-2);
}

.btn--outline {
  border-color: var(--color-1);
  color: var(--color-1);
  font-weight: bold;
  text-transform: uppercase;
}

.btn--outline:hover {
  border-color: var(--color-2);
  color: var(--color-white);
  background-color: var(--color-2);
}

.btn--filled {
  color: var(--color-white);
  border-radius: var(--border-radius);
  background-color: var(--color-2);
  border: 2px solid var(--color-2);
  text-transform: capitalize;
  transition: background-color var(--animation-duration) ease;
}

.btn--filled:hover {
  background-color: transparent;
  border: 2px solid var(--color-white);
}

/* Overrides */

.header-title-color--1 h2 {
  color: var(--color-1) !important;
}

.header-title-color--2 h2 {
  color: var(--color-2) !important;
}

.header-title-color--white h2 {
  color: var(--color-white) !important;
}

.position--relative {
  position: relative;
}

.with-readmore .show__text {
  cursor: pointer;
}

.width--50 {
  width: 50%;
}

.width--100 {
  width: 100%;
}

.block {
  display: block;
}

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

.ul-style--simple {
  padding-left: 3rem;
}

.text-decoration--none {
  text-decoration: none;
}

.fit-image {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fit-image--contain {
  object-fit: contain;
  height: auto;
}

.fit-image--cover {
  object-fit: cover;
  height: auto;
}

.font--light {
  font-family: "Bilo-Light", sans-serif;
}

.font--bold {
  font-family: "Bilo-Bold", sans-serif;
}

.font--black {
  font-family: "Bilo-Bold", sans-serif;
  font-weight: bolder;
}

.font--small {
  font-size: 1.8rem;
}

.font--uppercase {
  text-transform: uppercase;
}

.font-transform--none {
  text-transform: none;
}

.font-color--1 {
  color: var(--color-1);
}

.font-color--2 {
  color: var(--color-2);
}

.font-color--white {
  color: var(--color-white);
}

.font-color--black {
  color: var(--color-black);
}

.background-color--1 {
  background-color: var(--color-1);
}

.background-color--2 {
  background-color: var(--color-2);
}

.background-color--3 {
  background-color: var(--color-3);
}

.background-color--4 {
  background-color: var(--color-4);
}

.background-color--4 {
  background-color: var(--color-4);
}

.background-color--6 {
  background-color: var(--color-6);
}

.background-color--white {
  background-color: #fff;
}

.background--none {
  background-image: unset !important;
  background-color: #fff !important;
}

/* Animations */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    opacity: 0;
  }
}

.gold--banner {
  background: var(--color-2);
  cursor: pointer;
}

.gold--banner .gb-inner {
  text-align: center;
  padding: 0.5rem 0 1rem;
}

.gold--banner .gb-inner a {
  color: var(--color-white);
  font-size: 16px;
  text-decoration: none;
}

.gold--banner#goldBanner.active {
  display: none;
}

.gold--banner#goldBanner.active,
.gold--banner#goldBanner {
  transition: 0.4s all linear;
  -ms-transition: 0.4s all linear;
  -webkit-transition: 0.4s all linear;
  -o-transition: 0.4s all linear;
  -moz-transition: 0.4s all linear;
}

@media screen and (max-width: 767px) {
  .gold--banner .gb-inner a {
    font-size: 10px;
  }
}

.banner-desktop {
  display: block;
}

.banner-mobile {
  display: none;
}

.banner--img img {
  height: auto;
}

/* Switch at 768px */
@media (max-width: 768px) {
  .banner-desktop {
    display: none;
  }

  .banner-mobile {
    display: block;
  }
}

.home_reserve__item .col--2 .btn-dropdown {
  position: relative;
  display: block;
}

.home_reserve__item .col--2 .btn-dropdown__main {
  position: relative;
  padding-right: 3rem;
  margin-bottom: 0;
  /* remove since menu no longer pushes flow, avoid double spacing */
}

.btn-dropdown__arrow {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid currentColor;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

.btn-dropdown.is-open .btn-dropdown__arrow {
  transform: translateY(-50%) rotate(180deg);
}

.home_reserve__item .col--2 .btn-dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-2);
  border-top: none;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  margin-top: -1px;
}

.home_reserve__item .col--2 .btn-dropdown.is-open .btn-dropdown__menu {
  display: block;
}

.home_reserve__item .col--2 .btn-dropdown__menu a {
  margin-bottom: 0;
  border-radius: 0;
  color: #fff;
}

.home_reserve__item .col--2 .btn-dropdown__menu a:hover {
  opacity: 50%;
}

.home_reserve__item .title {
  padding: 2rem;
  background: var(--color-2);
  border-radius: 18px 18px 0 0;
  /* round top corners to match card */
}

.home_reserve__item .title {
  padding: 2rem;
  background: var(--color-2);
  min-height: 10rem;
  /* tall enough for your longest title (3 lines) — adjust to taste */
  display: flex;
  align-items: center;
  justify-content: center;
}

.home_reserve__item .title h3 {
  margin: 0;
  /* remove default h3 spacing so centering looks right */
}

.home_reserve__item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /* forces every <li> in a row to match the tallest one */
  gap: 2rem;
}

.home_reserve__item {
  flex: 1 1 300px;
  /* match your actual card width/basis */
}















/* Your First Home CSS */


.esh-form {
  --esh-gold: #a88540;
  --esh-navy: #032b4a;
}


.esh-form .esh-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.esh-form .esh-field .wpcf7-form-control-wrap {
  display: block;
}


.esh-form input[type="text"],
.esh-form input[type="email"],
.esh-form input[type="tel"],
.esh-form select {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
  border: 1px solid var(--esh-gold);
  border-left: 8px solid var(--esh-gold);
  border-radius: 0;
  font-size: 18px;
  color: #444;
  box-shadow: none;
}
.esh-form input::placeholder {
  color: #777;
  opacity: 1;
}
.esh-form input:focus {
  outline: none;
  border-color: var(--esh-navy);
  border-left-color: var(--esh-navy);
}


.esh-form .esh-dd { position: relative; }

.esh-form .esh-dd__native {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 54px;
  opacity: 0;
  pointer-events: none;
}

.esh-form .esh-dd__toggle {
  display: block;
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  padding: 0 55px 0 20px;
  text-align: left;
  background-color: #fff;
  border: 1px solid var(--esh-gold);
  border-left: 8px solid var(--esh-gold);
  border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  color: #777;
  cursor: pointer;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16'%3E%3Cpath d='M0 2h20M0 8h20M0 14h20' stroke='%23a88540' stroke-width='2.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.esh-form .esh-dd__toggle.has-value { color: #444; }
.esh-form .esh-dd__toggle:focus {
  outline: none;
  border-color: var(--esh-navy);
  border-left-color: var(--esh-navy);
}
.esh-form .esh-dd.is-open .esh-dd__toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23a88540' stroke-width='2'/%3E%3C/svg%3E");
}

.esh-form .esh-dd__list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  z-index: 50;
  margin: 0;
  padding: 0;
  list-style: none;
}
.esh-form .esh-dd.is-open .esh-dd__list { display: block; }

.esh-form .esh-dd__head {
  margin: 0;
  background: var(--esh-gold);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px;
  cursor: pointer;
}
.esh-form .esh-dd__opt {
  margin: 0;
  background: #ebdfc9;
  color: #000;
  font-size: 20px;
  padding: 10px 20px;
  cursor: pointer;
}
.esh-form .esh-dd__opt:hover,
.esh-form .esh-dd__opt:focus {
  background: #e0d0b0;
  outline: none;
}


.esh-form .esh-consent {
  margin: 14px 0 18px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
}
.esh-form .esh-consent a {
  color: var(--esh-gold);
  text-decoration: underline;
}
.esh-form .esh-consent .wpcf7-list-item { margin: 0; }
.esh-form .esh-consent input[type="checkbox"] {
  margin-right: 10px;
  accent-color: #1a73e8;
}


.esh-form input[type="submit"] {
  background: transparent;
  color: var(--esh-gold);
  border: 1px solid var(--esh-gold);
  border-radius: 8px;
  padding: 14px 28px;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
}
.esh-form input[type="submit"]:hover {
  background: var(--esh-gold);
  color: #fff;
}


@media (max-width: 767px) {
  .esh-form .esh-row { grid-template-columns: 1fr; }
}

.esh-form .esh-consent .wpcf7-acceptance,
.esh-form .esh-consent .wpcf7-list-item {
  display: block;
  margin: 0;
}
.esh-form .esh-consent label {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  text-align: left;
}
.esh-form .esh-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
}
.esh-form .esh-consent .wpcf7-list-item-label {
  display: block;
}


.esh-form input[type="submit"] {
  width: auto !important;
  display: inline-block;
}

.yfh-hero {
  --yfh-navy: #032b4a;
  --yfh-gold: #a88540;
  background: var(--yfh-navy);
  color: #fff;
  padding: clamp(50px, 8vw, 110px) 24px;
}

.yfh-hero__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  align-items: center;
  gap: clamp(30px, 6vw, 90px);
}


.yfh-hero__logo { order: 2; }
.yfh-hero__content { order: 1; }

.yfh-hero__logo {
  background: #fff;
  border: 1px solid var(--yfh-gold);
  border-radius: 12px;
  padding: clamp(20px, 4vw, 44px);
  text-align: center;
}
.yfh-hero__logo img {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  margin: 0 auto;
}

.yfh-hero__title {
  display: inline-block;
  margin: 0 0 28px;
  padding: 14px 0;
  color: #fff;
  font-size: clamp(30px, 4.5vw, 56px);
  line-height: 1.1;
  font-weight: 800;
  text-transform: uppercase;
  border-top: 1px solid var(--yfh-gold);
  border-bottom: 1px solid var(--yfh-gold);
}

.yfh-hero__text {
  max-width: 620px;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
}
.yfh-hero__text p { margin: 0 0 1em; }

.yfh-hero__btn {
  display: inline-block;
  margin-top: 16px;
  padding: 14px 28px;
  border: 1px solid var(--yfh-gold);
  border-radius: 8px;
  color: var(--yfh-gold);
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s;
}
.yfh-hero__btn:hover {
  background: var(--yfh-gold);
  color: #fff;
}


@media (max-width: 900px) {
  .yfh-hero__inner { grid-template-columns: 1fr; }
  .yfh-hero__logo {
    order: 1;
    max-width: 260px;
    margin: 0 auto;
  }
  .yfh-hero__content { order: 2; text-align: center; }
  .yfh-hero__text { margin: 0 auto; }
}