* {
  /* transition: 0.25s ease-in-out; */
}
html{
	scroll-behavior: smooth
}
.section-cards {
 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* padding-top: 60px; */
  position: relative;
  padding-top: 100px;
}



.section {
  /* padding: 10rem 0; */
}

.cards-section {
  position: relative;
  /* display: grid; */
  /* gap: 3rem; */
  /* grid-template-columns: 200px auto; */
}

.cards {
  display: grid;
  /* margin-top: 3.5rem; */
  > * {
    grid-area: 1 / 1 / 2 / 2;
  }
}

.cardstack {
  width: 100%;
  height: 650px;
  background-color: red;
  border-radius: 16px;
  border: 1px solid blue;
}

.to-stay-card {
  /* background-color: red; */
  /* border-radius: 8px; */
  /* width: auto; */
  /* height: 400px; */
}


.spacer {
  height: 60vh;
  position: relative;
}
.spacer2 {
  height: 30vh;
  position: relative;
}
.kads {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.kad {
  position: relative;
  margin: 0px auto 40px;
  width: 100%;
  height: 580px;
}
.kad2,.kad3{
	opacity: 0;
}
.cardcontainer {
  width: 100%;
  display: flex;
  align-items: top;
  justify-content: center;
}

.kad img {
  max-width: 100%;
  width: 100%;
  will-change: transform, filter;
  height: 100%;
  object-fit: cover;
}

.following-content {
    padding-top: 521px;
    /* padding-top: 60px; */

}
.black {
  background-color: black;
}


/* ============================================== */
.floating-img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    position: absolute;
    transform: scale(0.15);
    top: -102vh;
    left: -22vw;
}	
.cardstackwrapper{
	 position: absolute;
    transform: scale(0.15);
    top: -160vh;
    /* top: -96vh; */
    left: -22vw;
	/* height: 650px; */
	/* overflow: hidden; */
	/* padding-bottom: 55vh; */
}
.section-second{
	position: relative;
	height: 200vh;
	/* background: #efefef; */
	padding-top: 50px; 
}
.cardstack-wrapper{
	/* padding-top: 80vh; */
}