

.parallax-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../images/smaaash-main-banner.png);
  background-size: cover;
  background-position: center center;
  transform: scale(1.2); /* Adjust the scaling factor as per your needs */
  z-index: -1;
  transition: transform 2.3s ease;
}

.parallax-image {
  position: absolute;
  bottom: -110px;
  right: 60px;
  width: 1050px; /* Adjust the size of the image as per your needs */
  height: 800px; /* Adjust the size of the image as per your needs */
  background-image: url(../../images/parallax.png);
  background-size: cover;
  background-position: center center;
   /* Adjust the positioning of the image as per your needs */
  transition: transform 1.3s ease;
  z-index: 2;
}

.banner-txt h1 {
  font-size: 80px;
  font-weight: 700!important;
  background: linear-gradient(
    90deg,
    rgba(246, 255, 0, 1) 0%,
    rgba(0, 240, 255, 1) 30%,
    rgba(255, 255, 255, 1) 100%
  );position: absolute;
  font-style: italic;
  font-family:  Roboto, sans-serif;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-txt h1.outline {
  transform: translate(2px, 2px);
  background: #FF004E;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-txt h6{
  font-size: 50px;
  color: #fff;
  font-style: italic;
  font-family:  Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 700!important;
}
.banner-txt{
  position: relative;
  top: 30%;
  left: 60px;
}



.box-text{
  position: absolute;
  bottom: 12px;
  text-align: right;
  z-index: 2;
  width: 100%;
}

.box-text p{
  font-size: 14px;
}


.shape-rectangle {
  position: absolute;
  width: 0;
  height: 0;
  /* border-top: 14em solid transparent; */
  /* border-right: 33em solid #fff; */
  /* border-bottom: 30px solid transparent; */
  top: 0em;
  /* rotate: 360deg; */
  right: 0px;
  background-color: aliceblue;
  opacity: 0.7;
  height: 100%;
  width: 100%;
}


