/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/molecules/account-creation/AccountCreationLayout.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AccountCreationLayout_pageContainer__ACe5H {
  display: flex;
  min-height: 100vh;
  width: 100vw;
  flex-direction: column;
}
@media (min-width: 768px) {
  .AccountCreationLayout_pageContainer__ACe5H {
    flex-direction: row;
  }
}
.AccountCreationLayout_pageContainer__ACe5H h1 {
  font-size: 24px;
  font-weight: 500;
  color: #2FB3FF;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .AccountCreationLayout_pageContainer__ACe5H h1 {
    font-size: 28.35px;
    margin-bottom: 0px;
  }
}

.AccountCreationLayout_leftSection__xeF__ {
  display: none;
  width: 47%;
  position: relative;
  overflow-y: auto;
  background-size: contain;
  background-position: top center;
}
@media (min-width: 768px) {
  .AccountCreationLayout_leftSection__xeF__ {
    display: block;
  }
}

.AccountCreationLayout_rightSection__SoDbe {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 20px 20px !important;
  background-color: #fff;
}
@media (min-width: 768px) {
  .AccountCreationLayout_rightSection__SoDbe {
    width: 53%;
    padding: 40px 50px !important;
  }
}
@media (min-width: 1200px) {
  .AccountCreationLayout_rightSection__SoDbe {
    width: 53%;
    padding: 40px 170px !important;
  }
}

.AccountCreationLayout_stepperContainer__UgQeU {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 768px) {
  .AccountCreationLayout_stepperContainer__UgQeU {
    flex-wrap: nowrap;
    gap: 0;
  }
}

.AccountCreationLayout_stepItem__XECsW {
  display: flex;
  align-items: center;
  color: rgba(14, 20, 26, 0.6980392157);
  font-size: 0.8rem;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .AccountCreationLayout_stepItem__XECsW {
    font-size: 0.9rem;
  }
}
.AccountCreationLayout_stepItem__XECsW .AccountCreationLayout_checkbox__VrpQK {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(14, 20, 26, 0.6980392157);
  border-radius: 4px;
  margin-right: 8px;
  font-size: 0.75rem;
}
.AccountCreationLayout_stepItem__XECsW.AccountCreationLayout_active__QKnFP {
  color: #0B3B66;
  font-weight: 800;
  font-size: 14.16px;
}
.AccountCreationLayout_stepItem__XECsW.AccountCreationLayout_active__QKnFP .AccountCreationLayout_checkbox__VrpQK {
  border-color: #0B3B66;
  color: #0B3B66;
  font-weight: 800;
  font-size: 10.16px;
}
.AccountCreationLayout_stepItem__XECsW.AccountCreationLayout_done___2Z_6 {
  color: #0B3B66;
}
.AccountCreationLayout_stepItem__XECsW.AccountCreationLayout_done___2Z_6 .AccountCreationLayout_checkbox__VrpQK {
  background-color: #0B3B66;
  border-color: #0B3B66;
  color: white;
}

.AccountCreationLayout_separator__zxpDI {
  flex-grow: 1;
  height: 1px;
  background-color: #2FB3FF !important;
  margin: 0 10px;
}

.AccountCreationLayout_contentWrapper__2HMwu {
  width: 100%;
}

.AccountCreationLayout_mobileLogo__lK5lz {
  display: flex;
  justify-content: center;
  margin: 15px auto 60px auto;
}
@media (min-width: 768px) {
  .AccountCreationLayout_mobileLogo__lK5lz {
    display: none;
  }
}