/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/uikit/Modal/Modal.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Modal_bg__TV7LL {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7215686275);
  z-index: 10;
}
.Modal_bg__TV7LL.Modal_top__HAUh_ {
  justify-content: center;
  align-items: flex-start;
}
.Modal_bg__TV7LL.Modal_right__uegHd {
  justify-content: flex-end;
  align-items: center;
}
.Modal_bg__TV7LL.Modal_bottom__QfGHB {
  align-items: flex-end;
  justify-content: center;
}
.Modal_bg__TV7LL.Modal_left__MZ69M {
  align-items: center;
  justify-content: start;
}
.Modal_bg__TV7LL.Modal_center__IBV2Y {
  align-items: center;
  justify-content: center;
}
.Modal_bg__TV7LL .Modal_modal__FVf38 {
  background: white;
  position: relative;
}
.Modal_bg__TV7LL .Modal_modal__FVf38.Modal_border__21fsp {
  border-radius: 1.5rem;
}
.Modal_bg__TV7LL .Modal_close__tNWhS {
  width: 20px;
  height: 20px;
  z-index: 50;
  top: 1.5rem;
  right: 1.5rem;
  position: absolute;
  cursor: pointer;
}
.Modal_bg__TV7LL .Modal_close__tNWhS svg {
  transition: all 0.7s ease;
}
.Modal_bg__TV7LL .Modal_close__tNWhS svg:hover {
  transform: scale(1.25);
}
.Modal_bg__TV7LL .Modal_gallery__erKNU {
  background: initial;
  overflow: initial;
}
.Modal_bg__TV7LL .Modal_gallery__erKNU .Modal_close__tNWhS {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  left: 0;
  right: 0;
  top: -96px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.Modal_bg__TV7LL .Modal_gallery__erKNU .Modal_close__tNWhS svg {
  width: 32%;
}
.Modal_bg__TV7LL .Modal_gallery__erKNU .Modal_close__tNWhS svg path {
  fill: white;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/uikit/Notification/Notification.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Notification_notification__8aMy8 {
  background: white;
  position: relative;
  padding-left: 1.25rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 2rem;
  border-radius: 0.75rem;
}
.Notification_notification__8aMy8 svg {
  position: absolute;
  top: 1.4rem;
  right: 1rem;
  cursor: pointer;
  transition: all 0.7s ease;
}
.Notification_notification__8aMy8 svg:hover {
  transform: scale(1.25);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Popup/Popup.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Popup_popup__u2Vs3 {
  background: white;
  border-radius: 14px;
  overflow: hidden;
  z-index: 50;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/home/HeadingCard/HeadingCard.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeadingCard_button__pqePR {
  padding: 20px 24px;
  border-radius: 20px;
  border: 1.5px solid #BF423D;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #BF423D;
  max-width: 267px;
  transition: all 0.7s ease;
}
@media screen and (max-width: 767px) {
  .HeadingCard_button__pqePR {
    width: 100%;
  }
}
.HeadingCard_button__pqePR.HeadingCard_active__cw09V {
  background: #BF423D;
  color: white;
}
.HeadingCard_button__pqePR.HeadingCard_active__cw09V svg path {
  fill: white;
}
.HeadingCard_button__pqePR svg {
  width: 35px;
  height: 35px;
}
.HeadingCard_button__pqePR svg path {
  transition: all 0.7s ease;
  fill: #BF423D;
}
.HeadingCard_button__pqePR h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  text-align: left;
}
.HeadingCard_button__pqePR p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/VacancyCard/VacancyCard.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VacancyCard_card__Cj2Xz {
  background: white;
  border-radius: 20px;
  max-width: calc(25% - 15px);
  width: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.VacancyCard_card__Cj2Xz:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1025px) {
  .VacancyCard_card__Cj2Xz {
    max-width: calc(50% - 6px);
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi {
    border-radius: 12px 12px 0 0;
    height: auto;
    padding-bottom: 50%;
    min-height: 159px;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_topPlate__oWtAM {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.6);
  padding: 4px 8px;
  border-radius: 8px;
  z-index: 2;
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_topPlate__oWtAM p {
  font-size: 14px;
  line-height: 17px;
  color: black;
  font-weight: 400;
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_like__rynhf {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_like__rynhf {
    right: 10px;
    bottom: 10px;
    height: -moz-fit-content;
    height: fit-content;
    top: initial;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_like__rynhf img {
  transition: all 0.3s ease;
}
.VacancyCard_card__Cj2Xz .VacancyCard_inner__pbrgi .VacancyCard_like__rynhf img:hover {
  transform: scale(1.1);
}
.VacancyCard_card__Cj2Xz .VacancyCard_imgMain___T9nW {
  object-fit: cover;
  width: 100%;
  height: 249px;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_imgMain___T9nW {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 159px;
    left: 0;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ {
  padding: 16px 16px 20px 16px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ {
    padding: 10px;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 115%;
  margin-bottom: 8px;
  color: #BF423D;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ h3 {
    font-size: 14px;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ .VacancyCard_price__XLjaL {
  font-size: 20px;
  font-weight: 600;
  line-height: 115%;
  margin-bottom: 8px;
  color: black;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ .VacancyCard_price__XLjaL {
    font-size: 14px;
  }
}
.VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ .VacancyCard_place__AH5ln {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #000000;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .VacancyCard_card__Cj2Xz .VacancyCard_text__pRHB_ .VacancyCard_place__AH5ln {
    font-size: 12px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/uikit/Input/Input.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_default__E1jVn {
  background: white;
  width: 100%;
  outline: none;
  line-height: 1;
  border: 1px solid white;
}
.Input_default__E1jVn::placeholder {
  color: #929292;
}
.Input_default__E1jVn:focus {
  border: 1px solid #BF423D;
}

.Input_lg__6Ekcm {
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  height: 3.5rem;
  font-size: 1.25rem;
}

.Input_md__wic7i {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  border-radius: 1rem;
  font-size: 1.2rem;
}

.Input_BorderWhite__ArfUt {
  border: 1px solid white;
}

.Input_BorderGray__vgFfS {
  border: 1px solid #929292;
}

.Input_BorderPrimary__2C1_s {
  border: 1px solid #BF423D;
}

.Input_BorderGrayLight__EzCJD {
  border: 1px solid #F3F3F3;
}

.Input_StateError__9oqtD {
  border: 1px solid #BF423D;
}
.Input_StateError__9oqtD::placeholder {
  color: #BF423D;
}

.Input_textarea__Y3DMn {
  padding-top: 1rem;
}

.Input_password__6mI1_ {
  position: relative;
}
.Input_password__6mI1_ button {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 56px;
  width: 40px;
  cursor: pointer;
}
.Input_password__6mI1_ button svg {
  width: 22px;
  height: 22px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/uikit/Checkbox/Checkbox.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_checkbox__UZeWp {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Checkbox_checkbox__UZeWp label {
  font-weight: 400;
  font-size: 16px;
  color: black;
  white-space: nowrap;
  cursor: pointer;
}

.Checkbox_customCheckbox__LL9_h {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  min-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 0.15em;
  margin-right: 8px;
  border: 0.15em solid #BF423D;
  outline: none;
  cursor: pointer;
}
.Checkbox_customCheckbox__LL9_h:checked {
  background-color: #BF423D;
  position: relative;
}
.Checkbox_customCheckbox__LL9_h:checked::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/SignInEmployer/SignInEmployer.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SignInEmployer_formContainer__qTWij {
  margin-top: 1.5rem;
}

.SignInEmployer_inputContainer__U2_mE {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.SignInEmployer_inputContainer__U2_mE .SignInEmployer_firstInput__rbnS0 {
  width: 100%;
}
.SignInEmployer_inputContainer__U2_mE .SignInEmployer_secondInput__X4pMF {
  width: 100%;
}
.SignInEmployer_inputContainer__U2_mE .SignInEmployer_errorMessage__iP1VX {
  color: #BF423D;
}

.SignInEmployer_rememberMeContainer__vSlfm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SignInEmployer_rememberMeContainer__vSlfm a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignInEmployer_rememberMeContainer__vSlfm a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.SignInEmployer_rememberMeLabel__OQC__ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: black;
  font-weight: normal;
}
.SignInEmployer_rememberMeLabel__OQC__ label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.SignInEmployer_submitBtn__3TZEJ {
  width: 100%;
  height: 3.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: white;
  background-color: #BF423D;
  border: 1px solid #BF423D;
  border-radius: 0.875rem;
}
.SignInEmployer_submitBtn__3TZEJ:hover {
  background-color: rgb(242, 217, 216);
  color: #BF423D;
}
.SignInEmployer_submitBtn__3TZEJ:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-blue-300);
}

.SignInEmployer_registerContainer__ESoqE {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #F5E7E7;
  border-radius: 0.875rem;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_registerContent__qIiaq {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_registerText__lMjDp {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  flex-shrink: 0;
  color: #929292;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_registerBtn___RLKh {
  width: 100%;
  color: #BF423D;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_registerBtn___RLKh:hover {
  background-color: rgb(242, 217, 216);
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_registerBtn___RLKh:focus {
  outline: none;
  box-shadow: 0 0 0 4px blue;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_agreementText__A5apZ {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #929292;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_agreementText__A5apZ a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignInEmployer_registerContainer__ESoqE .SignInEmployer_agreementText__A5apZ a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/Authorization/NewPassword/NewPassword.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewPassword_modal__tOGvE {
  padding: 24px;
  min-width: 580px;
  max-width: 580px;
  width: 100%;
}
.NewPassword_modal__tOGvE h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  margin-bottom: 30px;
}
.NewPassword_modal__tOGvE input {
  margin-bottom: 12px;
}
.NewPassword_modal__tOGvE label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.NewPassword_modal__tOGvE > button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #BF423D;
  transition: all 0.7s ease;
  gap: 10px;
  color: white;
  height: 56px;
  max-width: 100%;
  width: 100%;
  border-radius: 14px;
  margin-top: 24px;
}
.NewPassword_modal__tOGvE > button:hover {
  transform: scale(1.05);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/Authorization/Confirmation/Confirmation.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Confirmation_modal__G2AyH {
  padding: 24px;
  min-width: 580px;
  max-width: 580px;
  width: 100%;
}
.Confirmation_modal__G2AyH h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  margin-bottom: 16px;
}
.Confirmation_modal__G2AyH > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #929292;
}
.Confirmation_modal__G2AyH input {
  margin-top: 24px;
  margin-bottom: 12px;
}
.Confirmation_modal__G2AyH .Confirmation_phone__k1BK4 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.Confirmation_modal__G2AyH .Confirmation_phone__k1BK4 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #929292;
}
.Confirmation_modal__G2AyH .Confirmation_phone__k1BK4 button {
  color: #BF423D;
}
.Confirmation_modal__G2AyH > button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #BF423D;
  transition: all 0.7s ease;
  gap: 10px;
  color: white;
  height: 56px;
  max-width: 100%;
  width: 100%;
  border-radius: 14px;
  margin-top: 24px;
}
.Confirmation_modal__G2AyH > button:hover {
  transform: scale(1.05);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/SignInJobseeker/SignInJobseeker.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SignInJobseeker_formContainer__vkqVP {
  margin-top: 1.5rem;
}

.SignInJobseeker_inputContainer__ymgRs {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.SignInJobseeker_inputContainer__ymgRs .SignInJobseeker_firstInput__2DR3U {
  width: 100%;
}
.SignInJobseeker_inputContainer__ymgRs .SignInJobseeker_secondInput__PEHZ7 {
  width: 100%;
}
.SignInJobseeker_inputContainer__ymgRs .SignInJobseeker_errorMessage__1C7_3 {
  color: #BF423D;
}

.SignInJobseeker_rememberMeContainer__i24MV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SignInJobseeker_rememberMeContainer__i24MV a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignInJobseeker_rememberMeContainer__i24MV a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.SignInJobseeker_rememberMeLabel__WB69H {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: black;
  font-weight: normal;
}
.SignInJobseeker_rememberMeLabel__WB69H label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.SignInJobseeker_submitBtn__ezTYt {
  width: 100%;
  height: 3.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: white;
  background-color: #BF423D;
  border: 1px solid #BF423D;
  border-radius: 0.875rem;
}
.SignInJobseeker_submitBtn__ezTYt:hover {
  background-color: rgb(242, 217, 216);
  color: #BF423D;
}
.SignInJobseeker_submitBtn__ezTYt:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-blue-300);
}

.SignInJobseeker_registerContainer__GT5Um {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #F5E7E7;
  border-radius: 0.875rem;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_registerContent__PzkQ2 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_registerText__lOgYb {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  flex-shrink: 0;
  color: #929292;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_registerBtn__vMuKL {
  width: 100%;
  color: #BF423D;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_registerBtn__vMuKL:hover {
  background-color: rgb(242, 217, 216);
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_registerBtn__vMuKL:focus {
  outline: none;
  box-shadow: 0 0 0 4px blue;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_agreementText__WxQjR {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #929292;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_agreementText__WxQjR a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignInJobseeker_registerContainer__GT5Um .SignInJobseeker_agreementText__WxQjR a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/Authentication/Authentication.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Authentication_container__sGTZI {
  width: 36.25rem;
  padding: 1.5rem;
  z-index: 50;
}

.Authentication_heading__tn26j {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  color: black;
  margin-bottom: 24px;
  display: block;
}

.Authentication_tabs__IY0Pq {
  display: flex;
  align-items: center;
  width: 100%;
  height: 58px;
  border-radius: 14px;
  padding: 4px;
  background: #F5E7E7;
}
.Authentication_tabs__IY0Pq button {
  width: 100%;
  border-radius: 10px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  height: 100%;
  color: #BF423D;
  transition: all 0.7s ease;
}
.Authentication_tabs__IY0Pq button.Authentication_active__NUfT0 {
  background: #FFFFFF;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/uikit/Radio/Radio.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Radio_radio__zW_Zb {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Radio_radio__zW_Zb input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  min-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 0.15em;
  border: 0.15em solid #BF423D;
  outline: none;
  cursor: pointer;
  border-radius: 100%;
  margin: 0;
}
.Radio_radio__zW_Zb input:checked {
  position: relative;
}
.Radio_radio__zW_Zb input:checked::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #BF423D;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.Radio_radio__zW_Zb label {
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/SignUpModal/SignUpModal.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SignUpModal_formContainer___pXMF {
  margin-top: 1.5rem;
}

.SignUpModal_inputContainer___Qnup {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.SignUpModal_errorMessage__l9YdN {
  color: #BF423D;
}

.SignUpModal_firstInput__U_oIZ {
  width: 100%;
}

.SignUpModal_secondInput__oZlJ5 {
  width: 100%;
}

.SignUpModal_thirdInput__QvnUW {
  width: 100%;
}

.SignUpModal_fourthInput__PQc6_ {
  width: 100%;
}

.SignUpModal_extraInfoContainer__ooD91 {
  display: flex;
  justify-content: space-between;
}

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

.SignUpModal_genderText___FQqz {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: black;
}

.SignUpModal_genderOptions__TH4Qw {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: black;
}
.SignUpModal_genderOptions__TH4Qw .SignUpModal_genderOption__6fzER {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.SignUpModal_dateSection__9mSuK {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.SignUpModal_dateSection__9mSuK .SignUpModal_dateText__MjEI9 {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: black;
}
.SignUpModal_dateSection__9mSuK .SignUpModal_dateText__MjEI9 input {
  width: 100%;
}

.SignUpModal_submitBtn__0QrMY {
  width: 100%;
  height: 3.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: white;
  background-color: #BF423D;
  border: 1px solid #BF423D;
  border-radius: 0.875rem;
}
.SignUpModal_submitBtn__0QrMY:hover {
  background-color: rgb(242, 217, 216);
  color: #BF423D;
}
.SignUpModal_submitBtn__0QrMY:hover:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-blue-300);
}

.SignUpModal_registerContainer__cK9pk {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #F5E7E7;
  border-radius: 0.875rem;
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_registerBtn__DFgI8 {
  width: 100%;
  color: #BF423D;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_registerBtn__DFgI8:hover {
  background-color: rgb(242, 217, 216);
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_registerBtn__DFgI8:focus {
  outline: none;
  box-shadow: 0 0 0 4px blue;
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_agreementText__HvGru {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #929292;
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_agreementText__HvGru a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignUpModal_registerContainer__cK9pk .SignUpModal_agreementText__HvGru a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/modals/SignUpEmployer/SignUpEmloyer.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SignUpEmloyer_formContainer__lfhN2 {
  margin-top: 1.5rem;
}

.SignUpEmloyer_inputContainer__EtgQq {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.SignUpEmloyer_errorMessage__uXD48 {
  color: #BF423D;
}

.SignUpEmloyer_firstInput__jtb3n {
  width: 100%;
}

.SignUpEmloyer_secondInput__aoar5 {
  width: 100%;
}

.SignUpEmloyer_thirdInput__aVpAH {
  width: 100%;
}

.SignUpEmloyer_fourthInput__TGtyw {
  width: 100%;
}

.SignUpEmloyer_submitBtn__JaEBm {
  width: 100%;
  height: 3.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: white;
  background-color: #BF423D;
  border: 1px solid #BF423D;
  border-radius: 0.875rem;
}
.SignUpEmloyer_submitBtn__JaEBm:hover {
  background-color: rgb(242, 217, 216);
  color: #BF423D;
}
.SignUpEmloyer_submitBtn__JaEBm:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-blue-300);
}

.SignUpEmloyer_registerContainer__Mr3XU {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #F5E7E7;
  border-radius: 0.875rem;
}

.SignUpEmloyer_registerBtn__egDKc {
  width: 100%;
  color: #BF423D;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.SignUpEmloyer_registerBtn__egDKc:hover {
  background-color: rgb(242, 217, 216);
}
.SignUpEmloyer_registerBtn__egDKc:hover:focus {
  outline: none;
  box-shadow: 0 0 0 4px blue;
}

.SignUpEmloyer_agreementText__2Ea5R {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #929292;
}
.SignUpEmloyer_agreementText__2Ea5R a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #BF423D;
}
.SignUpEmloyer_agreementText__2Ea5R a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/SearchBar/SearchBar.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchBar_search__zK6Ym {
  margin-bottom: 32px;
  border-radius: 18px;
  padding: 16px 16px 24px 16px;
  background: rgb(245, 231, 231);
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym {
    margin-bottom: 16px;
  }
}
.SearchBar_search__zK6Ym > label {
  display: none;
}
.SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 24px;
  margin-left: 72px;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 20px;
    margin-left: 0;
  }
}
.SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 button {
  margin-top: 20px;
  max-width: 100%;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background: #BF423D;
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  color: white;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 button {
    display: flex;
  }
}
.SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 button span {
  display: none;
}
.SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 .SearchBar_item__qy_WA {
  display: flex;
  align-items: center;
  gap: 8px;
}
.SearchBar_search__zK6Ym .SearchBar_bottom__KOFz0 .SearchBar_item__qy_WA label {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #111827;
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo {
  display: flex;
  align-items: center;
  position: relative;
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_smallBtn__WEMCo {
  min-width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_smallBtn__WEMCo {
    position: absolute;
    top: 20px;
    right: 0;
    min-width: 20px;
    height: 20px;
  }
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_smallBtn__WEMCo span {
  display: none;
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_bigBtn__Ad7sy {
  border-radius: 14px;
  background: #BF423D;
  max-width: 190px;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: white;
  height: 56px;
  margin-left: 16px;
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_bigBtn__Ad7sy span {
  display: none;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_bigBtn__Ad7sy {
    display: none;
  }
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ {
    flex-direction: column;
    gap: 8px;
  }
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ div {
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ div {
    width: 100%;
  }
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ div:first-child {
  flex-basis: 66.666667%;
}
.SearchBar_search__zK6Ym .SearchBar_top__NiQYo .SearchBar_row__vLPoQ div:last-child {
  flex-basis: 33.33333%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-loading-skeleton/dist/skeleton.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/Map/Map.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Map_map__C8Wgm {
  position: relative;
}
.Map_map__C8Wgm .Map_geolocation__rXoPT {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Map_map__C8Wgm .Map_geolocation__rXoPT svg path {
  fill: black;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/Map/Map.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
[class*='copyrights-pane'] {
  display: none !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/personal-area/_components/PersonalResumeCard/PersonalResumeCard.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PersonalResumeCard_card__49PMH {
  background: white;
  border-radius: 20px;
  max-width: calc(25% - 15px);
  width: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.PersonalResumeCard_card__49PMH:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1025px) {
  .PersonalResumeCard_card__49PMH {
    max-width: calc(50% - 6px);
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC {
    border-radius: 12px 12px 0 0;
    height: auto;
    padding-bottom: 50%;
    min-height: 159px;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_topPlate__y3PMi {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.6);
  padding: 4px 8px;
  border-radius: 8px;
  z-index: 2;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_topPlate__y3PMi p {
  font-size: 14px;
  line-height: 17px;
  color: black;
  font-weight: 400;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_imgMain__5k_DX {
  object-fit: cover;
  width: 100%;
  height: 249px;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_imgMain__5k_DX {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 159px;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn {
    right: 10px;
    bottom: 10px;
    height: -moz-fit-content;
    height: fit-content;
    top: initial;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn img, .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn svg {
  transition: all 0.3s ease;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn img:hover, .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_edit__DsyHn svg:hover {
  transform: scale(1.2);
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ {
    right: 10px;
    bottom: 10px;
    height: -moz-fit-content;
    height: fit-content;
    top: initial;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ img {
  transition: all 0.3s ease;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ img:hover {
  transform: scale(1.1);
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ button {
  width: 20px;
  height: 20px;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_inner__fWybC .PersonalResumeCard_like___LlEZ button img {
  width: 100%;
  height: 100%;
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl {
  padding: 16px 16px 20px 16px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl {
    padding: 10px;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 115%;
  margin-bottom: 8px;
  color: #BF423D;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl h3 {
    font-size: 14px;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl .PersonalResumeCard_price__kgTH9 {
  font-size: 20px;
  font-weight: 600;
  line-height: 115%;
  margin-bottom: 8px;
  color: black;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl .PersonalResumeCard_price__kgTH9 {
    font-size: 14px;
  }
}
.PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl .PersonalResumeCard_place___ghpP {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #000000;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .PersonalResumeCard_card__49PMH .PersonalResumeCard_text__q_EHl .PersonalResumeCard_place___ghpP {
    font-size: 12px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/home/home.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home_main__OmuWq {
  padding-top: 64px;
  padding-bottom: 84px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}
.home_main__OmuWq .home_head__yQq1_ {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq .home_head__yQq1_ {
    margin-bottom: 32px;
    gap: 24px;
  }
}
.home_main__OmuWq .home_head__yQq1_ h1 {
  font-weight: 700;
  font-size: 3rem;
  color: black;
  max-width: 640px;
  line-height: 67.5px;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq .home_head__yQq1_ h1 {
    font-size: 28px;
    line-height: 120%;
  }
}
.home_main__OmuWq .home_head__yQq1_ .home_block__h6FAj {
  display: flex;
  gap: 16px;
}
.home_main__OmuWq .home_vacancy__uEA8q {
  margin-top: 80px;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq .home_vacancy__uEA8q {
    margin-top: 56px;
  }
}
.home_main__OmuWq .home_vacancy__uEA8q .home_btn__A_oA7 {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #BF423D;
  height: 56px;
  max-width: 280px;
  width: 100%;
  color: white;
  border-radius: 14px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  transition: all 0.7s ease;
  cursor: pointer;
}
.home_main__OmuWq .home_vacancy__uEA8q .home_btn__A_oA7:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .home_main__OmuWq .home_vacancy__uEA8q .home_btn__A_oA7 {
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
  }
}
.home_main__OmuWq .home_vacancy__row___7l2D {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .home_main__OmuWq .home_vacancy__row___7l2D {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.home_main__OmuWq .home_vacancy__row___7l2D h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 115%;
  color: black;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq .home_vacancy__row___7l2D h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
  }
}
.home_main__OmuWq .home_vacancy__uEA8q .home_list__iVD8q {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 52px;
  row-gap: 42px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1279px) {
  .home_main__OmuWq .home_vacancy__uEA8q .home_list__iVD8q {
    margin-top: 36px;
    gap: 12px;
    row-gap: 20px;
    margin-bottom: 32px;
  }
}
.home_main__OmuWq .home_vacancy__uEA8q .home_list__iVD8q > span {
  max-width: calc(25% - 15px);
  width: 100%;
}
.home_main__OmuWq .home_vacancy__uEA8q .home_list__iVD8q > span > span {
  height: 370px;
}