/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/modules/landing/styles/home.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gradient-desing {
  background: radial-gradient(50% 50% at 50% 50%, rgba(235, 29, 101, 0.4) 0%, rgba(253, 160, 148, 0.16) 68%, rgba(253, 160, 148, 0) 100%);
}
@media (max-width: 1024px) {
  .gradient-desing {
    background: radial-gradient(85% 50% at 50% 50%, rgba(235, 29, 101, 0.4) 0%, rgba(253, 160, 148, 0.16) 68%, rgba(253, 160, 148, 0) 100%);
  }
}

/* Background chatbot */
.chatbot-gradient {
  background: url(/_next/static/media/gradient-chat-bot.16c608be.svg) no-repeat white;
}
@media (max-width: 1024px) {
  .chatbot-gradient {
    background: linear-gradient(180deg, #eb1763 0%, #fca194 100%);
  }
}

.planner-chatbot-gradient {
  background-image: url(/_next/static/media/gradient-chat-bot-planner.7a4d3333.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: white;
}
@media (max-width: 1024px) {
  .planner-chatbot-gradient {
    background: linear-gradient(180deg, #eb1763 0%, #fca194 100%);
  }
}

.mary-design-bg {
  background-image: url(/_next/static/media/mary-design-bg.69b55b64.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  position: relative;
}
.mary-design-bg img {
  width: 664px;
  position: absolute;
  right: 0;
}
@media (min-width: 1024px) {
  .mary-design-bg {
    background-image: url(/_next/static/media/mary-design-bg.desktop.076dafd4.webp);
    display: flex;
  }
  .mary-design-bg div {
    flex: 1 0 0;
  }
  .mary-design-bg img {
    height: auto;
    position: relative;
    width: 664px;
    height: 498px;
    object-fit: contain;
  }
}
@media (min-width: 1536px) {
  .mary-design-bg div {
    padding: 10vh 26vh 15vh 0;
    flex: 1 0 0;
  }
}

.marychatbot-container {
  max-height: 430px;
}
@media (max-width: 1440px) {
  .marychatbot-container {
    max-height: 400px;
  }
}
@media (max-width: 800px) {
  .marychatbot-container {
    max-height: 800px;
  }
}
@media (max-width: 768px) {
  .marychatbot-container {
    max-height: 650px;
  }
}

.animation-infinite {
  display: flex;
  animation: slide 20s linear infinite;
}

@keyframes slide {
  from {
    translate: 0;
  }
  to {
    translate: -138%;
  }
  /*to {
    translate: calc(-4 * 224px);
  }*/
}
.marychat-message-bubble {
  max-width: 90%;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
  display: block;
}