/* barlow-latin-100-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(../font/barlow/barlow-latin-100-normal.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-200-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(../font/barlow/barlow-latin-200-normal.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-300-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../font/barlow/barlow-latin-300-normal.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-400-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../font/barlow/barlow-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-500-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../font/barlow/barlow-latin-500-normal.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-600-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../font/barlow/barlow-latin-600-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-700-normal */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../font/barlow/barlow-latin-700-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-gray: #707780;
  --color-green: #507716;
  --color-text: #484d42;
  --color-gray-border: #ede8e9;
  --color-gray-label: #c3c8bd;
}
.is-gray-text{
  color: var(--color-gray);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.no-scroll {
  overflow: hidden;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li {
  color: #484d42;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0px;
}
p {
  font: normal normal normal 14px/24px Barlow;
}

/*72px*/
h1, .heading-h1-style {
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 3.625rem;
  font-family: "Barlow", sans-serif;
  letter-spacing: -1.44px;
  color: #ffffff;
}
/*34px*/
h2, .heading-h2-style {
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 3.625rem;
  font-family: "Barlow", sans-serif;
  letter-spacing: -0.68px;
  color: #484d42;
}
/*24px*/
h3, .heading-h3-style {
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-family: "Barlow", sans-serif;
  color: #484d42;
}
/*18px*/
h4, .heading-h4-style {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.688rem;
  font-family: "Barlow", sans-serif;
  color: #484d42;
}
h5, .heading-h5-style {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.313rem;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0.6px;
  color: #484d42;
}

/*16px*/
.font-size-default{
  font-size: 1rem;
  font-family: "Barlow", sans-serif;
  color: #484d42;
}
/*14px*/
.font-size-small{
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: "Barlow", sans-serif;
  color: #484d42;
}
/*12px*/
.font-size-tiny{
  font-size: 0.75rem;
  line-height: 1.313rem;
  font-family: "Barlow", sans-serif;
  color: #484d42;
}

.is-white-text{
  color: white;
}
.text-light {
  font: normal normal normal 14px/19px Barlow;
  color: #6f7a62;
}
.text-dark {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
}
a {
  font: normal normal normal 16px/33px Barlow;
  text-decoration: none;
}
.about-headings {
  font-size: 3.125rem;
  line-height: 4.25rem;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
  letter-spacing: -1px;
  color: #ffffff;
}
.bold{
  font-weight: bold;
}
.not-bold{
  font-weight: normal;
}
.underline {
  text-decoration: underline;
}
.capital {
  text-transform: uppercase;
  font-weight: bold;
}
#newsLetterFormFooter p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Barlow", sans-serif;
}
#newsLetterFormFooter button{
  font-weight: bold;
  font-size: 1rem;
  font-family: "Barlow", sans-serif;
  line-height: 1.5rem;
  padding-top: 18px;
  padding-bottom: 18px;
}
.footer-bottom-left input::placeholder{
  font: normal normal normal 16px/21px Barlow;
}
.footer-bottom-secure{
  display: flex;
  flex-direction: column;
  align-items: flex-end
}
.main-button {
  background-color: #507716;
  border-radius: 50px;
  padding: 20px 68px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: white;
}
button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
input:focus {
  outline: none;
}
.max-width {
  max-width: calc(106.754rem + 130px);
  margin: 0 auto;
  padding: 0 100px;
}
.max-width-navbar {
  max-width: 1720px;
  margin: 0 auto;
}
.daterangepicker td.active {
  background-color: var(--color-green) !important;
  border-radius: 100% !important;
}
.terms-and-conditions{
  margin-bottom: 80px ;
}
.terms-and-conditions-page .home-navbar .search-for-property input,.terms-and-conditions-page .home-navbar  .home-navbar ul li{
  color: #484d42 !important;
}
.terms-and-conditions-page .home-navbar .search-for-property input::placeholder{
  color: #484d42 !important;
}
.terms-and-conditions-page .home-navbar .hamburger svg, .terms-and-conditions-page .home-navbar .search-for-property svg{
fill: #484d42 !important;
}
.terms-and-conditions-page .home-navbar .search-for-property{
  border-bottom: 1px solid #484d42;
}
.terms-and-conditions h1{
  margin-bottom: 20px ;
  font-size: 28px;
  text-decoration: underline;
  text-align: center;
}
.terms-and-conditions h2{
  font-size: 1.5rem;
}
.terms-and-conditions p{
  font-size: 16px;
  margin-top: 2em;
  margin-bottom: 2em;
}
.terms-and-conditions ul li{
  list-style: none;
}
.terms-and-conditions ul {
  margin-bottom: 2em;
}
.daterangepicker thead {
  font-family: "Barlow", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  color: #484d42 !important;
}

.daterangepicker tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: var(--color-green) !important;
  border-radius: 100% !important;
  border-color: transparent !important;
  color: white !important;
}

.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .prev:hover {
  background-color: var(--color-gray-border) !important;
}

.daterangepicker td.start-date.end-date {
  border-radius: 100% !important;
}

.daterangepicker {
  width: 404px !important;
  min-height: 300px !important;
  padding: 15px !important;
  margin-top: 0 !important;
  border-radius: 8px !important;
  border-width: 0 !important;
  box-shadow: 0 0 10pt 0 rgba(153, 155, 168, 0.75) !important;
  @media (max-width: 60em) {
    width: 100% !important;
  }
}

.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}

.daterangepicker .drp-calendar {
  min-width: 100% !important;
}

.daterangepicker tbody {
  font: normal normal normal 14px/21px Barlow !important;
  letter-spacing: -0.1px !important;
  color: #484d42 !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  height: 32px !important;
  width: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
  border-radius: 100% !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  padding: 4px !important;
}
.daterangepicker-loader {
  display: none !important; /* Initially hidden */
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(255, 255, 255, 0.8) !important;
  z-index: 1000 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.daterangepicker td.dontshow {
  visibility: hidden !important;
}
.overlay-newsletter, .overlay-newsletter-success {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(72, 77, 66, 0.9);
  z-index: 300;
  display: none;
  align-items: center;
}

.overlay-newsletter-header{
  font-size: 4.5rem;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
  line-height: 3rem;
  color: #ffffff;
}

.overlay-newsletter button, .overlay-success-newsletter button{
  width: 486px !important;
  max-width: 90%;
}

.currency-overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(72, 77, 66, 0.9);
  z-index: 901;
  display: none;
  align-items: center;
}
.set-currency{
  margin-left: 40px;
  margin-right: 24px;
  text-decoration: underline;
  cursor: pointer;
  font: normal normal normal 16px / 21px Barlow;
  letter-spacing: 0px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  padding: 6px 17px;
  border-radius: 100px;
}
.currency-list{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  max-width: 1282px;
  max-height: 800px;
  background-color: white;
  z-index: 9999;
  padding: 25px 30px;
  border-radius: 10px;
  overflow: auto;
}



.close-currency{
  position: absolute;
  top:15px ;
  right: 15px;
  cursor: pointer;
}

.currency-list h3{
  letter-spacing: -0.68px;
  margin-bottom: 37px;
}


.currency-list-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-flow:row;
  background-color: white;
  z-index: 100;
  column-gap: 93px;
  row-gap: 30px;
  position: relative;
}
.currency-list-grid::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust the thickness of the border */
  background-color: #C3C8BD; /* Adjust the color of the border */
}
.currency-list-grid-item:nth-child(-n+4) { /* Target the first row items */
  margin-bottom: 30px; /* Adjust padding or margin as needed */
}

.currency-list-grid .selected-currency{
  padding: 5px 10px;
  background: #F0F2EF 0% 0% no-repeat padding-box;
  border: 2px solid #C3C8BD;
  border-radius: 10px;
}

.currency-list-grid-item{
 cursor: pointer;
}
.currency-list-grid-item h4{
  text-transform: uppercase;
}

.newsletter, .newsletter-success {
  background-color: white;
  border-radius: 15px;
  height: 587px;
  max-width: 706px;
  margin: 0 auto;
  overflow: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 301;
}

.newsletter-top, .newsletter-success-top {
  background-color: #507716;
  height: 50%;
  padding-top: 41px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.newsletter-top img, .newsletter-success-top img {
  max-width: 128px;
}
.newsletter-bottom, .newsletter-success-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50%;
  padding: 10px;
}
.newsletter-bottom form, .newsletter-success-bottom form {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newsletter-bottom form input, .newsletter-success-bottom form input {
  margin-right: 0;
  margin-bottom: 20px;
  max-width: 90%;
}

.newsletter-top .overlay-newsletter-header, .newsletter-success-top .overlay-newsletter-header {
  text-align: center;
  max-width: 638px;
  font-size: 34px;
  margin: 0 auto;
}
.newsletter form,.newsletter-success form  {
  margin: 0 auto 0 auto;
  width: 90%;
  display: flex;
  flex-direction: column;
}
.newsletter form button, .newsletter-success form button {
  align-self: center;
}
.newsletter form input, .newsletter-success form input {
  padding: 19px 20px;
  border-radius: 8px;
  border: 1px solid #484d42;
  width: 486px;
  margin-right: 0.5rem;
  margin-top: 15px;
}
.newsletter form .newsletter-form-flex, .newsletter-success form .newsletter-success-form-flex  {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.newsletter form .newsletter-form-flex-label, .newsletter-success form .newsletter-success-form-flex-label {
  display: flex;
  flex-direction: column;
  border: 1px solid #ede8e9;
  border-radius: 8px;
  padding: 10px 16px;
  width: 100%;
}

.newsletter form .newsletter-form-flex-label input {
  color: #484d42;
  border: none;
  padding-top: 10px;
}

.newsletter form .newsletter-form-flex-label input:focus, .newsletter-success form .newsletter-success-form-flex-label input:focus {
  outline: none;
}

.newsletter form .newsletter-form-flex-label label, .newsletter-success form .newsletter-success-form-flex-label label {
  color: var(--color-gray-label);
}

.newsletter form .newsletter-form-flex-label input::placeholder, .newsletter-success form .newsletter-success-form-flex-label input::placeholder {
  color: #484d42;
  font-weight: 600;
}
.absolute-discount-banner-container {
  position: absolute;
  top: 190px;
  left: -5px;
  background-color: #c84630;
  z-index: 10;
  padding: 2px 20px 5px 25px;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  display: flex;
  align-items: center;
  overflow: visible;
}
.absolute-discount-banner-container::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  border-right: 5px solid #7e2617;
  border-bottom: 10px solid transparent;
  width: 0;
  height: 0;
  z-index: 10;
}
.absolute-discount-banner {
  font: normal normal normal 16px/27px Barlow;
  letter-spacing: -0.32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 5px;
}
.absolute-discount-banner span {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
  letter-spacing: -0.48px;
  color: #ffffff !important;
  margin-bottom: 0 !important;
}
.acceptence-newsletter {
  display: flex;
  gap: 1rem;
  margin: 1rem;
  align-items: center;
}

.acceptence-newsletter label {
  color: #484d42;
}

.newsletter [type="checkbox"] {
  /* Hide the default checkbox */
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-gray);
  border-radius: 50%; /* This makes it circular */
  outline: none;
  cursor: pointer;
  position: relative;
}

.newsletter input[type="checkbox"]:checked {
  background-color: #507716; /* Checked state color */
}

.newsletter-close-icon {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: white;
  cursor: pointer;
}
.remove-h2 h2:nth-of-type(2) {
  display: none;
}
.search-for-property {
  display: flex;
  align-items: center;
  border-bottom: 1px solid white;
}
.search-for-property input {
  border: none;
  background-color: transparent;
  min-width: 12rem;
  font-weight: bold;
  letter-spacing: 0px;
  color: #ffffff;
}
.search-for-property input:focus {
  outline: none;
}
#search-for-property {
  color: #484d42;
  border-bottom: 1px solid #484d42;
}
#search-for-property input {
  color: #484d42;
}
#search-for-property svg {
  filter: invert(100);
}

.search-for-property input::placeholder {
  text-transform: uppercase;
}
#search-for-property input::placeholder {
  color: #484d42;
}
.suggestions-area {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #999ba828;
  border-radius: 8px;
  position: absolute;
  top: 6rem;
  max-height: 240px;
  z-index: 9999;
  overflow: auto;
  width: 261px;
  display: none;
}
.home-navbar-menu-links .suggestions-area{
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #999ba828;
  border-radius: 8px;
  position: absolute;
  top: auto;
  bottom: -16rem;
  height: 240px;
  z-index: 9999;
  overflow: auto;
  width: 292px;
  display: none;
  left: -1.3rem;
}
.suggestions-area::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}
.suggestions-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
}
.suggestions-area::-webkit-scrollbar-thumb {
  background: #507716;
  border-radius: 10px;
}
.suggestions-area::-webkit-scrollbar-thumb:hover {
  background: #507716;
}
.suggestions-area a {
  font: normal normal normal 16px/26px Barlow;
  letter-spacing: 0px;
  color: #484d42 !important;
  cursor: pointer;
  padding: 0 20px 20px 20px;
  text-transform: capitalize;
}
.suggestions-area a:nth-of-type(1) {
  padding: 30px 20px 20px 20px;
}
.suggestions-area a:nth-of-type(last) {
  padding: 0 20px 30px 20px;
}
.privacy-policy-head h1{
margin-bottom: 40px;
  margin-top: 60px;
}
.privacy-policy-head p{
font-size: 16px;
}
.underline-policy{
  border-bottom: 2px solid #C3C8BD;
  padding-bottom: 30px;
}
.location-card-images-mobile{
  display: none;
}
.location-card-images-desktop{
  display: block;
}
.privacy-policy-body{
  margin-top: 20px;
}
.privacy-policy-body p{
  font-size: 16px;
}
.privacy-policy-body ul{
  margin-top: 10px;
  margin-bottom: 10px;
}
.privacy-policy-body ul li{
  margin-left: 40px;
  margin-top: 5px;
}

.voucher-page-container{
  display: flex;
  align-items: flex-start;
  background-color: #507716;
  min-height: 100dvh;
  overflow-x: hidden;
}

.voucher-page-container img{
  min-height: 100vh;
  object-fit: cover;
}
.voucher-nav .home-navbar{
  padding-left:3rem;
}
.about-navbar {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 105;
}

.voucher-page h1{
  text-align: start;
  color: #ffffff;
}

.voucher-page p{
  text-align: start;
  font: normal normal normal 18px / 20px Barlow;
  color: #ffffff;
}
.voucher-form-flex{
  display: flex;
  gap: 1rem;
}
.voucher-page-head{
  text-align: start;
  font: normal normal normal 18px / 20px Barlow;
  color: #ffffff;
  border-bottom: 2px solid lightgreen;
}
.voucher-page{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
  min-width: 67%;
  padding: 10rem 3rem 0rem 3rem;
}
.voucher-page-multi-input{
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-start;
}
.voucher-page-input-container{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.voucher-page-input-container input, .voucher-page form textarea{
  padding: 0.5rem 0.3rem;
  border-radius: 4px;
  min-width: 15rem;
  border: none;
}
.voucher-page form textarea{
  min-height: 7rem;
}
.voucher-page form textarea:focus{
  outline: none;
}

.voucher-page form{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.voucher-page form label{
  text-align: start;
  font: normal normal normal 16px / 18px Barlow;
  color: #ffffff;
}
.voucher-page form input{
  border: 1px solid white;
}
#voucher-response h4{
  color: white;
  font-weight: normal;
}
.voucher-terms{
  padding: 3rem
}

.voucher-terms h2{
  margin-top: 1rem;
  font-size: 18px;
  line-height: 32px;
}

.voucher-terms p{
  margin-left: 1rem;
  position: relative;
  padding-left: 1rem;
}

.voucher-terms p::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
}
@media (max-width: 640px) {
  .voucher-terms{
    padding: 1.5rem
  }

  .voucher-terms h2{
    font-size: 1rem;
  }
  .home-navbar-menu-links .suggestions-area{
    bottom: -16rem;
    width: 292px;
    left: 0;
  }
  .results-search-size{
    width: 70%;
    justify-content: space-between;
  }

  .results-search-size #search-for-property-input{
    flex: 100;
  }
  .voucher-form-flex{
    display: flex;
    gap: 0rem;
    flex-direction: column;
  }
  .voucher-page form{
    width: 100%;
  }
  .voucher-page-input-container{
    width: 100%;
  }
  .voucher-page-input-container input, .voucher-page form textarea{
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  .footer-bottom-secure{
    align-items: center;
  }
  .absolute-discount-banner-container {
   display: none;
  }
  .absolute-discount-banner-container::after{
    display: none;
  }
}
@media (max-width: 800px) {
  .overlay-newsletter button, .overlay-newsletter-success button{
    width: 100% !important;
    max-width: 100%;
  }
  .newsletter form .newsletter-form-flex, .newsletter-success form .newsletter-success-form-flex  {
    flex-direction: column;
  }
  .newsletter, .newsletter-success  {
    height: 90%;
    width: 100%;
  }
.newsletter-success-top{
  height: 60%;
}

  .newsletter-bottom  {
    height: 40%;
  }
  .newsletter-success-bottom{
    height: 30%;
  }
  .newsletter-bottom form input, .newsletter-success-bottom form input {
    max-width: 100%;
    margin-right: 0;
  }
  .newsletter-bottom p, .newsletter-success-bottom p {
    text-align: center;
  }

  .newsletter form, .newsletter-success form {
    margin: 1rem;
  }
  .newsletter-bottom, .newsletter-success-bottom  {
    margin-top: 30px;
    justify-content: flex-start;
  }

  .acceptence-newsletter {
    margin: 0;
  }
  .search-for-property input::placeholder {
    font: normal normal normal 16px/21px Barlow;
  }
  .suggestions-area {
    top: 6rem;
    max-width: 100%;
    left: 5%;
    width: 90%;
  }
  .suggestions-area a {
    font: normal normal normal 16px/26px Barlow;
  }
  .search-for-property input {
    min-width: 3rem;
    width: 6.7rem;
    font: normal normal normal 16px/21px Barlow;
  }
  .search-for-property svg {
    width: 16px;
  }
}

@media (max-width: 1024px) {
  .voucher-nav .home-navbar{
    padding-left:1.5rem;
  }
  .max-width {
    padding: 0 25px;
  }
  .voucher-page h1{
    font-size: 3rem;
    line-height: 3rem;
  }

  .voucher-page p{
    font: normal normal normal 16px / 16px Barlow;
  }
  .voucher-page{
    padding: 3rem 1.5rem 0rem 1.5rem;
  }
  .voucher-page-container img{
    display: none;
  }
}

@media (max-width: 600px) {
  .currency-list-grid::after {
   display: none;
  }
}

@media (max-width: 500px) {
  .currency-list-grid-item:nth-child(-n+4) { /* Target the first row items */
    margin-bottom: 0 !important; /* Adjust padding or margin as needed */
  }
  .search-for-property input {
    min-width: 50px;
    width: 60px;
  }
}

@media (max-width: 450px) {
  .voucher-page{
    padding: 5rem 1.5rem 0rem 1.5rem;
  }
  .home-navbar-logo{
    max-width: 150px !important;
  }
  .voucher-page-multi-input{
    flex-direction: column;
  }
  .overlay-newsletter-header{
    font-size: 2.625rem;
    line-height: 2.625rem;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
  }
  .currency-list{
    padding: 25px 20px;
    width: 100%;
    height: 90%;
  }

  .set-currency{
    margin: 0 5px;
  }
  .currency-list-grid{
    column-gap: 30px;
    row-gap: 40px;
  }
  h1, .heading-h1-style {
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 2.625rem;
  }
  h3, .heading-h3-style {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .about-headings {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 2.25rem;
    font-family: "Barlow", sans-serif;
    letter-spacing: -0.56px;
  }
  .main-button {
    padding: 18px 55px;
    max-width: 100%;
  }
  .max-width {
    padding: 0 15px;
  }
}

@media (max-width: 380px) {
  .set-currency{
    padding: 3px 10px !important;
  }

}

@media (max-width: 370px) {
  .home-navbar-logo{
    max-width: 120px !important;
  }
}
@media (max-width: 320px) {
  .set-currency{
    margin: 0 0 0 5px;
  }
}