/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/shortcode-carousel-module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.vertical-carousel-container {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.vertical-carousel-container .vertical-carousel {
  display: flex;
  flex-direction: column;
  animation: verticalScroll 500s linear infinite;
}
.vertical-carousel-container .vertical-carousel .carousel-module {
  display: flex;
  background: #fff;
  margin: 0.5rem 1rem;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1rem;
  border-radius: 20px;
  overflow: hidden;
  gap: 20px;
  position: relative;
}
.vertical-carousel-container .vertical-carousel .carousel-module .pro-text-position {
  position: absolute;
  right: 40px;
  top: 0;
  background: #000;
  color: #fff;
  padding: 8px 15px;
  border-radius: 0 0 10px 10px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.vertical-carousel-container .description-module {
  font-size: 12px;
  line-height: 15px;
}
.vertical-carousel-container .title-module h3 {
  font-size: 22px;
  line-height: 23px;
  margin: 0 0 0.5rem 0;
  padding: 0;
  color: #4A4A4A;
}
.vertical-carousel-container:after, .vertical-carousel-container:before {
  background: red;
  height: 100px;
  width: 100%;
  display: block;
  content: " ";
  position: absolute;
  z-index: 9;
}
.vertical-carousel-container:after {
  top: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
}
.vertical-carousel-container:before {
  bottom: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
}

/* Keyframes for vertical scrolling */
@keyframes verticalScroll {
  50% {
    transform: translateY(calc(-100% + 300px));
  }
}

/*# sourceMappingURL=shortcode-carousel-module.css.map*/