.scroll-to-top {

  width: 35px;
  height: 35px;
  background-image: url('../../images/scroll-to-top.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 999;
  right:20px;
  bottom:30px;

}

.landing-wrapper {

  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
	padding:160px 0 60px;

}
.landing-wrapper > div {position:relative;z-index:100;}
.landing-wrapper:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.75;
background: linear-gradient(104deg, #000 0%, rgba(255, 255, 255, 0.00) 100%);
mix-blend-mode: multiply;top:0;left:0;}


.landing-wrapper .dark-button:hover {

  border: 1px solid #251F24;
  background: #251F24;

}

.landing-wrapper .title {

  font-family: var(--font-fino);
  color: white;
  font-size: 65px;

}


/* section 2 */

.home-section-2 {

  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: row;
 
}


.home-section-2 .left {  width: 55%;  position: relative;padding-top:90px;padding-bottom:90px;  background-color: var(--color-primair);
    background-image: url(../../images/bg-pattern-transparent.png);
    background-size: 1920px auto;
    background-position: top center;}

.home-section-2 .left .inner-wrapper {  width: 100%;}

.home-section-2 .left .inner-wrapper .section-2-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.home-section-2 .right {  width: 45%;  position: relative;}

.home-section-2 .left {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 50px;
  padding-right: 200px;
}
.home-section-2  .h1 {color:var(--color-secundair)}
.home-section-2  .h1,
.home-section-2 .left p {  text-align: center;}
.home-section-2 .left p {margin-top:30px;}
.home-section-1-image {  z-index: 10;}

.is-on-top {
  z-index: 20 !important;

}

.image-1 {

  width: 500px;
  height: 500px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 100px;
  left: -50px;

}

.image-2 {

  width: 400px;
  height: 300px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 45%;
  left: 40%;
  z-index: 3;

}

.image-3 {

  width: 550px;
  height: 380px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: -150px;

}

/* Section 3 */
.home-section-3 {  padding-top: 150px;	padding-bottom:150px;}
.home-section-3 h2 {  color: var(--color-dark);  text-align: center;}
.home-section-3 .subtitle {  color: var(--color-dark);  text-align: center;}

.kamers-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
	gap: 60px 40px;margin-top:60px
}

.kamers-wrapper .room-item-wrapper {  width: calc(50% - 20px);  height: auto;}


.room-item-wrapper .room-item {

  width: 100%;
  height: auto;
  margin-bottom: 0;
  background-color: var(--color-dark);
  padding-bottom: 50px;margin-top:50px;

}

.room-item .room-images-wrapper {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  background-size: cover;
  background-position: center;
  transform: translateY(-50px);

}

.room-item .room-image {

  height: 300px;
  background-size: cover;
  background-position: center;

}

.room-title h2{

 color:var(--color-secundair)

}

.room-specs {

  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;


}

.room-specs li {

  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: white;
  font-size: 15px;

}

.room-specs li:nth-child(odd) {

  border-right: 1px solid white;

}

.room-specs li:nth-child(even) {

  padding-left: 40px;

}

.room-specs li .icon {

  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 15px;

}

.room-item .button-wrapper {

  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;


}

.room-item .main-button {

  text-align: center;

}




/* Section4 */
.home-section-4 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  position: relative;
    background-color: var(--color-secundair);
    background-image: url(../../images/bg-pattern-transparent-8.png);
    background-size: 1920px auto;
    background-position: top center;
}

.home-section-4 .h1 {text-align:center;color:var(--color-primair)}

.home-section-4 .left,
.home-section-4 .right {  width: 50%;}

.home-section-4 .left {  background-size: cover;  background-position: left center;}

.home-section-4 .right {
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	padding-top:90px;padding-bottom:90px;
}


.home-section-4 .right p {  text-align: center;  margin: 20px auto 30px;}