.svg-head {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  /* transform: translateY(-20%); */
}

.svg-head svg {
  width: 100%;
  /* object-fit: cover; */
  /* height: 100%; */
  /* height: 100vh; */
}
.top-head {
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: 9;
  background: rgb(248, 242, 232);
  background: linear-gradient(
    180deg,
    rgba(248, 242, 232, 1) 0%,
    rgba(248, 242, 232, 1) 30%,
    rgba(248, 242, 232, 0.5802696078431373) 82%,
    rgba(248, 242, 232, 0) 100%
  );
}
.bottom-head {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: 9;
  background: rgb(248, 242, 232);
  background: linear-gradient(
    0deg,
    rgba(248, 242, 232, 1) 0%,
    rgba(248, 242, 232, 1) 30%,
    rgba(248, 242, 232, 0.5802696078431373) 82%,
    rgba(248, 242, 232, 0) 100%
  );
}

.heading-head {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-head-1024 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homeslider {
  /* height: 100vh; */
  overflow: hidden;
}

/* .homeslider .head_wrap{
    position: absolute;
} */
.home2 {
  display: none;
}
.home1 {
  display: block;
}
@media only screen and (max-width: 1440px) {
  .svg-head {
    transform: translateY(10%);
  }
  .top-head {
    height: 60%;
  }
  .bottom-head {
    height: 60%;
  }
}

@media only screen and (max-width: 1024px) {
  .svg-head {
    transform: translateY(-60%);
  }
  .top-head {
    height: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .svg-head {
    transform: translateY(-60%);
  }
  .top-head {
    position: absolute;
    top: 0;
    left: 0;
    height: 150%;
    width: 100%;
    z-index: 9;
  }
  .bottom-head {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
  }
}