/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/Component/HomeComponent/WhatDoWali/index.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/Component/HomeComponent/BeginNow/index.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.typewriterContainer .Typewriter__cursor {
  margin-left: 12px !important;
  vertical-align: top;
}

.typewriterContainer .Typewriter {
  display: flex;
}

.hover-underline {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 5px 0; /* 保持缓冲区 */
  margin: 2px 0; /* 保持margin */
}

/* 下划线初始状态 */
.hover-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0; /* 调整下划线位置 */
  width: 0;
  height: 0;
  background-color: #4d61f4; /* 下划线颜色 */
  pointer-events: none; /* 禁用伪元素的鼠标事件 */
  transition: width 0.3s ease, height 0.3s ease;
}

/* 鼠标悬停时 - 移除transform，只保留下划线效果 */
.hover-underline:hover::after {
  width: 100%; /* 下划线宽度变为文字宽度 */
  height: 1px; /* 下划线高度从0变成1px */
}

.social-container:hover img:first-child {
  transform: translateY(100%);
}
.social-container:hover img:last-child {
  transform: translateY(100%);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/Component/HomeComponent/ContactUs/index.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.typewriterContainer .Typewriter__cursor {
  margin-left: 12px !important;
  vertical-align: top;
}

.typewriterContainer .Typewriter {
  display: flex;
}

.hover-underline {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.3s ease; /* 添加文字移动的动画 */
}

/* 下划线初始状态 */
.hover-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px; /* 下划线距离文字的间距 */
  width: 0;
  height: 0;
  background-color: #4d61f4; /* 下划线颜色 */
  pointer-events: none; /* 禁用伪元素的鼠标事件 */
  transition: width 0.3s ease, height 0.3s ease;
}

/* 鼠标悬停时 */
.hover-underline:hover {
  transform: translateY(-3px); /* 文字向上移动 3px */
}

.hover-underline:hover::after {
  width: 100%; /* 下划线宽度变为文字宽度 */
  height: 1px; /* 下划线高度从0变成2px */
}

.social-container:hover img:first-child {
  transform: translateY(100%);
}
.social-container:hover img:last-child {
  transform: translateY(100%);
}