/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/home/homepage.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage.module.css */
.homepage_pageContainer__5Afyx {
  margin: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.homepage_flexBox__KqC2Z {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.homepage_textContainer__5eymY {
  padding: 40px;
  align-items: left;
}
.homepage_divider__3kLks {
  border-bottom-width: 2px;
  text-align: center;
  max-width: 10%;
  margin-top: 16px; /* mt: 2 corresponds to 16px */
  border-bottom-color: #e3d7fc;
}
.homepage_heading__iV06F {
  color: #00196e;
  font-weight: 400;
  margin-bottom: 16px;
}

.homepage_iconBoxContainer__lpaDI {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage_paragraph__QqN3V {
  margin-bottom: 16px;
  margin-top: 10px;
  text-align: left;
}

.homepage_demoButton__7ByVy {
  text-transform: none;
  background-color: #8e60f4;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1rem;
  border-radius: 25px;
  margin-top: 16px;
}

.homepage_container__ai0zx {
  position: relative;
}

@keyframes homepage_shrinkAndFlip__VWjdb {
  0% {
    transform: scale(1) rotateY(0deg);
  }
  90% {
    transform: scale(0.7) rotateY(180deg);
  }
  100% {
    transform: scale(0.7) rotateY(180deg);
  }
}

.homepage_shrinkAndFlip__VWjdb {
  animation: homepage_shrinkAndFlip__VWjdb 50s ease-in-out forwards;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/whatwedo/voiceAsst/boxes.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.boxes_container__MIFK6 {
  margin-top: 20px;
}
.boxes_centeredContent__LU_sQ {
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxes_gridItem__FISCe {
  padding: 20px;
}

.boxes_box__vIRKh {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 20px;
  min-height: 500px;
  height: auto;
  min-width: 250px;
  border-radius: 30px;
  background-color: #e8ddf3;
  text-align: center;
}

.boxes_circle__BHx9_ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-color: white;
  flex-direction: column;
}

.boxes_percentage__rNrFu {
  position: absolute;
  font-weight: 600;
  color: #00196e;
  text-align: center;
}

.boxes_arrow__JBi1P {
  font-size: 2rem;
  color: #8e60f4;
}

.boxes_arrow__JBi1P.boxes_up__iByM7 {
  position: absolute;
  top: 10px; /* Adjust if needed */
}

.boxes_arrow__JBi1P.boxes_down__ymuYy {
  position: absolute;
  bottom: 10px; /* Adjust if needed */
}

.boxes_header__GH5Fk {
  color: #00196e;
  margin-top: 20px;
}

.boxes_list__RyWHH {
  padding-left: 20px;
  list-style-type: disc;
}

.boxes_listItem__wwvWd {
  display: list-item;
}

.boxes_listItemText__AP8Qe {
  font-weight: 600;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/utils/button.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.button_button__RfxKo {
  background-color: #00196e;
  border-radius: 25px;
  margin: 0 5px;
}
.button_button__RfxKo:hover {
  background-color: #0a35b0;
}
.button_text__RPotD {
  color: white;
  font-size: 20px;
  text-align: center;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/home/headerAndAnimaton.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.headerAndAnimaton_container__cml6M {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  height: 100%;
}

.headerAndAnimaton_textContainer__gKnjP {
  display: flex;
  flex-direction: column;
  padding: 40px;
  align-items: left;
}

.headerAndAnimaton_paragraph___sia5 {
  margin-bottom: 16px;
  margin-top: 10px;
  text-align: left;
}

.headerAndAnimaton_buttonContainer__cyfjC {
  display: flex;
  justify-content: start;
  align-items: start;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/utils/headerWithDivide.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.headerWithDivide_container__K4kfF {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.headerWithDivide_divider__TZow1 {
  width: 15%;
  height: 2px;
  background-color: #e3d7fc;
  margin-top: 16px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/whatwedo/voiceAsst/threeColumn.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.threeColumn_container__1fxOT {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin-top: 40px;
}

.threeColumn_verticalDivider__41X8Z {
  background-color: #f4faff; /* Divider color */
  width: 2px;
  margin: 0 10px;
}

.threeColumn_gridItem__fBsDJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.threeColumn_text__Sv1SW {
  text-align: left;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/whatwedo/voiceAsst/twColumn.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.twColumn_box__v4JL9 {
  background-color: white;
  padding: 10px;
  border-radius: 20px;
  margin: 30px 10px;
  display: flex; /* Ensure the box itself is a flex container */
  align-items: center;
}

.twColumn_flexBox__WHo9X {
  display: flex;
  justify-content: flex-start; /* Align items to the start */
  align-items: center; /* Center items vertically */
  width: 100%; /* Ensure it takes the full width */
}

.twColumn_circle__pUK_n {
  background-color: #00196e;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex; /* Ensure circle content is centered */
  justify-content: center;
  align-items: center;
  flex: 0 0 auto; /* Prevent shrinking */
}