/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./app/page.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page_mainWrapper__Rahoz {
  max-width: 1230px;
  margin: 0 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/button/button.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_button__HOmVR {
  background-color: #6366f1;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 6px;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: background-color 0.3s ease-in-out;
}
.button_button__HOmVR:active {
  transform: scale(0.95);
  box-shadow: 0 0 20px #8b5cf6, 0 0 40px rgba(139, 92, 246, 0.5019607843), inset 0 2px 4px rgba(0, 0, 0, 0.3019607843);
}
.button_button__HOmVR:hover {
  background-color: #8b5cf6;
  outline: 2px solid #ffffff;
  box-shadow: 0 0 8px #ffffff, 0 0 16px #ffffff;
}
.button_button__HOmVR::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(270deg, #8b5cf6, #000021, #6366f1, #000021);
  background-size: 300% 300%;
  border-radius: 8px;
  z-index: -1;
  filter: blur(6px);
  animation: button_glow__DPtoo 5s linear infinite;
}
.button_button__HOmVR:disabled {
  background-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
.button_button__HOmVR:disabled::before {
  display: none;
}

@keyframes button_glow__DPtoo {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width: 860px) {
  .button_button__HOmVR {
    padding: 8px 16px;
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .button_button__HOmVR {
    font-size: 14px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/cardList/cardList.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cardList_categoriesWrapper__IuQUK {
  position: relative;
}

.cardList_categories__3zvt3 {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  padding-top: 2px;
  justify-content: space-between;
  margin-bottom: 42px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.cardList_categoryButton__XLT52 {
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background: rgba(139, 92, 246, 0.2);
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.cardList_categoryButton__XLT52:hover {
  background: linear-gradient(45deg, #3b82f6, #6366f1, #8b5cf6);
}

.cardList_active__jKT2L {
  background: linear-gradient(45deg, #3b82f6, #6366f1, #8b5cf6);
  font-weight: 700;
}

.cardList_cardsWrapper__z3k__ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 520px;
  gap: 20px;
  row-gap: 30px;
}

.cardList_cardItem__beKUc {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 20px);
  max-width: calc(25% - 20px);
  display: flex;
  justify-content: center;
}

.cardList_scrollThumb__A_hjn {
  display: none;
}

@media (max-width: 1024px) {
  .cardList_cardItem__beKUc {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
  }
}
@media (max-width: 860px) {
  .cardList_categories__3zvt3 {
    flex-wrap: nowrap;
    padding-bottom: 5px;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    scroll-behavior: smooth;
  }
  .cardList_categories__3zvt3::-webkit-scrollbar {
    display: none;
  }
  .cardList_categories__3zvt3 {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
  }
  .cardList_categoryButton__XLT52 {
    white-space: nowrap;
  }
}
.cardList_scrollWrapper__X_XDD {
  position: relative;
  max-height: 105px;
}

.cardList_scrollThumb__A_hjn {
  position: absolute;
  display: block;
  pointer-events: auto;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #ffffff;
  border-radius: 2px;
  transition: transform 0.2s linear;
}

.cardList_scrollThumb__A_hjn:hover {
  background: #ffffff;
}

.cardList_categoryButton__XLT52 {
  padding: 4px 12px;
  white-space: nowrap;
}

.cardList_scrollThumb__A_hjn {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 5px;
  background: #ffffff;
  border-radius: 2px;
  pointer-events: auto;
  transition: transform 0.2s linear;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 768px) {
  .cardList_cardItem__beKUc {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 640px) {
  .cardList_categoryButton__XLT52 {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .cardList_categoryButton__XLT52 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .cardList_cardItem__beKUc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (max-width: 510px) {
  .cardList_title__r_4Mf {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .cardList_title__r_4Mf {
    font-size: 18px;
  }
}
@media (max-width: 390px) {
  .cardList_title__r_4Mf {
    text-align: center;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/card/flipCard.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flipCard_card__WmUPk {
  background-color: transparent;
  padding: 20px;
  border-radius: 12px;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.6), 0 0 20px rgba(139, 92, 246, 0.4);
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-height: 320px;
}
.flipCard_card__WmUPk:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  z-index: 0;
  border-radius: 14px;
  filter: blur(8px);
  opacity: 0.7;
  animation: flipCard_neonGlow__f_G5B 3s linear infinite;
}
.flipCard_card__WmUPk:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.8), 0 0 30px rgba(139, 92, 246, 0.6);
}
.flipCard_card__WmUPk .flipCard_title__1D8qO {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 0px #8b5cf6, 0 0 1px #8b5cf6, 0 0 2px #8b5cf6, 0 0 5px #8b5cf6;
  margin-bottom: 10px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flipCard_card__WmUPk .flipCard_description__E2896 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9019607843);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.flipCard_price__zXQPv {
  margin-top: auto;
}

@keyframes flipCard_neonGlow__f_G5B {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width: 1130px) {
  .flipCard_card__WmUPk {
    max-height: 360px;
  }
}
@media (max-width: 660px) {
  .flipCard_card__WmUPk {
    row-gap: 10px;
    padding: 16px;
  }
  .flipCard_card__WmUPk .flipCard_title__1D8qO {
    font-size: 20px;
    height: 45px;
  }
  .flipCard_card__WmUPk .flipCard_description__E2896 {
    font-size: 14px;
  }
}
@media (max-width: 560px) {
  .flipCard_card__WmUPk {
    row-gap: 10px;
    padding: 16px;
  }
  .flipCard_card__WmUPk .flipCard_title__1D8qO {
    font-size: 18px;
  }
  .flipCard_card__WmUPk .flipCard_description__E2896 {
    font-size: 13px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/formOrder/form.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form_orderForm__91ylj {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.0196078431) 0%, rgba(139, 92, 246, 0.0196078431) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  border: 1px solid rgba(99, 102, 241, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 55, 0.9490196078), 0 0 0 1px rgba(99, 102, 241, 0.1019607843), inset 0 1px 0 rgba(255, 255, 255, 0.1019607843);
  animation: form_formAppear__396fX 0.6s ease-out;
  position: relative;
  overflow: hidden;
}

.form_orderForm__91ylj::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1019607843), transparent);
  transition: left 0.6s ease;
}

.form_orderForm__91ylj:hover::before {
  left: 100%;
}

@keyframes form_formAppear__396fX {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.form_orderForm__field__7_vko {
  display: flex;
  flex-direction: column;
  position: relative;
  animation: form_fieldSlide__huVjn 0.8s ease-out;
  animation-fill-mode: both;
}

@keyframes form_fieldSlide__huVjn {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.form_orderForm__field__7_vko:nth-child(1) {
  animation-delay: 0.1s;
}

.form_orderForm__field__7_vko:nth-child(2) {
  animation-delay: 0.2s;
}

.form_orderForm__field__7_vko:nth-child(3) {
  animation-delay: 0.3s;
}

.form_orderForm__field__7_vko:nth-child(4) {
  animation-delay: 0.4s;
}

.form_orderForm__label__p41oZ {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9019607843);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.form_orderForm__input__1wROd {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  color: #ffffff;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
  position: relative;
}

.form_orderForm__input__1wROd::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.form_orderForm__input__1wROd:hover {
  border-color: rgba(139, 92, 246, 0.5019607843);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);
}

.form_orderForm__input__1wROd:focus {
  border-color: rgba(139, 92, 246, 0.5019607843);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(139, 92, 246, 0.08) 100%);
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.4), 0 4px 20px rgba(99, 102, 241, 0.3);
  transform: translateY(-2px) scale(1.02);
}

.form_orderForm__select__NrhFO {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  color: #ffffff;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.form_orderForm__select__NrhFO:hover {
  border-color: rgba(0, 1, 51, 0.4);
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);
}

.form_orderForm__select__NrhFO:focus {
  border-color: rgba(139, 92, 246, 0.5019607843);
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.4), 0 4px 20px rgba(99, 102, 241, 0.3);
}

.form_orderForm__select__NrhFO option {
  background: #000037;
  color: #ffffff;
  padding: 10px;
}

.form_orderForm__error__kJtPq {
  color: #f87171;
  font-size: 12px;
  margin-top: 5px;
  padding-left: 5px;
  animation: form_errorShake__UuIZE 0.4s ease-in-out;
}

@keyframes form_errorShake__UuIZE {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
@media (max-width: 768px) {
  .form_orderForm__91ylj {
    width: 95%;
    padding: 15px 17px;
    gap: 10px;
  }
  .form_orderForm__input__1wROd,
  .form_orderForm__select__NrhFO {
    padding: 10px 12px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/mainSection/main.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.main_mainSection__UZObv {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  height: 550px;
  padding-top: 250px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 170px;
}

.main_title__D_Sfo {
  text-shadow: 2px 2px 4px #6f007f;
}

.main_description__PTOhj {
  font-size: 22px;
  font-weight: 400;
  text-shadow: 2px 2px 4px #6f007f;
  text-align: center;
  padding-top: 10px;
}

.main_background__4WReT {
  position: absolute;
  inset: 0;
  background: center/cover no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -2;
  filter: brightness(7) saturate(1.2);
  animation: main_backView__AWteU 10s ease-in-out infinite alternate, main_backVisibility__Jpg18 2s ease forwards;
}

.main_buttonDelayed__PpcPC {
  opacity: 0;
  transform: translateY(20px);
  animation: main_fadeUp__v_x_7 0.5s ease-in 0.8s forwards;
}

@keyframes main_fadeUp__v_x_7 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes main_backVisibility__Jpg18 {
  to {
    opacity: 0.4;
  }
}
@keyframes main_backView__AWteU {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes main_float__Ljz2J {
  0% {
    transform: scale(1) translateY(0);
  }
  100% {
    transform: scale(1.05) translateY(-10px);
  }
}
.main_description__PTOhj {
  margin-bottom: 40px;
}

@media (max-width: 1070px) {
  .main_title__D_Sfo {
    font-size: 36px;
  }
  .main_description__PTOhj {
    font-size: 20px;
  }
  .main_mainSection__UZObv {
    height: 450px;
    padding-top: 240px;
  }
}
@media (max-width: 768px) {
  .main_title__D_Sfo {
    font-size: 32px;
  }
  .main_description__PTOhj {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .main_mainSection__UZObv {
    margin-bottom: 120px;
  }
  .main_background__4WReT {
    height: 80%;
  }
}
@media (max-width: 640px) {
  .main_title__D_Sfo {
    font-size: 28px;
  }
  .main_description__PTOhj {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .main_mainSection__UZObv {
    height: 415px;
    padding-top: 205px;
  }
}
@media (max-width: 560px) {
  .main_title__D_Sfo {
    font-size: 20px;
    text-align: center;
  }
  .main_description__PTOhj {
    font-size: 14px;
  }
  .main_mainSection__UZObv {
    height: 370px;
    padding-top: 175px;
    margin-bottom: 60px;
  }
  .main_background__4WReT {
    height: 50%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/orderSection/order.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order_orderSection__Wv1er {
  position: relative;
  overflow: visible;
  margin: 0 calc(-50vw + 50%);
  width: 100vw;
}

.order_lottieBackground__zS2dJ {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  min-width: 100vw;
  z-index: 0;
}

.order_content__RPBbt {
  position: relative;
  z-index: 2;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1230px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.order_description__TDGuM {
  max-width: 600px;
  text-align: center;
}

.order_title__JkAdk {
  margin-bottom: 35px;
  background: linear-gradient(135deg, #8b5cf6, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
  font-size: 40px;
}

@media (max-width: 1070px) {
  .order_title__JkAdk {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .order_title__JkAdk {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  .order_title__JkAdk {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
@media (max-width: 560px) {
  .order_title__JkAdk {
    font-size: 24px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/serviceSection/service.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service_section__jmod3 {
  position: relative;
  padding: 0 20px;
  padding-bottom: 10px;
  background: transparent;
  display: flex;
  min-height: 500px;
  justify-content: center;
  margin-bottom: 170px;
}

.service_content__Bu4tG {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 1230px;
  width: 100%;
}

.service_title__yc2Lx {
  margin-bottom: 35px;
  font-size: 40px;
}

@media (max-width: 1024px) {
  .service_title__yc2Lx {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .service_title__yc2Lx {
    font-size: 32px;
  }
  .service_section__jmod3 {
    margin-bottom: 120px;
  }
}
@media (max-width: 640px) {
  .service_title__yc2Lx {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
@media (max-width: 560px) {
  .service_title__yc2Lx {
    font-size: 24px;
  }
  .service_section__jmod3 {
    margin-bottom: 100px;
  }
}
@media (max-width: 425px) {
  .service_section__jmod3 {
    margin-bottom: 70px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/slider/slider.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.slider_sliderSection__1HS_2 {
  padding: 0 20px;
  background: transparent;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 170px;
  scroll-margin-top: 200px;
}

.slider_container__B_ueA {
  max-width: 1230px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  width: 100%;
}

.slider_content__xN6HY {
  padding-right: 16px;
  z-index: 10;
  position: relative;
  max-width: 580px;
}

.slider_subtitle__aPAWG {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  color: #8b5cf6;
  font-weight: 600;
  display: block;
  margin-bottom: 35px;
}

.slider_title__WG0S8 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 35px;
  background: linear-gradient(135deg, #8b5cf6, #6366f1, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
}

.slider_post__1GymB {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.slider_divider__HXi6V {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  border-radius: 2px;
  margin-bottom: 32px;
}

.slider_description__VJWKP {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 32px;
}

.slider_stats__jWYl_ {
  display: flex;
  gap: 32px;
}

.slider_stat__wTh5R {
  display: flex;
  flex-direction: column;
}

.slider_statNumber__Ydavi {
  font-size: 32px;
  font-weight: 700;
  color: #8b5cf6;
  line-height: 1;
}

.slider_statLabel__dh_Hn {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9019607843);
  margin-top: 8px;
}

.slider_sliderContainer__XFGLE {
  position: relative;
  width: 100%;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.slider_slider__UhK7W {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1000px;
}

@media (max-width: 1200px) {
  .slider_container__B_ueA {
    gap: 24px;
  }
}
@media (max-width: 1070px) {
  .slider_content__xN6HY {
    max-width: 405px;
  }
  .slider_title__WG0S8 {
    font-size: 36px;
  }
}
@media (max-width: 968px) {
  .slider_container__B_ueA {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .slider_divider__HXi6V {
    width: 100%;
  }
  .slider_content__xN6HY {
    padding-right: 0;
    margin: 0 auto;
  }
  .slider_stats__jWYl_ {
    justify-content: center;
  }
  .slider_sliderContainer__XFGLE {
    height: 400px;
  }
}
@media (max-width: 768px) {
  .slider_sliderSection__1HS_2 {
    padding: 0 20px 50px;
    margin-bottom: 120px;
  }
  .slider_title__WG0S8 {
    font-size: 32px;
  }
  .slider_sliderContainer__XFGLE {
    height: 380px;
  }
}
@media (max-width: 640px) {
  .slider_sliderContainer__XFGLE {
    height: 350px;
  }
  .slider_title__WG0S8 {
    margin-bottom: 25px;
  }
  .slider_description__VJWKP {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .slider_sliderSection__1HS_2 {
    margin-bottom: 100px;
  }
  .slider_title__WG0S8 {
    font-size: 20px;
  }
  .slider_description__VJWKP {
    font-size: 14px;
  }
  .slider_statLabel__dh_Hn {
    font-size: 12px;
  }
  .slider_divider__HXi6V {
    height: 2px;
  }
}
@media (max-width: 425px) {
  .slider_sliderSection__1HS_2 {
    padding: 48px 16px;
    margin-bottom: 70px;
  }
  .slider_title__WG0S8 {
    font-size: 20px;
  }
  .slider_description__VJWKP {
    font-size: 14px;
  }
  .slider_stats__jWYl_ {
    flex-direction: column;
    gap: 24px;
  }
  .slider_sliderContainer__XFGLE {
    height: 320px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/pagination/pagination.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pagination_pagination__v_uQ5 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 40;
}

.pagination_dot__Hawfl {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}
.pagination_dot__Hawfl.pagination_active__X7tI9 {
  background: #8b5cf6;
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.pagination_dot__Hawfl:hover {
  background: rgba(139, 92, 246, 0.7);
  transform: scale(1.1);
}

@media (max-width: 640px) {
  .pagination_dot__Hawfl {
    width: 12px;
    height: 12px;
  }
  .pagination_pagination__v_uQ5 {
    bottom: 0px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/arrow/arrow.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.arrow_arrow__TRPcj {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(99, 102, 241, 0.2);
  border: 1px solid rgba(99, 102, 241, 0.5019607843);
  color: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  z-index: 40;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow_arrow__TRPcj:hover {
  background: rgba(99, 102, 241, 0.4);
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);
}
.arrow_arrow__TRPcj:first-of-type {
  left: -20px;
}
.arrow_arrow__TRPcj:last-of-type {
  right: -10px;
}

@media (max-width: 768px) {
  .arrow_arrow__TRPcj {
    width: 45px;
    height: 45px;
    font-size: 21px;
  }
  .arrow_arrow__TRPcj:first-of-type {
    left: -15px;
  }
  .arrow_arrow__TRPcj:last-of-type {
    right: -15px;
  }
}
@media (max-width: 640px) {
  .arrow_arrow__TRPcj {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/sliderCard/sliderCard.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sliderCard_card__KS_TL {
  position: absolute;
  width: 280px;
  height: 360px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1019607843) 0%, rgba(139, 92, 246, 0.0509803922) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(99, 102, 241, 0.5019607843);
  border-radius: 20px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 20px 40px rgba(0, 0, 55, 0.9490196078), 0 0 0 1px rgba(99, 102, 241, 0.1019607843), inset 0 1px 0 rgba(255, 255, 255, 0.1019607843);
  cursor: pointer;
}
.sliderCard_card__KS_TL.sliderCard_active__C0B6g {
  transform: translateX(0) scale(1);
  z-index: 30;
  opacity: 1;
}
.sliderCard_card__KS_TL.sliderCard_next__YBpxD {
  transform: translateX(70%) scale(0.85);
  z-index: 20;
  opacity: 0.7;
  filter: blur(1px);
}
.sliderCard_card__KS_TL.sliderCard_prev__yaoWA {
  transform: translateX(-70%) scale(0.85);
  z-index: 20;
  opacity: 0.7;
  filter: blur(1px);
}
.sliderCard_card__KS_TL.sliderCard_hidden__ZzVGy {
  transform: translateX(150%) scale(0.7);
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  filter: blur(2px);
}

.sliderCard_cardContent__Rwo9_ {
  text-align: center;
  color: #ffffff;
}

.sliderCard_cardTitle__T4WMn {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #8b5cf6, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sliderCard_price___Jv1C {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #8b5cf6;
  margin-bottom: 24px;
  text-shadow: 0 0 20px rgba(139, 92, 246, 0.5019607843);
}

.sliderCard_orderButton__eOsOk {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  width: 100%;
}
.sliderCard_orderButton__eOsOk:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.2);
}
.sliderCard_orderButton__eOsOk:active {
  transform: translateY(0);
}

.sliderCard_cardDescription__bodTA {
  list-style: disc;
  padding-left: 20px;
  padding-right: 5px;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  max-height: 105px;
  overflow-y: scroll;
}
.sliderCard_cardDescription__bodTA li {
  margin-bottom: 6px;
}
.sliderCard_cardDescription__bodTA ul {
  list-style: circle;
  padding-left: 20px;
  margin-top: 4px;
}
.sliderCard_cardDescription__bodTA ul li {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.sliderCard_cardDescription__bodTA::-webkit-scrollbar {
  display: none;
}
.sliderCard_cardDescription__bodTA {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
}

.sliderCard_scrollWrapper__EW_Ie {
  position: relative;
  max-height: 105px;
}
.sliderCard_scrollWrapper__EW_Ie:has(.sliderCard_lastCard__5QDnC) {
  max-height: none;
}
.sliderCard_scrollWrapper__EW_Ie:has(.sliderCard_lastCard__5QDnC) .sliderCard_scrollThumb__1qB2t {
  display: none;
}

.sliderCard_scrollThumb__1qB2t {
  position: absolute;
  right: 2px;
  width: 6px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  transition: background 0.3s;
  pointer-events: auto;
}

.sliderCard_scrollThumb__1qB2t:hover {
  background: #ffffff;
}

.sliderCard_lastCard__5QDnC {
  list-style-type: none;
  padding: 0;
}
.sliderCard_lastCard__5QDnC li {
  margin-bottom: 6px;
}
.sliderCard_lastCard__5QDnC ul {
  list-style-type: none;
  padding-left: 20px;
  margin-top: 4px;
}
.sliderCard_lastCard__5QDnC::-webkit-scrollbar {
  display: none;
}

@media (max-width: 968px) {
  .sliderCard_card__KS_TL {
    width: 260px;
    height: 340px;
  }
}
@media (max-width: 768px) {
  .sliderCard_card__KS_TL {
    width: 240px;
    height: 320px;
    padding: 24px;
  }
  .sliderCard_card__KS_TL.sliderCard_next__YBpxD {
    transform: translateX(60%) scale(0.85);
  }
  .sliderCard_card__KS_TL.sliderCard_prev__yaoWA {
    transform: translateX(-60%) scale(0.85);
  }
  .sliderCard_orderButton__eOsOk {
    padding: 8px 18px;
  }
  .sliderCard_cardDescription__bodTA ul {
    display: block;
  }
}
@media (max-width: 640px) {
  .sliderCard_card__KS_TL {
    width: 220px;
    height: 300px;
    padding: 20px;
  }
  .sliderCard_cardDescription__bodTA {
    margin-bottom: 10px;
    font-size: 13px;
  }
  .sliderCard_cardTitle__T4WMn {
    font-size: 20px;
  }
  .sliderCard_price___Jv1C {
    font-size: 14px;
  }
  .sliderCard_orderButton__eOsOk a {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .sliderCard_cardTitle__T4WMn {
    font-size: 20px;
  }
  .sliderCard_orderButton__eOsOk a {
    font-size: 14px;
  }
}
@media (max-width: 425px) {
  .sliderCard_card__KS_TL {
    width: 200px;
    height: 280px;
    padding: 16px;
  }
  .sliderCard_price___Jv1C {
    margin-bottom: 10px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/technology/technology.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.technology_section__LW8V0 {
  padding: 0 20px;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 170px;
  scroll-margin-top: 200px;
}

.technology_container__5F4LT {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  gap: 80px;
  align-items: center;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

.technology_textSection__p1gha {
  padding-right: 40px;
}
.technology_textSection__p1gha .technology_title__Cfzvx {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 35px;
  background: linear-gradient(135deg, #8b5cf6, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.technology_textSection__p1gha .technology_description__jBFOe {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 48px;
}
.technology_textSection__p1gha .technology_features__cUQuh {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.technology_textSection__p1gha .technology_features__cUQuh .technology_featureItem__pult5 {
  display: flex;
  align-items: center;
  gap: 15px;
  color: rgba(255, 255, 255, 0.9019607843);
  font-size: 18px;
}

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

.technology_animationContainer__DCdzq {
  display: flex;
  align-items: center;
  position: relative;
  gap: 60px;
}

.technology_column__bpAuv {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  z-index: 2;
}

.technology_centerArea__ijtEB {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 40px;
}

.technology_centerCircle__9nbSO {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  box-shadow: 0 0 40px rgba(139, 92, 246, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.1);
  animation: technology_centerPulse__TkgOK 3s ease-in-out infinite;
}
.technology_centerCircle__9nbSO .technology_centerIcon__zdhZi {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.technology_techItem__dwJ0W {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(139, 92, 246, 0.1019607843) 100%);
  padding: 12px 14px;
  border-radius: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(139, 92, 246, 0.3);
  position: relative;
  z-index: 2;
  min-width: 140px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
}
.technology_techItem__dwJ0W:hover {
  transform: translateY(-3px) scale(1.03);
  border-color: #8b5cf6;
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4), 0 0 0 1px rgba(139, 92, 246, 0.6);
}
.technology_techItem__dwJ0W:hover[data-side=left][data-index="0"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(1), .technology_techItem__dwJ0W:hover[data-side=left][data-index="1"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(2), .technology_techItem__dwJ0W:hover[data-side=left][data-index="2"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(3), .technology_techItem__dwJ0W:hover[data-side=left][data-index="3"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(4), .technology_techItem__dwJ0W:hover[data-side=left][data-index="4"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(5), .technology_techItem__dwJ0W:hover[data-side=right][data-index="0"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(6), .technology_techItem__dwJ0W:hover[data-side=right][data-index="1"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(7), .technology_techItem__dwJ0W:hover[data-side=right][data-index="2"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(8), .technology_techItem__dwJ0W:hover[data-side=right][data-index="3"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(9), .technology_techItem__dwJ0W:hover[data-side=right][data-index="4"] ~ .technology_centerArea__ijtEB .technology_linesSvg__sODmH line:nth-child(10) {
  filter: drop-shadow(0 0 8px #8b5cf6);
  stroke-width: 3px;
}
.technology_techItem__dwJ0W .technology_techName__H3K0b {
  font-weight: 500;
  font-size: 18px;
}
.technology_techItem__dwJ0W .technology_status__Y5_xy {
  font-size: 14px;
}
.technology_techItem__dwJ0W .technology_status__Y5_xy.technology_stable__TXKbN {
  color: #10b981;
}
.technology_techItem__dwJ0W .technology_status__Y5_xy.technology_inDev__Q_UcC {
  color: #f87171;
}

.technology_linesSvg__sODmH {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  height: 380px;
  pointer-events: none;
  z-index: 1;
}
.technology_linesSvg__sODmH .technology_connectionLine__7iOu1 {
  transition: all 0.3s ease;
}
.technology_linesSvg__sODmH .technology_connectionLine__7iOu1.technology_leftLine__eBbnL {
  animation: technology_leftLineFlow__Dq4X7 3s linear infinite;
}
.technology_linesSvg__sODmH .technology_connectionLine__7iOu1.technology_rightLine__KUBG_ {
  animation: technology_rightLineFlow__zrEGO 2.5s linear infinite;
}

@keyframes technology_centerPulse__TkgOK {
  0%, 100% {
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.1019607843);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 60px rgba(139, 92, 246, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
  }
}
@media (max-width: 1070px) {
  .technology_container__5F4LT {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .technology_textSection__p1gha {
    padding-right: 0;
    text-align: center;
  }
  .technology_textSection__p1gha .technology_title__Cfzvx {
    font-size: 36px;
  }
  .technology_animationContainer__DCdzq {
    gap: 40px;
  }
  .technology_linesSvg__sODmH {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 768px) {
  .technology_section__LW8V0 {
    margin-bottom: 120px;
  }
  .technology_animationContainer__DCdzq {
    flex-direction: column;
    gap: 30px;
  }
  .technology_centerArea__ijtEB {
    margin: 30px 0;
    order: -1;
  }
  .technology_column__bpAuv {
    gap: 20px;
  }
  .technology_techItem__dwJ0W {
    min-width: 120px;
    padding: 10px 14px;
  }
  .technology_linesSvg__sODmH {
    width: 250px;
    height: 250px;
  }
  .technology_textSection__p1gha .technology_title__Cfzvx {
    font-size: 32px;
  }
  .technology_textSection__p1gha .technology_description__jBFOe {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .technology_centerCircle__9nbSO {
    display: none;
  }
  .technology_centerArea__ijtEB {
    display: none;
  }
  .technology_animationContainer__DCdzq {
    flex-direction: row;
  }
  .technology_techItem__dwJ0W .technology_techName__H3K0b {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .technology_textSection__p1gha .technology_title__Cfzvx {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .technology_textSection__p1gha .technology_description__jBFOe {
    font-size: 16px;
  }
  .technology_techItem__dwJ0W .technology_techName__H3K0b {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .technology_section__LW8V0 {
    margin-bottom: 100px;
  }
  .technology_textSection__p1gha .technology_title__Cfzvx {
    font-size: 20px;
  }
  .technology_textSection__p1gha .technology_description__jBFOe {
    font-size: 14px;
  }
  .technology_techItem__dwJ0W .technology_techName__H3K0b {
    font-size: 14px;
  }
}
@media (max-width: 425px) {
  .technology_section__LW8V0 {
    margin-bottom: 70px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/whyCard/card.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card_block__krRog {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  flex: 1 1;
}

.card_title__s4Wk5 {
  font-size: 22px;
  font-weight: 600;
}

.card_content__hJ8bN {
  font-size: 15px;
  color: #f9f3ff;
}

.card_block1__cQsU8 {
  position: relative;
}

.card_block1__cQsU8::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #00f, #8a2be2, #ffffff, #8a2be2, #00f);
  background-size: 200% 100%;
  animation: card_line1__YNcI3 0.5s forwards, card_gradientMove__5uv5X 2s linear infinite 0.5s;
}

.card_block1__cQsU8::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 0;
  background: linear-gradient(90deg, #00f, #8a2be2, #ffffff, #8a2be2, #00f);
  background-size: 100% 200%;
  animation: card_line2__UKc_o 0.5s forwards 0.5s, card_gradientMoveVert__8iM1p 2s linear infinite 1s;
  animation-delay: 0.5s;
}

.card_block2__kr6Ly {
  position: relative;
}

.card_block2__kr6Ly::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #8a2be2, #ffffff, #8a2be2);
  background-size: 200% 100%;
  animation: card_line3__9SuBT 0.5s forwards 1.2s, card_gradientMove__5uv5X 2s linear infinite 1.7s;
  animation-delay: 1.2s;
}

.card_block3__1f2QS {
  position: relative;
}

.card_block3__1f2QS::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  animation-delay: 1.8s;
  background: linear-gradient(180deg, #ffffff, #00f, #ffffff);
  background-size: 100% 200%;
  animation: card_line4__bACVm 0.5s forwards 1.8s, card_gradientMoveVert__8iM1p 2s linear infinite 2.3s;
}

.card_block3__1f2QS::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #ffffff, #00f, #ffffff);
  animation-delay: 2.4s;
  background-size: 200% 100%;
  animation: card_line5__jmAUq 0.5s forwards 2.4s, card_gradientMove__5uv5X 2s linear infinite 2.9s;
}

@keyframes card_line1__YNcI3 {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes card_line2__UKc_o {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
@keyframes card_line3__9SuBT {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes card_line4__bACVm {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
@keyframes card_line5__jmAUq {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes card_gradientMove__5uv5X {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes card_gradientMoveVert__8iM1p {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 200%;
  }
}
@media (max-width: 768px) {
  .card_block2__kr6Ly::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #00f, #8a2be2, #ffffff);
    background-size: 200% 100%;
    animation: card_gradientMove__5uv5X 2s linear infinite;
  }
  .card_block2__kr6Ly::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, #00f, #ffffff, #00f);
    background-size: 100% 200%;
    animation: card_gradientMoveVert__8iM1p 2s linear infinite;
  }
  .card_block2__kr6Ly span.card_bottomLine__sOW_Q {
    display: none;
  }
  .card_block3__1f2QS::before {
    left: auto;
    right: 0;
    background: linear-gradient(180deg, #ffffff, #00f, #ffffff);
    animation: card_line4__bACVm 0.5s forwards 1.8s, card_gradientMoveVert__8iM1p 2s linear infinite 2.3s;
  }
  .card_block3__1f2QS::after {
    background: linear-gradient(90deg, #ffffff, #00f, #ffffff);
    animation: card_line5__jmAUq 0.5s forwards 2.4s, card_gradientMove__5uv5X 2s linear infinite 2.9s;
  }
}
@media (max-width: 640px) {
  .card_title__s4Wk5 {
    font-size: 20px;
    height: 25px;
  }
  .card_content__hJ8bN {
    font-size: 14px;
  }
}
@media (max-width: 560px) {
  .card_title__s4Wk5 {
    font-size: 18px;
  }
  .card_content__hJ8bN {
    font-size: 13px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/whyList/list.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list_container__6FvEL {
  display: flex;
}

@media (max-width: 768px) {
  .list_container__6FvEL {
    flex-direction: column;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/whySection/why.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.why_section__Kni5T {
  padding: 0 20px;
  text-align: center;
  margin-bottom: 170px;
}

.why_heading__nk0aJ {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 35px;
  font-size: 40px;
}

@media (max-width: 1070px) {
  .why_heading__nk0aJ {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .why_heading__nk0aJ {
    font-size: 32px;
  }
  .why_section__Kni5T {
    margin-bottom: 120px;
  }
}
@media (max-width: 640px) {
  .why_heading__nk0aJ {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .why_title__HegpF {
    font-size: 20px;
    height: 45px;
  }
}
@media (max-width: 560px) {
  .why_heading__nk0aJ {
    font-size: 24px;
    text-align: center;
  }
  .why_section__Kni5T {
    margin-bottom: 100px;
  }
}
@media (max-width: 425px) {
  .why_section__Kni5T {
    margin-bottom: 70px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/animatedText/animatinText.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.animatinText_animatedText___kMIX {
  display: inline-block;
  white-space: pre;
  text-align: center;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.7490196078);
  animation: animatinText_typewriter__D5noS 5s steps(100, end) 1 forwards;
  position: relative;
  animation-fill-mode: both;
}

@keyframes animatinText_typewriter__D5noS {
  0% {
    width: 0;
    border-right-color: rgba(255, 255, 255, 0.7490196078);
  }
  50% {
    width: 100%;
    border-right-color: transparent;
  }
  100% {
    width: 100%;
    border-right-color: transparent;
    white-space: normal;
  }
}