/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/features-carousel/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.hypernotes {
  --background: #e785a1;
  --backgroundHover: #fda380;
  --gradientBackground: linear-gradient(140deg, #e785a1, #fda380);
}

.todo {
  --background: #10a090;
  --backgroundHover: #1fd2be;
  --gradientBackground: linear-gradient(140deg, #10a090, #1fd2be);
}

.zenchat {
  --background: #0057b8;
  --backgroundHover: #006de7;
  --gradientBackground: linear-gradient(140deg, #0057b8, #006de7);
}

.featureCarousel {
  max-width: 1400px;
}

.slider {
  display: block;
}
@media (min-width: 992px) {
  .slider {
    grid-template-columns: 35% 65%;
    position: relative;
    display: grid;
  }
}
.slider .getStarted .button-main__link--green {
  background-color: var(--background);
}
.slider .getStarted .button-main__link--green:hover {
  background-color: var(--backgroundHover);
}
.slider .content_container {
  min-height: auto !important;
}
@media (min-width: 992px) {
  .slider .content_container {
    height: 100%;
    display: table;
  }
}
.slider .content_container .inner {
  vertical-align: top;
  text-align: left;
  position: relative;
}
@media (min-width: 992px) {
  .slider .content_container .inner {
    padding-top: 50px;
    display: table-cell;
  }
}
.slider .content_container .inner .getStarted {
  float: left;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .slider .content_container .inner .getStarted {
    margin-bottom: 0;
  }
}
.slider .content_container .inner .getStarted .button-main__link--action {
  background-color: var(--background);
  color: #fff;
  min-width: 102px;
  padding: 10px 10px;
  font-size: 14px;
  border-radius: 40px;
}
.slider .content_container .inner .getStarted .button-main__link--action:hover {
  background-color: var(--backgroundHover);
  color: #fff;
}
.slider .content_container .inner .content-image-2-container {
  padding-left: 0;
  list-style-type: none;
}
.slider .content_container .inner .content-image-2-container li {
  display: none;
  min-height: 115px;
}
@media (min-width: 768px) {
  .slider .content_container .inner .content-image-2-container li {
    min-height: auto;
  }
}
.slider .content_container .inner .content-image-2-container li.active {
  display: block;
}
.slider .content_container .inner .content-image-2-container img {
  max-width: 100%;
  width: 100%;
}
.slider .content_container .inner .bottomSliderNav {
  background-image: url("data:image/svg+xml,<%3Fxml version=\"1.0\" encoding=\"utf-8\"%3F><%21-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --><svg version=\"1.1\" id=\"Icon\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 193.5 225.3\" style=\"enable-background:new 0 0 193.5 225.3;\" xml:space=\"preserve\"><style type=\"text/css\">.st0{fill:%23D1D1D1;}</style><path class=\"st0\" d=\"M182.8,10.7C175.8,3.8,166.5,0,156.5,0H37.7c-10,0-19.4,3.8-26.5,10.7C4,17.6,0,27,0,37v118.8c0,10,3.9,19.4,11.1,26.6c7.2,7.2,16.6,11.1,26.6,11.1h118.8c10,0,19.4-4,26.4-11.2c6.9-7.1,10.7-16.5,10.7-26.5V37C193.5,27,189.7,17.7,182.8,10.7z M178.1,155.8c0,12.3-9.7,22.3-21.6,22.3H37.7c-5.9,0-11.4-2.3-15.7-6.6c-4.2-4.3-6.6-9.8-6.6-15.7V37c0-5.8,2.3-11.2,6.5-15.2c4.2-4.1,9.8-6.3,15.8-6.3h118.8c12.1,0,21.6,9.5,21.6,21.5V155.8z M135.5,73.1h-12l3.7-19.6c0.8-4.2-2-8.2-6.2-9s-8.2,2-9,6.2l-4.2,22.4H95.3L99,53.5c0.8-4.2-2-8.2-6.2-9s-8.2,2-9,6.2l-4.2,22.4H63.4c-4.3,0-7.7,3.5-7.7,7.7s3.5,7.7,7.7,7.7h13.2l-2.7,14.3H58.7c-4.3,0-7.7,3.5-7.7,7.7c0,4.3,3.5,7.7,7.7,7.7H71l-3.7,19.6c-0.8,4.2,2,8.2,6.2,9c0.5,0.1,1,0.1,1.4,0.1c3.6,0,6.9-2.6,7.6-6.3l4.2-22.4h12.5l-3.7,19.6c-0.8,4.2,2,8.2,6.2,9c0.5,0.1,1,0.1,1.4,0.1c3.6,0,6.9-2.6,7.6-6.3l4.2-22.4h15.8c4.3,0,7.7-3.5,7.7-7.7c0-4.3-3.5-7.7-7.7-7.7h-12.9l2.7-14.3h14.9c4.3,0,7.7-3.5,7.7-7.7S139.8,73.1,135.5,73.1z M102.2,102.8H89.7l2.7-14.3h12.5L102.2,102.8z M182.9,187.6c0.3-0.3,0.5-0.5,0.8-0.8c-1.6,4.8-4.3,9.2-7.9,12.9c-6.4,6.6-15,10.3-24.2,10.3h-109c-9.2,0-17.8-3.6-24.4-10.2c-3.8-3.9-6.7-8.4-8.4-13.4c0.4,0.4,0.8,0.9,1.3,1.3c7.2,7.2,16.6,11.1,26.6,11.1h118.8C166.5,198.8,175.9,194.8,182.9,187.6z M151.5,215.4c9,0,17.4-3.5,23.8-9.9c-4.6,11.6-15.7,19.8-28.7,19.8h-99c-8.4,0-16.3-3.3-22.2-9.3c-3.2-3.2-5.6-6.9-7.2-11c0,0,0,0,0.1,0.1c6.6,6.6,15.3,10.2,24.4,10.2L151.5,215.4L151.5,215.4z\"/></svg>");
  float: right;
  width: 150px;
  bottom: -3px;
  margin-top: 25px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.02);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10%;
  height: 49px;
  border-radius: 145px;
  position: relative;
  padding: 5px 50px;
}
.slider .content_container .inner .bottomSliderNav .prev,
.slider .content_container .inner .bottomSliderNav .next {
  position: absolute;
  left: 5px;
  padding: 20px;
  background: var(--background);
  background: var(--gradientBackground);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slider .content_container .inner .bottomSliderNav .prev:before,
.slider .content_container .inner .bottomSliderNav .next:before {
  box-sizing: border-box;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  padding: 2px;
  display: inline-block;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  z-index: 5;
  top: 15px;
  right: 13px;
  opacity: 1;
  transition: all 0.2s ease;
}
.slider .content_container .inner .bottomSliderNav .prev:focus, .slider .content_container .inner .bottomSliderNav .prev:active,
.slider .content_container .inner .bottomSliderNav .next:focus,
.slider .content_container .inner .bottomSliderNav .next:active {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.slider .content_container .inner .bottomSliderNav .prev:hover,
.slider .content_container .inner .bottomSliderNav .next:hover {
  background: var(--background);
  background: var(--gradientBackground);
}
.slider .content_container .inner .bottomSliderNav .prev:hover:before,
.slider .content_container .inner .bottomSliderNav .next:hover:before {
  opacity: 1;
  border-color: #fff;
}
.slider .content_container .inner .bottomSliderNav .next {
  right: 5px;
  left: auto;
}
.slider .content_container .inner .bottomSliderNav .next:before {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  right: 16px;
}
.slider .content_container .inner p {
  margin-bottom: 50px;
}
.slider .content_container .inner h2 {
  font-size: 32px;
  font-weight: 700;
}

.menuBottom h2 {
  font-weight: 700;
}
.menuBottom .prev,
.menuBottom .next {
  position: absolute;
  left: 40px;
  padding: 20px;
  background: var(--background);
  background: var(--gradientBackground);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  top: 50%;
  margin-top: 30px;
  transform: translateY(-50%);
  z-index: 5;
}
@media (min-width: 992px) {
  .menuBottom .prev,
  .menuBottom .next {
    left: -45px;
    margin-top: 40px;
  }
}
.menuBottom .prev:before,
.menuBottom .next:before {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  padding: 2px;
  display: inline-block;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  z-index: 5;
  top: 15px;
  right: 13px;
  opacity: 1;
  transition: all 0.2s ease;
}
.menuBottom .prev:focus, .menuBottom .prev:active,
.menuBottom .next:focus,
.menuBottom .next:active {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
}
.menuBottom .prev:hover,
.menuBottom .next:hover {
  background: var(--background);
  background: var(--gradientBackground);
}
.menuBottom .prev:hover:before,
.menuBottom .next:hover:before {
  opacity: 1;
  border-color: #fff;
}
.menuBottom .next {
  right: 40px;
  left: auto;
}
@media (min-width: 992px) {
  .menuBottom .next {
    right: -45px;
  }
}
.menuBottom .next:before {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  right: 16px;
}
.menuBottom .slider {
  display: block;
}
@media (min-width: 992px) {
  .menuBottom .slider {
    position: relative;
    display: block;
  }
}
.menuBottom .slider .content_container {
  min-height: auto !important;
  display: bock;
  height: 100%;
}
.menuBottom .slider .content_container .inner {
  vertical-align: top;
  text-align: left;
  position: relative;
}
.menuBottom .slider .content_container .inner img {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (min-width: 992px) {
  .menuBottom .slider .content_container .inner {
    padding-top: 50px;
    display: block;
  }
}
.menuBottom .slider .slides {
  max-width: 850px;
  margin: 0 auto;
  min-height: 30vh;
}
@media (min-width: 992px) {
  .menuBottom .slider .slides {
    min-height: 620px;
  }
}
.menuBottom .slider .slides .slide h2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: var(--background);
  background: var(--gradientBackground);
  left: 0;
  top: 0;
  box-shadow: none;
  bottom: 0;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .menuBottom .slider .slides .slide h2 {
    margin-bottom: 40px;
  }
}
.menuBottom .slider .slides .slide .image {
  position: relative;
}
.menuBottom .slide_navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  transform: scale(0.5);
  border-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .menuBottom .slide_navigation {
    transform: scale(0.8);
  }
}
.menuBottom .slide_navigation li {
  font-size: 44px;
  padding: 5px 10px 9px 10px;
  margin-right: 15px;
  color: #555;
  position: relative;
}
.menuBottom .slide_navigation li:before {
  bottom: 4px;
  left: 4px;
  height: 3px;
  z-index: 2;
  width: 1%;
  opacity: 0;
}
.menuBottom .slide_navigation li.active {
  transform: scale(1.1);
  background: var(--background);
  background: var(--gradientBackground);
}
.menuBottom .slide_navigation li.active:before {
  background: #fff;
  width: 91%;
  z-index: 2;
  opacity: 1;
}
.menuBottom .slide_navigation li.active .title {
  opacity: 1;
}
.menuBottom .slide_navigation li i {
  margin-right: 0;
}
.menuBottom .slide_navigation li .title {
  opacity: 0;
  position: absolute;
  color: #000;
  bottom: -20px;
  text-align: center;
}

.slide_navigation {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
  display: none;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .slide_navigation {
    display: block;
  }
}
.slide_navigation li {
  padding: 8px 10px;
  color: #000;
  display: block;
  transition: all 0.2s ease;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  border-radius: 5px;
  transition: all 0.2s ease;
  font-weight: 600;
  margin-bottom: 5px;
}
.slide_navigation li a {
  color: var(--background);
  cursor: pointer;
  transition: all 0.2s ease;
}
.slide_navigation li a:hover {
  color: var(--background) Hover;
}
.slide_navigation li:last-child {
  border-bottom: 0;
}
.slide_navigation li:before {
  transition: all ease-in-out 0.2s;
  background: var(--background);
  background: var(--gradientBackground);
  content: "";
  display: block;
  height: 46px;
  width: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 5px;
  z-index: -1;
}
.slide_navigation li:hover {
  background-color: rgba(0, 0, 0, 0.02);
  color: #000;
}
.slide_navigation li.active {
  color: #fff;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.04);
}
.slide_navigation li.active:before {
  width: 100%;
}

.slider {
  min-height: 100%;
  height: auto;
}
.slider .content_container {
  min-height: 780px;
}
@media (min-width: 992px) {
  .slider .content_container {
    padding: 40px;
    overflow: hidden;
  }
}
.slider .slides {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 550px;
}
@media (min-width: 800px) {
  .slider .slides {
    min-height: 800px;
  }
}
@media (min-width: 992px) {
  .slider .slides {
    min-height: auto;
  }
}
.slider .slides .slide {
  color: #000;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.6);
  pointer-events: none;
  display: none;
}
@media (min-width: 992px) {
  .slider .slides .slide h2 {
    position: absolute;
    top: -36px;
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
    left: 52px;
    background: var(--background);
    background: var(--gradientBackground);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 0;
  }
}
.slider .slides .slide.active {
  display: block;
  height: auto;
  pointer-events: all;
}
@media (min-width: 992px) {
  .slider .slides .slide {
    padding: 40px;
  }
}
.slider .slides .slide img {
  max-width: 100%;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .slider .slides .slide img {
    border-radius: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
}
.slider .slides .slide .text {
  padding: 20px;
  margin-bottom: 50px;
  background-color: #efefef;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
}
@media (min-width: 992px) {
  .slider .slides .slide .text {
    padding: 52px;
    padding-top: 70px;
    text-align: left;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.action__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 30px;
  gap: 10px;
}
@media (min-width: 992px) {
  .action__container {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.action__container .bottomSliderNav {
  margin: 0 !important;
}
.action__container .getStarted {
  margin: 0 !important;
}
.action__container .getStarted .button-main__link--action {
  margin: 0;
}
.action__container .button-main__link--green {
  background-color: var(--background);
}
.action__container .button-main__link--green:hover {
  background-color: var(--backgroundHover);
}

/*# sourceMappingURL=style-index.css.map*/