
.image-stack {
  position: relative;
  width: 100%; /* Adjust as needed */
  height: auto; /* Adjust as needed */
  margin-bottom: 652px !important;
}
.card {
    background: none;
}
.stacked-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Adjust as needed */
  height: auto; /* Adjust as needed */
}
    .fs-2 {
        font-size: 2rem !important;
        font-family: caliny;
    }
    .shape {
    height: 180px !important;}
    card{border:0 !important}
    .card-body {
   
    background: #e9f8ff !important;}

/* Assign z-index values to control the stacking order */
.image-1 {
  z-index: 4 !important; /* Topmost image */
}
.hero-heading{
    margin-top:0;
}
.image-2 {
  z-index: 3;
  position:relative;
  width:200px;
}
.image-2 {
    top: 390px;
    left: 82px;
    transform: translateY(20px);
}
.image-3 {
  z-index: 2;
  width:44px !important;
  height:44px;
}

.image-4 {
  z-index: 1; /* Bottommost image */
}


/* Section Styling */
.inspiration-section {
  background-color: white;
  padding: 80px 0;
}

/* Left Column Styling */
.intro-title {
    font-size: 18px;
    color: #808bfe;
    font-weight: 500;
  
        font-family: Caliny;
}

.main-heading {
  font-size: 48px;
  font-weight: 700;
  color: #000;
}

/* Right Column Styling */
.content-box {
  background-color: #808BFE;
  padding: 30px;
  border-radius: 8px;
}

.content-heading {
  font-size: 24px;
  font-weight: 600;
  color: white;
  margin-bottom: 20px;
}
.title2{
    margin:0 !important;}
    @media (min-width:1600px){
        .title2{
        margin:0 !important;
        font-size:5rem !important;
    }
    }
.content-text {
  font-size: 16px;
  color: white;
  line-height: 1.6;
  margin-bottom: 15px; /* Adds spacing between paragraphs */
}/* Customize carousel transition speed */
.carousel-item {
  transition: transform 1.2s ease-in-out; /* Increased duration to 1.2 seconds */
}
.ll-image-stack {
  position: relative;
  margin-bottom:600px;
  width:100%;
  height:auto;
}

.ll-image-stack img {
  position: absolute;
  top: 0;
  left: 0;
}
.ll-image-stack img.ll-image-5{
      z-index: 5;
       transform: translateY(175%);


}
.ll-image-stack img.ll-image-1 {
  z-index: 4;
}

.ll-image-stack img.ll-image-2 {
  z-index: 3;
  transform: translateY(50%) translateX(431px);
}
.ll-image-stack img.ll-image-3 {
  z-index: 2;
  transform: translateY(135%);


}

.ll-image-stack img.ll-image-4 {
  z-index: 1;
}
 .cyan-bg {
            background-color: #00ffff; /* Cyan color */
            padding: 20px;
            border-radius: 10px;
            color: #fff;
        }


   