.n-home-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-image: linear-gradient(44deg,#1a27c9,#000daf);
}

.n-home-bg__child-01 {
    width: 130%;
    height: 100%;
    background-image: linear-gradient(269deg,#1a27c9,#000daf);
    -webkit-transform: translate(0, 60%) rotate(-14deg) scale(1.3);
    -ms-transform: translate(0, 60%) rotate(-14deg) scale(1.3);
    transform: translate(0, 60%) rotate(-14deg) scale(1.3);
}

.n-track-skew-bg {
    position: absolute;
    left: 0;
    top: -16em;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 56em;
    background-image: linear-gradient(269deg,#1a27c9,#000daf);
    -webkit-transform: skew(0deg,-15deg);
    -ms-transform: skew(0deg,-15deg);
    transform: skew(0deg,-15deg)
}

.slant-section {
    clip-path: polygon(0 10vw, 100% 0, 100%  100%, 0 100%);
    -webkit-clip-path: polygon(0 10vw, 100% 0, 100%  100%, 0 100%);
    margin-top: 10vw;
    padding-bottom: 10vw;
  }
  .below-section{
    margin-top: -60vh;
  }

  @media only screen and (max-width: 768px) {
    .slant-section {
        padding-top: 30vw;
    }
    .below-section{
        margin-top: -20vh;
      }
}


/* .slant-section > * {
    transform: skew(-14deg);
  } */
  


.carousel-indicators .active{
  background-color:#FCDF3E ;
  width: 18px;
}

.carousel-indicators li{
  background-color: lightgrey;
}
.need-header{
  color: #0D0E0E;font-size: 8rem;font-weight:700;padding-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
  .need-header{
    color: #0D0E0E;font-size: 4rem;font-weight:700;padding-bottom: 2rem;
  }
}