/* background 1 */
.horizon {
  background-color: transparent; 
  background-image: 
    radial-gradient(at 0% 0%, #FF69B4 0px, transparent 50%),
    radial-gradient(at 100% 100%, #FFD700 0px, transparent 50%), 
    linear-gradient(to bottom right, #FF69B4, #53e4e2);
  width: 100%;
}


.background-overlay {
  background:#818080;
  background-blend-mode: multiply;

}

.teamwork{
  background-image:url('./media/concept/teamwork.png');
  /* background-image:url('./media/concept/teamwork1.jpg'); */
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;

}

.texture{
  background-image:url('./media/concept/texture.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}

.splash{
  /* background-image:url('./media/concept/teamwork.png'); */
  background-image:url('./media/concept/splash.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.cloud-bg{
  height:100%;
  width:100%;
}


/* concept backgrounds */
.glass-card {
    background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Adjust blur intensity */
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
    width: 100%;
    height: 100%;
}

.hands {
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position:relative;
  background-image:url('./media/concept/hands.png');
  background-size:cover;
  height:100%;
  width:100%;
  background-repeat:no-repeat;
  background-position-y:87%;
  opacity:.33;
}

.founder {
  background-image:url('./media/founder/pro3.png');
  background-size:contain;
  background-repeat:no-repeat;
}
.frustrated{
  background-image:url('./media/concept/ice-flower.jpg'); /* Ice-Covered Flower in the Chilly Landscapes of Kalinchowk */
  background-size:cover;
  background-repeat:no-repeat;
  background-position:0;
}
.white-dress{
  background-image:url('./media/concept/white-dress.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50%;
}
.bridge{
  background-image:url('./media/concept/bridge.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:0px;
}
.stones{
  background-image:url('./media/concept/stones.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */

}
.stones-rev {
  background-image:url('./media/concept/stones-rev.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */
}

.rocks {
  background-image:url('./media/concept/rocks.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */
}

.bluesky {
  background-image:url('./media/concept/bluesky.png');
  background-color:unset !important;
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */
}
.sundown {
  background-image:url('./media/concept/sundown.jpg');
  background-color:unset !important;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */
}
.rose {
  /* background-image:url('./media/concept/solid-sky.jpg'); */
  background-image:url('./media/concept/rose.jpg');
  background-color:rgb(255, 255, 255) !important;
  background-size:cover;
  background-blend-mode:multiply;
  background-repeat:no-repeat;
  background-position:center;
  background-attachment: fixed; /* Optional: keeps the background fixed during scroll */
}