/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Footer/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.style_footer__Ozqwl {
  width: 100%;
  display: flex;
  align-items: center;
  height: 315px;
  flex-direction: column;
  padding: 64px 0px 48px 0px;
  gap: 40px;
  background: rgba(255, 255, 255, 1);
  flex-shrink: 0;
}
.style_logoLinksContainer__piXJf {
  width: 1280px;
  height: 92px;
  gap: 24px;
  flex-direction: column;
  display: flex;
}
.style_InformationContainer__ys7Dl {
  width: 1312px;
  height: 68px;
  gap: 8px;
  flex-direction: column;
  display: flex;
}
.style_logoContainer__1fPXg {
  width: 1312px;
  height: 36px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.style_addressContent__abVuT {
  display: flex;
  justify-content: flex-end;
}
.style_addressContent__abVuT p {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2%;
  text-align: right;
  max-width: 346px;
  color: rgba(32, 32, 32, 1);
}
.style_cardLogoContainer__6kv3U {
  width: 1312px;
  height: 31.2379093170166px;
  gap: 10px;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
}

.style_timeContainer__L3WcI {
  width: 1312px;
  height: 56px;
  padding: 32px 0px 0px 0px;
  border-top: 1px solid rgba(32, 32, 32, 1);
  display: flex;
  flex-direction: row;
}
.style_footerTexts__gYt1a {
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(32, 32, 32, 1);
}
.style_footerLinks__um9Fv {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: rgba(32, 32, 32, 1);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Header/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.style_navBar__UroU9 {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 123px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  background: var(--dark-blue-950, rgba(17, 24, 39, 1));
  position: fixed;
  top: 0;
  z-index: 2;
}

.style_navBarContainer__XDeDA {
  width: 100%;
  max-width: 1280px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: space-between; /* Aralıklı hizalama */
}

.style_logo__OFa7_ {
  width: 150px;
  height: 36px;
  flex-shrink: 0; /* Küçülmesini engeller */
}

.style_inputContainer__43UBI {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  min-width: 200px; /* Aşırı küçülmesini önler */
  margin: 0 20px; /* Sağ ve sol boşluk */
  position: relative;
}

.style_searchInput__rM91I {
  width: 100%; /* Genişliği tamamen kullan */
  min-width: 200px; /* Çok küçülmesini önler */
  max-width: 571px; /* Çok büyümesini önler */
  height: 34px;
  padding: 4px 2px 4px 14px;
  border-radius: 12px;
  border: 1px solid #d0d5dd;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px #1018280d;
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #9d9d9d;
  outline: none;
}
.style_searchModal__gXFF1 {
  width: 571px;
  height: 408px;
  border-radius: 12px;
  padding: 4px 24px 4px 14px;
  background: white;
  border: 1px solid rgba(208, 213, 221, 1);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  top: 40px;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-width: none;
}
.style_searchModal__gXFF1::-webkit-scrollbar {
  display: none;
}

.style_searchModalTopSection__VYSYR {
  width: 100%;
  height: 36px;
  gap: 8px;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.style_searchModalTopSection__VYSYR p {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0%;
  color: var(--dark-blue-950, rgba(17, 24, 39, 1));
}

.style_searchModalTextContainer__2WXHj,
.style_searchModalBrandContainer__dlwvU {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
.style_searchModalDepartmantContainer__vYh2A {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.style_searchModalTextContainer__2WXHj span {
  height: 28px;
  padding: 4px 24px 4px 0;
  border-bottom: 1px solid rgba(244, 249, 249, 1);
  display: flex;
  align-items: center;
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: rgba(43, 71, 121, 1);
  gap: 8px;
  cursor: pointer;
}
.style_searchModalBrandContainer__dlwvU div {
  height: 32px;
  border-bottom: 1px solid rgba(244, 249, 249, 1);
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  flex-direction: row;
  cursor: pointer;
  cursor: pointer;
}
.style_searchModalBrandContainer__dlwvU div span {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0%;
  color: var(--dark-blue-700, rgba(43, 71, 121, 1));
  flex-direction: row;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.style_searchModalBrandContainer__dlwvU div p {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
  color: var(--greu-600, rgba(75, 96, 111, 1));
}
.style_line__B1pj1 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #a12213 0%, #490d06 100%);
}

.style_showAllDepartmantContainer__LGdrU {
  width: 533px;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--green-50, rgba(244, 249, 249, 1));
  flex-direction: row;
  display: flex;
  cursor: pointer;
}

.style_showAllDepartmantContainer__LGdrU p {
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2px;
  color: var(--dark-blue-700, rgba(43, 71, 121, 1));
}
.style_showAllDepartmantContainer__LGdrU span {
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.2%;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: 1px; /* Kalınlık artırıldı */
  text-underline-offset: 1px; /* Çizgi biraz aşağıya alındı */
  color: var(--dark-blue-700, rgba(43, 71, 121, 1));
}

.style_categoryContainer__sncEk {
  width: 533px;
  height: 24px;
  justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--green-50, rgba(244, 249, 249, 1));
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-bottom: 8px;
  cursor: pointer;
}
.style_categoryContainer__sncEk p {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--dark-blue-700, rgba(43, 71, 121, 1));
}
.style_categoryContainer__sncEk span {
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
  color: var(--greu-600, rgba(75, 96, 111, 1));
}
.style_inputContainerSideMenu__tWIZG {
  display: flex;
  width: 130px; /* Genişliği tamamen kullan */
  justify-content: center;
}

.style_searchInputSideMenu__Flv3F {
  width: 130px; /* Genişliği tamamen kullan */
  height: 34px;
  padding: 4px 2px 4px 14px;
  border-radius: 12px;
  border: 1px solid #d0d5dd;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px #1018280d;
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #9d9d9d;
  outline: none;
}
.style_navBarIcons___rZYn {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0; /* Küçülmesini engeller */
}

.style_iconLink__Beqob {
  background: transparent;
  border: none;
  cursor: pointer;
}

.style_menuBar__bvprL {
  display: flex;
  width: 1280px;
  height: 40px;
  align-items: center;
  flex-direction: row;
  gap: 12px;
}

.style_menuBarLinks__RLG5K {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--dark-blue-50, #f4f6fb);
  font-family: "Gilmer-Medium";
  font-size: 14px;
  font-weight: 600;
}

.style_menuBarLinkActive__nyyv9 {
  display: flex;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 40px;
  border-bottom: 1px solid #e73725;
  color: #e73725;
  font-family: "Gilmer-Medium";
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  background: var(--dark-blue-50, rgba(244, 246, 251, 1));
}

.style_hamburger__0Y2PW {
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 20px;
  margin-left: 0 !important;
}

.style_closeButton__yDvbQ {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.style_sideMenu__ui514 {
  position: fixed;
  top: 0;
  width: auto;
  height: 100vh;
  background: var(--dark-blue-950, rgba(17, 24, 39, 1));
  color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  transition: left 0.3s ease-in-out;
  gap: 15px;
  left: 0px;
}

.style_sideMenu__ui514.style_open__WJ0fH {
  left: 0;
}

.style_mobileHeight__ZSybG {
  height: 30px !important;
}

.style_daypoint__amsSP {
  width: 158px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Gilmer-Medium";
  font-size: 18px;
  font-weight: 600;
  color: #f4f6fb;
}

.style_redCircle__RaJM1 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e73725;
}
.style_menuBarItem__0_KRG {
  position: relative;
  padding-top: 2px;
  height: 43px;
}
.style_menuBarItem__0_KRG:hover .style_dropdownContainer__RJXwh {
  display: block; /* Üzerine gelince görünür */
  padding: 0;
}
.style_dropdownContainer__RJXwh:hover .style_dropdownContainer__RJXwh {
  display: block; /* Üzerine gelince görünür */
  padding: 0;
}
.style_dropdownContainer__RJXwh {
  display: none;
  margin-top: 6px;
}
.style_dropdown__ziFUR {
  position: absolute;
  width: 1284px;
  height: 484px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgba(255, 255, 255, 1);
  box-shadow:
    -2px 2px 7px 0px rgba(43, 71, 121, 0.22),
    -9px 9px 13px 0px rgba(43, 71, 121, 0.19),
    -21px 20px 17px 0px rgba(43, 71, 121, 0.11),
    -37px 35px 20px 0px rgba(43, 71, 121, 0.03),
    -57px 54px 22px 0px rgba(43, 71, 121, 0);
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.style_dropdownSportsContainer__lNNsC {
  width: 120px;
  height: 447px;
  gap: 12px;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
  margin-left: 24px;
  scrollbar-width: block;
  -ms-overflow-style: block;
}

.style_dropdownSportsContainer__lNNsC::-webkit-scrollbar {
  display: block;
}
.style_scrollBarContainer__qO0PF {
  width: 9px;
  height: 451px;
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 10px 2px;
  justify-content: center;
  align-items: flex-start;
  border-right: 0.5px solid var(--green-100, #dbecea);
  border-left: 0.5px solid var(--green-100, #dbecea);
  background: var(--green-50, #f4f9f9);
  align-self: stretch;
}

.style_scrollBar__mwBgS {
  background: var(--cyan-100, rgba(230, 255, 251, 1));
  width: 4px;
  height: 200px;
  border-radius: 999px;
  transition: transform 0.1s linear;
  position: absolute;
  left: 2px;
  top: 0;
}

.style_sportsContent__VPppX {
  width: 120px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0px 4px 8px;
  border-bottom: 1px solid var(--green-50, rgba(244, 249, 249, 1));
  cursor: pointer;
  font-family: Gilmer, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--dark-blue-950, rgba(17, 24, 39, 1));
  transition: color 0.2s ease;
}

.style_sportsContent__VPppX:hover,
.style_activeSport__m1j5O {
  color: var(--CTA-v1, rgba(241, 80, 37, 1));
}

.style_dropdownSubCategoryContainer__Uci91 {
  width: 1089px;
  height: 447px;
  flex-direction: column;
  display: flex;
}
.style_dropdownSubCategoryContent__yGHzl {
  column-count: 6; /* sütun sayısı */
  column-gap: 12px;
  height: 364px;
  max-width: 1096px; /* en fazla bu genişlik */
  width: 1096px; /* ekranın izin verdiği kadar */
  column-fill: auto; /* veya balance */
  overflow: hidden; /* taşmayı gizle */
  box-sizing: border-box;
}

.style_subCategoryWrapper__Am1hg {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 8px;
  width: 184px;
}
.style_subCategoryTitle__DrWHI {
  width: 129.125px; /* px ekledim */
  height: 32px; /* px ekledim */
  gap: 8px; /* gap burada container için işe yarar, inline text elementlerde işe yaramaz */
  border-radius: 8px;
  padding: 8px;
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: var(--dark-blue-700, rgba(43, 71, 121, 1));
  margin-bottom: -8px;
}
.style_subCategoryLink__vD5Fj {
  text-decoration: none;
  cursor: pointer;
}

.style_productGroup__8bP87 {
  width: 120px;
  height: 15px;
  padding-left: 8px;
  font-family: "Gilmer";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1.2%;
  color: var(--dark-blue-950, rgba(17, 24, 39, 1));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin-top: 5px;
  display: block;
  cursor: pointer;
}
.style_productGroup__8bP87:hover {
  color: var(--CTA-v1, rgba(241, 80, 37, 1));
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalNotLoggedIn/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalBackdrop__i5s4v {
  position: fixed;
  display: flex;
  z-index: 99;
  transform: translate(-97%, -2%);
}

.style_modalContainer__X36Et {
  display: inline-flex;
  flex-direction: column;
  padding: var(--Spacing-spacing-6, 24px);
  justify-content: flex-end;
  align-items: center;
  gap: var(--Spacing-spacing-3, 12px);
  border-radius: var(--Border-Radius-rounded-xl, 12px)
    var(--Border-Radius-rounded-none, 0px) var(--Border-Radius-rounded-xl, 12px)
    var(--Border-Radius-rounded-xl, 12px);
  background: #fff;
  box-shadow:
    -57px 54px 22px 0px rgba(43, 71, 121, 0),
    -37px 35px 20px 0px rgba(43, 71, 121, 0.03),
    -21px 20px 17px 0px rgba(43, 71, 121, 0.11),
    -9px 9px 13px 0px rgba(43, 71, 121, 0.19),
    -2px 2px 7px 0px rgba(43, 71, 121, 0.22);
}
.style_loginContainer__L1stY {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--Spacing-spacing-3, 12px);
}
.style_button__ZD_rR {
  display: flex;
  width: 120px;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: none;
  font-family: Gilmer;
}
.style_button__ZD_rR.style_blue__3eXVU {
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-700, #2b4779);

  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));

  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_button__ZD_rR.style_green__R9nq7 {
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--green-100, #dbecea);

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-size: 16px;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}

.style_register__MhaTQ {
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-700, #2b4779);
}

.style_button__ZD_rR:hover {
  opacity: 0.8;
}
.style_formButton__u8FWM {
  display: flex;
  padding: var(--Spacing-spacing-1, 4px) var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  border: 1px solid var(--dark-blue-700, #2b4779);
  background-color: transparent;
  cursor: pointer;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalLogin/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper___xNub {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__hoyla {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button___NpXz {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: Gilmer;
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_button___NpXz.style_active__Mc4fI {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__hoyla span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}
.style_modalBody__hs3IP {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__ZObub {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}
.style_closeButton__jJtIw {
  display: flex;
  justify-content: flex-end;
}
.style_rightSection__5Vjp4 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_rightSection__5Vjp4 h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer__lyPWI {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_forgotPasswordContainer__shg3S {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 20px;
  margin-right: 80px;
}
.style_buttonContainer__q5J_d {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  gap: 20px;
}
.style_forgotPassword__5tgwR {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 14px;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.style_socialMediaContainer__9YgFq {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia_____kk {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}

@media (max-width: 768px) {
  .style_modalHeaderWrapper___xNub {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    /* top: 0;
    margin-bottom: 20px; */
  }
  .style_modalHeader__hoyla {
    width: 100%;
    padding: 10px 10px;
    border-radius: 0;
    box-sizing: border-box;
  }
  .style_button___NpXz {
    font-size: 16px;
    padding: 8px 12px;
  }
  .style_modalHeader__hoyla span {
    font-size: 12px;
  }
  .style_modalBody__hs3IP {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__ZObub {
    display: none;
  }
  .style_rightSection__5Vjp4 {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_rightSection__5Vjp4 h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_inputContainer__lyPWI {
    width: 100%;
    align-items: center;
  }
  .style_forgotPasswordContainer__shg3S {
    margin-right: 0;
    align-items: center;
  }
  .style_buttonContainer__q5J_d {
    width: 100%;
  }
  .style_socialMediaContainer__9YgFq {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia_____kk {
    width: 100%;
    justify-content: center;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Modal/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__WhaYH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  margin-top: 123px;
  height: calc(100vh - 123px);
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  overflow: auto;
}
.style_modalContent__AD4AE {
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
  margin-top: 24px;
  border-radius: 24px;
}
@media (max-width: 1312px) {
  .style_modalOverlay__WhaYH {
    margin-top: 73px;
    height: calc(100vh - 73px);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Input/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.style_inputContainer__RnV2o {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.style_titleContainer__BLlzB {
  display: flex;
  gap: 8px;
  align-items: center;
}
.style_title___l1nS {
  color: #111827;
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__cp8S_ {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_customInput__ThwXr {
  width: 240px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid rgba(222, 226, 230, 1);
  background: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  display: flex;
  min-height: 40px;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
}
.style_passwordInput__gX0ui {
  padding: 0px 9px 0px 0px;
}
.style_input__59vsP {
  width: 100%;
  padding: 9px 16px;
  border-radius: 6px;
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  outline: none;
  color: #111827;
  background: transparent;
  border: none;
}
.style_input__59vsP[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}
.style_input__59vsP[type="number"]::-webkit-outer-spin-button,
.style_input__59vsP[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.style_input__59vsP::placeholder {
  color: rgba(173, 181, 189, 1);
}

.style_input__59vsP:disabled {
  background: var(--bg_green, #ecf1f1);
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  cursor: not-allowed;
}
.style_icon__BSMtQ {
  cursor: pointer;
  /* padding-right: 10px; */
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/AuthButton/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.style_button__F_Mez {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 12px;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%),
    linear-gradient(145.45deg, #f15025 20.39%, #e73725 79.61%); /* Buton arka planı */

  border: 1px solid;
  border-radius: 12px;
  cursor: pointer;
  /* 
  border-image-source: linear-gradient(
    to right,
    rgba(243, 246, 246, 1),
    rgba(249, 78, 58, 1),
    rgba(73, 13, 6, 1)
  ); 
  border-image-slice: 1; */
}

.style_button__F_Mez span {
  font-family: "Gilmer";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.012em;
  text-align: center;
  text-decoration: none;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--CTA-50, rgba(255, 242, 241, 1)) !important;
  padding: var(--Spacing-spacing-2, 8px) var(--Spacing-spacing-4, 16px);
  border: none;
  width: 100%;
}

.style_button__F_Mez:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalRegister/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper___i1Wu {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__sxTl2 {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button__IhKcV {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  font-family: Gilmer;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_button__IhKcV.style_active__ypnSB {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__sxTl2 span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}
.style_modalBody__AfIgb {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__aER61 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}

.style_rightSection__hm54M {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_closeButton__LwsET {
  display: flex;
  justify-content: flex-end;
}
.style_stepContainer__Os3Gt {
  margin-top: 56px;
}
.style_rightSection__hm54M h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer___YsF7 {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_buttonContainerStep1__45k73 {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.style_buttonStep1__POE__ {
  width: 442px;
}
.style_checkboxContainer__whS2n {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-top: auto;
}

.style_socialMediaContainer__R_U__ {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia__S3tEV {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputContainerStep2__5M72t {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  gap: 12px;
}
.style_buttonContainerStep2__CNDUx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: auto;
}
.style_resendButton__Qrur6 {
  border: none;
  background-color: transparent;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));

  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputContainerStep3__JQu0T {
  display: flex;
  width: 434px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
}
.style_descriptionContainer__7ClqX {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.style_title__dzXqt {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__SYtVZ {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputStep3__KqkyL {
  display: flex;
  width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.style_inputTitle__JNvsl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.style_optionContainer__o09_7 {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  width: 434px;
  max-height: 200px;
  overflow: auto;
}
.style_optionContainer__o09_7 select {
  font-family: Gilmer;
}
.style_option__sGvMC {
  display: flex;
  padding: 9px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--green-50, #f4f9f9);

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.style_selectedOption__C6yD8 {
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--dark-blue-700, #2b4779);
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
}
.style_customSelectStyle___ncRr {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  webkitappearance: none;
  mozappearance: none;
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_buttonContainerStep3__83Cmd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  margin-right: 40px;
}
.style_placeholder___Pj1Z {
  color: #adb5bd;
}

@media (max-width: 768px) {
  .style_modalHeaderWrapper___i1Wu {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    top: 0;
    margin-bottom: 20px;
  }
  .style_modalHeader__sxTl2 {
    width: 100%;
    padding: 10px 10px;
    border-radius: 0;
    box-sizing: border-box;
  }
  .style_button__IhKcV {
    font-size: 16px;
    padding: 8px 12px;
  }
  .style_modalHeader__sxTl2 span {
    font-size: 12px;
  }
  .style_modalBody__AfIgb {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__aER61 {
    display: none;
  }
  .style_rightSection__hm54M {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_rightSection__hm54M h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_stepContainer__Os3Gt {
    margin-top: 20px;
  }
  .style_inputContainer___YsF7 {
    width: 100%;
    align-items: center;
  }
  .style_buttonContainerStep1__45k73 {
    width: 100%;
    align-items: center;
  }
  .style_buttonStep1__POE__ {
    width: 100%;
  }
  .style_checkboxContainer__whS2n {
    width: 100%;
    align-items: flex-start;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_socialMediaContainer__R_U__ {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia__S3tEV {
    width: 100%;
    justify-content: center;
  }
  .style_inputContainerStep2__5M72t {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_buttonContainerStep2__CNDUx {
    width: 100%;
  }
  .style_inputContainerStep3__JQu0T {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_inputStep3__KqkyL {
    width: 100%;
  }
  .style_optionContainer__o09_7 {
    width: 100%;
    justify-content: center;
  }
  .style_buttonContainerStep3__83Cmd {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Step/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.style_container__bP2Ol {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-6, 24px);
}
.style_step__iiNfL {
  width: 130px;
  height: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-100, #e8ecf6);
}
.style_active__43CUr {
  background: var(--dark-blue-700, #2b4779);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/CheckboxWithLabel/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.style_consentItem__CHv_k {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
  cursor: pointer;
}
.style_inlineBlockImportant__bJTlB {
  display: inline-block !important;
  margin-top: 2px !important;
}
.style_fixedWidth__Zat82 {
  flex: none; /* Remove flex properties */
  width: 32px;
  height: 24px;
}
.style_consentItem__CHv_k:last-child {
  margin: 0;
}
.style_consentItem__CHv_k input[type="checkbox"] {
  display: none;
}

.style_checkbox__5WsSn {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #800000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_consentItem__CHv_k input[type="checkbox"]:checked + .style_checkbox__5WsSn {
  background-color: #800000;
}

.style_checkbox__5WsSn svg {
  display: none;
  width: 16px;
  height: 16px;
}

.style_consentItem__CHv_k input[type="checkbox"]:checked + .style_checkbox__5WsSn svg {
  display: inline-block;
}
.style_consentText__db_z4 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Spacing-spacing-4, 16px);
}

.style_link__5c9Oi {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.style_link__5c9Oi:hover {
  text-decoration: underline;
}
.style_hiddenCheckbox__P09jF {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/NotificationMessage/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.style_notificationContainer__h165l {
  display: flex;
  width: 90vw;
  max-width: 866px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  flex-shrink: 0;
  border-radius: var(--Border-Radius-rounded-xl, 12px);
  box-shadow:
    0px 79px 22px 0px rgba(0, 0, 0, 0),
    0px 51px 20px 0px rgba(0, 0, 0, 0.01),
    0px 28px 17px 0px rgba(0, 0, 0, 0.05),
    0px 13px 13px 0px rgba(0, 0, 0, 0.09),
    0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  flex: auto;
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
  margin-top: 10px;
}
.style_error__bfX2t {
  background: var(--danger-800, #af0505);
}
.style_success__Rgaoh {
  background: var(--success-800, #097244);
}
.style_warning__sQAVM {
  background: var(--warning-700, #c63b08);
}
.style_notLogin__3Xulo {
  background: var(--dark-blue-700, rgba(43, 71, 121, 1));
}
.style_closeButton__XCzJC {
  margin-left: auto;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/AuthModalHeader/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper__j_s__ {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__DiD1x {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button__zx_lu {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  font-family: Gilmer;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
  cursor: pointer;
}
.style_button__zx_lu.style_active__Mo1EV {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__DiD1x span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalResetPassword/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalBody__7pswc {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__H7QQ4 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}
.style_rightSection__uVCEn {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_closeButton__yRQE1 {
  display: flex;
  justify-content: flex-end;
}
.style_stepContainer__CzgYC {
  margin-top: 56px;
}
.style_rightSection__uVCEn h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer__yHI7u {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_buttonContainerStep1__79GZc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 50px;
  margin-right: 80px;
}
.style_checkboxContainer__FtVML {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-top: auto;
}
.style_socialMediaContainer__2BKN4 {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia__szuKL {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputContainerStep2__XVvO1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  gap: 12px;
}
.style_buttonContainerStep2__YLCiG {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: auto;
}
.style_resendButton__B9eH5 {
  border: none;
  background-color: transparent;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  margin-right: 20px;
  margin-top: 20px;

  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputContainerStep3__uFEln {
  display: flex;
  width: 434px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
}
.style_descriptionContainer__ttJDh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.style_title__amNuA {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__2tMYE {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputStep3__grdZY {
  display: flex;
  width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.style_inputTitle__1UHO6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.style_optionContainer__NJURH {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  width: 434px;
  max-height: 200px;
  overflow: auto;
}
.style_optionContainer__NJURH select {
  font-family: Gilmer;
}
.style_option__2ZQN4 {
  display: flex;
  padding: 9px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--green-50, #f4f9f9);

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.style_selectedOption__o79XM {
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--dark-blue-700, #2b4779);
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
}
.style_customSelectStyle__O7_hG {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  webkitappearance: none;
  mozappearance: none;
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Gray-500, #adb5bd);
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_buttonContainerStep3__5V7fG {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  margin-right: 40px;
}

@media (max-width: 768px) {
  .style_modalBody__7pswc {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__H7QQ4 {
    display: none;
  }
  .style_rightSection__uVCEn {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_closeButton__yRQE1 {
    margin-top: 10px;
  }
  .style_stepContainer__CzgYC {
    margin-top: 20px;
  }
  .style_rightSection__uVCEn h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_inputContainer__yHI7u {
    width: 100%;
    align-items: center;
  }
  .style_buttonContainerStep1__79GZc {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
  .style_socialMediaContainer__2BKN4 {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia__szuKL {
    width: 100%;
    justify-content: center;
  }
  .style_inputContainerStep2__XVvO1 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_buttonContainerStep2__YLCiG {
    width: 100%;
  }
  .style_resendButton__B9eH5 {
    margin-right: 0;
    margin-top: 10px;
  }
  .style_inputContainerStep3__uFEln {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_inputStep3__grdZY {
    width: 100%;
  }
  .style_optionContainer__NJURH {
    width: 100%;
    justify-content: center;
  }
  .style_buttonContainerStep3__5V7fG {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalMenu/style.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.style_modalBackdrop__iRmBg {
  position: fixed;
  display: flex;
  z-index: 2;
  transform: translate(-96.5%, -2%);
}

.style_modalContainer__K6QGO {
  display: inline-flex;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: #353d44;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(17.5px);
          backdrop-filter: blur(17.5px);
}

.style_button__bOs3d {
  cursor: pointer;
  display: flex;
  height: 36px;
  padding: 10px 16px 10px 16px;
  align-items: flex-start;
  gap: 8px;
  width: 235px;
  background: transparent;
  border: none;

  color: var(--Black-0, #fff);
  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.style_button__bOs3d.style_active__rrAJy {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.15);
}
.style_button__bOs3d:hover {
  opacity: 0.8;
}
.style_closeButton__nM5Sb {
  border: none;
  background-color: transparent;
  cursor: pointer;
  margin-top: 20px var(--Spacing-spacing-4, 16px);
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));

  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalTrainerApplicationForm/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper__bPRGD {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__qZYN8 {
  display: flex;
  padding: var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_modalHeader__qZYN8 h1 {
  color: var(--Active-Item, var(--dark-blue-700, #2b4779));
  font-family: Gilmer;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.24px;
}

.style_modalBody__g25_k {
  width: 90vw;
  max-width: 1090px;
  height: 725px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 42px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__VkyEz {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/trainerLogin.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}

.style_rightSection__1_0du {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_closeButton__wHkXs {
  display: flex;
  justify-content: flex-end;
}
.style_rightSection__1_0du h1 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
}
.style_rightContent__2hnS_ {
  display: flex;
  width: 485px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-8, 32px);
  flex: 1 0;
}
.style_right___qhRu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  align-self: stretch;
}
.style_inputContainer__BXOki {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  align-self: stretch;
}
.style_input__3kdDn {
  display: flex;
  align-items: flex-start;
  gap: var(--Spacing-spacing-1, 4px);
  align-self: stretch;
}
.style_inputEmail__bxM8R {
  display: flex;
  min-height: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}
.style_emailInfo__1NTpq {
  align-self: stretch;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.style_buttonContainer__ltlc9 {
  display: flex;
  width: 485px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.style_inputDateOfBirth__7iX35 {
  display: flex;
  justify-content: center;
  gap: var(--Spacing-spacing-2, 6px);
  flex-direction: column;
}
.style_dateOfBirth__MlOve {
  display: flex;
  align-items: center;
  gap: 8px;
}
.style_title__iTuD1 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__UFBog {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_optionContainer__DwNnZ {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  width: 434px;
  max-height: 200px;
  overflow: auto;
}
.style_optionContainer__DwNnZ select {
  font-family: Gilmer;
}
.style_option__GmwxR {
  cursor: pointer;
  display: flex;
  height: 30px;
  padding: 8px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  border: 1px solid var(--dark-blue-700, #2b4779);
  background-color: transparent;

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));

  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_selectedOption__EGKuF {
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--dark-blue-700, #2b4779);
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
  font-weight: 600;
}
.style_customSelectStyle__2_YNr {
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_buttonContainerStep__RphfG {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1 0;
}
.style_buttonStep__zRd6J {
  width: 100%;
}
.style_inputGroup__QOlJY {
  display: flex;
  padding: var(--Spacing-spacing-3, 12px) var(--Spacing-spacing-0, 0px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-spacing-3, 12px);
  align-self: stretch;
}
.style_inputGroup__QOlJY .style_inputTitleContainer__btVfC {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
  align-self: stretch;
}
.style_label__iDUBU {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_inputGroup__QOlJY .style_input__3kdDn {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.style_inputGroup__QOlJY .style_hidden__qakgW {
  display: none;
}

.style_inputGroup__QOlJY .style_button__pJ5G2 {
  display: flex;
  min-height: 32px;
  padding: var(--Spacing-spacing-0, 0px) var(--Spacing-spacing-4, 16px);
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
  border-radius: var(--Border-Radius-rounded-3xl, 24px);
  border: 1px solid var(--white-100, #fff);
  background: var(--dark-blue-700, #2b4779);
  cursor: pointer;
}

.style_inputGroup__QOlJY .style_info__YhK1j {
  width: 352px;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputGroup__QOlJY .style_selectedFile__Jc82n {
  display: flex;
  min-height: 32px;
  padding: var(--Spacing-spacing-0, 0px) var(--Spacing-spacing-4, 16px);
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
  border-radius: var(--Border-Radius-rounded-3xl, 24px);
  border: 1px solid var(--white-100, #fff);
  background: var(--green-600, #3c6e71);
}
.style_inputGroup__QOlJY .style_selectedFile__Jc82n span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;

  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputGroup2__SYOVR {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.style_optionContainer2__Vsxst {
  display: flex;
  flex-direction: column;
  min-height: 40px;

  align-items: flex-start;
  gap: 6px;
  flex: 1 0;
}
.style_optionContainer2__Vsxst input,
.style_optionContainer2__Vsxst select {
  display: flex;
  height: 40px;
  padding: 0px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_inputInstagramGroup__SV1jV {
  display: flex;
  width: 238.5px;
  height: 70px;
  min-height: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.style_inputInstagramGroup__SV1jV label {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputInstagramContainer__1SyAG {
  display: flex;
  align-items: center;
  gap: 6px;
}
.style_instagramInput__U7lUt {
  display: flex;
  height: 40px;
  padding: 0px 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);
}
.style_instagram__TM0A6 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;

  display: flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  flex: 1 0;
  border: none;
  background-color: transparent;
}
.style_instagram__TM0A6:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.style_instagramIcon__wguY_ {
  margin-right: 10px;
  font-size: 18px;
  color: #2c3e50;
}
.style_checkboxContainer__FPIH1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.82px;
}
.style_otpContainer__JzRu0 {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-spacing-4, 16px);
  align-self: stretch;
}
.style_otpInputs__Tz9yT {
  display: flex;
  gap: 8px;
}
.style_otpInput__LvFjL {
  display: flex;
  height: 40px;
  width: 44px;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);
  transition: border-color 0.3s ease;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
  text-align: center;
}
.style_otpText__fOx5q {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  text-align: center;
  font-family: Gilmer;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_otpDescription__RN3kk {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_textContainer__tSGxY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}
.style_text__iX8C6 {
  width: 485px;
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_textContainer__tSGxY .style_title__iTuD1 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_passwordContainer__uzBRy {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: var(--Spacing-spacing-4, 16px);
  align-self: stretch;
}
.style_passwordInputContainer__RQh3z {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0;
}
.style_passwordRuleContainer__tYXG6 {
  display: flex;
  width: 149px;
  height: 132px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Spacing-spacing-3, 12px);
}
.style_passwordRuleContainer__tYXG6 span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: Gilmer;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_placeholder__yYT13 {
  color: #adb5bd;
}
.style_emailInput__Bl1li {
  width: 484px !important;
}

@media (max-width: 768px) {
  .style_modalHeaderWrapper__bPRGD {
    position: relative;
  }

  .style_modalBody__g25_k {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
    margin-top: 0px;
  }
  .style_leftSection__VkyEz {
    display: none;
  }
  .style_rightSection__1_0du {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .style_closeButton__wHkXs {
    margin-top: 10px;
  }

  .style_rightContent__2hnS_ {
    width: 100%;
    align-items: center;
  }
  .style_inputContainer__BXOki {
    width: 100%;
    align-items: center;
  }
  .style_input__3kdDn {
    flex-direction: column;
    gap: 16px;
  }
  .style_inputEmail__bxM8R {
    width: 100%;
  }
  .style_emailInfo__1NTpq {
    text-align: center;
  }
  .style_buttonContainer__ltlc9 {
    width: 100%;
    align-items: center;
    margin-top: 10px;
  }
  .style_inputDateOfBirth__7iX35 {
    width: 100%;
  }
  .style_optionContainer__DwNnZ {
    width: 100%;
  }
  .style_buttonContainerStep__RphfG {
    width: 100%;
  }
  .style_inputGroup__QOlJY .style_info__YhK1j {
    width: 100%;
    text-align: center;
  }
  .style_inputGroup2__SYOVR {
    flex-direction: column;
    width: 100%;
  }
  .style_optionContainer2__Vsxst {
    width: 100%;
  }
  .style_inputInstagramGroup__SV1jV {
    width: 100%;
  }
  .style_otpContainer__JzRu0 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_otpInputs__Tz9yT {
    width: 100%;
    justify-content: center;
  }
  .style_otpInput__LvFjL {
    width: calc((100% - 40px) / 6);
  }
  .style_otpText__fOx5q {
    font-size: 16px;
  }
  .style_otpDescription__RN3kk {
    font-size: 14px;
  }
  .style_textContainer__tSGxY {
    width: 100%;
    align-items: center;
  }
  .style_text__iX8C6 {
    width: 100%;
    text-align: center;
  }
  .style_textContainer__tSGxY .style_title__iTuD1 {
    text-align: center;
  }
  .style_passwordContainer__uzBRy {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_passwordInputContainer__RQh3z {
    width: 100%;
  }
  .style_passwordRuleContainer__tYXG6 {
    width: 100%;
    height: auto;
    align-items: center;
  }
  .style_passwordRuleContainer__tYXG6 span {
    text-align: center;
  }
}
@media (max-width: 484px) {
  .style_emailInput__Bl1li {
    width: 240px !important;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ProgressBar/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.style_progressContainer__ZV_ye {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
}

.style_progressActive__LJpRH {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
  flex: 1 0;
}
.style_progressBar__6DvdP {
  height: 16px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-100, #e8ecf6);
}
.style_progressBar__6DvdP.style_active__UzH9F {
  background: var(--dark-blue-700, #2b4779);
}
.style_progressBar2__pP1_u {
  display: flex;
  height: 16px;
  padding-right: 164px;
  align-items: center;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-full, 999px);
  background: var(--dark-blue-100, #e8ecf6);
}
.style_progressBar2__pP1_u .style_active__UzH9F {
  width: 177px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-full, 999px);
  background: var(--dark-blue-700, #2b4779);
}
.style_progressBar__6DvdP.style_done__yDlYk {
  display: flex;
  width: 64px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--Border-Radius-rounded-full, 999px);
  background: var(--dark-blue-700, #2b4779);
}
.style_progressLabel__WDM_F {
  align-self: stretch;
  color: var(--Active-Item, var(--dark-blue-700, #2b4779));
  text-align: center;
  font-family: Gilmer;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_orderProgress___1e9Z {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
}
.style_progressBarPasifeContainer__lI3lA {
  display: flex;
  width: 130px;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.js","import":"Geist","arguments":[{"variable":"--font-geist-sans","subsets":["latin"]}],"variableName":"geistSans"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8d697b304b401681-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba015fad6dcf6784-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Fallback';src: local("Arial");ascent-override: 95.94%;descent-override: 28.16%;line-gap-override: 0.00%;size-adjust: 104.76%
}.__className_188709 {font-family: 'Geist', 'Geist Fallback';font-style: normal
}.__variable_188709 {--font-geist-sans: 'Geist', 'Geist Fallback'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.js","import":"Geist_Mono","arguments":[{"variable":"--font-geist-mono","subsets":["latin"]}],"variableName":"geistMono"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/9610d9e46709d722-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/747892c23ea88013-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/93f479601ee12b01-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Mono Fallback';src: local("Arial");ascent-override: 74.67%;descent-override: 21.92%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_9a8899 {font-family: 'Geist Mono', 'Geist Mono Fallback';font-style: normal
}.__variable_9a8899 {--font-geist-mono: 'Geist Mono', 'Geist Mono Fallback'
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./styles/globals.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}
@font-face {
  font-family: "Gilmer-Heavy";
  src: url("/fonts/GilmerHeavy.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Gilmer-Bold";
  src: url("/fonts/GilmerBold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Gilmer-Medium";
  src: url("/fonts/GilmerMedium.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Gilmer";
  src: url("/fonts/GilmerRegular.otf") format("opentype");
  font-display: swap;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
  top: 0;
  left: 0;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Gilmer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}