/* SLIDER */
#slider {
  position: relative;
  padding: 0px;
}
.slider-outer-mask-box{
  clip-path: polygon(29.008% 12.5%, 29.008% 12.5%, 29.454% 12.394%, 29.839% 12.101%, 30.157% 11.652%, 30.403% 11.083%, 30.57% 10.427%, 30.652% 9.718%, 30.643% 8.99%, 30.536% 8.276%, 30.326% 7.612%, 30.006% 7.029%, 28.895% 5.471%, 28.895% 5.471%, 28.575% 4.888%, 28.365% 4.224%, 28.258% 3.51%, 28.249% 2.782%, 28.331% 2.073%, 28.498% 1.417%, 28.744% 0.848%, 29.062% 0.399%, 29.447% 0.106%, 29.893% 0%, 31.25% 0%, 37.5% 0%, 50% 0%, 98.352% 0%, 98.352% 0%, 98.619% 0.04%, 98.873% 0.155%, 99.109% 0.34%, 99.325% 0.588%, 99.517% 0.892%, 99.682% 1.247%, 99.816% 1.646%, 99.916% 2.083%, 99.978% 2.552%, 100% 3.046%, 100% 96.954%, 100% 96.954%, 99.978% 97.448%, 99.916% 97.917%, 99.816% 98.354%, 99.682% 98.753%, 99.517% 99.108%, 99.325% 99.412%, 99.109% 99.66%, 98.873% 99.845%, 98.619% 99.96%, 98.352% 100%, 1.648% 100%, 1.648% 100%, 1.381% 99.96%, 1.127% 99.845%, 0.891% 99.66%, 0.675% 99.412%, 0.483% 99.108%, 0.318% 98.753%, 0.184% 98.354%, 0.084% 97.917%, 0.022% 97.448%, 0% 96.954%, 0% 50%, 0% 25%, 0% 15.546%, 0% 15.546%, 0.022% 15.052%, 0.084% 14.583%, 0.184% 14.146%, 0.318% 13.747%, 0.483% 13.392%, 0.675% 13.088%, 0.891% 12.84%, 1.127% 12.655%, 1.381% 12.54%, 1.648% 12.5%, 29.008% 12.5%);
  width: 96%;
  margin: auto;
}
.slider-outer-box{
  background: linear-gradient(253.82deg, #486BEF 4.71%, #5C4CC8 19.98%, #683DB4 42.69%, #7231A3 66.86%, #7632A2 100%);
  z-index: 0;
}
.slider-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.slide-heading-one{
  color: #fff;
  font: 700 38px / 40px var(--pri-font);
}
.slider-product-banner-content-box p{
  font: 400 13px/26px var(--pri-font);
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.slider-para,.slider-product-banner-content-box h6{
  color: #fff;
}
.slider-product-box {
  background: #2A292B;
  border-radius: 15px;
}
.carousel-caption {
  position: unset !important;
  bottom: 0px;
  top: 0px;
  height: fit-content;
  margin: auto;
}
.slider-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#slidemainbox{
  top: -5%;
  position: absolute;
}
.slide-small-heading{
  color: var(--yellow);
  font: normal normal bold 19px / 30px var(--pri-font);
}
.slider-product-banner-heading-one{
  /* color : var(--black); */
  font: 600 22px/20px var(--pri-font);
}
.slider-para {
  width: 96%;
}
.slidemainbox-col1 {
  position: relative;
  z-index: 3;
  padding: 14em 0px 3em 0px;
}
.slider-circle-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: float 6s ease-in-out infinite;
}
@keyframes float{
  0% {
    /* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); */
    transform: translatey(0px);
  }
  50% {
      /* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2); */
      transform: translatey(-20px);
  }
  100% {
      /* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); */
      transform: translatey(0px);
  }
}
.slider-circle-img{
  height: 680px;
}
@keyframes rotate-day {
  0% { background-position: 120% 0; }
  100% { background-position: -80% 0; }
}
.slider-product-image-box {
  height: 300px;
}
.slider-product-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slider-product-box {
  background: #2a292b91;
  border-radius: 15px;
  padding: 18px;
}
.slidemainbox-col1:hover .slider-product-box{
  /* -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
}
.slider-product-box:hover .slider-product-image-box img{
  -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.slider-product-box .slider-product-image-box img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slidemainbox-col1:hover .slider-product-box:after {
  margin: 10px;
  opacity: 0.1;
}
.slider-product-box:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #fff;
  margin: -2px;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  pointer-events: none;
  opacity: 0;
  border-radius: 10px;
}


@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}

.slider-product-icon i{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  width: 40px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  border-radius: 6px;
}
.slider-product-box:hover .slider-product-icon i{
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  transition: all 0.5s ease 0s;
}
.slider-social-icon-box {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto;
  height: fit-content;
  display: grid;
}
.slider-social-icon-box i {
  font-size: 15px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  color: var(--blue);
  margin: 5px 0px;
}
.slider-social-icon-box i:hover {
  /* transform: rotate(-45deg); */
  animation: rotate 3s ease-in-out infinite;
  transition: all 0.5s ease-in-out 0s;
  border-radius: 0px;
  background: #000000b0;
  color: #fff;
}