@charset "UTF-8";
@font-face {
  font-family: "SF Pro Display", sans-serif;
  src: url("https://fonts.cdnfonts.com/css/sf-pro-display");
}
@media (prefers-color-scheme: dark) {
  :root {
    --statusbar-background: #4A5C8B;
  }
  :root:not(.overlay) {
    --statusbar-color: #fff;
  }
}
:root {
  --statusbar-background: #4A5C8B;
}

:root:not(.overlay) {
  --statusbar-color: #fff;
}

body {
  font-family: "SF Pro Display", sans-serif;
}

.index {
  background-color: #f9f9f9 !important;
}

.body {
  font-family: "SF Pro Display", sans-serif !important;
  position: relative;
}
.body:has(.modal-added-to-cart__modal-visible) {
  overflow: hidden !important;
}
.body p {
  margin: 0;
}
.body a {
  text-decoration: none;
}
.body_bg {
  background-color: #F9F9F9;
}

body:has(.header-after-scroll) .pt {
  padding-top: 0;
}

@media (max-width: 992px) {
  body:has(.main_bg) .header-section {
    padding-top: 110px;
  }
}

main {
  margin-top: 188.5px;
  padding-bottom: 40px;
  transition: 0.4s;
}
@media (max-width: 992px) {
  main {
    margin-top: 122px;
  }
}

.main_bg {
  background: #F9F9F9;
}
@media (max-width: 992px) {
  .main_bg {
    margin: 0 !important;
  }
}

.pt {
  padding-top: 40px;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .pt {
    padding-top: 0;
  }
}

.aboutUs__container {
  padding-top: 40px;
}
@media (max-width: 992px) {
  .aboutUs__container {
    padding-top: 20px;
  }
}
.aboutUs__header {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .aboutUs__header {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
}
.aboutUs__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.aboutUs__description div {
  margin-top: 20px;
}

.info__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin: 32px 0 20px 0;
}
@media (max-width: 992px) {
  .info__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.info__container {
  padding: 0;
  margin: 0;
}
.info__item {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  list-style-type: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.info__item:first-child {
  margin: 0;
}
.info__description {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  max-width: 251px;
}
@media (max-width: 992px) {
  .info__description {
    font-weight: 600;
  }
}

@media (max-width: 576px) {
  .accountContainer {
    padding: 0;
    margin: 0;
  }
}

.userAction {
  flex: 1;
  border: 1px solid #DADADA;
  border-radius: 8px;
  background: #fff;
  height: 100%;
}
.userAction_size {
  max-width: 22%;
}
.userAction_box-shadow {
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
}
@media (max-width: 992px) {
  .userAction {
    display: none;
  }
}
.userAction__user {
  margin-left: 20px;
}
.userAction__mobile {
  display: none;
}
.userAction__mobile_margin {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .userAction__mobile {
    border: none;
    display: block;
  }
}
.userAction__mobileContent .userAction__item:nth-child(3)::before, .userAction__mobileContent .userAction__item:nth-child(4)::before, .userAction__mobileContent .userAction__item:nth-child(5)::before, .userAction__mobileContent .userAction__item:nth-child(6)::before, .userAction__mobileContent .userAction__item:nth-child(7)::before {
  display: block;
  content: " ";
  max-width: 100%;
  margin-left: 35px;
  height: 1px;
  background: #DADADA;
}
@media (max-width: 992px) {
  .userAction__mobileContent .userAction__item:nth-child(3)::before, .userAction__mobileContent .userAction__item:nth-child(4)::before, .userAction__mobileContent .userAction__item:nth-child(5)::before, .userAction__mobileContent .userAction__item:nth-child(6)::before, .userAction__mobileContent .userAction__item:nth-child(7)::before {
    display: none;
  }
}
.userAction__mobileContent .userAction__item:nth-child(7)::after {
  display: none;
}
.userAction__mobileContent .userAction__user-info-container {
  border-radius: 0px 0px 12px 12px;
}
.userAction__content {
  padding: 0;
  margin: 0;
}
.userAction__user-info {
  display: flex;
  flex-direction: column;
  height: 68px !important;
  gap: 4px;
  padding: 19px 23px;
}
.userAction__user-info_padding {
  padding-top: 16px;
}
.userAction:hover .userAction__item::before {
  visibility: visible;
  opacity: 1;
}
.userAction__item {
  list-style-type: none;
  line-height: 46px;
  position: relative;
  transition: 0.3s;
  display: flex;
}
.userAction__item:first-child::before {
  content: inherit;
}
.userAction__item:first-child a:first-child {
  display: flex;
  align-items: center;
}
.userAction__item:first-child a:first-child img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(11deg) brightness(93%) contrast(86%);
  width: 30px;
  height: 30px;
}
.userAction__item:last-child {
  padding-bottom: 2px;
}
.userAction__item_arrow::after {
  display: inline-block;
  content: url("/img/arrow-right.svg");
  text-align: end;
  position: absolute;
  right: 12px;
}
.userAction__item::before {
  content: "";
  background: #fff;
  width: 3px;
  height: 48px;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.userAction__item svg path {
  stroke: #000;
  stroke-width: 1px;
}
.userAction__item_select-item {
  background: #FAF6FC;
}
.userAction__item_select-item .userAction__name {
  color: #4A5C8B;
}
.userAction__item_select-item svg path {
  stroke: #4A5C8B;
}
.userAction__item_select-item::before {
  display: block;
  content: "";
  background: #4A5C8B;
  width: 3px;
  height: 48px;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  visibility: visible;
  opacity: 1;
}
.userAction__item:hover:not(.userAction__item.userAction__user-info-container) {
  background: #FAF6FC;
  display: flex;
  justify-content: space-between;
  transition: 0.3s;
}
.userAction__item:hover:not(.userAction__item.userAction__user-info-container)::before {
  background: #4A5C8B;
}
@media (max-width: 992px) {
  .userAction__item:hover:not(.userAction__item.userAction__user-info-container)::before {
    background: none;
  }
}
.userAction__item:hover:not(.userAction__item.userAction__user-info-container):last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.userAction__item:hover:not(.userAction__item.userAction__user-info-container) .userAction__name {
  color: #4A5C8B;
  transition: 0.3s;
}
.userAction__item:hover:not(.userAction__item.userAction__user-info-container) svg path {
  stroke: #4A5C8B;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .userAction__item:hover:not(.userAction__item.userAction__user-info-container) svg path {
    stroke: #000;
  }
}
.userAction__item_header-style {
  height: 75px;
  display: flex;
  justify-content: space-between;
}
.userAction__item_style {
  padding-left: 20px;
}
.userAction__item_margin {
  margin-bottom: 5px;
}
.userAction__decoration {
  margin: 0 20px;
  background: #DADADA;
}
.userAction__user-info-container {
  background: #F7F9FA;
  border-radius: 8px 8px 0px 0px;
}
.userAction__user-name {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #333;
}
.userAction__user-number {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #ADADAD;
}
.userAction__link {
  color: #000;
  width: 100%;
  height: 46px;
  display: inline-block;
  text-decoration: none;
}
.userAction__link:last-child {
  margin: 3px 0;
}
.userAction__name {
  display: inline-block;
  padding-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  cursor: pointer;
}
.userAction__log-out {
  padding: 18px 12px;
  position: relative;
  cursor: pointer;
}
.userAction__log-out::before {
  display: block;
  content: "";
  height: 40px;
  width: 1px;
  background: #DADADA;
  position: absolute;
  left: 0;
}
.userAction__log-out:hover {
  background: #EBEAEF;
  border-radius: 0 8px 0 0;
  transition: all 0.6s;
}
.userAction__log-out_style {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.userAction__log-out-title_style {
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  color: #000;
}
.userAction__logOut-button:hover .logOut-hover {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 992px) {
  .userAction__logOut-button:hover .logOut-hover {
    display: none;
  }
}

.logOut-hover {
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.userInfoContainer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 992px) {
  .userInfoContainer {
    padding-top: 20px;
  }
}
.userInfoContainer .userInfoForm {
  max-width: 80%;
  flex: 1;
}
@media (max-width: 992px) {
  .userInfoContainer .userInfoForm {
    max-width: 100%;
    flex: 1;
  }
}
.userInfoContainer .userInfoForm__title {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 16px;
  color: #000;
}
@media (max-width: 992px) {
  .userInfoContainer .userInfoForm__title {
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
}
.userInfoContainer .userInfoForm__add-button-container {
  border: 1px solid #000000;
  border-radius: 4px;
  color: #000;
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
}
.userInfoContainer .userInfoForm__plus-icon {
  font-size: 16px;
}
.userInfoContainer .userInfoForm__add-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  background: none;
  border: none;
  padding: 6px 8px;
}
@media (max-width: 992px) {
  .userInfoContainer .userInfoForm__add-button {
    display: none;
  }
}
.userInfoContainer .userInfoForm__add-button-mobile {
  display: none;
  gap: 7px;
  background: none;
  border: none;
  padding: 6px 8px;
  color: black;
}
@media (max-width: 992px) {
  .userInfoContainer .userInfoForm__add-button-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.userInfoContainer .userInfoForm .productOrderStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
@media (max-width: 992px) {
  .userInfoContainer .userInfoForm .productOrderStatus {
    max-width: 100%;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
  }
}
.userInfoContainer .profilePageContentTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .userInfoContainer .profilePageContentTitle {
    padding: 0;
    font-weight: 600;
  }
}
@media (max-width: 992px) {
  .userInfoContainer .profilePageContentTitle_styles {
    position: relative;
    justify-content: center;
  }
}
.userInfoContainer .profilePageContentTitle .addAddress {
  position: absolute;
  right: 0;
  color: #000;
  border: 1px solid #000000;
  border-radius: 4px;
  padding: 5px 16px;
  display: flex;
  align-items: center;
}
.userInfoContainer .profilePageContentTitle .addAddress .goBackText {
  font-size: 10px;
  margin-left: 4px;
}

.goBack-container {
  display: none;
}
.goBack-container_position {
  position: absolute;
  left: 0;
}
@media (max-width: 992px) {
  .goBack-container {
    display: block;
  }
}
@media (max-width: 992px) {
  .goBack-container_position {
    position: absolute;
    left: 0;
  }
}

.goBack {
  border: none;
  background: none;
  position: absolute;
  left: 0;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.goBack_position {
  position: static;
  padding: 0;
}
.goBack .goBackText {
  margin-left: 10px;
}

@media (max-width: 992px) {
  .formMobile .saveButtonContainer_pt {
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .formMobile .saveButtonContainer_margin-top {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .formMobile .saveButtonContainer {
    border-top: 1px solid #EBEAEF;
  }
}
.formMobile .saveButtonContainer_mt {
  margin-top: 30px;
}
@media (max-width: 992px) {
  .formMobile .saveButtonContainer .saveButton {
    width: 100%;
  }
}
.formMobile .saveButtonContainer .saveButton_padding {
  padding-top: 8px;
}

.saveButtonContainer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.saveButtonContainer_pt {
  padding-top: 20px;
}
.saveButtonContainer_margin {
  margin: 20px;
}
.saveButtonContainer .saveButton {
  background: #4a5c8b;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  padding: 9.5px 40px;
  color: #fff;
  font-weight: 600;
  transition: 0.2s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 992px) {
  .saveButtonContainer .saveButton {
    padding: 13.5px 40px;
  }
}
.saveButtonContainer .saveButton:hover {
  background-color: #2C3B63;
}
@media (max-width: 992px) {
  .saveButtonContainer .saveButton:hover {
    background-color: #4a5c8b;
  }
}
.saveButtonContainer .saveButton_size {
  width: 100%;
}

.form_width {
  width: 60%;
}
@media (max-width: 992px) {
  .form_width {
    width: 100%;
  }
}
.form .formInputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 12px;
}
@media (max-width: 992px) {
  .form .formInputs_mob-flex {
    display: flex;
    flex-direction: column;
  }
}
.form .formInputs_flex {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
.form .formInputs_padding {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.form .formInputs_border {
  border-top: 0.5px solid #DADADA;
  padding-top: 20px;
}
@media (max-width: 992px) {
  .form .formInputs_border {
    padding-top: 16px;
    margin-top: 16px;
  }
}
.form .formInputs__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 28px;
}
.form .formInputs_margin-bottom {
  margin-bottom: 32px;
}
.form .formInputs_mt {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .form .formInputs {
    grid-template-columns: repeat(1, 1fr);
  }
}
.form .formInputs__delete-btn {
  background: none;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #ED1C24;
}
.form .formInputs__job-title-container {
  display: flex;
  width: 100%;
}
.form .formInputsMinMax {
  margin: 21px 0 0 0 !important;
}
@media (max-width: 992px) {
  .form .formInputsMinMax {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.form .changePasswordForm {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 992px) {
  .form .changePasswordForm {
    width: 100%;
  }
}
.form .formCotainerMinMax {
  height: 40px !important;
  display: flex;
  align-items: center;
}

.formCotainer {
  width: 100%;
  border-radius: 8px;
  position: relative;
  height: 40px;
}
@media (max-width: 992px) {
  .formCotainer {
    height: 48px;
  }
}
.formCotainer_width {
  max-width: 49%;
}
.formCotainer_border {
  border: 0.5px solid #8bb4b6;
}
.formCotainer__img_position {
  width: 14.8px;
  height: 17.92px;
  position: absolute;
  right: 15px;
  top: 28%;
  fill: #DADADA;
}
.formCotainer__img_position path {
  fill: #DADADA;
  stroke: #DADADA;
}
.formCotainer .formLabel {
  background-color: #fff;
  position: absolute;
  font-size: 12px;
  left: 11px;
  top: -11px;
  padding: 0 8px;
  font-weight: 600;
}
.formCotainer .formLabel_position {
  z-index: 5;
}
.formCotainer .formLabelMinMax {
  background-color: #F7F9FA;
}
@media (max-width: 992px) {
  .formCotainer .formLabelMinMax {
    background-color: #fff;
  }
}
.formCotainer .formInput {
  max-width: 100%;
  flex: 1;
  padding: 16px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  outline: none;
  height: 100%;
}
.formCotainer .formInput::-moz-placeholder {
  color: #8BB4B6;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.formCotainer .formInput:-ms-input-placeholder {
  color: #8BB4B6;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.formCotainer .formInput::placeholder {
  color: #8BB4B6;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.formCotainer .formInput_position {
  position: relative;
  z-index: 1;
}
.formCotainer .formInput_width {
  width: 100%;
}
.formCotainer .formInput_border {
  border: 0.5px solid #8bb4b6;
}
.formCotainer .formInput_border:focus {
  border-color: #407BFF;
}
.formCotainer .formInput::-webkit-outer-spin-button,
.formCotainer .formInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formCotainer .formInput[type=number] {
  -moz-appearance: none;
}
.formCotainer .formMobilePhone {
  display: flex;
  align-items: center;
  height: 100%;
}
.formCotainer .formMobilePhone .formMobilePhonePrefix {
  padding: 0 8px 0 16px;
  color: #adadad;
  border-right: 1px solid #adadad;
  font-size: 14px;
  font-weight: 600;
}
.formCotainer .begining-num-input {
  position: absolute;
  z-index: 6;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: #ADADAD;
}
.formCotainer .begining-num-input::after {
  display: inline-block;
  content: "";
  width: 1.5px;
  height: 12px;
  background: #ADADAD;
  margin-left: 8px;
}
.formCotainer .remove-default-num-input-style[type=number] {
  font-size: 14px;
  font-weight: 600;
  padding-left: 68px;
  -moz-appearance: textfield;
}

.eye-icon-hidden-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.eye-icon-show-password {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

::-ms-reveal {
  display: none;
}

.formInput[type=number] {
  padding-left: 72px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.addressForm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (max-width: 992px) {
  .addressForm {
    grid-template-columns: repeat(1, 1fr);
  }
}

.profileAddressContainer {
  border-radius: 8px;
  height: 88px;
  cursor: pointer;
}
.profileAddressContainer_border {
  border: 1px solid #ebebeb;
}
@media (max-width: 992px) {
  .profileAddressContainer {
    position: relative;
    height: 76px;
  }
}
.profileAddressContainer:has(.style-radio:checked + label) {
  border-color: #000;
}
.profileAddressContainer .deleteAddressContainer {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
@media (max-width: 992px) {
  .profileAddressContainer .deleteAddressContainer {
    align-items: center;
    flex-direction: column-reverse;
  }
}
.profileAddressContainer .deleteAddressContainer .deleteAddress {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 2px 14.2px;
  font-size: 12px;
  font-weight: 600;
  background-color: transparent;
}
@media (max-width: 992px) {
  .profileAddressContainer .deleteAddressContainer .deleteAddress {
    display: none;
  }
}
.profileAddressContainer .profileAddressLeft {
  height: 100%;
}
.profileAddressContainer .profileAddressLeft_style {
  padding: 12px 12px 12px 16px;
}
@media (max-width: 992px) {
  .profileAddressContainer .profileAddressLeft_style {
    padding: 12px 12px 12px 18px;
  }
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .profileAddressContainer .profileAddressLeft .profileAddressDetails {
    width: 98%;
  }
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails_padding {
  padding-left: 12px;
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails_align-items {
  align-items: center;
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails .profileAddressImg {
  width: 40px;
  height: 40px;
  background: #f7f9fa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails .profileAddressText {
  width: 100%;
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails .profileAddressText .profileAddressName {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}
.profileAddressContainer .profileAddressLeft .profileAddressDetails .profileAddressText .profileAddressMainAddress {
  color: #8bb4b6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
}
.profileAddressContainer .profileAddressLeft .addAddresLabel {
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 0.5px solid #EBEBEB;
}
.profileAddressContainer .profileAddressLeft .addAddresLabel_padding {
  padding: 20px 0;
}

.deleteAddressMobile {
  display: none;
}
@media (max-width: 992px) {
  .deleteAddressMobile {
    display: block;
    border: none;
    background-color: transparent;
    color: #8BB4B6;
    padding: 0;
    line-height: 0;
  }
  .deleteAddressMobile svg path {
    stroke: #8BB4B6;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .deleteAddressMobile svg {
    width: 16px;
  }
}
.deleteAddressMobile_position {
  display: block;
  background: none;
  border: none;
  padding: 12px;
  text-align: end;
}

.deleteAddressModal {
  position: absolute;
  top: 35px;
  right: -30px;
  width: 144px;
  background: #ffffff;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}
.deleteAddressModal .deleteAddressModalBtn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.deleteAddressModal .deleteAddressModalBtn .keep {
  border: 1px solid #dadada;
  border-radius: 6px;
  padding: 4px 8px;
  background-color: transparent;
  color: #383e42;
  font-weight: 600;
}
.deleteAddressModal .deleteAddressModalBtn .delete {
  border: none;
  background: #f28241;
  border-radius: 6px;
  padding: 4px 8px;
  color: #fff;
  font-weight: 600;
}

.profileAddressName {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.profileAddressName_margin {
  margin: 0;
}

.delete-address {
  width: 304px;
  padding: 20px 49px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  left: -173px;
  z-index: 30;
}
.delete-address__delete {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 992px) {
  .delete-address {
    display: none;
  }
}
.delete-address__button {
  width: 88px;
  height: 35px;
}

.remove-and-radio {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 31px;
}
@media (max-width: 992px) {
  .remove-and-radio {
    gap: 20px;
    flex-direction: column-reverse;
  }
}
.remove-and-radio__close-button {
  font-size: 16px;
  color: #8BB4B6;
}
.remove-and-radio__close-button_color {
  color: #ADADAD;
}

.check::after {
  content: url(/images/check-mark.svg?3c5baf20911129edf41995562f895e9c);
  position: absolute;
  right: 27px;
}

.profileAddressDot {
  background: #fafafa;
  border: 0.5px solid #d6d2e4;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 992px) {
  .profileAddressDot_style {
    position: absolute;
    bottom: 12px;
    right: 12px;
  }
}

.profileAddressDotChecked {
  background: #fff;
  border: 5px solid #000;
}

.style-radio-label__address {
  height: 98px;
}

.checked-address {
  position: absolute;
  opacity: 0;
}
.checked-address + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.checked-address + label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  height: 100%;
  position: absolute;
}
.checked-address:checked + label {
  color: #407BFF !important;
}
.checked-address:checked + label svg path {
  stroke: #407bff !important;
}
.checked-address:checked + label img {
  filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(2452%) hue-rotate(212deg) brightness(105%) contrast(101%);
}
.checked-address:checked + label:after {
  content: "";
  background: rgba(64, 123, 255, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 6px;
  border: 1px solid #407BFF;
}
.checked-address_justify-center + label {
  justify-content: center;
}

body:has(.mobile-checkout-details) .footer {
  padding-bottom: 100px;
}

.basket-main-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.basket-main-container__products {
  width: 100%;
}
@media (max-width: 992px) {
  .basket-main-container {
    gap: 0;
  }
}

.container-name {
  font-weight: 700;
  font-size: 20px;
  padding: 20px 0;
  margin: 0;
}
@media (max-width: 992px) {
  .container-name {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 32px;
  }
}

.basket {
  border-bottom: 0.5px solid #ADADAD;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.basket__products-container {
  display: flex;
  gap: 20px;
}
.basket__products-container_padding {
  padding: 0 12px;
}
.basket__product-content {
  max-width: 50%;
  display: flex;
  gap: 28px;
}
.basket__product-img-container img {
  max-width: 74px;
  max-height: 96px;
}
.basket__product-info-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 992px) {
  .basket__product-info-container {
    flex-direction: column;
    gap: 20px;
  }
}
.basket__product-info-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .basket__product-info-content_border {
    padding-bottom: 12px;
    border-bottom: 0.5px solid #ADADAD;
  }
}
.basket__info-about-product {
  display: grid;
}
.basket__info-about-product_gap {
  gap: 12px;
}
.basket__product-type {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.08em;
  color: #DA393F;
  text-transform: uppercase;
  margin: 0;
}
.basket__product-type_padding {
  padding-bottom: 8px;
}
.basket__product-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0 !important;
}
.basket__product-name_modal-size {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .basket__product-name_modal-size {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
}
.basket__product-label-content img {
  width: 33px;
  height: 30px;
}
.basket__cash-purchase {
  max-width: 144px;
  font-weight: 700;
  font-size: 8px;
  line-height: 10px;
  color: #fff;
  background: linear-gradient(90deg, #495B8A 0%, #8A7289 100%);
  border-radius: 4px;
  text-transform: uppercase;
  padding: 7px 12px;
}
.basket__cash-purchase p {
  margin: 0;
}
.basket__cash-purchase-sale {
  color: #dded2a;
}
.basket__detail {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media (max-width: 992px) {
  .basket__detail {
    width: 100%;
  }
}
.basket__count-content {
  max-width: 96px;
  height: 32px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex: 1;
  border: 0.5px solid #000000;
  border-radius: 6px;
}
.basket__count-content_width {
  width: 72px;
  padding: 3px 0;
}
.basket__count-content button {
  background: none;
  border: none;
}
.basket__price-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .basket__price-container {
    flex-direction: row;
    gap: 5px;
    align-items: center;
  }
}
.basket__price-container_size {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .basket__price-container_size {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
  }
}
.basket__price-container p {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
.basket__price-container div {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}
@media (max-width: 992px) {
  .basket__price-container div {
    font-size: 16px;
  }
}
.basket__delete-container {
  cursor: pointer;
}
@media (max-width: 992px) {
  .basket__delete-container {
    display: none;
  }
}
.basket__delete-container-mobile {
  display: none;
}
@media (max-width: 992px) {
  .basket__delete-container-mobile {
    display: block;
  }
}
.basket__product-description {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.basket__modal-price-container {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .basket__modal-price-container {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
  }
}

.mobile-checkout-details {
  display: none;
}
@media (max-width: 992px) {
  .mobile-checkout-details {
    display: block;
    width: 100%;
    bottom: 0;
    z-index: 10;
  }
}
.mobile-checkout-details__header {
  padding-left: 12px;
  padding-right: 12px;
}
.mobile-checkout-details__container {
  position: relative;
  top: 10px;
  width: 100%;
}
.mobile-checkout-details__products-container {
  display: grid;
  gap: 4px;
  position: relative;
}
.mobile-checkout-details__products-list {
  display: grid;
  gap: 4px;
}
.mobile-checkout-details__products-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-checkout-details__product-name {
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
}
.mobile-checkout-details__product-price {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
}
.mobile-checkout-details__more-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  width: 100%;
}
.mobile-checkout-details__more-button-container:has(.collapsed) .mobile-checkout-details__arrow {
  rotate: 180deg;
}
.mobile-checkout-details__more-button {
  background: none;
  border: none;
  color: black;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  padding: 0;
}
.mobile-checkout-details__arrow {
  display: inline-block;
  font-size: 11px;
  margin-left: 4px;
}
.mobile-checkout-details__price-container {
  background: #FFFFFF;
  padding-top: 12px;
}
.mobile-checkout-details__price-paid-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.mobile-checkout-details__price-paid-container_height {
  height: 60px;
}
.mobile-checkout-details__price-paid {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  color: #000000;
  margin-bottom: 2px;
}
.mobile-checkout-details__price {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.mobile-checkout-details__price_height {
  height: 80px;
}
.mobile-checkout-details__buy-button {
  border: none;
  background: #8DC63F;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  padding: 9.5px 40.1px;
}
.mobile-checkout-details__accordion-item {
  background: #FAFAFA;
  box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.1);
  border-radius: 12px 12px 0px 0px;
}

.orderContentContainer {
  background: #faf6fc;
  border-radius: 8px;
  width: 280px;
  padding: 20px 12px;
  font-family: "Source Sans Pro";
}
@media (max-width: 992px) {
  .orderContentContainer {
    display: none;
  }
}
.orderContentContainer .orderContentHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #8bb4b6;
  padding-bottom: 20px;
}
.orderContentContainer .orderContentHeader .orderContentHeaderText {
  font-size: 20px;
  font-weight: 600;
}
.orderContentContainer .orderContentHeader .orderContentHeaderCount {
  font-size: 16px;
  color: #515151;
}
.orderContentContainer .orderContentBody {
  border-bottom: 0.5px solid #8bb4b6;
  margin-bottom: 6px;
}
.orderContentContainer .orderContentBody .orderContentSubContent {
  border-bottom: 0.5px solid #8bb4b6;
  padding: 12px 0;
}
.orderContentContainer .orderContentBody .orderContentSubContent:last-child {
  border-bottom: none;
}
.orderContentContainer .orderContentBody .orderContentSubContent .orderContentBodySales:last-child {
  margin-bottom: 0;
}
.orderContentContainer .orderContentBody .orderContentBodySales {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.orderContentContainer .orderContentBody .orderContentBodySales .orderContentBodySalesText {
  color: #515151;
  font-size: 14px;
  max-width: 180px;
}
.orderContentContainer .orderContentBody .orderContentBodySales .orderContentBodySalePrice {
  font-size: 14px;
  font-weight: 600;
}
.orderContentContainer .orderContentBody .orderContentBodySales .discountLabelText {
  color: #DA393F;
}
.orderContentContainer .orderContentFooter .orderContentFooterTotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.orderContentContainer .orderContentFooter .orderContentFooterNext {
  background: #495b8a;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  height: 40px;
  transition: 0.3s ease-in-out;
}
.orderContentContainer .orderContentFooter .orderContentFooterNext:hover {
  background: #2C3B63;
}
.orderContentContainer .orderContentFooter .orderContentFooterNext a {
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  padding: 13px;
  font-family: "SF Pro Display", sans-serif;
}
.orderContentContainer .orderContentFooter .orderContentFooterNext-btn {
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
  height: 100%;
  line-height: 40px;
  background: none;
  border: none;
  padding: 0;
  font-family: "SF Pro Display", sans-serif;
}

.noFavText {
  color: #515151;
  font-weight: 600;
}
@media (max-width: 992px) {
  .noFavText {
    display: none;
  }
}

.noFavTextMobile {
  display: none;
}
@media (max-width: 992px) {
  .noFavTextMobile {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.noFavTextMobile .nofavCart {
  background: #F6FEFF;
  border: 1px solid #D6D2E4;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 240px;
  font-weight: 600;
  font-size: 13px;
}

.favouritesGrid .deleteFav {
  background-color: transparent;
  border: none;
  width: 26px;
  height: 26px;
  padding: 0;
}
.favouritesGrid .deleteFav img {
  width: 100%;
  height: 100%;
}

.blogsContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  overflow: hidden;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  .blogsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .blogsContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}

.blogCard {
  height: auto;
  background: #f7f9fa;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.4s;
}
@media (max-width: 992px) {
  .blogCard {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 32px;
  }
}
.blogCard:hover {
  box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.25);
  transition: all 0.4s;
}
.blogCard .blogImage {
  height: 280px;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .blogCard .blogImage {
    height: 160px;
  }
}
.blogCard .blogImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogCard .blogDetails {
  padding: 20px 16px;
}
@media (max-width: 992px) {
  .blogCard .blogDetails {
    padding: 12px 0;
  }
}
.blogCard .blogDetails .blogTitle {
  font-weight: 700;
  font-size: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .blogCard .blogDetails .blogTitle {
    font-size: 16px;
  }
}
.blogCard .blogDetails .blogDescription {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 21px;
  font-size: 14px;
}
@media (max-width: 992px) {
  .blogCard .blogDetails .blogDescription {
    font-size: 12px;
    -webkit-line-clamp: 2;
    font-weight: 600;
  }
}
.blogCard .blogDetails .blogMoreBtn {
  color: #c5403f;
}
.blogCard .blogDetails .blogMoreBtn a {
  color: #c5403f;
  text-decoration: none;
  font-size: 12px;
  margin-right: 10px;
  font-weight: 600;
}

.blogHeadCard {
  display: flex;
  justify-content: space-between;
}
.blogHeadCard .blogHeadLeft {
  width: 44%;
  margin-right: 40px;
  padding-top: 40px;
}
.blogHeadCard .blogHeadTitle {
  font-size: 34px;
  margin: 48px 0 40px 0;
  font-weight: 600;
}
.blogHeadCard .blogHeadRightImage {
  height: 480px;
  width: 688px;
  overflow: hidden;
  border-radius: 24px;
}
.blogHeadCard .blogHeadRightImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.blogItemDescription {
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: 600;
}

.blogItemCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 160px 0;
}
.blogItemCard .blogItemLeft {
  width: 44%;
  margin-right: 40px;
}
.blogItemCard .blogItemLeft .blogItemImage {
  width: 444px;
  height: 354px;
  overflow: hidden;
  border-radius: 16px;
}
.blogItemCard .blogItemLeft .blogItemImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.blogItemCard .blogItemTitle {
  font-size: 22px;
  margin-bottom: 32px !important;
  font-weight: 600;
}

.blogDate {
  font-size: 12px;
  color: #999999;
  font-weight: 600;
}

.blogDescription {
  color: #999999;
}

.breadcrumbs {
  padding: 12px 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
@media (max-width: 992px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs_mb {
  margin-bottom: 28px;
}
.breadcrumbs .breadCrumbLink a {
  color: #8bb4b6;
  text-decoration: none;
}
.breadcrumbs .breadCrumbSlash {
  color: #8bb4b6;
  margin: 0 12px;
}

.cropSalesTitle {
  font-weight: 700;
  font-size: 20px;
  padding: 20px 0;
  margin: 0;
}
@media (max-width: 992px) {
  .cropSalesTitle {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-bottom: 32px;
  }
}

.campaignsContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px;
}
@media (max-width: 992px) {
  .campaignsContainer {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.campaignsContainer .campaignsCard {
  height: auto;
  background: #f7f9fa;
  border: 0.5px solid #d6d2e4;
  border-radius: 12px;
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s;
}
.campaignsContainer .campaignsCard:hover {
  box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.25);
  transition: all 0.4s;
}
.campaignsContainer .campaignsCard .campaignsImage {
  width: 100%;
  overflow: hidden;
}
.campaignsContainer .campaignsCard .campaignsImage img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.campaignsContainer .campaignsCard .campaignsText {
  padding: 16px 16px 20px 16px;
}
.campaignsContainer .campaignsCard .campaignsText .campaignsTitle {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.campaignsContainer .campaignsCard .campaignsText .campaignsDescription {
  font-size: 12px;
  line-height: 23px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.campaignsContainer .campaignsCard .campaignsText .campaignsDate {
  font-size: 14px;
  background-color: #fff;
  padding: 5px 32px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.campaignsContainer .campaignsCard .campaignsText .campaignsFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .campaignsContainer .campaignsCard .campaignsText .campaignsFooter {
    flex-direction: row-reverse;
  }
}
.campaignsContainer .campaignsCard .campaignsText .campaignsMore {
  background-color: #c5403f;
  border-radius: 6px;
  display: flex;
  width: 96px;
  height: 34px;
  align-items: center;
  justify-content: center;
}
.campaignsContainer .campaignsCard .campaignsText .campaignsMore a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.campaignPage {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .campaignPage {
    flex-direction: column;
    position: relative;
  }
}
.campaignPage .overlay {
  display: none;
}
@media (max-width: 992px) {
  .campaignPage .overlay {
    display: flex;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    width: 100%;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 600;
    border-radius: 12px;
  }
}
.campaignPage .campaignImg {
  width: 57%;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 40px;
}
.campaignPage .campaignImg img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .campaignPage .campaignImg {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .campaignPage .campaignProducts {
    display: block;
    margin: 20px 0;
  }
}
.campaignPage .campaignProducts .campaignProductsBtn {
  background: #4A5C8B;
  border-radius: 8px;
  display: block;
  padding: 12px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.campaignPage .campaignTextContainer {
  display: flex;
  align-items: flex-end;
  width: 39%;
}
@media (max-width: 992px) {
  .campaignPage .campaignTextContainer {
    width: 100%;
  }
}
.campaignPage .campaignTextContainer .campaignTitle {
  font-size: 26px;
  margin-bottom: 12px;
  font-weight: 600;
}
.campaignPage .campaignTextContainer .campaignDescription {
  font-size: 14px;
  font-weight: 600;
}
.campaignPage .campaignTextContainer .campaignDateMobile {
  display: none;
}
@media (max-width: 992px) {
  .campaignPage .campaignTextContainer .campaignDateMobile {
    display: block;
    margin: 8px 0;
    color: #8BB4B6;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 600;
  }
}
.campaignPage .campaignTextContainer .campaignDate {
  color: #8BB4B6;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .campaignPage .campaignTextContainer .campaignDate {
    display: none;
  }
}

.vacancyTitle {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .vacancyTitle_mob-p {
    margin: 0;
    padding: 20px 0;
  }
}

.goToSurvey {
  color: #fff;
  display: block;
  width: 100%;
  padding: 15px;
  background: #4A5C8B;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 992px) {
  .goToSurvey {
    margin-top: 28px;
  }
}

.vacancyContainer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .vacancyContainer {
    flex-direction: column;
    margin-bottom: 2px;
  }
}
.vacancyContainer .vacancyLeftContainer {
  width: 60%;
}
@media (max-width: 992px) {
  .vacancyContainer .vacancyLeftContainer {
    width: 100%;
  }
}
.vacancyContainer .vacancyLeftContainer .vacancySpeciality {
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 20px !important;
}
@media (max-width: 992px) {
  .vacancyContainer .vacancyLeftContainer .vacancySpeciality {
    font-size: 14px;
    margin-bottom: 32px;
  }
}
.vacancyContainer .vacancyLeftContainer .vacancyLeftTitle {
  font-weight: 600;
  margin-bottom: 20px;
}
.vacancyContainer .vacancyLeftContainer .dutyItem {
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 14px;
}
.vacancyContainer .vacancyRightContainer {
  width: 20%;
}
@media (max-width: 992px) {
  .vacancyContainer .vacancyRightContainer {
    width: 100%;
  }
}
.vacancyContainer .vacancyRightContainer .vacancyRight {
  background: #f7f9fa;
  border-radius: 8px;
  padding: 16px;
}
@media (max-width: 992px) {
  .vacancyContainer .vacancyRightContainer .vacancyRight {
    background-color: transparent;
    padding: 0;
  }
}
.vacancyContainer .vacancyRightContainer .vacancyRight .requirmentsTitle {
  font-weight: 600;
  margin-bottom: 20px;
}
.vacancyContainer .vacancyRightContainer .vacancyRight .requirmentsList {
  padding-left: 24px;
  margin: 0;
}
.vacancyContainer .vacancyRightContainer .vacancyRight .requirmentsList .requirmentsListItem {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 600;
}

.surveyTitle {
  font-weight: 600;
}
@media (max-width: 992px) {
  .surveyTitle {
    text-align: center;
  }
}

.personalInfo {
  font-size: 12px;
  color: #8bb4b6;
  font-weight: 700;
  margin-top: 32px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .personalInfo_mt {
    margin-top: 0 !important;
  }
}
@media (max-width: 992px) {
  .personalInfo {
    margin-top: 20px;
  }
}

.vacancyRadioContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 90px;
}
@media (max-width: 992px) {
  .vacancyRadioContainer {
    margin: 0;
  }
}
.vacancyRadioContainer_flex {
  display: flex;
  justify-content: space-between;
}
.vacancyRadioContainer_padding {
  padding-bottom: 20px;
}
.vacancyRadioContainer_flex-direct {
  flex-direction: column;
}
.vacancyRadioContainer_gap {
  gap: 32px;
}
.vacancyRadioContainer .vacancyRadioItem {
  display: grid;
  gap: 12px;
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem_gap {
    gap: 16px;
  }
}
.vacancyRadioContainer .vacancyRadioItem_width {
  width: 100%;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemTitle {
  color: #8bb4b6;
  font-size: 12px;
  font-weight: 600;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemTitle_margin {
  margin: 0;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons_flex {
    width: 100% !important;
    background: transparent !important;
  }
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons_margin {
    margin: 0 !important;
  }
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons_direction {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons {
    width: 70%;
    margin-top: 12px;
    background: #F7F9FA;
    border-radius: 8px;
    overflow: hidden;
    padding: 4px;
  }
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn {
  background: #f7f9fa;
  border: 1px solid #f7f9fa;
  border-radius: 8px;
  padding: 11px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  width: 100%;
  height: 40px;
  cursor: pointer;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn_flex {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  gap: 8px;
  max-width: 100%;
  height: 36px;
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn {
    margin-top: 0;
    border: none;
    color: #8BB4B6;
    font-size: 12px;
  }
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn path {
  stroke: #000;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn_width {
  width: 100%;
  height: 56px;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn_padding {
  padding: 0;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtn_color {
  color: #000;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemInputLabel_width {
  width: 100%;
}
@media (max-width: 992px) {
  .vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemInputLabel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtnChecked {
  background: rgba(64, 123, 255, 0.1);
  border: 1px solid #407bff;
  color: #407bff;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtnChecked svg path {
  stroke: #407bff;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtnChecked .profileAddressImg svg {
  fill: #407bff;
  stroke: #407bff;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtnChecked .profileAddressImg path {
  fill: transparent;
  stroke: #407bff;
}
.vacancyRadioContainer .vacancyRadioItem .vacancyRadioItemButtons .vacancyRadioItemBtnChecked .addressDelivery__input_color {
  color: #407bff;
}

.hidden-radio-style {
  display: none;
}

.addCompanyContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 32px;
  width: 49.7%;
}
@media (max-width: 992px) {
  .addCompanyContainer {
    width: 100%;
  }
}
.addCompanyContainer .addCompanyBtn {
  background-color: transparent;
  color: #407bff;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  border: none;
  text-transform: uppercase;
}

.mobile-surwey {
  display: none;
}
@media (max-width: 992px) {
  .mobile-surwey {
    display: block;
    padding: 20px 0 30px;
  }
}
.mobile-surwey .mobileAddForm {
  gap: 12px;
}
.mobile-surwey .mobileAddWorkExperienceBtn {
  margin-top: 13px;
}

@media (max-width: 992px) {
  .work-experience {
    margin-top: 32px;
  }
}

.vacancyLanguageRadioContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  margin-top: 20px;
  gap: 64px;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .vacancyLanguageRadioContainer {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 20px;
  }
}
.vacancyLanguageRadioContainer .vacancyLanguageRadioItemButtons {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px;
}
@media (max-width: 992px) {
  .vacancyLanguageRadioContainer .vacancyLanguageRadioItemButtons {
    width: 100% !important;
  }
}
.vacancyLanguageRadioContainer .vacancyRadioItemSubTitle {
  font-size: 14px;
  font-weight: 600;
}

.fileInputsContainer .formFileInput {
  color: transparent;
  width: 100%;
  height: 100% !important;
  padding: 0 !important;
}
.fileInputsContainer .formFileInput::-webkit-file-upload-button {
  visibility: hidden;
}
.fileInputsContainer .formFileInput::before {
  content: "YÜKLƏYİN";
  color: #8bb4b6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f9fa;
  border-radius: 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.fileInputsContainer .formFileInput:active {
  outline: 0;
}

.file-input-added {
  margin-top: 10px;
}
.file-input-added__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.file-input-added__title {
  color: #8BB4B6;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.file-input-added__close-btn {
  color: #ADADAD;
  cursor: pointer;
}
.file-input-added__close-btn i {
  font-size: 20px;
}

.formFileInputContainer {
  height: 64px !important;
  border: 1px dashed #adadad !important;
}
@media (max-width: 992px) {
  .formFileInputContainer {
    height: 56px !important;
  }
}

.formFileInputs {
  width: 100%;
  display: block !important;
  border-radius: 8px;
}
.formFileInputs_mt {
  margin-top: 12px;
}

.formFileInputs {
  display: block !important;
}

.fileInputsContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (max-width: 992px) {
  .fileInputsContainer {
    grid-template-columns: repeat(1, 1fr);
    gap: 26px;
  }
}
.fileInputsContainer_mb {
  margin-bottom: 6px;
}
@media (max-width: 992px) {
  .fileInputsContainer_pb {
    padding-bottom: 10px;
  }
}
.fileInputsContainer .fileInputsImgContainer_bg {
  padding: 4px;
  border-radius: 8px;
  background-color: #f7f9fa !important;
}

.checkoutPage {
  display: flex;
  justify-content: space-between;
}
.checkoutPage_margin {
  margin-bottom: 40px;
}
.checkoutPage .checkoutLeft {
  width: 75%;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .checkoutPage .checkoutLeft {
    width: 100%;
    margin-right: 0;
  }
}
.checkoutPage .checkoutLeft .levelMainContainer__stageLine {
  position: relative;
}
.checkoutPage .checkoutLeft .levelMainContainer__goBack {
  display: none;
}
.checkoutPage .checkoutLeft .levelMainContainer__goBack-btn {
  background: none;
  border: none;
  position: absolute;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.checkoutPage .checkoutLeft .levelMainContainer__arrow {
  display: inline-block;
  margin-right: 3px;
  font-size: 12px;
}
.checkoutPage .checkoutLeft .levelsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 185px;
}
@media (max-width: 992px) {
  .checkoutPage .checkoutLeft .levelsContainer {
    display: none;
  }
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel.active .checkoutLevelCircle {
  background-color: #DA393F;
  color: #fff;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel.active .checkoutLevelText {
  color: #000;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel.active .checkoutLevelLine {
  background-color: #DA393F;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  border: none;
  background: transparent;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel .checkoutLevelCircle {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #adadad;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  position: relative;
  z-index: 9;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel .checkoutLevelCircle_bg {
  background: #DA393F;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevel .checkoutLevelText {
  font-size: 10px;
  font-weight: 600;
  margin-top: 1px;
  color: #adadad;
  position: absolute;
  top: 18px;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevelLine {
  background: #ebebeb;
  border-radius: 4px;
  width: 250px;
  height: 4px;
  position: absolute;
  top: 8px;
  right: 13px;
  z-index: -1;
}
.checkoutPage .checkoutLeft .levelsContainer .checkoutLevelLineTwo {
  width: 200px;
}
.checkoutPage .paymentMethodCardsContainer {
  display: flex;
  gap: 16px;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked {
  background: rgba(64, 123, 255, 0.15) !important;
  border: 1.5px solid #407bff !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked .radioCircle {
  background: #fff !important;
  border: 6px solid #407bff !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked .selected {
  color: #407BFF !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked .select {
  background: #E8EFFF;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked .selectContainer {
  border-color: #7FD3F4 !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCardChecked .option {
  border: none !important;
  background: #E8EFFF !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCard {
  border: 1px solid #dadada;
  border-radius: 8px;
  padding: 12px 12px 20px 16px;
  width: 156px;
  height: 178px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .radioCircleContainer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 7px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .radioCircleContainer .radioCircle {
  background: #fafafa;
  border: 0.5px solid #d6d2e4;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .selectMonth {
  background: #e8efff;
  border: 0.5px solid #7fd3f4;
  border-radius: 6px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu {
  width: 55%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu:has(.toggle-visible) .selectContainer {
  border-radius: 6px 6px 0 0;
  border-color: #7FD3F4;
  border-bottom: none;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .selectContainer {
  width: 100%;
  border: 0.5px solid #8bb4b6;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  height: 32px;
  align-items: center;
  transition: 0.3s;
  transition-delay: 0.1s;
  cursor: pointer;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .selectContainer:active {
  border-color: #7FD3F4;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .select {
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  gap: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .selectTax {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .options-list-container {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  border: 0.5px solid #7FD3F4;
  z-index: 3;
  border-radius: 0 0 6px 6px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .options-list {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .option {
  width: 100%;
  background-color: #FFF;
  padding: 7px 0;
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s ease-in-out;
  text-align: center;
  border-bottom: 0.5px solid #7fd3f4;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .option:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .option:disabled {
  cursor: context-menu;
  color: #407BFF !important;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .option:hover,
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .option.selected {
  color: #000;
  background: #f9f9f9;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .selected {
  cursor: context-menu;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .options-list::-webkit-scrollbar {
  width: 4px;
  background-color: #eee;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .options-list::-webkit-scrollbar-thumb {
  background-color: #00a8ff;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .options-list.active {
  height: 151px;
  border: 0.5px solid #7fd3f4;
  border-top: none;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .month-tax-container {
  display: none;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .taxMonthPrice {
  text-align: center;
  margin-top: 12px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .select-menu .taxMonthPrice .monthlyPaymentForTax {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .cardMonthDetails .cardDetails {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  gap: 12px;
  border-bottom: 0.5px solid #7fd3f4;
  width: 100%;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .cardMonthDetails .cardImg {
  width: 38px;
  height: 24px;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .cardMonthDetails .cardImg img {
  width: 100%;
  height: 100%;
}
.checkoutPage .paymentMethodCardsContainer .selectCard .cardMonthDetails .cardName {
  font-weight: 600;
  font-size: 12px;
}
.checkoutPage .paymentMethodLinkNav {
  display: flex;
  margin-bottom: 34px;
}
.checkoutPage .paymentMethodLinkNav .paymentMethodLink {
  color: #8bb4b6;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  margin-right: 39px;
  padding: 0 0 3px 0;
}
.checkoutPage .paymentMethodLinkNav .paymentMethodLink label {
  cursor: pointer;
}
.checkoutPage .paymentMethodLinkNav .paymentMethodLink.active {
  color: #407bff;
  border-bottom: 3px solid #407bff;
  border-radius: 2px;
}
.checkoutPage .paymentMethodNav {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 24px;
}
.checkoutPage .paymentMethodNav_border {
  border-bottom: 0.5px solid #dbdbdb;
}
.checkoutPage .paymentMethodNav .active .paymentMethodBlock {
  border: 1px solid #407BFF;
}
.checkoutPage .paymentMethodNav .paymentMethodButton {
  border: none;
  background-color: transparent;
  margin-right: 44px;
}
.checkoutPage .paymentTab__label {
  display: none;
}
.checkoutPage .paymentMethodContainerChecked {
  color: #407bff !important;
}
.checkoutPage .paymentMethodContainerChecked .paymentMethodBlock {
  background: #f9f9fd !important;
  border: 1px solid #407bff !important;
}
.checkoutPage .paymentMethodContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
  color: #aaaaaa;
  cursor: pointer;
}
.checkoutPage .paymentMethodContainer .paymentMethodBlock {
  background: rgba(139, 180, 182, 0.1);
  border: 1px solid #8bb4b6;
  border-radius: 12px;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.checkoutPage .paymentMethodContainer .paymentMethodBlock:focus {
  background: #F9F9FD;
}
@media (max-width: 992px) {
  .checkoutPage__title {
    display: none;
  }
}
.checkoutPage .checkoutReceipt {
  margin: 0 auto;
  width: 430px;
  max-width: 75%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #25AE88;
  padding: 24px;
}
.checkoutPage .checkoutReceipt__content {
  display: flex;
  flex-direction: column;
}
.checkoutPage .checkoutReceipt__content__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #adadad;
}
.checkoutPage .checkoutReceipt__content__row:last-child {
  border-bottom: none;
}
.checkoutPage .checkoutReceipt__content__row__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #adadad;
  margin-bottom: 0;
}
.checkoutPage .checkoutReceipt__content__row__value {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.checkoutPage .checkoutReceipt__button {
  padding: 12px;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  background: #25AE88;
  color: #fff;
}

.mobile-checkout-title {
  display: none;
}
@media (max-width: 992px) {
  .mobile-checkout-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 28px;
    padding-top: 20px;
  }
}
.mobile-checkout-title .goBack {
  position: absolute;
  left: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.mobile-checkout-title__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.toggle-visible {
  display: flex;
  flex-direction: column;
  visibility: visible !important;
  opacity: 1 !important;
}

.addressDelivery {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: 42px;
}
@media (max-width: 992px) {
  .addressDelivery {
    flex-direction: column;
    margin-top: 32px;
    padding-bottom: 20px;
  }
}
.addressDelivery_border {
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
}
.addressDelivery__container {
  width: 50%;
}
@media (max-width: 992px) {
  .addressDelivery__container {
    width: 100%;
  }
}
.addressDelivery__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
@media (max-width: 992px) {
  .addressDelivery__content {
    height: 48px;
  }
}
.addressDelivery__content_width {
  width: 100%;
}
.addressDelivery__top-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 16px;
}
.addressDelivery__top-container p {
  margin: 0;
}
.addressDelivery__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}
.addressDelivery__input-container {
  width: 100%;
  border-radius: 8px;
}
.addressDelivery__add-address-btn {
  border: none;
  background: transparent;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #407BFF;
  padding: 0;
}
.addressDelivery__add-address-btn::after {
  display: block;
  content: "";
  height: 0.5px;
  width: 100%;
  background: #407BFF;
}
.addressDelivery__change-address-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ECF2FA;
  border-radius: 8px;
  width: 40px;
  height: 100%;
  padding: 9px;
}
.addressDelivery__change-address-btn button {
  background: transparent;
  border: none;
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
}
.addressDelivery__change-address-btn button i {
  font-size: 12px;
}
.addressDelivery__input {
  width: 100%;
  height: 40px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border-radius: 8px;
  background: transparent;
  border-color: transparent;
  outline: none;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .addressDelivery__input {
    height: 48px;
  }
}
.addressDelivery__input_border {
  transition: 0.3s;
  border: 0.5px solid #8BB4B6;
}
.addressDelivery__input_border:focus {
  outline: none;
  border-width: 1px;
  border-color: #407BFF;
}
.addressDelivery__input_placeholder {
  padding-left: 16px !important;
}
.addressDelivery__input_placeholder::-moz-placeholder {
  color: #8BB4B6;
}
.addressDelivery__input_placeholder:-ms-input-placeholder {
  color: #8BB4B6;
}
.addressDelivery__input_placeholder::placeholder {
  color: #8BB4B6;
}
.addressDelivery__input_color {
  color: #8BB4B6;
}
.addressDelivery__img {
  width: 16px;
}
.addressDelivery__img-container {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  padding: 12px;
}
.addressDelivery__img-container::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #ADADAD;
}
.addressDelivery__img-container_modal-after::after {
  content: "";
  width: 1px;
  height: 24px;
  background: #ADADAD;
}
.addressDelivery__img-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.addressDelivery__link-container {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.addressDelivery__link {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-decoration: underline;
}
.addressDelivery__checkbox {
  margin-top: 4px;
}

.address-enter:has(:focus) {
  border-color: #407BFF;
}

.style-radio__content {
  position: relative;
  line-height: 0;
}
.style-radio__content_mr {
  margin-right: 12px;
}

.style-radio {
  position: absolute;
  opacity: 0;
}
.style-radio + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.style-radio__content:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #F7F9FA;
  border: 0.5px solid #8BB4B6;
  border-radius: 50%;
}
.style-radio:checked + label .style-radio__content:before {
  background: #000;
  border: 0.5px solid #000;
}
.style-radio:checked + label .style-radio__content:after {
  content: "";
  background: #fff;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: 11px;
  z-index: 10;
  border-radius: 50%;
}
.style-radio__selected-address-container + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: 600;
}
.style-radio__selected-address-container:checked + label .style-radio__selected-address-container_select:after {
  display: block;
  content: "";
  background: #fff;
  position: absolute;
  left: auto;
  right: 17px;
  top: 17px;
}
@media (max-width: 992px) {
  .style-radio__selected-address-container:checked + label .style-radio__selected-address-container_select:after {
    top: auto;
    bottom: 17px;
  }
}
.style-radio__selected-address-container + label .style-radio__selected-address-container_select:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 16px;
  height: 16px;
}
@media (max-width: 992px) {
  .style-radio__selected-address-container + label .style-radio__selected-address-container_select:before {
    top: auto;
    bottom: 12px;
  }
}
.style-radio_align-start + label {
  align-items: flex-start;
}
.style-radio_align-start:checked + label:after {
  top: 5px;
}

.mobilePaymentMethod {
  padding-top: 20px;
}
.mobilePaymentMethod__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.contact {
  display: flex;
  justify-content: center;
}
.contact__container {
  width: 100%;
}
.contact__header {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin: 32px 0;
}
.contact__body-container {
  padding-bottom: 20px;
}
.contact__title {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #8BB4B6;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.contact__btn {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: #F9F9FD;
  border-radius: 12px;
  border: none;
  padding: 15px;
  position: relative;
}
.contact__btn::after {
  position: absolute;
  right: 15px;
  top: 13px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: block;
  content: "\f078";
  rotate: -90deg;
}
.contact__descripttion {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-right: 12px;
}

.corporate-sale__header {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin: 0;
}
.corporate-sale__header_pt {
  padding-top: 32px;
}
@media (max-width: 992px) {
  .corporate-sale__header_pt {
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .corporate-sale__header {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
}
.corporate-sale__description {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  max-width: 812px;
}
.corporate-sale__description_pt {
  padding-top: 20px;
}
@media (max-width: 992px) {
  .corporate-sale__description {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
  }
}
.corporate-sale__subtitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 992px) {
  .corporate-sale__subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
  }
}
.corporate-sale__subtitle_margin {
  margin: 32px 0;
}
@media (max-width: 992px) {
  .corporate-sale__subtitle_margin {
    margin-bottom: 20px;
  }
}
.corporate-sale__condition-main-container {
  padding: 0;
  margin-left: 16px;
}
.corporate-sale__condition-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .corporate-sale__condition-container {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
  }
}
.corporate-sale__condition-container_mt {
  margin-top: 20px;
}
.corporate-sale__condition-container_mt:first-child {
  margin: 0;
}
.corporate-sale__condition-item {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .corporate-sale__condition-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }
}
.corporate-sale__condition-description {
  margin-left: -16px;
}
.corporate-sale__link {
  max-width: 1086px;
  background: rgba(64, 123, 255, 0.1);
  border-radius: 8px;
  margin-top: 32px;
}
@media (max-width: 992px) {
  .corporate-sale__link span {
    display: block;
    margin-top: 8px;
  }
}
.corporate-sale__link a {
  display: inline-block;
  padding: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #407BFF;
}
@media (max-width: 992px) {
  .corporate-sale__link a {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
  }
}
.corporate-sale__contact {
  margin-top: 48px;
}
@media (max-width: 992px) {
  .corporate-sale__contact {
    margin-top: 33px;
  }
}
.corporate-sale__contact-content {
  display: flex;
  justify-content: space-between;
  max-width: 500px;
  margin-top: 20px;
  margin-right: 57px;
}
@media (max-width: 376px) {
  .corporate-sale__contact-content {
    margin-right: 0;
  }
}
.corporate-sale__contact-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.corporate-sale__item {
  display: flex;
  gap: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .corporate-sale__item {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
}
.corporate-sale__numbers {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.corporate-sale__icone {
  position: relative;
}
.corporate-sale__icone svg path {
  fill: #ADADAD !important;
}
@media (max-width: 992px) {
  .corporate-sale__icone svg {
    padding: 2px;
  }
}
.corporate-sale__icone::after {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background: #DADADA;
  position: absolute;
  top: 4px;
  right: -12px;
}

.custom-dropdown {
  position: relative;
}
.custom-dropdown_border:has(.custom-dropdown__display-block) .custom-dropdown__selected {
  border-radius: 18px 18px 0 0;
}
.custom-dropdown__name {
  background: #fff;
  padding: 0 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
.custom-dropdown__name_position {
  position: absolute;
  top: -10px;
  left: 7px;
}
.custom-dropdown__selected {
  order: 0;
}
.custom-dropdown__selected_style {
  text-align: center;
  width: 100%;
  background: #383E42;
  color: #fff;
  border-radius: 18px;
  border: 1px solid #FFFFFF;
  font-weight: 600;
  font-size: 10px;
  height: 32px;
}
@media (max-width: 992px) {
  .custom-dropdown__selected_style {
    font-size: 12px;
    height: 36px;
  }
}
.custom-dropdown__selected_white-bg {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px;
  background: #fff;
  border: 0.5px solid #8BB4B6;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.custom-dropdown__selected_arrow::after {
  position: absolute;
  right: 15px;
  top: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: block;
  content: "\f078";
}
.custom-dropdown__selected_margin {
  margin-bottom: 28px;
}
.custom-dropdown__select-box {
  opacity: 0;
  visibility: hidden;
}
.custom-dropdown__select-box_size {
  width: 100%;
  position: absolute;
  top: 40px;
  left: 1px;
}
.custom-dropdown:has(.custom-dropdown__display-block) .custom-dropdown__selected_white-bg {
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}
.custom-dropdown:has(.custom-dropdown__display-block) .custom-dropdown__options-container_white-bg {
  border-radius: 0 0 8px 8px;
  border: 0.5px solid #8BB4B6;
  border-top: none;
}
.custom-dropdown__display-block {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.custom-dropdown__options-container {
  overflow: hidden;
  padding-bottom: 8px;
}
@media (max-width: 992px) {
  .custom-dropdown__options-container {
    padding-bottom: 8px;
  }
}
.custom-dropdown__options-container_bg {
  width: 100%;
  background: #383E42;
  color: white;
  transition: all 0.4s;
  border-radius: 0 0 18px 18px;
  border: 1px solid #fff;
  border-top: none;
  padding-top: 7px;
  position: absolute;
}
.custom-dropdown__options-container_white-bg {
  width: 100%;
  background: #fff;
}
.custom-dropdown__options-container_position {
  position: absolute;
  z-index: 1;
  top: 40px;
  width: 100%;
}
.custom-dropdown__option, .custom-dropdown__selected {
  line-height: 32px;
  height: 32px;
  cursor: pointer;
}
.custom-dropdown__option:hover {
  color: red;
}
.custom-dropdown__option_white-before:first-child::before {
  display: none;
}
.custom-dropdown__option_white-before::before {
  display: block;
  margin: 0 16px;
  content: "";
  width: 100%;
  height: 0.5px;
  background: #DBDBDB;
}
.custom-dropdown__option_before {
  position: relative;
}
.custom-dropdown__option_before:first-child::before {
  display: block;
  content: "";
  position: absolute;
  margin: -7px 0px;
  width: 100%;
  height: 0.5px;
  background: #DBDBDB;
}
.custom-dropdown__select-box label {
  cursor: pointer;
}
.custom-dropdown__btn {
  width: 100%;
  padding-left: 16px;
  text-align: start;
  color: black;
  background: none;
  outline: none;
  border: none;
}
@media (max-width: 992px) {
  .custom-dropdown__btn {
    padding-left: 8px;
  }
}
.custom-dropdown__btn_white {
  max-width: 142.21px;
  position: absolute;
  color: #fff !important;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
}
@media (max-width: 992px) {
  .custom-dropdown__btn_white {
    font-size: 12px;
  }
}
.custom-dropdown:has(.custom-dropdown__display-block) .custom-dropdown__selected {
  border-bottom: none;
}
.custom-dropdown__select-box .custom-dropdown__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
  position: relative;
}
.custom-dropdown__select-box .custom-dropdown__link:hover {
  color: #fff;
}
.custom-dropdown__decoration {
  margin: 8px;
}

.custom-dropdown-white-bg:has(:disabled) {
  color: #000;
}
.custom-dropdown-white-bg:has(:disabled):hover {
  color: #000;
}

.errorContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 300px;
}
.errorContainer .errorTitle {
  margin: 32px 0 20px 0 !important;
  font-weight: 600;
}
.errorContainer .errorGif {
  width: 240px;
  height: 200px;
  overflow: hidden;
}
.errorContainer .errorGif img {
  width: 100%;
}
.errorContainer .errorDescription {
  color: #8E8E8E;
  font-size: 14px;
  margin-bottom: 32px !important;
  width: 40%;
  text-align: center;
}
@media (max-width: 992px) {
  .errorContainer .errorDescription {
    width: 100%;
  }
}
.errorContainer .errorGoBack {
  border: 1px solid #DADADA;
  border-radius: 8px;
  padding: 11px 91px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.error-page {
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
.error-page__img-container {
  display: flex;
  justify-content: center;
}
.error-page__img {
  width: 100%;
}
.error-page__body {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.error-page__title {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin: 32px 0;
}
.error-page__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #8E8E8E;
  max-width: 444px;
  text-align: center;
}
.error-page__btn-container {
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  margin-top: 32px;
}
.error-page__btn {
  padding: 11px 91px;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 8px;
}

.filterHeader {
  background-color: #F7F9FA;
  margin-bottom: 37px;
}
@media (max-width: 992px) {
  .filterHeader {
    height: 58px;
    margin: -11px 0 0 0;
    border-radius: 0 0 12px 12px;
  }
}
.filterHeader .filterHeaderContainer {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filterHeader .filterHeaderContainer .filterHeaderLeft {
  font-family: "Crimson Pro", serif;
  font-size: 26px;
  font-weight: 500;
}
.filterHeader .filterHeaderContainer .filterHeaderLeft span {
  color: #ED1C24;
}
.filterHeader .filterHeaderContainer .filterHeaderRight {
  display: flex;
  align-items: center;
}
.filterHeader .filterHeaderContainer .filterHeaderRight .filterHeaderSelect {
  border: 0.5px solid #DADADA;
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 600;
  font-size: 13px;
  width: 200px;
  cursor: pointer;
  margin-left: 8px;
  outline: none;
}

.filterPage {
  display: flex;
  gap: 16px;
}
.filterPage .filterPageLeft {
  width: 25%;
}
@media (max-width: 992px) {
  .filterPage .filterPageLeft {
    display: none;
  }
}
.filterPage .filterPageLeft .filterLeftHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 16px;
  margin-bottom: 12px;
}
.filterPage .filterPageLeft .filterLeftHeader .filterLeftHeaderText {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
}
.filterPage .filterPageLeft .filterLeftHeader .filterLeftHeaderText span {
  margin-left: 8px;
}
.filterPage .filterPageLeft .filterLeftHeader .filterLeftHeaderClean {
  border: none;
  background-color: transparent;
  font-weight: 600;
  font-size: 12px;
  color: #8BB4B6;
  padding: 0;
}
.filterPage .filterPageLeft .filterBody {
  border-right: 0.5px solid #DBDBDB;
  padding-right: 16px;
}
.filterPage .filterPageLeft .filterBody__container {
  background: #F7F9FA;
  border-radius: 12px;
  padding: 16px 16px 0 16px;
  margin-bottom: 12px;
  overflow-y: scroll;
}
.filterPage .filterPageLeft .filterBody__container::-webkit-scrollbar {
  width: 5px;
  background: transparent !important;
}
.filterPage .filterPageLeft .filterBody__container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #CFDCE2 !important;
}
.filterPage .filterPageLeft .filterBody__container_padding {
  padding: 16px;
}
.filterPage .filterPageLeft .filterBody__search-container {
  position: relative;
}
.filterPage .filterPageLeft .filterBody__search {
  width: 100%;
  margin-bottom: 12px;
  border: 0.5px solid #8BB4B6;
  border-radius: 5px;
  height: 32px;
}
.filterPage .filterPageLeft .filterBody__search:focus {
  outline: none;
}
.filterPage .filterPageLeft .filterBody__search-icon {
  position: absolute;
  right: 6px;
  top: 9px;
  font-size: 13px;
  color: #8BB4B6;
}
.filterPage .filterPageRight {
  padding-top: 37px;
  width: 74%;
}
@media (max-width: 992px) {
  .filterPage .filterPageRight {
    width: 100%;
    padding-top: 20px;
  }
}
.filterPage .filterPageRight .filterProducts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 992px) {
  .filterPage .filterPageRight .filterProducts {
    grid-template-columns: repeat(2, 1fr);
  }
}

.filterMobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filterMobile__titles {
  max-width: 50%;
  flex: 1;
  display: flex;
  justify-content: center !important;
  align-items: center;
  padding: 26px 0 16px 0;
  cursor: pointer;
}
.filterMobile .sortBtnMobile {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  position: relative;
}
.filterMobile .sortBtnMobile::after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 24px;
  background: #ADADAD;
  position: absolute;
  right: 0;
  top: 40%;
}
.filterMobile .sortBtnMobile span {
  margin-left: 8px;
}
.filterMobile .filterBtnMobile {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
}
.filterMobile .filterBtnMobile span {
  margin-left: 8px;
}

.filterCheckboxList {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-bottom: 8px;
}
.filterCheckboxList_overflow {
  overflow-y: scroll;
  max-height: 215px;
}
.filterCheckboxList__item {
  font-size: 12px !important;
}
.filterCheckboxList li:last-child {
  margin-bottom: 0;
}
.filterCheckboxList__checked {
  line-height: 0;
  position: relative;
  margin-right: 8px;
}
.filterCheckboxList__checked_mr {
  margin-right: 12px;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.styled-checkbox + label .filterCheckboxList__checked:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #F7F9FA;
  border: 0.5px solid #8BB4B6;
  border-radius: 4px;
}
.styled-checkbox:checked + label .filterCheckboxList__checked:before {
  background: #000;
  border: 0.5px solid #000;
}
.styled-checkbox:checked + label .filterCheckboxList__checked:after {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: #fff;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(50%);
  font-size: 11px;
}

.save_address {
  color: #000;
  line-height: 0;
}
.save_address span {
  display: inline-block;
  margin-bottom: 3px;
}

.filterBodyBlock {
  max-height: 249px;
}
@media (max-width: 992px) {
  .filterBodyBlock {
    max-height: 100%;
    overflow-y: visible;
    background-color: transparent;
    padding: 0;
  }
}
.filterBodyBlock .filterDropdownContainer {
  position: relative;
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
  margin-bottom: 20px;
}
.filterBodyBlock .filterDropdownContainer:has(.visible-dropdown-filter-side-menu) .filter-side-menu__dropdown-title {
  padding-bottom: 20px;
}
.filterBodyBlock .filterBodyBlockTitle {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}
.filterBodyBlock .filterBodyBlockTitle_position {
  position: absolute;
  top: -8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  background: #fff;
  padding: 0 8px;
  left: 5px;
}
.filterBodyBlock .searchContainer {
  border-bottom: 0.5px solid #8BB4B6;
  margin-bottom: 10px;
}
.filterBodyBlock .searchInput {
  width: 100%;
  border: none;
  padding-bottom: 8px;
  background: transparent;
}
.filterBodyBlock .searchInput:focus {
  outline: none;
  border: none;
}
.filterBodyBlock .searchInput::-moz-placeholder {
  font-size: 12px;
  color: #8BB4B6;
}
.filterBodyBlock .searchInput:-ms-input-placeholder {
  font-size: 12px;
  color: #8BB4B6;
}
.filterBodyBlock .searchInput::placeholder {
  font-size: 12px;
  color: #8BB4B6;
}
.filterBodyBlock .slider {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  /* Input Thumb */
  /* Input Track */
}
.filterBodyBlock .slider .rangeCircle {
  height: 16px;
  width: 19px;
  border-radius: 50%;
  background: #000;
}
.filterBodyBlock .slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #dbdbdb;
  border-radius: 0 5px 5px 0;
  background-image: linear-gradient(#000, #000);
  background-size: 70% 100%;
  background-repeat: no-repeat;
}
.filterBodyBlock .slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}
.filterBodyBlock .slider input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}
.filterBodyBlock .slider input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.filterBodyBlock .slider input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.filterBodyBlock .slider input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.filterBodyBlock .slider input[type=range]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.filterBodyBlock .switchContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .filterBodyBlock .switchContainer {
    border: 0.5px solid #8BB4B6;
    border-radius: 8px;
    padding: 10px 12px;
    margin: 20px 0;
  }
}
.filterBodyBlock .switchContainer .switchContainerTitle {
  font-weight: 600;
  font-size: 14px;
}
.filterBodyBlock .switch .form-check-input {
  width: 36px;
  height: 20px;
  border: none;
  outline: none;
  background-color: #dbdbdb;
}
.filterBodyBlock .switch .form-check-input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.filterBodyBlock .switch .form-check-input:checked {
  background-color: #ef9832;
  border: none;
  outline: none;
}

.filter-side-menu {
  visibility: hidden;
}
.filter-side-menu__area {
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 80;
  background: rgba(0, 0, 0, 0.4);
}
.filter-side-menu__container {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  transition: all 0.6s;
  z-index: 100;
}
.filter-side-menu__content {
  position: absolute;
  right: 0;
  padding: 16px;
  width: 50%;
  flex: 1;
  background: #fff;
  height: 100vh;
  overflow-y: scroll;
}
.filter-side-menu__content_position {
  position: relative;
}
@media (max-width: 576px) {
  .filter-side-menu__content {
    display: block;
    position: relative;
  }
}
.filter-side-menu__header-container {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 43px;
}
.filter-side-menu__body {
  margin-bottom: 133px;
}
.filter-side-menu__closeBtn {
  position: absolute;
  left: 0;
}
.filter-side-menu__closeBtn button {
  background: none;
  border: none;
}
.filter-side-menu__closeBtn button i {
  color: #000;
  font-size: 24px;
}
.filter-side-menu__header {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 40px;
}
.filter-side-menu__sort-container {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
  transition: none;
}
.filter-side-menu__sort-item {
  list-style-type: none;
  transition: none;
}
.filter-side-menu__title-container {
  width: 100%;
}
.filter-side-menu__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  width: 100%;
}
.filter-side-menu__title::after {
  display: inline-block;
  content: "";
  width: 95%;
  height: 0.5px;
  background: #D6D2E4;
  padding-right: 16px;
}
.filter-side-menu__footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  padding: 30px 0;
  position: fixed;
  bottom: 0;
  right: -100%;
  background: #fff;
  z-index: 1000;
  height: 60px;
  transition: all 0.6s;
}
@media (max-width: 576px) {
  .filter-side-menu__footer {
    width: 100%;
  }
}
.filter-side-menu__btn {
  border: none;
  background: none;
}
.filter-side-menu__btn_blue {
  padding: 12px 37px;
  background: #4A5C8B;
  color: #fff;
  border-radius: 8px;
}
.filter-side-menu__dropdown-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  margin: 0;
}
.filter-side-menu__dropdown {
  visibility: hidden;
  height: 0;
}

.visible-dropdown-filter-side-menu {
  visibility: visible;
  height: 100%;
  padding: 0 16px 16px;
}

.visible-sortItem {
  visibility: visible;
}
.visible-sortItem .filter-side-menu__area {
  visibility: visible;
}
.visible-sortItem .filter-side-menu__container {
  right: 0;
}
.visible-sortItem .filter-side-menu__footer {
  right: 0;
}

.range-input-section {
  margin-top: 14px;
  padding-bottom: 7px;
}
@media (max-width: 992px) {
  .range-input-section {
    padding-bottom: 0;
  }
}

.input-range {
  position: relative;
}
@media (max-width: 992px) {
  .input-range {
    margin: 0 auto;
    width: 98%;
  }
}
.input-range_margin {
  margin-bottom: 20px;
}
.input-range__slider {
  position: relative;
  z-index: 1;
  height: 3px;
}
.input-range__track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: #DBDBDB;
}
.input-range__range {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: #000;
}
.input-range__thumb {
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  background: #000;
  border-radius: 50%;
  top: 2px;
}
.input-range__left {
  left: 0;
  transform: translate(-8px, -9px);
}
.input-range__right {
  right: 0;
  transform: translate(8px, -9px);
}
.input-range input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 0;
  width: calc(100% + 16px);
  opacity: 0;
  cursor: pointer;
  left: -8px;
}
.input-range input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: none;
  background: red;
  -webkit-appearance: none;
  cursor: pointer;
}

.taxDetailsLeft_width {
  width: 100%;
}

.filterContent {
  display: none;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: -100%;
  transition: 0.5s;
}

.filterContent.show {
  right: 0;
}

.filterOverlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  height: 100vh;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
}

.filterMenu {
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 30px 0;
  background-color: #fff;
  z-index: 9999;
  overflow-y: scroll;
}
.filterMenu .filterClose {
  margin-left: 20px;
  font-size: 26px;
  margin-bottom: 25px;
}

.filterMenuBody {
  padding: 0 16px;
}
.filterMenuBody .filterMenuPropertyContainer {
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
  position: relative;
  margin-bottom: 28px;
  padding: 13px 16px;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertyName {
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 12px;
  font-weight: 600;
  background-color: #fff;
  padding: 0 8px;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertyTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 12px;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertySearch {
  border-bottom: 0.5px solid #8BB4B6;
  padding-bottom: 12px;
  margin: 20px 0;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertySearch input {
  width: 100%;
  border: none;
  color: #000;
  outline: none;
  font-size: 12px;
  font-weight: 600;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertySearch input::-moz-placeholder {
  color: #8BB4B6;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertySearch input:-ms-input-placeholder {
  color: #8BB4B6;
}
.filterMenuBody .filterMenuPropertyContainer .filterMenuPropertySearch input::placeholder {
  color: #8BB4B6;
}

.formInputMinMax {
  width: 85%;
  background-color: transparent;
  padding: 0 !important;
  height: 40px;
  text-align: center;
}
.formInputMinMax:focus {
  border-color: #8BB4B6 !important;
  outline: none;
  box-shadow: none;
}

.formManatMinMax {
  color: #8BB4B6;
  font-size: 14px;
  position: absolute;
  left: 12px;
}

.sortContent {
  display: none;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: -100%;
  transition: 0.5s;
}

.sortContent.show {
  right: 0;
}

.sortOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  height: 100vh;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
}

.sortMenu {
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 30px 0;
  background-color: #fff;
  z-index: 9999;
  overflow-y: scroll;
}
.sortMenu .sortClose {
  margin-left: 20px;
  font-size: 26px;
  margin-bottom: 25px;
}

.sortTop .sortList {
  list-style: none;
  padding: 0 16px;
}
.sortTop .sortList .sortListItem {
  width: 100%;
  margin-bottom: 16px;
}
.sortTop .sortList .sortListItem .sortRadio {
  width: 100%;
  display: flex;
}
.sortTop .sortList .sortListItem .sortRadio .sortDot {
  background: #FAFAFA;
  border: 0.5px solid #D6D2E4;
  border-radius: 50%;
  margin-right: 16px;
  width: 18px;
  height: 18px;
}
.sortTop .sortList .sortListItem .sortRadio .sortText {
  border-bottom: 0.5px solid #D6D2E4;
  padding-bottom: 16px;
  font-size: 14px;
  width: 100%;
  font-weight: 600;
}
.sortTop .sortFooter {
  border-top: 0.5px solid #D6D2E4;
  padding: 12px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 100px;
}
.sortTop .sortFooter .sortClean {
  font-size: 12px;
  border: none;
  background-color: transparent;
  padding: 0;
  font-weight: 700;
  width: 100%;
}
.sortTop .sortFooter .sortResults {
  background: #8DC63F;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 12px;
  width: 100%;
  border: none;
}

.sortTitle {
  font-weight: 700;
  margin-bottom: 40px !important;
  text-align: center;
}

.sortByContainer {
  margin-left: 10px;
}
.sortByContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 3px;
  right: 0px;
  width: 24px;
  height: 0;
  font-size: 14px;
}
.sortByContainer .select2-container--default .select2-selection--single {
  border: 1px solid #DADADA;
  border-radius: 8px;
  height: 36px;
}
.sortByContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  font-size: 13px;
  line-height: 36px;
  color: #000;
}
.sortByContainer .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  margin-top: 5px;
}
.sortByContainer .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.sortByContainer:has(.select2-container--open) .select2-selection__arrow::after {
  margin-right: 12px;
  rotate: 180deg;
}

.select2-dropdown {
  z-index: 10 !important;
}

.select2-results {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}

.select2-results__option--selected {
  background: transparent !important;
}

.select2-results__option {
  padding: 9px 6px !important;
}

.select2-results__option--selectable {
  color: #000 !important;
  background: transparent !important;
}

.select2-results__option--highlighted {
  background: transparent !important;
}

.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background: transparent !important;
}

.footer {
  background-color: #383E42;
  overflow: hidden;
  padding: 40px 0;
}
@media (max-width: 992px) {
  .footer {
    padding: 0;
    background: #2A2E31;
  }
}
@media (max-width: 992px) {
  .footer__left {
    display: grid;
    gap: 16px;
  }
}
.footer__content {
  display: flex;
}
@media (max-width: 992px) {
  .footer__content {
    flex-direction: column;
    width: 100%;
  }
}
.footer__area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.footer__columns {
  display: flex;
  gap: 2%;
}
@media (max-width: 992px) {
  .footer__columns {
    padding: 0 20px;
    flex-direction: column;
    background: #383E42;
    gap: 0;
  }
}
@media (max-width: 992px) {
  .footer__column {
    width: 100%;
  }
  .footer__column:not(.footer__column:first-child)::before {
    display: block;
    content: " ";
    width: 100%;
    background-color: #ADADAD;
    height: 0.5px;
  }
}
.footer__column_style {
  padding-left: 32px;
  padding-right: 61px;
  border-left: 0.5px solid #DADADA;
  border-right: 0.5px solid #DADADA;
}
@media (max-width: 1225px) {
  .footer__column_style {
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  .footer__column_style {
    display: none;
  }
}
.footer__column_style ul {
  padding: 0;
}
.footer__column_style ul li {
  list-style-type: none;
}
.footer__title {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px;
}
.footer__right {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-left: 32px;
}
@media (max-width: 992px) {
  .footer__right {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    gap: 20px;
    background: #383E42;
    margin: 15px 0 0 0;
  }
}
.footer__contact {
  color: #fff;
}
@media (max-width: 992px) {
  .footer__contact {
    padding: 0 12px;
  }
  .footer__contact:last-child {
    width: 100%;
  }
}
.footer__media {
  display: flex;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 0.5px solid #DADADA;
}
@media (max-width: 992px) {
  .footer__media {
    border: none;
    padding: 0;
  }
}
.footer__socialItem {
  display: inline-block;
  margin-right: 12px;
}
.footer__socialItem a {
  color: #fff;
}
.footer__socialItem i {
  display: inline-block;
  font-size: 20px;
}
.footer__info {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.footer__info img {
  margin-right: 8px;
}
.footer__info span {
  display: inline-block;
  margin-left: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.footer__rightReserved span {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.footer__rightReserved :first-child {
  margin-right: 4px;
}
.footer__rightReserved :last-child {
  margin-left: 4px;
}
.footer__language button {
  background: none;
  color: white;
  border: 1px solid #FFFFFF;
  border-radius: 16px;
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  padding: 7px 11.65px;
}
.footer__mobileFirstColumn {
  display: none;
}
@media (max-width: 992px) {
  .footer__mobileFirstColumn {
    display: block;
    background: #383E42;
  }
}
.footer__mobileFirstColumn ul {
  padding: 0 20px;
  margin: 0;
}
.footer__mobileFirstColumn ul li {
  line-height: 47px;
  list-style-type: none;
}
.footer__mobileFirstColumn ul li:not(li:first-child)::before {
  display: block;
  content: " ";
  width: 100%;
  background-color: #ADADAD;
  height: 0.5px;
}
.footer__mobileFirstColumn ul li a {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}
.footer__mobileFirstColumn ul li a:hover {
  color: #fff;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
@media (max-width: 992px) {
  .footer__dropdown {
    width: 100%;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 992px) {
  .footer__dropdown-toggle {
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 992px) {
  .footer__dropdown-menu {
    width: 96%;
    background: #383E42 !important;
    color: #fff;
    padding: 0 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 992px) {
  .footer-nav {
    padding: 0 !important;
  }
}
.footer-nav_flex-column {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.footer-nav__container {
  max-width: 160px;
  flex: 1;
}
@media (max-width: 992px) {
  .footer-nav__container {
    min-width: 100%;
  }
}
.footer-nav__title {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px;
}
.footer-nav__title:hover {
  color: #fff;
}
@media (max-width: 992px) {
  .footer-nav__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
  }
}
.footer-nav__content {
  transition: all 0.3s ease;
}
.footer-nav__content :focus {
  max-height: 200px;
}
.footer-nav__navigations {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .footer-nav__navigations {
    align-items: center;
    height: 47px;
  }
}
.footer-nav__button {
  background: none;
  display: none;
}
@media (max-width: 992px) {
  .footer-nav__button {
    display: block;
    width: 100%;
    position: absolute;
    text-align: end;
  }
}
.footer-nav__button_border {
  border: none !important;
}
.footer-nav__button :focus {
  border: none !important;
}
.footer-nav__icon {
  color: #FFFFFF;
}
.footer-nav__items {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .footer-nav__items {
    background: #383E42;
    padding-bottom: 16px !important;
  }
}
.footer-nav__item {
  list-style-type: none;
}
.footer-nav__sub-item {
  color: #DBDBDB;
  transition: 0.3s ease-in-out;
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #DBDBDB;
  padding: 0;
}
.footer-nav__sub-item:hover {
  color: #fff;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

@media (max-width: 992px) {
  .footer-main-container {
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

.modal-call-me__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-call-me__phone-content {
  display: flex;
  align-items: center;
}

* a {
  text-decoration: none;
}

.header {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: "SF Pro Display", sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  height: 188px;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .header {
    background: #4A5C8B;
    height: 122px;
    border-radius: 0px 0px 12px 12px;
  }
}
.header_style {
  position: relative;
  background-color: #4A5C8B;
  border-radius: 0px 0px 12px 12px;
}

.top {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
}
.top__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
}
@media (max-width: 992px) {
  .top__container {
    flex-direction: row-reverse;
    gap: 5px;
  }
}
.top_style {
  color: white;
  border-bottom: 1px solid #383e42;
  background-color: #383e42;
  position: fixed;
  z-index: 100;
}
@media (max-width: 992px) {
  .top_style {
    border: none;
  }
}
.top__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 992px) {
  .top__left {
    gap: 8px;
    margin: 0 3px;
  }
}
.top__mobileCustomInfo {
  display: none;
}
@media (max-width: 992px) {
  .top__mobileCustomInfo {
    display: block;
  }
}
.top__mobContent {
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
}
@media (max-width: 992px) {
  .top__mobContent {
    gap: 5px;
  }
}
.top__mobItem {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  width: 40px;
  height: 40px;
  background: #383e42;
  position: relative;
  border-radius: 8px;
}
.top__mobItem a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top__mobItem a img {
  width: 20px;
  height: 20px;
}
.top__logo-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.top__logo-content img {
  width: 100%;
}
.top__logo-content::after {
  display: block;
  content: "";
  background: #fff;
  width: 1.5px;
  height: 18px;
  margin-left: 4px;
}
@media (max-width: 992px) {
  .top__logo-content::after {
    width: 0.56px;
    margin: 0;
  }
}
@media (max-width: 992px) {
  .top__logo-name {
    height: 9px;
  }
}
.top__contact {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 992px) {
  .top__contact {
    font-weight: 700;
    font-size: 14px;
  }
}
.top__menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  gap: 40px;
}
@media (max-width: 1225px) {
  .top__menu {
    gap: 25px;
  }
}
.top__menu_color li a {
  text-decoration: none;
  color: white;
}
.top__item {
  display: inline-block;
}
.top__item a {
  padding: 0 !important;
}
.top__icon i {
  display: inline-block;
  margin-left: 6.08px;
}

.middle {
  background-color: #383e42;
  border-bottom: 0.5px solid #8E8E8E;
  width: 100%;
}
@media (max-width: 992px) {
  .middle {
    border: none;
  }
}
.middle_position {
  position: relative;
  z-index: 100;
  border-top: 1px solid #434a4f;
  background: #434a4f;
}
@media (max-width: 992px) {
  .middle_position {
    flex-direction: row-reverse;
    z-index: 1;
  }
}
@media (max-width: 992px) {
  .middle_border-radius {
    border-radius: 0 0 12px 12px;
  }
}
.middle_style {
  color: white;
  border-bottom: 1px solid #383e42;
}
.middle__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  position: relative;
  padding: 0;
}
@media (max-width: 992px) {
  .middle__container {
    height: 64px;
  }
}
.middle__left {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.middle__search {
  max-width: 80%;
  flex: 1;
  height: 40px;
  background: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}
@media (max-width: 992px) {
  .middle__search {
    max-width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.middle__search_web {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  padding-left: 36px;
}
.middle__search_web::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  color: #8BB4B6;
}
.middle__search_web:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  color: #8BB4B6;
}
.middle__search_web::placeholder {
  font-weight: 600;
  font-size: 14px;
  color: #8BB4B6;
}
@media (max-width: 992px) {
  .middle__search_web {
    display: none;
  }
}
.middle__search_mobile {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  display: none;
  padding-left: 16px;
}
.middle__search_mobile::-moz-placeholder {
  font-weight: 500;
  font-size: 12px;
  color: #8BB4B6;
}
.middle__search_mobile:-ms-input-placeholder {
  font-weight: 500;
  font-size: 12px;
  color: #8BB4B6;
}
.middle__search_mobile::placeholder {
  font-weight: 500;
  font-size: 12px;
  color: #8BB4B6;
}
@media (max-width: 992px) {
  .middle__search_mobile {
    display: block;
  }
}
.middle__search_icon {
  color: #8BB4B6;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  width: 12px;
  height: 12px;
}
.middle__search_icon svg {
  color: #8BB4B6;
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .middle__search_icon {
    margin-right: 12px;
  }
}
.middle__search_icon_glass {
  font-size: 18px;
}
.middle__search_icon_close {
  display: none;
  cursor: pointer;
}
.middle__search_color input {
  border: none;
  padding-left: 36px;
}
.middle__search_color :focus {
  outline: none;
}
.middle__icon {
  display: inline-block;
  margin-right: 9.5px;
}
@media (max-width: 992px) {
  .middle__icon {
    margin-right: 16px;
  }
}
@media (max-width: 992px) {
  .middle__button {
    display: none;
  }
}
.middle__button a {
  display: block;
  height: 40px;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  padding: 13px 38px;
}
.middle__button a:focus {
  outline: none;
}
.middle__button_style {
  border: 1px solid #FFFFFF;
  background-color: #495056;
  color: #FFFFFF;
}
.middle__button_style:hover {
  background: #fff;
  color: #000;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}
.middle__right {
  display: flex;
  height: 100%;
}
@media (max-width: 992px) {
  .middle__right {
    display: none;
  }
}
.middle__menu {
  display: flex;
  align-items: center;
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.middle__menu_color a {
  color: white;
  text-decoration: none;
}
.middle__item {
  min-width: 84px;
  flex-shrink: 1;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  overflow: hidden;
  border-right: 1px solid #383e42;
}
.middle__item:first-child {
  border-left: 1px solid #383e42;
}
.middle__item .profileActive {
  width: 20px;
  height: 20px;
  transition: 330ms;
  margin-top: 5px;
}
.middle__item:hover, .middle__item.show {
  overflow: visible;
}
.middle__item:hover .profileActive, .middle__item.show .profileActive {
  height: 0;
  width: 0;
}
.middle__item:hover .profileHovered, .middle__item.show .profileHovered {
  width: 20px;
  height: 20px;
}
.middle__item:hover .cartDetailsBlock, .middle__item.show .cartDetailsBlock {
  opacity: 1;
  max-height: inherit;
  overflow: visible;
}
.middle__item:hover .header-authentification, .middle__item.show .header-authentification {
  opacity: 1;
  max-height: inherit;
  overflow: visible;
}
.middle__item-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5.58px;
  height: 72px;
  width: 100%;
  position: relative;
}
.middle__item-nav:hover {
  color: white;
}
.middle__item-title {
  font-weight: 700;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
}
.middle__item-count {
  position: absolute;
  top: 8px;
  right: 15px;
  background: #fff;
  border-radius: 12px;
  width: auto;
  min-width: 17.5px;
  display: none;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 10px;
  color: #000;
}
.middle__item-count.mobile {
  top: -4px;
  right: -2.5px;
}
.middle__item-count.show {
  display: flex;
}

.profileHovered {
  width: 0;
  height: 0;
  transition: 330ms;
  transform: translateY(-6px);
}

.header-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .header-section {
    flex-direction: column-reverse;
    background: linear-gradient(180deg, #383e42 33.48%, #8a7289);
    border-radius: 0px 0px 12px 12px;
  }
}

.header-scroll {
  width: 100%;
  position: fixed;
  top: 57px;
  z-index: 100;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .header-scroll {
    z-index: 50;
  }
}

.header-after-scroll .header-scroll {
  top: 0;
}
.header-after-scroll .middle__scroll-img {
  opacity: 1;
  transition: 0.4s;
  transition-delay: 0.4s;
}

body:has(.navigation__item:hover) {
  height: 100vh;
}

.header:has(.navigation__item:hover .subCategory) .overlay-subCategory {
  visibility: visible;
  position: fixed;
  transition: all 0.6s;
  transition-delay: 0.4s;
}

.navigation__item:hover:not(.subCategory) .overlay-subCategory {
  transition: none;
}

.navigation {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 58px;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  border: 0.5px solid #DBDBDB;
  z-index: 10;
}
@media (max-width: 992px) {
  .navigation {
    display: block;
    padding-bottom: 20px;
    border: none;
    background-color: inherit;
  }
}
.navigation__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  position: relative;
  height: 57px;
}
@media (max-width: 992px) {
  .navigation__container {
    align-items: flex-start;
    display: flex;
    width: 100%;
    gap: 5px;
    height: 100%;
    overflow-x: auto;
  }
}
.navigation__category-title {
  display: none;
}
@media (max-width: 992px) {
  .navigation__category-title {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: white;
    padding-bottom: 12px;
  }
}
.navigation__item {
  list-style-type: none;
  cursor: pointer;
}
.navigation__item:hover .subCategory {
  visibility: visible;
}
.navigation__item:hover .subCategory__container {
  height: 410px;
}
.navigation__item a {
  color: #000;
}
@media (max-width: 992px) {
  .navigation__item a {
    display: flex;
    flex-direction: column;
  }
}
.navigation__item-nav {
  display: flex;
  height: 57px;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  gap: 11px;
  padding: 0 15px;
}
@media (max-width: 992px) {
  .navigation__item-nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70px;
  }
}
@media (max-width: 992px) {
  .navigation__item-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 52px;
    height: 40px;
    max-height: 40px;
    flex: 1;
    background: #EBEAEF;
    border-radius: 8px;
    padding: 9px;
  }
}
@media (max-width: 376px) {
  .navigation__item-img-container {
    padding: 6px;
    width: 100%;
    height: 100%;
  }
}
.navigation__item-name {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 1225px) {
  .navigation__item-name {
    display: inline-block;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .navigation__item-name {
    color: white;
  }
}
@media (max-width: 576px) {
  .navigation__item-name {
    font-size: 11px;
  }
}
@media (max-width: 451px) {
  .navigation__item-name {
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
  }
}
@media (max-width: 992px) {
  .navigation__categoryItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 100%;
    flex: 1 1 auto;
    background: #F7F9FA;
    border-radius: 8px;
  }
}
@media (max-width: 992px) {
  .navigation__categoryItem a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
  }
}
.navigation__categoryItem img {
  width: 36px;
  height: 36px;
}
@media (max-width: 992px) {
  .navigation__categoryItem span {
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
  }
}
.navigation__item-img {
  width: 34px;
  -o-object-fit: contain;
     object-fit: contain;
}
.navigation__category {
  display: none;
}
@media (max-width: 992px) {
  .navigation__category {
    max-width: 100%;
    flex-shrink: 1;
    margin: 0;
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    border: none;
    border-top: 1px solid #EBEAEF;
    border-bottom: 1px solid #EBEAEF;
    background: none;
    position: static;
  }
}
.navigation__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  padding: 12px 16px;
}

.overlay-subCategory {
  position: absolute;
  top: 0;
  width: 100%;
  height: 150vh;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  visibility: hidden;
}

.navigation__nav:has(.navigation__item:hover .subCategory) .subCategory {
  height: 410px;
  transition: height 0.4s;
  transition-delay: 0.4s;
}

.navigation__container:hover .navigation__item:hover .subCategory {
  height: 410px;
}

.subCategory {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 57px;
  left: 0px;
  visibility: hidden;
  z-index: 20;
  border-top: 0.5px solid #DADADA;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 992px) {
  .subCategory {
    display: none;
  }
}
.subCategory_style {
  display: flex;
  position: absolute;
  top: 68px;
}
.subCategory__container {
  display: flex;
  height: 410px;
}
.subCategory__products {
  width: 100%;
  padding: 20px;
  background: white;
  max-height: 410px;
  overflow: hidden;
  overflow-y: scroll;
  gap: 20px;
}
.subCategory__products::-webkit-scrollbar {
  width: 7px;
  background: #FAFAFA !important;
}
.subCategory__products::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #DADADA !important;
}
.subCategory__products-content {
  width: 100%;
  height: 370px;
  display: flex;
  flex-flow: column wrap;
  flex-grow: revert;
  gap: 20px;
}
.subCategory__products-sub_nav {
  flex-basis: calc(20% - 10px);
  width: calc(20% - 10px);
  flex-shrink: 5;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.subCategory__column {
  padding: 0;
  margin: 0;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  flex: 1;
}
.subCategory__item {
  list-style-type: none;
}
.subCategory__item:has(.subCategory__item + .subCategory__item > .subCategory__name) {
  margin-bottom: 20px;
}
.subCategory__item:has(.subCategory__name) {
  margin-bottom: 5px;
}
.subCategory__name {
  display: inline-block;
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  list-style: none;
}
.subCategory__link {
  display: inline-block;
  padding-bottom: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
}
.subCategory__link:hover {
  color: #EF9832;
}
.subCategory__special {
  width: 30%;
  background: #FAFAFA;
  padding: 20px;
}
.subCategory__stock {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.subCategory__stock-item {
  list-style-type: none;
}

.hover-backgroundStyle {
  width: 100%;
  height: 100vh;
  z-index: 1;
  background: #E5E5E5;
}

.sidebar__button {
  display: none;
}
@media (max-width: 992px) {
  .sidebar__button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #383e42;
    border: none;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    padding: 20px;
  }
}
.sidebar__header {
  width: 100%;
}
.sidebar__closeButton-container {
  display: none;
  padding-right: 12px;
}
@media (max-width: 992px) {
  .sidebar__closeButton-container {
    display: flex;
    justify-content: flex-end;
  }
}
.sidebar__closeButton {
  color: #000;
}
@media (max-width: 992px) {
  .sidebar__closeButton {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
  }
  .sidebar__closeButton:active {
    color: #000;
  }
}
.sidebar__closeButton i {
  font-size: 20px;
}
@media (max-width: 992px) {
  .sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.sidebar__account {
  display: flex;
  justify-content: space-between;
}
.sidebar__accountContainer {
  display: none;
  border-radius: 8px;
  color: #000;
  gap: 8px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .sidebar__accountContainer {
    display: flex;
    align-items: center;
  }
}
.sidebar__signIn-and-signUp {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.sidebar__signIn-and-signUp-container {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  margin-bottom: 20px;
}
.sidebar__signUp a {
  color: #000;
}
.sidebar__signIn {
  background: #4A5C8B;
}
.sidebar__signIn a {
  color: white;
}
.sidebar__signIn-and-signUp-style {
  max-width: 48%;
  flex: 1;
  height: 40px;
  border: 1px solid #DADADA;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.sidebar__signIn-and-signUp-style a {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
}
.sidebar__imgContainer {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F9FA;
  border-radius: 8px;
}
.sidebar__imgContainer svg path {
  stroke: #000;
}
.sidebar__accountContent {
  display: flex;
  flex-direction: column;
}
.sidebar__accountContent a {
  color: #407BFF;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
}
.sidebar__userName {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.sidebar__my-account {
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #407BFF;
}
.sidebar__containerContent {
  display: flex;
  justify-content: flex-start;
}
.sidebar__area {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.sidebar__mobileContent {
  opacity: 0;
  padding-top: 30px;
  width: 80%;
  position: fixed;
  top: 0;
  left: -100%;
  flex: 1;
  background: #fff;
  padding-bottom: 20px;
  height: 100vh;
  overflow-y: scroll;
  transition: 0.5s;
  z-index: 101;
}
@media (max-width: 992px) {
  .sidebar__mobileContent {
    opacity: 1;
  }
}
.sidebar__mobileContainerContent_overflow {
  overflow: hidden;
}
.sidebar__listContainer {
  display: flex;
  gap: 40px;
  padding: 0;
  margin: 0;
}
@media (max-width: 1225px) {
  .sidebar__listContainer {
    gap: 25px;
  }
}
@media (max-width: 992px) {
  .sidebar__listContainer {
    display: flex;
    flex-direction: column;
  }
}
.sidebar__listContainer li {
  list-style-type: none;
}
.sidebar__listContainer li a {
  color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .sidebar__listContainer li a {
    color: #000;
  }
}
.sidebar_styles {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.sidebar__company {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding-left: 0;
}
.sidebar__company_styles {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sidebar__company-item {
  list-style-type: none;
  width: 50%;
  background: #F7F9FA;
  border-radius: 8px;
}
.sidebar__company-item-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px;
}
.sidebar__company-img {
  width: 40px;
  height: 25px;
}
.sidebar__company-title {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  color: #000;
}

@media (max-width: 992px) {
  .web-menu {
    display: none;
  }
}
.web-menu_dropdown {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
}
.web-menu__listContainer {
  display: flex;
  gap: 40px;
  padding: 0;
  margin: 0;
}
@media (max-width: 1225px) {
  .web-menu__listContainer {
    gap: 25px;
  }
}
@media (max-width: 992px) {
  .web-menu__listContainer {
    display: flex;
    flex-direction: column;
  }
}
.web-menu__listContainer li {
  list-style-type: none;
}
.web-menu__listContainer li a {
  color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .web-menu__listContainer li a {
    color: #000;
  }
}

.mobile-menu-container {
  width: 100%;
  position: relative;
  transition: 0.3s;
}
.mobile-menu-container_position {
  right: 0;
}

.mobile-menu {
  display: none;
  background: #EBEAEF;
}
@media (max-width: 992px) {
  .mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: none;
  }
}
.mobile-menu__container {
  background: #EBEAEF;
  padding-top: 1px;
}
.mobile-menu__button {
  display: inline-block;
  width: 100%;
  background: none;
  border: none;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.mobile-menu__button:active {
  color: #000;
}
.mobile-menu__button_flex {
  display: flex;
  gap: 12px;
}
.mobile-menu__prev-sub-btn {
  position: absolute;
  left: 39px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #ADADAD;
  top: 4px;
}
.mobile-menu__item {
  display: flex;
  justify-content: space-between;
}
.mobile-menu__item_after {
  position: relative;
}
.mobile-menu__item_after::after {
  content: url(/images/arrow-right.svg?47bebb64e0b2d89d0441c45a151530c1);
  display: inline-block;
  position: absolute;
  right: 0;
}
.mobile-menu__items {
  background-color: #FFFFFF;
  margin-top: 8px;
}
.mobile-menu__items_margin-0 {
  margin-top: 0;
}
.mobile-menu__items ul {
  padding: 0;
  margin: 0;
  line-height: 47px;
}
.mobile-menu__items li {
  list-style-type: none;
  color: #000;
}
.mobile-menu__items li::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #EBEAEF;
}
.mobile-menu__items li:first-child::before {
  display: none;
}
.mobile-menu__items li:last-child {
  border: none;
}
.mobile-menu__sub-item {
  color: #000 !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 48px;
  background: transparent;
  border: none;
  padding: 0;
}
.mobile-menu__sub-item:active {
  color: #000 !important;
}

.mobile-subcategory_styles {
  width: 100%;
  position: absolute;
  top: 0px;
  transform: translateX(0px);
}
.mobile-subcategory__container {
  width: 100%;
  height: 100%;
}
.mobile-subcategory__active {
  display: flex;
  gap: 8px;
  height: 100%;
  width: 100%;
  padding: 0 12px;
  position: relative;
  align-items: center;
}
.mobile-subcategory__prev-btn {
  width: 20px;
  height: 44px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.mobile-subcategory__buttons-container {
  margin: 0;
  padding: 0;
  transition: all 0.6s;
}
.mobile-subcategory__button {
  background: #F7F9FA;
  display: inline-block;
  width: 100%;
  text-align: start;
  padding: 0;
}
.mobile-subcategory__button::before {
  content: url(/images/arrow.svg?54b1a6489620ef37d5af2f51dbd745ca);
  display: inline-block;
  padding-right: 8px;
}
.mobile-subcategory__ul::before {
  display: block;
  content: "";
  max-width: 100%;
  height: 1px;
  background: #EBEAEF;
  margin: 0 12px;
}
.mobile-subcategory__active-category {
  background: #F7F9FA;
}
.mobile-subcategory__active-category:has(.mobile-menu__prev-sub-btn) .mobile-subcategory__active {
  padding-top: 5px;
}

.prev {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

@media (max-width: 992px) {
  .toggle-sidebar .sidebar__area {
    opacity: 1;
    left: 0;
  }
}
.toggle-sidebar .sidebar__mobileContent {
  left: 0;
}

.toggle-category {
  display: none;
}

.toggle-closeBtn {
  visibility: hidden;
  opacity: 0;
}

.cartDetailsBlock {
  position: absolute;
  top: 66px;
  right: -34px;
  color: #000;
  width: 368px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  z-index: 11;
  transition: 330ms;
  transition-delay: 0.2s;
}
.cartDetailsBlock .cartDetailsContainer {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsHeader {
  padding: 12px;
  font-weight: 600;
  font-size: 14px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsEmpty {
  font-size: 12px;
  color: #adadad;
  padding: 12px;
  display: none;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsEmpty.show {
  display: block;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody {
  padding: 0 12px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #dbdbdb;
  padding: 12px 0;
  position: relative;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem:last-child {
  border: none;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft {
  display: flex;
  align-items: center;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemImg {
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-right: 8px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemImg img {
  width: 100%;
  height: 100%;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails .cartDetailsItemCategory {
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  color: #da393f;
  text-transform: uppercase;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails .cartDetailsItemName {
  max-width: 170px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails .cartDetailsItemCountContainer {
  border: 0.5px solid #000000;
  border-radius: 4px;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 72px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails .cartDetailsItemCountContainer .minus {
  color: #adadad;
  font-size: 14px;
  cursor: pointer;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemLeft .cartDetailsItemDetails .cartDetailsItemCountContainer .plus {
  font-size: 14px;
  cursor: pointer;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemRight .cartDetailsItemDelete {
  cursor: pointer;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsBody .cartDetailsItem .cartDetailsItemRight .cartDetailsItemPrice {
  font-size: 14px;
  font-weight: 600;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter {
  border-top: 0.5px solid #dbdbdb;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter .cartDetailsTotal {
  display: grid;
  border-bottom: 0.5px solid #dbdbdb;
  padding: 12px;
  font-weight: 600;
  font-size: 13px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter .cartDetailsTotal__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter .cartDetailsGottoCart {
  padding: 12px;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter .cartDetailsGottoCart a {
  background-color: #da393f;
  display: block;
  width: 100%;
  padding: 11px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  transition: 0.3s;
}
.cartDetailsBlock .cartDetailsContainer .cartDetailsFooter .cartDetailsGottoCart a:hover {
  background-color: #AC181E;
}
.cartDetailsBlock .discountPrice {
  display: none;
}

.header-authentification {
  width: 368px;
  max-height: 0;
  top: 66px;
  right: 0;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  transition: 330ms;
  transition-delay: 0.2s;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.header-authentification__content {
  margin: 0;
  color: #ADADAD;
  padding: 28px 96px 28px 16px;
}
.header-authentification__link {
  color: #000 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline !important;
}

.headersearchContainer {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  border-radius: 0 0 6px 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 99;
  background-color: #fff;
}
@media (max-width: 992px) {
  .headersearchContainer {
    box-shadow: none;
    display: none;
  }
}
.headersearchContainer__link-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.headersearchContainer__link {
  display: flex;
  align-items: center;
  width: 55px;
  color: #000;
  text-transform: uppercase;
  margin-right: 18px;
  font-weight: 600;
  font-size: 10px;
  transition: 0.4s;
  height: 36px;
  transition: 0.4s;
}
.headersearchContainer__link:hover {
  font-weight: 900;
  color: #2C3B63;
}
.headersearchContainer__link::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  margin-left: 4px;
}
.headersearchContainer__no-result {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}
.headersearchContainer__not-found-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #8BB4B6;
}

.searchResultsContainer {
  width: 100%;
  padding: 12px 16px;
  border-top: 0.5px solid #DBDBDB;
  border-bottom: 0.5px solid #DBDBDB;
}
.searchResultsContainer .searchedItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 0.5px solid #DBDBDB;
}
.searchResultsContainer .searchedItem:last-child {
  border: none;
  padding-bottom: 0;
}
.searchResultsContainer .searchedItem .mainSearchedProduct {
  color: #000;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
}
.searchResultsContainer .searchedItem .mainSearchedProduct:hover .searchedItemName {
  color: #F92F2F;
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemImage {
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-right: 16px;
}
@media (max-width: 992px) {
  .searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemImage {
    width: 40px;
    height: 40px;
  }
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemName {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 8px !important;
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemPrice {
  font-weight: 700;
  color: #ADADAD;
  font-size: 14px;
}
@media (max-width: 992px) {
  .searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemPrice {
    font-size: 12px;
  }
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemPrice span {
  margin-right: 8px;
  color: #000;
  font-size: 16px;
}
@media (max-width: 992px) {
  .searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemPrice span {
    font-size: 14px;
  }
}
.searchResultsContainer .searchedItem .mainSearchedProduct .searchedItemPrice span small {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #ADADAD;
  font-size: 14px;
  margin-left: 5px;
}
.searchResultsContainer .searchedItem .searchedCategory {
  font-weight: 500;
  font-size: 10px;
  color: #ADADAD;
}
.searchResultsContainer .searchFilter {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  border-top: 0.5px solid #DBDBDB;
  padding-top: 12px;
}
.searchResultsContainer .searchFilter .searchFilterBtn {
  color: #000;
  font-size: 10px;
  font-weight: 600;
}
.searchResultsContainer .searchFilter .searchFilterBtn span {
  margin-left: 4px;
}

.panel {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all 0.6s;
  z-index: 100;
}

.open-panel {
  top: 0;
  left: 0;
}

@media (max-width: 992px) {
  .visible-overlay-mob-search {
    opacity: 1;
    visibility: visible;
  }
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  .sidebar__mobileContent {
    padding-bottom: 20%;
  }
}
.partner-section {
  margin-bottom: 40px;
}
@media (max-width: 451px) {
  .partner-section {
    margin-bottom: 20px;
  }
}

.partner-content {
  background: #FFFFFF;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .partner-content {
    margin-top: 20px;
  }
}
.partner-content .partners {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px 12px;
}
@media (max-width: 992px) {
  .partner-content .partners {
    padding: 8px 6px;
  }
}
@media (max-width: 451px) {
  .partner-content .partners {
    padding: 4px 3px;
  }
}
.partner-content .partners .partner_btn_block.prev-slide {
  padding-right: 22px;
}
@media (max-width: 1225px) {
  .partner-content .partners .partner_btn_block.prev-slide {
    padding-right: 16px;
  }
}
.partner-content .partners .partner_btn_block.next-slide {
  padding-left: 22px;
}
@media (max-width: 1225px) {
  .partner-content .partners .partner_btn_block.next-slide {
    padding-left: 16px;
  }
}
.partner-content .partners .partner_btn_block.next-slide .partner_nav_btn img {
  transform: translate(50%, 50%);
  rotate: 180deg;
}
.partner-content .partners .partner_nav_btn {
  padding: 15px;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1225px) {
  .partner-content .partners .partner_nav_btn {
    padding: 12px;
  }
}
.partner-content .partners .partner_nav_btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1225px) {
  .partner-content .partners .partner_nav_btn img {
    width: 8px;
    height: 8px;
  }
}
.partner-content .partner_item {
  height: auto;
  padding: 8px;
}
.partner-content .partner_item .partner-box {
  display: block;
  width: 100%;
  height: auto;
  padding-top: calc(100% - 2px);
  background: #FFFFFF;
  border: 0.5px solid #DBDBDB;
  border-radius: 50%;
  transition: 330ms;
  position: relative;
  overflow: hidden;
}
.partner-content .partner_item .partner-box:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1225px) {
  .partner-content .partner_item .partner-box {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  }
}
.partner-content .partner_item .partner-box img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.moreProducts {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
}
@media (max-width: 992px) {
  .moreProducts {
    margin: 20px 0;
  }
}
.moreProducts .moreProductsBtn {
  width: 160px;
  height: 32px;
  background: #fff;
  border: 0.5px solid #DA393F;
  border-radius: 20px;
  font-weight: 600;
  font-size: 10px;
  color: #DA393F;
  text-transform: uppercase;
}
.moreProducts .moreProductsBtn:hover {
  background: rgba(218, 57, 63, 0.1);
  border: 2px solid #DA393F;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 992px) {
  .moreProducts .moreProductsBtn {
    background-color: transparent;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .mt-mobile {
    margin-top: 110px;
  }
}

.banner {
  margin-bottom: 63px;
}
@media (max-width: 992px) {
  .banner {
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 24px;
  }
}
.banner_content {
  position: relative;
}
.banner_slick_main .slick-list {
  margin: 0 -10px;
}
.banner_slick_main .banner_item {
  margin: 0 10px;
}
.banner_slick_main .banner_item.initial_load:first-child {
  width: 100%;
}
.banner_slick_main .banner_item.initial_load:not(:first-child) {
  display: none;
}
@media (max-width: 992px) {
  .banner_slick_main {
    width: 85%;
  }
  .banner_slick_main .banner_item {
    margin: 0 8px;
    height: auto;
  }
  .banner_slick_main .slick-list {
    margin: 0 -8px;
    overflow: visible;
    -webkit-clip-path: inset(-100vw -100vw -100vw 0);
            clip-path: inset(-100vw -100vw -100vw 0);
  }
}
.banner_nav_block {
  width: calc(65% - 26px);
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #fff;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  transition: width 0.3s, padding 0.3s;
}
@media (max-width: 992px) {
  .banner_nav_block {
    display: none;
  }
}
.banner_nav_block:hover {
  width: 65%;
  padding: 8px 13px;
}
.banner_nav_block:hover .banner_item {
  height: 50px;
  background: #fff;
}
.banner_nav_block:hover .banner_item img {
  visibility: visible;
}
.banner_nav_block:hover .banner_item::after {
  opacity: 0.3;
}
.banner_nav_block:hover .banner_slick_nav .banner_btn_block {
  visibility: visible;
}
.banner_slick_nav {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.banner_slick_nav:not(.slick-arrow) {
  width: 100%;
}
.banner_slick_nav:not(.slick-arrow) .slick-list {
  width: 100%;
}
.banner_slick_nav .banner_item {
  height: 0;
  min-height: 0;
  margin: 0 6px;
  overflow: hidden;
  transition: height 0.5s;
  background: #EBEBEB;
  border-radius: 2px;
  height: 4px;
  position: relative;
  cursor: pointer;
}
.banner_slick_nav .banner_item img {
  visibility: hidden;
}
.banner_slick_nav .banner_item::after {
  content: "";
  width: 0;
  height: 100%;
  background-color: #F92F2F;
  position: absolute;
  top: 0;
  left: 0;
}
.banner_slick_nav .banner_item.slick-current::after {
  -webkit-animation-name: width;
          animation-name: width;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  width: 100%;
}
.banner_slick_nav .slick-list {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.banner_slick_nav .banner_btn_block {
  visibility: hidden;
  padding: 9px;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
  border-radius: 6px;
  border-radius: 50%;
  cursor: pointer;
}
.banner_slick_nav .banner_btn_block.prev-slide {
  margin-right: 6px;
}
.banner_slick_nav .banner_btn_block.next-slide {
  rotate: 180deg;
  margin-left: 11px;
}
.banner_slick_nav .banner_nav_btn {
  width: 8px;
  height: 8px;
  position: relative;
}
.banner_slick_nav .banner_nav_btn img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes width {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes width {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.banner_item {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  height: auto;
}
.banner_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner_btn {
  position: absolute;
  left: 16px;
  bottom: 16px;
}
.banner_btn_link {
  background: linear-gradient(90deg, #495B8A 0%, #8A7289 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  transition: 0.2s;
  padding: 8px 16px;
}
@media (min-width: 992px) {
  .banner_btn_link {
    width: inherit;
    height: inherit;
    padding: 13px 75px;
    border-radius: 20px;
    background: #000;
  }
}
.banner_btn_link:hover {
  color: #fff;
  background: #1e1e1f;
}

@media (max-width: 992px) {
  .notContainer {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

.middleBannerContainer {
  background-color: #495b8a;
  border-radius: 12px;
  overflow: hidden;
  margin: 40px 0;
  font-family: "Crimson Pro", serif;
}
@media (max-width: 992px) {
  .middleBannerContainer {
    background-color: transparent;
    border-radius: 0;
  }
}
.middleBannerContainer .bannerInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .middleBannerContainer .bannerInner {
    display: block;
    position: relative;
    height: 240px;
    max-height: 260px;
  }
}
.middleBannerContainer .bannerInner .bannerLeft {
  width: 40%;
  padding: 40px;
}
@media (max-width: 992px) {
  .middleBannerContainer .bannerInner .bannerLeft {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.69%, rgba(0, 0, 0, 0.4) 100%);
    justify-content: flex-end;
    height: 100%;
    z-index: 20;
    padding-bottom: 20px;
  }
}
.middleBannerContainer .bannerInner .bannerLeft .title {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.middleBannerContainer .bannerInner .bannerLeft .date {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin: 4px 0;
}
.middleBannerContainer .bannerInner .bannerLeft .description {
  color: #fff;
  margin: 12px 0 20px 0;
}
@media (max-width: 992px) {
  .middleBannerContainer .bannerInner .bannerLeft .description {
    text-align: center;
    width: 55%;
  }
}
.middleBannerContainer .bannerInner .bannerLeft .moreBtn {
  height: 32px;
  text-transform: uppercase;
}
.middleBannerContainer .bannerInner .bannerLeft .moreBtn a {
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  padding: 9px 27px;
  max-width: 100%;
  text-decoration: none;
  text-align: center;
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 800;
  font-size: 10px;
  line-height: 10px;
}
.middleBannerContainer .bannerInner .bannerLeft .moreBtn a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.middleBannerContainer .bannerInner .bannerRight {
  max-width: 60%;
  flex: 1;
}
@media (max-width: 992px) {
  .middleBannerContainer .bannerInner .bannerRight {
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.middleBannerContainer .bannerInner .bannerRight .middleBannerImg {
  position: relative;
  padding-top: 50%;
}
@media (max-width: 992px) {
  .middleBannerContainer .bannerInner .bannerRight .middleBannerImg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.middleBannerContainer .bannerInner .bannerRight .middleBannerImg img {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body:has(.loader-container.show) {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.loader-container {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: rgb(229, 229, 229);
  z-index: 100000;
}
.loader-container.show {
  display: block;
}
.loader-container .loader-content {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  -webkit-animation: loader-content 2s infinite;
  animation: loader-content 2s infinite;
  -webkit-animation-delay: 3.33s;
          animation-delay: 3.33s;
}
.loader-container .loader-content .loader-content-block {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: none;
  -webkit-animation: loader-content 2s infinite;
  animation: loader-content 2s infinite;
  -webkit-animation-delay: 2.66s;
          animation-delay: 2.66s;
}
.loader-container .loader-content img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: none;
  -webkit-animation: loader-img 2.5s 1, loader-content 2s infinite 4s;
  animation: loader-img 2.5s 1, loader-content 2s infinite 4s;
}

@-webkit-keyframes loader-img {
  0% {
    box-shadow: 0 0 0 1px rgba(141, 198, 63, 0.3);
    transform: scale(0.3);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(141, 198, 63, 0.3);
    transform: scale(1.3);
  }
  85% {
    box-shadow: 0 0 0 25px rgba(141, 198, 63, 0);
    transform: scale(1);
  }
  100% {
    box-shadow: none;
    transform: scale(1);
  }
}

@keyframes loader-img {
  0% {
    box-shadow: 0 0 0 1px rgba(141, 198, 63, 0.3);
    transform: scale(0.3);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(141, 198, 63, 0.3);
    transform: scale(1.3);
  }
  85% {
    box-shadow: 0 0 0 25px rgba(141, 198, 63, 0);
    transform: scale(1);
  }
  100% {
    box-shadow: none;
    transform: scale(1);
  }
}
@-webkit-keyframes loader-content {
  0% {
    box-shadow: 0 0 0 1px rgba(141, 198, 63, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(141, 198, 63, 0);
  }
}
@keyframes loader-content {
  0% {
    box-shadow: 0 0 0 1px rgba(141, 198, 63, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(141, 198, 63, 0);
  }
}
.lds-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid rgb(141, 198, 63);
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: rgb(141, 198, 63) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.local-loader {
  position: absolute;
  background: rgba(255, 255, 255, 0.8901960784);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.local-loader.show {
  display: block;
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(350px);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(350px);
  }
}
.local-loader:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(187, 187, 187, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
  animation: shimmer 2s infinite;
  content: "";
}

.login-close-btn {
  display: none;
  color: #000;
  padding-right: 10px;
}
@media (max-width: 992px) {
  .login-close-btn {
    display: flex;
    justify-content: flex-end;
  }
}

.login-main-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  color: #000;
}
.login-main-container .login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.login-main-container .login-main-content {
  width: 50%;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-nav-tabs-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
.login-main-container .login-main-content .login-nav-tabs-container .login-nav-tabs-content {
  gap: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 80px 0 12px 0;
  max-width: 100%;
}
.login-main-container .login-main-content .login-nav-tabs-container .text-enter {
  text-transform: lowercase;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-nav-tabs-container .text-enter {
    text-transform: uppercase;
  }
}
.login-main-container .login-main-content .login-nav-tabs-container .login-button {
  font-style: normal;
  font-size: 24px;
  color: #ADADAD;
  border: none;
  background-color: #FFFFFF;
  font-weight: 600;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-nav-tabs-container .login-button {
    font-family: "SF Pro Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
  }
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-nav-tabs-container .registration-btn {
    display: none;
  }
}
.login-main-container .login-main-content .login-nav-tabs-container .active {
  color: #000;
  border-bottom: 2px solid #000;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-nav-tabs-container .active {
    border: none;
  }
}
.login-main-container .login-main-content .mobile-login-footer-go-to-registration {
  display: none;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .mobile-login-footer-go-to-registration {
    text-align: center;
    display: block;
  }
}
.login-main-container .login-main-content .mobile-login-footer-go-to-registration .mobile-account-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #8BB4B6;
}
.login-main-container .login-main-content .mobile-login-footer-go-to-registration .mobile-resgistration-link {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #000;
  border-bottom: 0.5px solid #000;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .mobile-login-footer-go-to-registration .mobile-link-container {
    display: inline;
  }
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .mobile-login-footer-go-to-registration .mobile-login-btn {
    display: none;
  }
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .mobile-login-footer-go-to-registration .mobile-registration-btn {
    display: inline-block;
    background: none;
    border: navajowhite;
  }
}
.login-main-container .login-main-content .login-form-container {
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container {
    height: 100%;
    margin-bottom: 3%;
    border: none;
  }
}
@media (max-width: 769px) {
  .login-main-container .login-main-content .login-form-container {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container .login-form-content {
    width: 100%;
  }
}
.login-main-container .login-main-content .login-form-container .login-input {
  font-size: 14px;
  background: #FFFFFF;
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
  padding-left: 16px;
}
.login-main-container .login-main-content .login-form-container .login-input[type=email],
.login-main-container .login-main-content .login-form-container .login-input[type=password] {
  font-size: 14px;
  font-weight: 600;
  padding-left: 16px;
}
.login-main-container .login-main-content .login-form-container .login-input:focus {
  background: #FFFFFF;
  border: 1px solid #407BFF;
  border-radius: 8px;
  outline: none;
}
.login-main-container .login-main-content .login-form-container .login-form-input-container {
  position: relative;
}
.login-main-container .login-main-content .login-form-container .login-form-input-container_mb {
  margin-bottom: 28px;
}
.login-main-container .login-main-content .login-form-container .login-form-input-container .bg-red {
  width: 100%;
  max-width: 320px;
  padding-top: 3px;
}
.login-main-container .login-main-content .login-form-container .login-form-input-container .bg-red small {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #F92F2F;
}
.login-main-container .login-main-content .login-form-container .login-btn-container {
  padding-top: 20px;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container .login-btn-container {
    padding-top: 40px;
  }
}
.login-main-container .login-main-content .login-form-container .login-btn-container:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #DADADA;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container .login-btn-container:before {
    display: none;
  }
}
.login-main-container .login-main-content .login-form-container .login-form-input-label {
  position: absolute;
  background-color: #fff;
  text-align: center;
  height: 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  left: 9px;
  top: -8px;
  padding: 0 8px;
}
.login-main-container .login-main-content .login-form-container .login-items {
  width: 320px;
  height: 40px;
  font-size: 12px;
  left: 16px;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container .login-items {
    width: 100%;
    height: 48px;
  }
}
.login-main-container .login-main-content .login-form-container .login-submit-btn {
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #4A5C8B;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.login-main-container .login-main-content .login-form-container .login-forgot-password-container {
  display: flex;
  justify-content: end;
  width: 320px;
  height: 35px;
}
@media (max-width: 992px) {
  .login-main-container .login-main-content .login-form-container .login-forgot-password-container {
    width: 100%;
  }
}
.login-main-container .login-main-content .login-form-container .login-forgot-password-container .login-forgot-password-link {
  display: inline-block;
  width: 108px;
  height: 15px;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border-bottom: 1px solid #000;
}

.modal-mobile-logOut_padding {
  padding: 20px 49px 0;
}
.modal-mobile-logOut__centered {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.modal-mobile-logOut__content {
  width: 304px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 49px;
}
.modal-mobile-logOut__btn-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-mobile-logOut__close-btn {
  display: none;
}
.modal-mobile-logOut__header {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  text-align: center;
  padding-bottom: 20px;
}
.modal-mobile-logOut__btn {
  width: 88px;
  height: 40px;
  border: 1px solid #DADADA;
  border-radius: 8px;
  color: #000;
  background: none;
}
.modal-mobile-logOut_orange {
  background: #F28241;
  color: #fff;
}

.modal-add-address_padding {
  padding: 0 20px;
}
.modal-add-address__mobile {
  display: none;
}
@media (max-width: 992px) {
  .modal-add-address__mobile {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.modal-add-address__mobile_size {
  width: 100%;
}
.modal-add-address__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
}
.modal-add-address__content {
  max-width: 360px;
}
@media (max-width: 992px) {
  .modal-add-address__content {
    max-width: 100%;
  }
}
.modal-add-address__header-container {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 20px;
}
.modal-add-address__header {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  padding: 15px 20px 20px;
}
@media (max-width: 992px) {
  .modal-add-address__header {
    margin: 20px 0 40px 0;
    padding: 0;
  }
}
.modal-add-address__header_position {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
.modal-add-address__title {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
.modal-add-address__title_padding {
  padding: 32px 0;
}
@media (max-width: 992px) {
  .modal-add-address__title {
    font-size: 16px;
  }
}
.modal-add-address__address-title {
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #ADADAD;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .modal-add-address__address-title {
    margin: 0;
  }
}
.modal-add-address__addresses {
  border-bottom: 0.5px solid #DADADA;
}
.modal-add-address__input {
  padding-bottom: 20px;
}
.modal-add-address__add-beginning-address {
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  border: none;
  padding: 25px 0;
  cursor: pointer;
}
.modal-add-address__add-beginning-address::-moz-placeholder {
  color: #ABBFC0;
}
.modal-add-address__add-beginning-address:-ms-input-placeholder {
  color: #ABBFC0;
}
.modal-add-address__add-beginning-address::placeholder {
  color: #ABBFC0;
}
.modal-add-address__add-beginning-address:focus {
  outline: none;
}

.modal-added-to-cart {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.modal-added-to-cart__modal-visible {
  visibility: visible;
  opacity: 1;
}
.modal-added-to-cart__modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-added-to-cart__container-content {
  max-width: 416px;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .modal-added-to-cart__container-content {
    width: 326px;
  }
}
.modal-added-to-cart__content {
  padding: 16px 20px 20px 20px;
}
.modal-added-to-cart__header {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.modal-added-to-cart__btn-container {
  margin-top: 20px;
}
.modal-added-to-cart__btn {
  width: 100%;
  background: #4A5C8B;
  border-radius: 8px;
  color: #fff;
  border: none;
  padding: 11px;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.modal-added-to-cart__btn:hover {
  background-color: #2C3B63;
}

.modal-basket_slide-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-basket_slide-container .slick-list {
  width: 100%;
}
.modal-basket_slide-container .slick-track {
  padding: 2px;
}

.modal-slick-slide_border {
  border-top: 0.5px solid #8BB4B6;
  border-bottom: 0.5px solid #8BB4B6;
  padding-bottom: 12px;
  margin-top: 12px;
}
.modal-slick-slide__slide-container {
  display: flex;
  gap: 8px;
}
.modal-slick-slide__container {
  width: 112px;
  padding: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin: 0 4px;
}
.modal-slick-slide__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.modal-slick-slide__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.modal-slick-slide__slide-title {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}
.modal-slick-slide__slide-price {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}

.modal-close-btn-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: flex-end;
}
.modal-close-btn-container_color {
  border: none;
  background: none;
}

.swal2-container .swal2-popup {
  max-width: 360px;
  border-radius: 16px;
}
.swal2-container .swal2-popup .swal2-content {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  text-align: center;
  padding-bottom: 20px;
  color: #000;
}
.swal2-container .swal2-popup .swal2-actions {
  margin: 0;
}
.swal2-container .swal2-popup .swal2-actions .swal2-styled {
  background: none;
  outline: none;
  border-radius: 8px;
  font-size: 16px;
  border: 1px solid #DADADA;
  color: #000;
  padding: 0;
  font-weight: 600;
  font-size: 14px;
  padding: 11px 32px;
}
.swal2-container .swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
  color: #000;
  background: #fff;
  order: 1;
  border: 1px solid #DADADA;
}
.swal2-container .swal2-popup .swal2-actions .swal2-styled.swal2-confirm {
  background: #F28241;
  color: #fff;
  order: 2;
}
.swal2-container .swal2-popup .swal2-actions .swal2-styled:focus, .swal2-container .swal2-popup .swal2-actions .swal2-styled:active {
  outline: none;
  background-image: none;
  box-shadow: none;
}

.notificationContainer__container {
  margin-bottom: 12px;
}
.notificationContainer__title {
  padding: 0;
}
.notificationContainer__body {
  border-bottom: 1px solid #DADADA;
  padding-bottom: 12px;
}
.notificationContainer__descr-and-btn-cnt {
  display: flex;
  justify-content: space-between;
}
.notificationContainer__content {
  width: calc(100% - 63px);
  transition: 1s;
}
.notificationContainer__description-container {
  width: 100%;
  transition: 1s;
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__description {
  -webkit-line-clamp: unset;
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__description span {
  display: none;
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__description .notificationContainer__description--more-text {
  display: inline;
  color: #000;
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__more-btn-text::after {
  content: "\f077";
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__more-btn-text.more-btn-text {
  display: none;
}
.notificationContainer__description-container:has(.notificationContainer__more-checkbox:checked) .notificationContainer__more-btn-text.few-btn-text {
  display: inline;
}
.notificationContainer__description {
  width: 100%;
  display: inline-block;
  line-height: 15px;
  font-weight: 500;
  font-size: 12px;
  color: #ADADAD;
  margin: 0;
}
.notificationContainer__description--more-text {
  display: none;
}
.notificationContainer__text {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
.notificationContainer .notificationContainer__more-btn {
  display: inline-block;
  cursor: pointer;
}
.notificationContainer .notificationContainer__more-btn.show {
  display: block;
}
.notificationContainer .notificationContainer__more-btn.hide {
  display: none;
}
.notificationContainer .notificationContainer__more-btn .notificationContainer__more-checkbox {
  visibility: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
}
.notificationContainer .notificationContainer__more-btn .notificationContainer__more-btn-text {
  font-weight: 500;
  font-size: 12px;
  color: #8A7289;
  margin: 0;
  transition: 1s;
  cursor: pointer;
  position: relative;
  padding-right: 10px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.notificationContainer .notificationContainer__more-btn .notificationContainer__more-btn-text::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 10px;
  color: #8A7289;
  margin-left: 5px;
}
.notificationContainer .notificationContainer__more-btn .notificationContainer__more-btn-text.more-btn-text {
  display: inline;
}
.notificationContainer .notificationContainer__more-btn .notificationContainer__more-btn-text.few-btn-text {
  display: none;
}
.notificationContainer__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  height: 24px;
  background: rgba(64, 123, 255, 0.1);
  border-radius: 3px;
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  color: #407BFF;
  margin-left: 15px;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.notificationContainer__btn:hover {
  border-color: #407BFF;
}
.notificationContainer__data {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #ADADAD;
}

.myOrdersProduct {
  background: #f9f9fd;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 12px;
  gap: 20px;
}
@media (max-width: 992px) {
  .myOrdersProduct {
    background-color: transparent;
    border: 1px solid #DADADA;
    border-radius: 12px;
    gap: 12px;
    padding: 16px 12px 12px 16px;
    align-items: flex-start;
  }
}
.myOrdersProduct .myOrdersProductLeft {
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .myOrdersProduct .myOrdersProductLeft {
    margin-right: 0;
  }
}
.myOrdersProduct .myOrdersProductLeft .myOrdersProductImg {
  width: 48px;
  height: 64px;
  overflow: hidden;
}
.myOrdersProduct .myOrdersProductLeft .myOrdersProductImg img {
  width: 100%;
  height: 100%;
}
.myOrdersProduct .prices-container {
  display: flex;
  align-items: center;
}
.myOrdersProduct .myOrdersProductPrice {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.myOrdersProduct .myOrdersProductOldPrice {
  font-size: 12px;
  color: #ADADAD;
  margin-left: 8px;
  text-decoration: line-through;
}
.myOrdersProduct .myOrdersProductName {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .myOrdersProduct .myOrdersProductName {
    margin-bottom: 9px;
  }
}
.myOrdersProduct .myOrdersProductRight {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 992px) {
  .myOrdersProduct .myOrdersProductRight {
    flex-wrap: wrap;
  }
}
.myOrdersProduct .myOrdersProductRight .myOrdersProductPaymentMethod {
  color: #adadad;
}
.myOrdersProduct .myOrdersProductRight .myOrdersProductPaymentMethodName {
  color: #000;
}
.myOrdersProduct .repeat-order {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .myOrdersProduct .repeat-order {
    width: 100%;
    gap: 10px;
  }
}
.myOrdersProduct .repeat-order__button {
  max-width: 64px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: rgba(64, 123, 255, 0.1);
  border-radius: 8px;
  border: none;
  color: #407BFF;
  padding: 11px 13px;
  border: 1px solid transparent;
  transition: 0.3s;
}
.myOrdersProduct .repeat-order__button:hover {
  border-color: #407BFF;
}
@media (max-width: 992px) {
  .myOrdersProduct .repeat-order__button:hover {
    border: none;
  }
}
@media (max-width: 992px) {
  .myOrdersProduct .repeat-order__button {
    max-width: 123px;
    gap: 9px;
    flex-direction: row;
    padding: 9px 12px 10px 13px;
    height: 32px;
  }
}
@media (max-width: 992px) {
  .myOrdersProduct .repeat-order .rotate-icon {
    font-size: 12px;
  }
}
.myOrdersProduct .repeat-order__title {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
}

.password-recovery-otp-main-container {
  display: flex;
  justify-content: center;
}
.password-recovery-otp-main-container .password-recovery-otp-main-content {
  max-width: 620px;
  flex: 1;
  padding: 80px 0 32px 0;
}
@media (max-width: 992px) {
  .password-recovery-otp-main-container .password-recovery-otp-main-content {
    padding-top: 20px;
  }
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-main-content {
    width: 100%;
    padding-top: 20px;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  position: relative;
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-header-container {
    margin-bottom: 20px;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-header-container .password-recovery-otp-header-go-back {
  position: absolute;
  left: 0;
}
.password-recovery-otp-main-container .password-recovery-otp-header-container .password-recovery-otp-header-go-back .password-recovery-otp-header-go-back-link {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.password-recovery-otp-main-container .password-recovery-otp-header-container .password-recovery-otp-header-go-back .password-recovery-otp-header-left-icon {
  font-size: 12px;
  padding-right: 9.5px;
}
.password-recovery-otp-main-container .password-recovery-otp-header-container .recovery-header-otp-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-header-container .recovery-header-otp-title {
    text-transform: uppercase;
    font-size: 18px;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #DADADA;
  flex: 1;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form {
    margin-top: 0;
  }
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form {
    border: none;
    padding: 0;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-content {
  position: absolute;
  height: 33px;
  left: 150px;
  bottom: 98px;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-content-input {
  width: 50%;
  font-weight: 600;
  height: 54px;
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
  margin-bottom: 32px;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-content-input[type=number] {
  font-size: 14px;
  font-weight: 600;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-item {
  max-width: 100%;
  font-size: 14px;
  height: 40px;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-item {
    height: 48px;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-item:focus {
  outline: none !important;
  -webkit-appearance: none;
  border: none;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-content-input:focus {
  background: #FFFFFF;
  border: 1px solid #407BFF;
  border-radius: 8px;
  outline: none;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-content-label {
  position: absolute;
  background-color: #fff;
  height: 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  left: 27%;
  top: -8px;
  padding: 1.5px;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-submit-button-container {
  width: 320px;
  display: flex;
  justify-content: center;
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-submit-button-container {
    width: 100%;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-submit-button {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  background: #4A5C8B;
  border-radius: 8px;
  border: none;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-submit-button:disabled {
  background: #A4ADC5;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-num {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-num span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.password-recovery-otp-main-container .password-recovery-otp-container .password-recovery-otp-form .password-recovery-otp-num a {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #407BFF;
}
.password-recovery-otp-main-container .password-recovery-otp-text-about-send-password {
  max-width: 45%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #8BB4B6;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  .password-recovery-otp-main-container .password-recovery-otp-text-about-send-password {
    max-width: 100%;
  }
}
.password-recovery-otp-main-container .password-recovery-otp-input-code {
  width: 48px;
  height: 56px;
  background: #FAFAFA;
  border: 0.2px solid #DADADA;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
}
.password-recovery-otp-main-container .password-recovery-otp-item::-webkit-outer-spin-button,
.password-recovery-otp-main-container .password-recovery-otp-item::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.password-recovery-otp-main-container .password-recovery-otp-item[type=number] {
  padding-left: 55px;
  -moz-appearance: textfield;
}
.password-recovery-otp-main-container .password-recovery-otp-code-entry {
  margin-bottom: 40px;
  display: flex;
  gap: 7px;
}
.password-recovery-otp-main-container .password-recovery-otp-code-entry input:focus {
  background: #EBEAEF;
  border: 0.2px solid #DADADA;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  outline: none;
  text-align: center;
  font-weight: 600;
}
.password-recovery-otp-main-container .text-resend-code {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #407BFF;
  margin-top: 32px;
}
.password-recovery-otp-main-container .text-resend-code .refresh-img {
  display: inline-block;
  margin-right: 1%;
}

@media (max-width: 992px) {
  .main-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
}
.main-container .password-recovery-main-container {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  padding: 30px;
}
.main-container .password-recovery-main-container .password-recovery-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  padding: 0;
  position: relative;
}
@media (max-width: 992px) {
  .main-container .password-recovery-main-container .password-recovery-header-container {
    margin-bottom: 0;
  }
}
.main-container .password-recovery-main-container .password-recovery-header-container .password-recovery-header-go-back {
  width: 40%;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  display: inline-block;
  left: 0;
}
.main-container .password-recovery-main-container .password-recovery-header-container .password-recovery-header-go-back .password-recovery-header-go-back-link {
  color: #000;
}
.main-container .password-recovery-main-container .password-recovery-header-container .password-recovery-header-go-back .password-recovery-header-left-icon {
  width: 5.2px;
  height: 10.56px;
  padding-right: 10px;
}
.main-container .password-recovery-main-container .password-recovery-header-container .recovery-header-title {
  display: block;
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 31px;
}
@media (max-width: 992px) {
  .main-container .password-recovery-main-container .password-recovery-header-container .recovery-header-title {
    display: inline-block;
    font-family: "SF Pro Display", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
  }
}
@media (max-width: 769px) {
  .main-container .password-recovery-main-container .password-recovery-header-container .recovery-header-title {
    padding: 0;
  }
}
.main-container .password-recovery-main-container .password-recovery-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2%;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .main-container .password-recovery-main-container .password-recovery-container {
    padding: 0;
    border: none;
  }
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 38px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content {
  position: relative;
}
@media (max-width: 992px) {
  .main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content {
    width: 100%;
  }
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-item {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  font-size: 14px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-item:focus {
  outline: none !important;
  -webkit-appearance: none;
  border: none;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content-input {
  font-weight: 600;
  height: 54px;
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
  margin-bottom: 32px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content-input[type=number] {
  font-size: 14px;
  font-weight: 600;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .number-input {
  border: none;
  height: 30px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .beginning-for-number {
  display: inline-block;
  position: absolute;
  left: 5px;
  bottom: 99px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #ADADAD;
  padding-top: 15px;
  padding-left: 12px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content-input:focus {
  background: #FFFFFF;
  border: 1px solid #407BFF;
  border-radius: 8px;
  outline: none;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-content-label {
  position: absolute;
  background-color: #fff;
  text-align: center;
  height: 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  left: 9px;
  top: -8px;
  padding: 0 8px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-submit-button {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  background: #4A5C8B;
  border-radius: 8px;
  border: none;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-submit-button:disabled {
  background: #A4ADC5;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-num span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.main-container .password-recovery-main-container .password-recovery-container .password-recovery-form .password-recovery-num a {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #407BFF;
}
.main-container .password-recovery-main-container .password-recovery-form * {
  margin-bottom: 3%;
}
.main-container .password-recovery-main-container .password-recovery-text-about-send-password {
  width: 54%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #8BB4B6;
}
.main-container .password-recovery-main-container .password-recovery-input-code {
  width: 48px;
  height: 56px;
  margin-top: 3%;
  background: #FAFAFA;
  border: 0.2px solid #DADADA;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
}
.main-container .password-recovery-main-container .password-recovery-item::-webkit-outer-spin-button,
.main-container .password-recovery-main-container .password-recovery-item::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.main-container .password-recovery-main-container .password-recovery-item[type=number] {
  padding-left: 55px;
  -moz-appearance: textfield;
}
.main-container .password-recovery-main-container .password-recovery-code-entry input:focus {
  background: #EBEAEF;
  border: 0.2px solid #DADADA;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  outline: none;
  text-align: center;
  font-weight: 600;
}
.main-container .password-recovery-main-container .text-resend-code {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #407BFF;
  margin-top: 2%;
}
.main-container .password-recovery-main-container .text-resend-code .refresh-img {
  display: inline-block;
  margin-right: 1%;
}

.sectionTitle {
  font-size: 18px;
  font-weight: 600;
  margin: 24px 0;
}

.productsContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  grid-auto-rows: minmax(100px, auto);
}
@media (max-width: 992px) {
  .productsContainer {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

.productCard {
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: 1px solid #dadada;
  border-radius: 12px;
  color: #000;
}
@media (max-width: 992px) {
  .productCard {
    padding: 12px;
  }
}
.productCard .productCard-product-container .productCard-product-content {
  display: flex;
  justify-content: center;
}
.productCard .productImage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 23px;
}
.productCard .productImage .label-image {
  position: absolute;
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  right: 0;
  bottom: 0;
}
.productCard .productImage .label-image img {
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
}
@media (max-width: 1225px) {
  .productCard .productImage .label-image {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
  }
  .productCard .productImage .label-image img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
  }
}
@media (max-width: 992px) {
  .productCard .productImage .label-image {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
  .productCard .productImage .label-image img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
}
.productCard .productImage .cash-discount-amount {
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 50px;
  left: 0;
  background: red;
  min-width: 74px;
  min-height: 74px;
  border-radius: 100%;
  color: white;
}
.productCard .productImage .cash-discount-amount .line-5px {
  line-height: 7px;
}
.productCard .productImage .cash-discount-amount .ru {
  font-size: 9px;
  font-weight: 600;
  line-height: 9px;
}
.productCard .productImage .cash-discount-amount .price {
  text-align: center;
}
.productCard .productImage .cash-discount-amount .price .amount {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.productCard .productImage .cash-discount-amount .price .azn {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}
.productCard .productImage .cash-discount-amount .text {
  font-size: 9px;
  text-align: center;
  margin-top: 0px;
}
@media (max-width: 1225px) {
  .productCard .productImage .cash-discount-amount {
    top: 45px;
    min-width: 45px;
    min-height: 45px;
  }
  .productCard .productImage .cash-discount-amount .ru {
    font-size: 7px;
    font-weight: 600;
    line-height: 7px;
  }
  .productCard .productImage .cash-discount-amount .line-5px {
    line-height: 4px;
  }
  .productCard .productImage .cash-discount-amount .price {
    margin-top: -10px;
  }
  .productCard .productImage .cash-discount-amount .price .amount {
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
  }
  .productCard .productImage .cash-discount-amount .price .azn {
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
  }
  .productCard .productImage .cash-discount-amount .text {
    font-size: 6px;
    margin-top: -4px;
  }
}
@media (max-width: 992px) {
  .productCard .productImage .cash-discount-amount {
    top: 45px;
    min-width: 45px;
    min-height: 45px;
  }
  .productCard .productImage .cash-discount-amount .ru {
    font-size: 7px;
    font-weight: 600;
    line-height: 7px;
  }
  .productCard .productImage .cash-discount-amount .line-5px {
    line-height: 4px;
  }
  .productCard .productImage .cash-discount-amount .price {
    margin-top: -10px;
  }
  .productCard .productImage .cash-discount-amount .price .amount {
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
  }
  .productCard .productImage .cash-discount-amount .price .azn {
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
  }
  .productCard .productImage .cash-discount-amount .text {
    font-size: 6px;
    margin-top: -4px;
  }
}
@media (max-width: 1225px) {
  .productCard .productImage {
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .productCard .productImage {
    padding-right: 0;
  }
}
.productCard .productImage .productImage-content {
  width: 188px;
  height: 188px;
}
@media (max-width: 992px) {
  .productCard .productImage .productImage-content {
    width: 110px;
    height: 110px;
  }
}
.productCard .productImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 321px) {
  .productCard .productImage img {
    margin: 0;
  }
}
.productCard .productCategory {
  color: #ED1C24;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-bottom: 8px;
  text-transform: uppercase;
  padding-top: 8px;
}
@media (max-width: 992px) {
  .productCard .productCategory {
    padding-top: 17px;
    text-align: center;
    line-height: 13px;
  }
}
.productCard .productName {
  font-weight: 600;
  font-size: 16px;
    word-break: break-word;
}
@media (max-width: 992px) {
  .productCard .productName {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
  }
}
@media (max-width: 321px) {
  .productCard .productName {
    margin: 0;
  }
}
.productCard .priceContainer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px;
}
@media (max-width: 992px) {
  .productCard .priceContainer {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
}
.productCard .priceContainer .productPrice {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  gap: 5px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .productCard .priceContainer .productPrice {
    max-width: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 8px;
    line-height: 20px;
  }
}
.productCard .priceContainer .productPrice span {
  font-size: 17px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .productCard .priceContainer .productPrice span {
    font-size: 16px;
  }
}
.productCard .priceContainer .productPrice sup {
  font-size: 11px;
}
.productCard .priceContainer .productPrice .oldPrice {
  color: #ADADAD;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-decoration: line-through;
}
@media (max-width: 992px) {
  .productCard .priceContainer .productPrice .oldPrice {
    font-size: 12px;
  }
}
.productCard .monthPrice {
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  font-size: 14px;
  margin: 8px 0 16px 0;
}
@media (max-width: 992px) {
  .productCard .monthPrice {
    justify-content: center;
    font-size: 14px;
    margin: 12px 0 20px 0;
    line-height: 18px;
  }
}
.productCard .monthPrice .price {
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
@media (max-width: 992px) {
  .productCard .monthPrice .price {
    padding: 0;
  }
}
.productCard .monthPrice .price .noComission {
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 992px) {
  .productCard .monthPrice .price .noComission {
    display: none;
  }
}
.productCard .monthPrice .price .tax-price {
  font-size: 12px;
  margin-right: 4px;
  font-weight: 600;
}
.productCard .monthPrice .price i {
  font-size: 14px;
  font-weight: 600;
}
.productCard .monthPrice .monthMan {
  width: 12px;
  height: 20px;
  margin-left: 4px;
}
.productCard .monthPrice .monthMan .monthMan-img {
  width: 51px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCard .buyContainer {
  display: flex;
  justify-content: space-between;
}
.productCard .buyContainer .addToBasket {
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 8px;
  width: 116px;
  height: 40px;
}
.productCard .buyContainer .buyNow {
  background-color: #ef9832;
  border: none;
  border-radius: 8px;
  color: #fff;
  height: 40px;
}
.productCard .buyContainer .addToCart {
  width: 100%;
  border: none;
  border-radius: 8px;
  height: 40px;
  background: #8dc63f;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
}
.productCard .buyContainer .addToCart:hover {
  background-color: #5e822f;
  transition: all 0.3s;
}
.productCard .buyContainer .addToCart_style {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.productCard .buyContainer .noStock {
  background: #747677;
}
.productCard .buyContainer .noStock:hover {
  background-color: #6b6b6e;
  transition: all 0.3s;
}
.productCard .stickerContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  position: absolute;
  left: 16px;
  top: 16px;
}
.productCard .stickerContainer .sticker {
  min-width: 39px;
  max-width: 42px;
  min-height: 42px;
  margin-bottom: 12px;
}
.productCard .stickerContainer .sticker img {
  height: 100%;
  width: 100%;
}
.productCard .favColorContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
}
@media (max-width: 421px) {
  .productCard .favColorContainer {
    right: 6px;
    top: 12px;
  }
}
@media (max-width: 321px) {
  .productCard .favColorContainer {
    right: 10px;
    top: 12px;
  }
}
.productCard .favColorContainer .mainColorContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 16px;
}
@media (max-width: 321px) {
  .productCard .favColorContainer .mainColorContainer {
    margin-top: 8px;
  }
}
.productCard .favColorContainer .mainColorContainer .moreColor-container {
  font-size: 10px;
  color: #000;
  font-weight: 600;
  margin-top: 2px;
  cursor: pointer;
}
.productCard .favColorContainer .mainColorContainer .hidden-color {
  display: none;
  width: 0;
  height: 0;
}
.productCard .favColorContainer .colorContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productCard .favColorContainer .colorContainer .color {
  width: 24px;
  height: 18px;
  background-color: #e7e8cd;
  border: 1px solid #fff;
  border-radius: 6px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .productCard .favColorContainer .colorContainer .color {
    width: 20px;
    height: 16px;
  }
}
.productCard .favColorContainer .colorContainer .colorSecond {
  margin-top: -8px;
}
@media (max-width: 992px) {
  .productCard .favColorContainer .colorContainer .colorSecond {
    margin-top: -4px;
  }
}

.productCard .labels {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    gap: 1px;
}

.productCard .cashCampaign {
  background: linear-gradient(90deg, #495B8A 0%, #8A7289 100%);
  height: 24px;
  border-radius: 12px 0px;
  display: flex;
  font-size: 10px;
  color: #fff;
  font-weight: 900;
  padding: 5px 16px;
}
.productCard .cashCampaign p {
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
}

.show-moreColor {
  display: block;
  margin-top: -8px;
  transition: all 0.3s ease-in;
  width: 24px;
  height: 18px;
  background-color: #e7e8cd;
  border: 1px solid #fff;
  border-radius: 6px;
  cursor: pointer;
}

.color_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  cursor: pointer;
  height: auto;
}
.color_block .color_item {
  border: 1px solid #e7e7e7;
  width: 28px;
  height: 18px;
  visibility: visible;
  border-radius: 6px;
  margin-top: -6px;
  transition: height 0.2s;
  transition: margin 0.2s;
}
.color_block .color_item:first-child {
  margin-top: 0;
}
.color_block .color_item:hover {
  z-index: 100000;
}
.color_block .additional_count {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-top: 10px;
}

.productName {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .productName {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
  }
}

.creditMonths-container {
  max-width: 56%;
  flex: 1 1 auto;
}
@media (max-width: 992px) {
  .creditMonths-container {
    width: 100%;
    max-width: 52%;
  }
}
@media (max-width: 576px) {
  .creditMonths-container {
    min-width: 100%;
  }
}

.creditMonths-container .creditMonths {
  width: 100%;
  padding: 3px;
  background-color: #ebebeb;
  color: #adadad;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  height: 28px;
}
.creditMonths-container .creditMonths .month {
  height: 100%;
  flex: 1;
  padding: 5px 0px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1225px) {
  .creditMonths-container .creditMonths .month {
    margin: 0;
  }
}
@media (max-width: 321px) {
  .creditMonths-container .creditMonths .month {
    padding: 6px 0px;
    font-size: 11px;
  }
}
.creditMonths-container .creditMonths .checked {
  background-color: #fff;
  color: #000;
  transition: all 0.3s;
}
.creditMonths-container .creditMonths input[type=radio] {
  display: none;
}

.productNameUrl {
  display: flex;
  line-height: 0;
  padding-bottom: 16px;
}
@media (max-width: 992px) {
  .productNameUrl {
    padding-bottom: 20px;
    justify-content: center;
  }
}

.productUrl {
  display: inline-block;
  line-height: 0;
  color: #333;
  transition: 0.3s;
}
.productUrl:hover {
  color: #ED1C24;
}

.addToFavourite {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
}
@media (max-width: 992px) {
  .addToFavourite {
    height: 100%;
  }
}
.addToFavourite img {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .addToFavourite img {
    width: 20px;
    height: 20px;
  }
}

.addedToFavourites {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  display: none;
}
.addedToFavourites img {
  width: 100%;
  height: 100%;
}

body:has(.completeOrderMobile) .footer {
  padding-bottom: 101px;
}

.productPageContainer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 40px;
}
@media (max-width: 992px) {
  .productPageContainer {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.productPageContainer .productRight {
  width: 26%;
}
@media (max-width: 992px) {
  .productPageContainer .productRight {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .productPageContainer .productRight .forMobile {
    width: 100%;
  }
}
.productPageContainer .productRight .productDetailsContainer {
  background: #faf6fc;
  border-radius: 8px;
  padding: 12px 12px 20px 12px;
  margin-bottom: 12px;
}
.productPageContainer .productRight .productDetailsContainer .productPriceSticker {
  border-bottom: 0.5px solid #8bb4b6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.productPageContainer .productRight .productDetailsContainer .productPriceSticker .productPrice {
  font-family: "Crimson Pro";
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.04em;
  font-feature-settings: "pnum" on, "lnum" on;
}
.productPageContainer .productRight .productDetailsContainer .productPriceSticker .productCashSticker {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 12px;
  background: #ed1d25;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 13px;
  margin-top: 12px;
}
.productPageContainer .productRight .productDetailsContainer .productPriceSticker .productCashSticker span {
  display: inline-block;
  padding: 0 2px;
  color: #dded2a;
}
.productPageContainer .productRight .productDetailsContainer .productPriceSticker .productCashSticker span:after {
  content: "₼";
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow {
  display: flex;
  justify-content: space-around;
  gap: 8px;
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyOnelClick {
  border: 1px solid #495b8a;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyOnelClick:hover {
  background: rgba(73, 91, 138, 0.1);
}
@media (max-width: 992px) {
  .productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyOnelClick:hover {
    background: transparent;
  }
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyNow {
  background: #495b8a;
  border-radius: 8px;
  width: 100%;
  padding: 14px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  color: #fff;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyNow:hover {
  background: #2C3B63;
}
@media (max-width: 992px) {
  .productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneNow .buyNow:hover {
    background: transparent;
  }
}
.productPageContainer .productRight .productDetailsContainer .buyOneNowContainer .buyOneButtons {
  width: 50%;
}
.productPageContainer .productRight .taxConditions {
  background: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}
.productPageContainer .productRight .taxContainer {
  background: #fafafa;
  border-radius: 8px;
  padding: 8px 0 20px 0;
  margin-bottom: 12px;
  display: none;
}
.productPageContainer .productRight .taxContainer .taxCardContainer {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 0.5px solid #dbdbdb;
  padding: 12px 12px 17px 12px;
}
.productPageContainer .productRight .taxContainer .taxCardContainer:last-child {
  border: none;
  padding: 12px 12px 0 12px;
}
.productPageContainer .productRight .taxContainer .taxCardContainer .taxCardImg {
  width: 32px;
  height: 25px;
  overflow: hidden;
}
.productPageContainer .productRight .taxContainer .taxCardContainer .taxCardImg img {
  width: 100%;
  height: 100%;
}
.productPageContainer .productRight .taxContainer .taxCardContainer .taxCardPrice {
  font-weight: 600;
  font-size: 14px;
  margin-left: 12px;
}
.productPageContainer .productRight .taxContainer .taxCardContainer .taxCardPrice span {
  font-weight: 800;
}
.productPageContainer .productRight .internalLoanTitle {
  margin: 0;
  background: #ebebeb;
  font-weight: 700;
  font-size: 14px;
}
.productPageContainer .productRight .internalLoanTitle_padding {
  padding: 7px 12px;
}
@media (max-width: 992px) {
  .productPageContainer .productRight .internalLoanTitle {
    margin-top: 20px;
    background-color: transparent;
    font-weight: 600;
    font-size: 16px;
  }
}
.productPageContainer .productRight .taxDetails::before {
  border-bottom: 0.5px solid #DADADA;
}
.productPageContainer .productRight .internalLoanCardMobile {
  border: 0.5px solid #DADADA;
  border-radius: 8px;
  padding-top: 12px;
  color: #000;
  margin-top: 12px;
}
.productPageContainer .productRight .internalLoanCardMobile:last-child {
  margin-bottom: 20px;
}
.productPageContainer .productRight .internalLoanCardMobile .internalLoanCardTop {
  padding: 0 16px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  color: #000;
}
.productPageContainer .productRight .internalLoanCardMobile .internalLoanCardBottom {
  background: rgba(171, 191, 192, 0.15);
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 13px;
}
.productPageContainer .productRight .internalLoanCardMobile .internalLoanCardBottom img {
  width: 32px;
  height: 25px;
}
.productPageContainer .productRight .internalLoanCardMobile .internalLoanCardBottom span {
  font-weight: 700;
  font-size: 10px;
  margin-left: 9px;
  margin-top: 4px;
}
.productPageContainer .productRight .internalLoanContainer {
  background: #fafafa;
  border-radius: 8px;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions {
  border-bottom: 0.5px solid #dbdbdb;
  padding: 20px 12px 12px 12px;
  min-height: 93px;
  transition: 0.6s;
  cursor: pointer;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions:last-child {
  border: none;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .internalLoanPrices {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions:hover {
  background: #FAFAFA;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions:hover .applyInternalLoan {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  transition-delay: 0.2s;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions:hover .internalLoanDescription {
  visibility: hidden;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .applyInternalLoan {
  background-color: #DA393F;
  min-width: 90%;
  padding: 9px;
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  bottom: 0;
  visibility: hidden;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .applyInternalLoan a {
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .internalLoanDescriptionContainer {
  position: relative;
  margin-top: 12px;
  min-height: 30px;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .internalLoanDescription {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  max-height: 100%;
  transition: 0.2s;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .internalLoanDescription .internalLoanDescriptionText {
  margin-left: 8px;
}
.productPageContainer .productRight .internalLoanContainer .internalLoanConditions .internalLoanDescription img {
  width: 32px;
  height: 25px;
}
.productPageContainer .productLeft {
  width: 35%;
}
@media (max-width: 992px) {
  .productPageContainer .productLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 992px) {
  .productPageContainer .productLeft .galery-content {
    display: none;
  }
}
.productPageContainer .productLeft .galery-forMobile {
  display: none;
  width: 75%;
  padding-bottom: 20px;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-list {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-list .slick-track {
  height: 100%;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-list .slick-track .slick-slide {
  height: 100%;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-list .slick-track .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-dots li {
  margin: 0;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-dots li.slick-active button {
  background-color: #000000;
  border: 0.5px solid #000000;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0.5px solid #A6B8BC;
}
.productPageContainer .productLeft .galery-forMobile .galery-slider .slick-dots li button:before {
  content: unset;
}
@media (max-width: 992px) {
  .productPageContainer .productLeft .galery-forMobile {
    display: block;
  }
}
.productPageContainer .productLeft .product-images img {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #ebebeb;
  margin: 0 5px;
  cursor: pointer;
}
.productPageContainer .productLeft #examples {
  padding: 0;
}
.productPageContainer .productLeft .box-container {
  display: flex;
  flex-direction: column;
}
.productPageContainer .productLeft .main-img li {
  width: 100%;
}
.productPageContainer .productLeft .main-img img {
  width: 380px;
}
.productPageContainer .productLeft .addedToFavourites {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  display: none;
}
.productPageContainer .productLeft .addedToFavourites img {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeft .productImg-for .productImg-nav {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .productPageContainer .productLeft .productImg-for .productImg-nav {
    display: none;
  }
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-list {
  height: 74px;
  display: flex;
  align-items: center;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px !important;
  border: 0.5px solid #8bb4b6;
  border-radius: 8px;
  padding: 8px;
  margin-right: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-slide:hover {
  border: 0.5px solid #fff;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-slide img {
  max-width: 100%;
  height: 100%;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-track {
  width: 100% !important;
  padding-left: 47px;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-next {
  right: 0;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-next::before {
  content: "";
  display: inline-block;
  border-right: 3px solid #8bb4b6;
  border-bottom: 3px solid #8bb4b6;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-prev {
  left: 0;
}
.productPageContainer .productLeft .productImg-for .productImg-nav .slick-prev::before {
  content: "";
  display: inline-block;
  border-right: 3px solid #8bb4b6;
  border-bottom: 3px solid #8bb4b6;
  width: 12px;
  height: 12px;
  transform: rotate(-225deg);
}
.productPageContainer .productLeft .product-active-slide {
  position: relative;
}
.productPageContainer .productLeft .product-active-slide .label-image {
  position: absolute;
  max-width: 130px;
  max-height: 130px;
  width: 130px;
  height: 130px;
  right: 0;
  bottom: 0;
}
.productPageContainer .productLeft .product-active-slide .label-image img {
  width: 130px;
  height: 130px;
  max-width: 130px;
  max-height: 130px;
}
@media (max-width: 1225px) {
  .productPageContainer .productLeft .product-active-slide .label-image {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
  .productPageContainer .productLeft .product-active-slide .label-image img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
}
@media (max-width: 992px) {
  .productPageContainer .productLeft .product-active-slide .label-image {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
  .productPageContainer .productLeft .product-active-slide .label-image img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
}
.productPageContainer .productLeft .product-active-slide .product-active-slide-img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productPageContainer .productLeft .product-active-slide img {
  max-width: 250px;
  max-height: 250px;
  margin-bottom: 28px;
}
.productPageContainer .productLeft .product-slider-img-main-container .product-slider-img {
  max-width: 56px;
  height: 56px;
}
.productPageContainer .productLeftDetails {
  width: 39%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails {
    width: 100%;
    justify-content: center;
  }
}
.productPageContainer .productLeftDetails .productLeftDetails-content {
  width: 85.8%;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .productLeftDetails-content {
    width: 100%;
  }
}
.productPageContainer .productLeftDetails .product-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  gap: 12px;
  border-top: 0.5px solid #8BB4B6;
  border-bottom: 0.5px solid #8BB4B6;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .product-detail {
    align-items: flex-start;
    border: none;
    gap: 20px;
    padding: 0;
  }
}
.productPageContainer .productLeftDetails .productFavCart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.productPageContainer .productLeftDetails .productFavCart .addtoFavorites {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-direction: column;
  color: #000;
}
.productPageContainer .productLeftDetails .productFavCart .addtoFavorites.inFavoriteText {
  color: #ED1C24;
}
.productPageContainer .productLeftDetails .productFavCart .addtoFavorites.inFavorite > svg > path {
  fill: #ED1C24;
  stroke: #ED1C24;
}
.productPageContainer .productLeftDetails .productFavCart .productFavCartCard {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  width: 56px;
  height: 56px;
}
.productPageContainer .productLeftDetails .productFavCart .productFavCartCard span {
  text-align: center;
  font-weight: 500;
  font-size: 9px;
  line-height: 10px;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .productLeftDetailsNameCategory {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: none;
  }
}
.productPageContainer .productLeftDetails .productCategory {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #DA393F;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 321px) {
  .productPageContainer .productLeftDetails .productCategory {
    margin: 0;
  }
}
.productPageContainer .productLeftDetails .productNameFav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productPageContainer .productLeftDetails .productNameFav .addedToFavourites {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  display: none;
}
.productPageContainer .productLeftDetails .productNameFav .addedToFavourites img {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeftDetails .productNameFav .productName {
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .productNameFav .productName {
    font-weight: 700;
    font-size: 18px;
  }
}
.productPageContainer .productLeftDetails .productLeftDetailsStickers {
  display: flex;
  margin-top: 20px;
  align-items: center;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .productLeftDetailsStickers {
    margin-top: 12px;
  }
}
.productPageContainer .productLeftDetails .productLeftDetailsStickers .sticker {
  background: linear-gradient(90deg, #495B8A 0%, #8A7289 100%);
  border-radius: 6px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 7px 12px;
  margin-right: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.productPageContainer .productLeftDetails .productLeftDetailsStickers .sticker:last-child {
  margin-right: 0;
}
.productPageContainer .productLeftDetails .productLeftDetailsStickers .productLeftDetailsSticker {
  width: 42px;
  height: 36px;
  overflow: hidden;
  margin-right: 32px;
}
.productPageContainer .productLeftDetails .productLeftDetailsStickers .productLeftDetailsSticker img {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeftDetails .productLeftDetailsMemoryColor {
  margin: 28px 0 20px;
}
@media (max-width: 992px) {
  .productPageContainer .productLeftDetails .productLeftDetailsMemoryColor form {
    width: 100%;
  }
}
.productPageContainer .productLeftDetails .productLeftDetailsMemoryColor .memmoryColorContainer {
  border: 0.5px solid #8bb4b6;
  border-radius: 8px;
  position: relative;
  margin-bottom: 28px;
}
.productPageContainer .productLeftDetails .productLeftDetailsMemoryColor .memmoryColorContainer .memmoryColorLabel {
  background-color: #fff;
  position: absolute;
  font-size: 12px;
  left: 11px;
  top: -11px;
  padding: 0 8px;
}
.productPageContainer .productLeftDetails .productLeftDetailsMemoryColor .memmoryColorContainer .memmoryColorSelect {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  outline: transparent;
  padding: 11px 16px;
  border-radius: 8px;
}
.productPageContainer .productLeftDetails .seeTaxContainer {
  margin-top: 20px;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock {
  border: 1px solid #DADADA;
  border-radius: 8px;
  padding: 12px;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxTitle {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 11px;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard {
  position: relative;
  display: flex;
  align-items: center;
  border: 0.7px solid #8BB4B6;
  border-radius: 8px;
  gap: 8px;
  padding: 7px 12px;
  height: 49px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard:hover {
  border-color: #F92F2F;
  box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.25);
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard:hover .seeTaxGoto {
  visibility: visible;
  opacity: 1;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .taxCardImg {
  width: 32px;
  height: 25px;
  overflow: hidden;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .taxCardImg img {
  width: 100%;
  height: 100%;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .seeTaxCardName {
  font-size: 10px;
  color: #F92F2F;
  font-weight: 600;
  margin: 0;
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .seeTaxCardPrice {
  line-height: 15px;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 1225px) {
  .productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .seeTaxCardPrice {
    font-size: 9px;
  }
}
.productPageContainer .productLeftDetails .seeTaxContainer .seeTaxBlock .seeTaxCardsContainer .seeTaxCard .seeTaxGoto {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: #F92F2F;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  max-width: 100%;
  transition: 0.3s ease-in-out;
}
.productPageContainer .productLeftDetails .cartWhatsapp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct {
  border: 1px solid #ed1c24;
  border-radius: 8px;
  background-color: #fff;
  color: #ed1c24;
  font-size: 12px;
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 40px;
  width: 285px;
  transition: 0.3s ease-in-out;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct span {
  width: 100%;
  margin-left: -40px;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct .addToCartProductImg {
  width: 16%;
  margin-right: 10px;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct .addToCartProductImg svg path {
  transition: 0.3s ease-in-out;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct:hover {
  background-color: #ed1c24;
  color: #fff;
}
.productPageContainer .productLeftDetails .cartWhatsapp .addToCartProduct:hover .addToCartProductImg svg path {
  stroke: #fff;
}
.productPageContainer .productLeftDetails .cartWhatsapp .noStock {
  background: #747677;
  color: white;
  border: 1px solid #424244;
}
.productPageContainer .productLeftDetails .cartWhatsapp .noStock svg path {
  stroke: #fff;
}
.productPageContainer .productLeftDetails .cartWhatsapp .noStock:hover {
  background-color: #6b6b6e;
  transition: all 0.3s;
}
.productPageContainer .productLeftDetails .cartWhatsapp .orderByWp {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 10px 12px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 103px;
}
.productPageContainer .productLeftDetails .cartWhatsapp .orderByWp .orderByWpText {
  text-align: left;
  width: 50px;
  font-size: 9px;
  font-weight: 600;
}

.taxContainerMobile {
  border-radius: 8px;
  padding: 7px 0;
  width: 100%;
}
.taxContainerMobile_margin {
  margin-top: 12px;
}
.taxContainerMobile_border {
  border: 0.5px solid #DADADA;
}
.taxContainerMobile__container {
  margin: 0;
  padding: 0;
}
.taxContainerMobile__container + .taxContainerMobile__container {
  display: none;
}
.taxContainerMobile__container:has(input[type=radio]:checked) + .taxContainerMobile__container {
  display: block;
}
.taxContainerMobile__content {
  list-style-type: none;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.taxContainerMobile__content:first-child::after {
  display: none;
}
.taxContainerMobile__content:last-child .taxDetailsLeft_border {
  border: none !important;
}
.taxContainerMobile__title {
  color: #A6B8BC;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  margin: 0;
}
.taxContainerMobile .taxMobileCard {
  cursor: pointer;
}
.taxContainerMobile .taxMobileCard_padding {
  padding-left: 20px;
  padding-right: 12px;
}
.taxContainerMobile .taxMobileCard:last-child {
  margin-bottom: 0;
}
.taxContainerMobile .taxMobileCard .taxDetails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
}
.taxContainerMobile .taxMobileCard .taxDetails .radio-input-container {
  display: flex;
  align-items: center;
}
.taxContainerMobile .taxMobileCard .taxDetails .radio-input-container_width {
  width: 100%;
}
.taxContainerMobile .taxMobileCard .taxDetails .radio-input-container:has(.style-radio:checked) .taxDetailsRight {
  visibility: visible;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxLabel {
  padding-right: 12px;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxLabel_width {
  width: 100%;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxLabel_padding-0 {
  padding: 0;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxDetailsRight {
  visibility: hidden;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxDetailsRight button {
  max-width: 100%;
  padding: 10px 16px;
  background: #000000;
  border-radius: 6px;
  color: white;
  border: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxDetailsLeft {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.taxContainerMobile .taxMobileCard .taxDetails .taxDetailsLeft_border {
  border-bottom: 0.5px solid #DADADA;
}
@media (max-width: 321px) {
  .taxContainerMobile .taxMobileCard .taxDetails .taxDetailsLeft form {
    font-size: 0.9em;
  }
}
.taxContainerMobile .taxMobileCard .taxDetails .taxDetailsLeft .taxPriceAndPeriod {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  padding-left: 20px;
  color: #000;
}
@media (max-width: 351px) {
  .taxContainerMobile .taxMobileCard .taxDetails .taxDetailsLeft .taxPriceAndPeriod {
    font-size: 12px;
  }
}
.taxContainerMobile .taxMobileCard .taxDetails::after {
  border: 0.5px solid #DADADA;
}
.taxContainerMobile .taxMobileCard .taxDetailsLeftImage {
  display: flex;
  font-size: 9px;
  color: #8BB4B6;
  position: relative;
  margin-left: 5px;
  right: 0;
  top: 8px;
}
.taxContainerMobile .taxMobileCard .taxDetailsLeftImage .taxCartContainer {
  width: 30px;
}
.taxContainerMobile .taxMobileCard .taxDetailsLeftImage .taxCartContainer img {
  width: 32px;
  height: 25px;
}
@media (max-width: 992px) {
  .taxContainerMobile .taxMobileCard .taxDetailsLeftImage .taxCartContainer {
    display: flex;
    flex-direction: column;
  }
  .taxContainerMobile .taxMobileCard .taxDetailsLeftImage .taxCartContainer span {
    font-size: 9px;
    color: #8BB4B6;
  }
}
.taxContainerMobile .decoration-line {
  display: none;
}
@media (max-width: 992px) {
  .taxContainerMobile .decoration-line {
    display: flex;
    justify-content: flex-end;
  }
}

.productPageDivider {
  background-color: #fafafa;
  height: 10px;
  width: 100%;
  margin: 20px 0;
}

.techParamsTitle {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .techParamsTitle {
    font-weight: 600;
    font-size: 16px;
  }
}

.techParamsContainer {
  margin-top: 20px;
}
.techParamsContainer .techParamsGrid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.techParamsContainer .techParamsGrid .techParamsItem {
  flex: 0 0 calc((100% - 32px) / 3);
}
@media (max-width: 992px) {
  .techParamsContainer .techParamsGrid .techParamsItem {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}
.techParamsContainer .techParamsGrid .techParamsItem .techParamsItemTitle {
  font-size: 12px;
  color: #adadad;
  margin-bottom: 4px;
}
.techParamsContainer .techParamsGrid .techParamsItem .techParam {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.productAboutDescribe {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .productAboutDescribe {
    margin-top: 20px;
  }
}
.productAboutDescribe .describeAboutBtnProductNav {
  border: none;
}
.productAboutDescribe .describeAboutBtnProduct {
  color: #8bb4b6;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  margin-right: 39px;
  padding: 0 0 3px 0;
}
.productAboutDescribe .describeAboutBtnProduct.active {
  color: #407bff;
  border-bottom: 3px solid #407bff;
  border-radius: 2px;
}
.productAboutDescribe .describeAboutText {
  font-size: 14px;
  margin-top: 15px !important;
  font-weight: 600;
  margin-bottom: 20px !important;
}
.productAboutDescribe .describeAboutText .more {
  border-top: 0.5px solid #D6D2E4;
  border-bottom: 0.5px solid #D6D2E4;
  border-left: 0;
  border-right: 0;
  background-color: transparent;
  padding: 12px;
  font-size: 10px;
  width: 100%;
  margin-top: 12px;
  font-weight: 600;
}
.productAboutDescribe .productDescr {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.similarProductsContainer {
  position: relative;
}
.similarProductsContainer__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .similarProductsContainer__title {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .similarProductsContainer {
    margin-bottom: 68px;
  }
}
.similarProductsContainer .owl-carousel {
  position: static;
}
.similarProductsContainer .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}
@media (max-width: 992px) {
  .similarProductsContainer .owl-carousel .owl-nav {
    bottom: -51px;
    top: auto;
  }
}
.similarProductsContainer .owl-carousel .owl-nav .owl-prev {
  border: 0.5px solid #adadad !important;
  border-radius: 4px 0 0 4px !important;
  padding: 7px 15px !important;
  margin: 0 !important;
}
.similarProductsContainer .owl-carousel .owl-nav .owl-prev:hover {
  background-color: transparent;
  color: #000;
}
.similarProductsContainer .owl-carousel .owl-nav .owl-next {
  border: 0.5px solid #adadad !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 7px 15px !important;
  margin: 0 !important;
}
.similarProductsContainer .owl-carousel .owl-nav .owl-next:hover {
  background-color: transparent;
  color: #000;
}

.buyNowContainer {
  display: none;
}
@media (max-width: 992px) {
  .buyNowContainer {
    display: block;
    margin-top: 20px;
  }
}
.buyNowContainer .buyNowInput {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 6px;
  padding: 11px 16px;
  margin-bottom: 20px;
}
.buyNowContainer .buyNowInput .phonePrefix {
  color: #adadad;
  border-right: 2px solid #adadad;
  padding-right: 8px;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
}
.buyNowContainer .buyNowInput input {
  width: 100%;
  border: none;
  font-size: 14px;
  font-weight: 600;
  outline: none;
}
.buyNowContainer .buyNowBtns {
  display: flex;
  gap: 8px;
}
@media (max-width: 992px) {
  .buyNowContainer .buyNowBtns {
    justify-content: space-between;
  }
}
.buyNowContainer .buyNowBtns .cancelBuyNow {
  width: 32%;
  height: 40px;
  background: transparent;
  border: 1px solid #495b8a !important;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  transition: 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .buyNowContainer .buyNowBtns .cancelBuyNow {
    width: 30%;
  }
  .buyNowContainer .buyNowBtns .cancelBuyNow:focus {
    outline: none;
    box-shadow: none;
  }
}
.buyNowContainer .buyNowBtns .cancelBuyNow:hover {
  background: rgba(73, 91, 138, 0.1);
}
@media (max-width: 992px) {
  .buyNowContainer .buyNowBtns .cancelBuyNow:hover {
    background: transparent;
  }
}
.buyNowContainer .buyNowBtns .confirmBuyNow {
  width: 68%;
  height: 40px;
  background: #495b8a;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.buyNowContainer .buyNowBtns .confirmBuyNow:hover {
  background: #2C3B63;
}
@media (max-width: 992px) {
  .buyNowContainer .buyNowBtns .confirmBuyNow:hover {
    background: transparent;
  }
}

.buyOneClickModal {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

.product-memory__title {
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  color: #ADADAD;
  margin-bottom: 8px;
}
.product-memory__container {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.product-memory__content {
  color: #333;
}
.product-memory__label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 36px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  border: 1px solid #DBDBDB;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.product-memory__label:not(.product-memory__label_selected):hover {
  color: #000;
  background: rgba(56, 62, 66, 0.15);
}
.product-memory__label_selected {
  background: #000;
  color: #fff;
  border: none;
}

.product-color__container {
  display: flex;
  gap: 8px;
}
.product-color__container__one {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}
.product-color__container__one small {
  margin-top: 5px;
  font-size: 11px;
  color: #868585;
  width: 60px;
}
.product-color__content {
  color: #333;
}
.product-color__content:hover {
  border: none;
}
.product-color__label {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: 0.3s;
}
.product-color__label:not(.product-color__label_check-border):hover {
  border-color: #DBDBDB;
}
.product-color__label_check-border {
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.4);
}
.product-color__img {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  padding: 1px;
}

.addedToCartModal {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
}
.addedToCartModal .addedToCartModalHeader {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.addedToCartModal .addedToCartModalHeader .addedToCartModalClose {
  color: #8bb4b6;
  background-color: transparent;
  border: none;
  font-size: 24px;
}
.addedToCartModal .addedToCartModalBody .addedToCartText {
  color: #7eb038;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 40px;
}
.addedToCartModal .addedToCartModalBody .addedToCartText span {
  margin-left: 8px;
}
.addedToCartModal .addedToCartModalBody .addedProduct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #8bb4b6;
  padding-bottom: 12px;
  gap: 10px;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductDetails {
  display: flex;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductDetails .addedProductImg {
  width: 56px;
  height: 74px;
  overflow: hidden;
  margin-right: 12px;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductDetails .addedProductImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductDetails .addedProductCategory {
  color: #ed1c24;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 11px;
  letter-spacing: 0.08em;
  margin-top: 10px;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductDetails .addedProductName {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
}
.addedToCartModal .addedToCartModalBody .addedProduct .addedProductPrice {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
}
.addedToCartModal .addedToCartModalBody .relatedProducts {
  border-bottom: 1px solid #8bb4b6;
  padding-bottom: 14px;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsText {
  margin: 12px 0 19px 0;
  font-weight: 600;
  font-size: 14px;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont {
  color: #000;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont .relatedProductsCard {
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 12px 8px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 2px;
  margin-left: 1px;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont .relatedProductsCard .relatedProductImg {
  width: 40px;
  height: 52px;
  overflow: hidden;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont .relatedProductsCard .relatedProductImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont .relatedProductsCard .relatedProductName {
  font-size: 10px;
  font-weight: 600;
  margin: 12px 0;
  text-align: center;
}
.addedToCartModal .addedToCartModalBody .relatedProducts .relatedProductsCardCont .relatedProductsCard .relatedProductPrice {
  font-size: 12px;
  font-weight: 600;
}
.addedToCartModal .addedToCartModalBody .goToCart {
  background-color: #8dc63f;
  padding: 11px;
  width: 100%;
  border-radius: 8px;
  margin-top: 20px;
  text-align: center;
}
.addedToCartModal .addedToCartModalBody .goToCart a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  display: block;
  width: 100%;
}

.completeOrderMobile {
  display: none;
}
@media (max-width: 992px) {
  .completeOrderMobile {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    max-height: 136px;
    z-index: 1;
    padding-top: 32px;
    background: #F92F2F;
    border-radius: 12px 12px 0px 0px;
  }
}
.completeOrderMobile__discount-text {
  position: absolute;
  top: 9px;
  left: 12px;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
}
.completeOrderMobile__discount-text .amount {
  color: #dded2a;
}
.completeOrderMobile__discount-text .amount:after {
  content: "₼";
}
.completeOrderMobile .stickerBackground {
  background-color: #F92F2F !important;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
.completeOrderMobile .productPageBuyButtons {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 75%;
  flex: 1;
  justify-content: flex-end;
}
.completeOrderMobile .productPageBuyButtons .buyOneClick {
  border: 1px solid #DADADA;
  border-radius: 8px;
  max-width: 96px;
  flex: 1;
  height: 32px;
  background-color: transparent;
  font-weight: 600;
  font-size: 10px;
}
.completeOrderMobile .completeOrderMobileMain {
  padding: 14px 12px 34px 12px;
  background-color: #fff;
  box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 12px 12px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  flex: 1;
  gap: 34px;
  max-height: 92px;
}
.completeOrderMobile .completeOrderMobileMain__price-container {
  max-width: 25%;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.completeOrderMobile .mainPrice {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-right: 8px;
}
.completeOrderMobile .oldPrice {
  color: #ADADAD;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-decoration: line-through;
}
.completeOrderMobile .completeOrder {
  background: #3E507D;
  border-radius: 6px;
  color: #fff;
  border: none;
  max-width: 120px;
  flex: 1;
  height: 32px;
  font-size: 10px;
}
.completeOrderMobile .completeOrderMobileDetailsBlock {
  margin: 12px 0;
  display: none;
}
.completeOrderMobile .completeOrderMobileDetailsList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 4px;
}
.completeOrderMobile .completeOrderMobileDetailsList:last-child {
  margin-bottom: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

@media (max-width: 992px) {
  .forDesktop {
    display: none;
  }
}
.forDesktop_margin {
  margin-bottom: 40px;
}

.forMobile {
  display: none;
}
@media (max-width: 992px) {
  .forMobile {
    display: block;
  }
}
@media (max-width: 992px) {
  .forMobile_before::before {
    display: block;
    content: "";
    width: 100%;
    height: 0.5px;
    background: #EBEAEF;
  }
}
.forMobile_margin {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .forMobile_margin {
    margin: 0;
  }
}

.registration-main-container {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.registration-main-container .container {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .registration-main-container .container {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content {
    border: none;
    width: 100%;
  }
}
.registration-main-container .registration-main-container-content .registration-nav-tabs-container {
  gap: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 80px 0 12px 0;
  max-width: 100%;
}
.registration-main-container .registration-main-container-content .registration-nav-tabs-container .arrow-go-back {
  background: none;
  border: none;
  display: none;
  position: absolute;
  left: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-nav-tabs-container .arrow-go-back {
    display: block;
  }
}
.registration-main-container .registration-main-container-content .registration-nav-tabs-container .registration-button {
  font-style: normal;
  font-size: 24px;
  line-height: 31px;
  color: #ADADAD;
  border: none;
  background-color: #FFFFFF;
  font-weight: 600;
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-nav-tabs-container .registration-button {
    font-family: "SF Pro Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 0;
  }
}
.registration-main-container .registration-main-container-content .registration-nav-tabs-container .active {
  color: #000;
  border-bottom: 2px solid #000;
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-nav-tabs-container .active {
    border: none;
  }
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-nav-tabs-container .registration-login-btn {
    display: none;
  }
}
.registration-main-container .registration-main-container-content .registration-main-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container {
  padding: 12px 20px 20px;
  border: 1px solid #DADADA;
  background: #FFFFFF;
  border-radius: 12px;
  margin: 0;
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-main-content .registration-form-container {
    width: 100%;
    flex-direction: column;
    border: none;
    padding: 0;
  }
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-items {
  margin-top: 28px;
}
@media (max-width: 992px) {
  .registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-items {
    padding: 0;
  }
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-items .bg-red {
  width: 100%;
  max-width: 320px;
  padding-top: 3px;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-items .bg-red small {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #F92F2F;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-header-text {
  text-transform: uppercase;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #8BB4B6;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content {
  position: relative;
  padding: 0;
  display: flex;
  justify-content: center;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input {
  width: 100%;
  font-size: 14px;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input[type=text],
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input[type=email],
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input[type=password] {
  font-size: 14px;
  font-weight: 600;
  padding-left: 16px;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .input-number {
  border: none;
  outline: none;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .input-number:focus {
  border: none;
  outline: none;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input::-webkit-outer-spin-button,
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-form-content .registration-input[type=number] {
  font-size: 14px;
  font-weight: 600;
  padding-left: 64px;
  -moz-appearance: textfield;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-input-label {
  position: absolute;
  background-color: #fff;
  text-align: center;
  height: 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  left: 9px;
  top: -8px;
  padding: 0 8px;
}
.registration-main-container .registration-main-container-content .registration-main-content .registration-form-container .registration-input:focus {
  background: #FFFFFF;
  border: 1px solid #407BFF;
  border-radius: 8px;
  outline: none;
}
.registration-main-container .registration-items {
  height: 40px;
  border: 0.5px solid #8BB4B6;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .registration-main-container .registration-items {
    height: 48px;
  }
}
.registration-main-container .registration-submit-button {
  width: 100%;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #4A5C8B;
  border: none;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.registration-main-container .btn-container {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .registration-main-container .btn-container {
    margin-top: 40px;
  }
}
.registration-main-container .btn-container:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #DADADA;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .registration-main-container .btn-container:before {
    display: none;
  }
}
@media (max-width: 992px) {
  .registration-main-container .btn-container {
    padding: 0;
  }
}

.registration-account-info {
  display: none;
}
@media (max-width: 992px) {
  .registration-account-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
  }
}
.registration-account-info .have-an-account-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #8BB4B6;
  padding-right: 4px;
}
.registration-account-info .account-login-link {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border-bottom: 1px solid #000;
}

.invalid {
  border-color: red;
  color: red;
}
.invalid input {
  border: 1px solid red !important;
  color: red;
}

.beginning-for-number {
  width: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: "SF Pro Display", sans-serif;
  color: #ADADAD;
  /* padding: 16px; */
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.beginning-for-number::after {
  display: block;
  content: "";
  width: 1.5px;
  height: 12px;
  background: #ADADAD;
}

@media (max-width: 992px) {
  .auth-web-title {
    display: none;
  }
}

.auth-mob-title {
  display: none;
}
@media (max-width: 992px) {
  .auth-mob-title {
    display: block;
  }
}

body:has(.storesPage) {
  overflow: hidden;
}
@media (max-width: 992px) {
  body:has(.storesPage) {
    overflow: unset;
  }
}

@media (max-width: 992px) {
  .mainStoresContainer {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
}

section.stores {
  margin-top: 115px;
}

.storesContainer {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 992px) {
  .storesContainer {
    flex-direction: column-reverse;
    margin-bottom: 65px;
  }
}
.storesContainer .storesOffices {
  width: 40%;
}
@media (max-width: 992px) {
  .storesContainer .storesOffices {
    width: 93%;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
}
.storesContainer .storesOffices .storesNav {
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .storesContainer .storesOffices .storesNav {
    margin-bottom: 14px;
  }
}
.storesContainer .storesOffices .storesNav .storesBtnNav {
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.storesContainer .storesOffices .storesNav .storesBtn {
  color: #8bb4b6;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  margin-right: 39px;
  padding: 0 0 3px 0;
}
.storesContainer .storesOffices .storesNav .storesBtn.active {
  color: #407bff;
  border-bottom: 3px solid #407bff;
  border-radius: 2px;
}
.storesContainer .storesOffices .stores-amount-container {
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  color: #8BB4B6;
}
@media (max-width: 992px) {
  .storesContainer .storesOffices .stores-amount-container_web {
    display: none;
  }
}
.storesContainer .storesOffices .stores-amount-container_mob {
  display: none;
}
@media (max-width: 992px) {
  .storesContainer .storesOffices .stores-amount-container_mob {
    display: flex;
    justify-content: center;
    margin-top: 23px;
  }
}
.storesContainer .storesOffices .storeCardsContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  overflow-y: scroll;
  height: 75vh;
  padding-right: 16px;
}
@media (max-width: 992px) {
  .storesContainer .storesOffices .storeCardsContent {
    overflow: unset;
    height: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 576px) {
  .storesContainer .storesOffices .storeCardsContent {
    padding: 0;
  }
}
.storesContainer .storesOffices .storeCardsContent::-webkit-scrollbar {
  width: 7px;
  background: #FAFAFA !important;
}
.storesContainer .storesOffices .storeCardsContent::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #DADADA !important;
}
.storesContainer .storesOffices .slick-list {
  display: flex;
  flex-direction: column;
}
.storesContainer .storesOffices .slick-slide {
  display: flex;
  justify-content: space-between;
}

.storeCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  border: 1px solid #dadada;
  border-radius: 12px;
  padding: 12px;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .storeCard {
    margin: 0 2px;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .storeCard {
    flex-direction: row;
    gap: 12px;
  }
}
.storeCard:hover {
  background: #f7f9fa;
  border: 1px solid #407bff;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .storeCard:hover {
    background: transparent;
  }
}
.storeCard:focus {
  border: 1px solid #407bff;
}
.storeCard .storeCardImg {
  width: 100%;
  height: 113px;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 576px) {
  .storeCard .storeCardImg {
    height: 132px;
  }
}
.storeCard .storeCardImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 576px) {
  .storeCard .storeDscr {
    max-width: 60%;
  }
}
.storeCard .storeBranch {
  margin: 12px 0 8px 0;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 576px) {
  .storeCard .storeBranch {
    margin-top: 0;
  }
}
.storeCard .storeAddressCont {
  font-size: 12px;
  font-weight: 600;
}
.storeCard .storeAddressCont .storeAddressText {
  color: #999999;
}
.storeCard .storePhone {
  display: inline-block;
  margin: 12px 0;
  color: #675beb;
  font-size: 12px;
  font-weight: 600;
}
.storeCard .storeWorkTimes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.storeCard .storeWorkTimes .storeClock {
  background: rgba(253, 167, 39, 0.1);
  border-radius: 16px;
  padding: 5px 9px;
  display: flex;
  align-items: center;
  color: #ef9832;
}
.storeCard .storeWorkTimes .storeClock span {
  margin-left: 8px;
  font-size: 10px;
}
.storeCard .storeWorkTimes .storeOpen {
  font-size: 10px;
  font-weight: 600;
  color: #383e42;
}
.storeCard .storeCardImgContainer {
  max-width: 100%;
  flex: 1;
}
@media (max-width: 576px) {
  .storeCard .storeCardImgContainer {
    max-width: 35%;
  }
}

.logo-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 40px 0 28px;
}
@media (max-width: 992px) {
  .logo-container {
    display: none;
  }
}
.logo-container__logo {
  cursor: pointer;
}
.logo-container__number {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.seeAll {
  margin-bottom: 12px;
  display: none;
}
@media (max-width: 992px) {
  .seeAll {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.seeAll a {
  color: #000;
  font-size: 12px;
  font-weight: 600;
}
.seeAll a span {
  margin-right: 8px;
}

.storesMap {
  width: 60%;
  height: 100vh;
  position: relative;
}
@media (max-width: 992px) {
  .storesMap {
    width: 100%;
    height: 507px;
  }
}
.storesMap__map {
  width: 59vw;
  height: 100%;
  top: 0px;
}
@media (max-width: 992px) {
  .storesMap__map {
    width: 100%;
  }
}
.storesMap .storesGoBackBtnContainer {
  position: absolute;
  top: 72px;
  left: 12px;
  background: #FFFFFF;
  border-radius: 16px;
  font-weight: 600;
  font-size: 14px;
  display: none;
}
@media (max-width: 992px) {
  .storesMap .storesGoBackBtnContainer {
    display: block;
  }
}
.storesMap .storesGoBackBtn {
  color: #000;
  padding: 5px 12px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.storesMap .storesGoBackBtn::before {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f104";
}

.storesMobile__sliders-btn {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 12px;
  border: 0.5px solid #DBDBDB;
  padding: 10px 14px;
  background: transparent;
}
.storesMobile__prev-btn {
  right: 40px;
  border-radius: 4px 0 0 4px;
}
.storesMobile__next-btn {
  border-radius: 0 4px 4px 0;
}

.slide-product {
  width: 380px;
  overflow: hidden;
}
.slide-product__slider {
  width: 100%;
  height: 320px;
}

.card-slider__img {
  height: 100%;
}
.card-slider__img img {
  width: 380px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.slider-carousel .card-slider__img {
  width: 56px;
  height: 56px;
}
.slider-carousel .card-slider__img img {
  width: 100%;
}

.all-toast-main-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: -500px;
  transition: 1s;
  top: 20px;
  height: 1000px;
}

.toast-container-toggle {
  right: 20px;
}

.wt-toast-container {
  transition: 0.5s;
  width: 100%;
  min-height: 56px;
  display: flex;
  background: #F7F9FA;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  right: 0;
  transform: translateX(calc(100% + 8px));
  margin-bottom: 16px;
}
.wt-toast-container.show {
  transition: 0.5s;
  transform: translateX(0);
}
.wt-toast-container .success-color {
  color: #8DC63F;
}
.wt-toast-container .success-color-left-border {
  background-color: #8DC63F;
}
.wt-toast-container .failed-color {
  color: #ED1C24;
}
.wt-toast-container .failed-color-left-border {
  background-color: #ED1C24;
}
.wt-toast-container .warning-color {
  color: #E7C92C;
}
.wt-toast-container .warning-color-left-border {
  background-color: #E7C92C;
}
.wt-toast-container .info-color {
  color: #407BFF;
}
.wt-toast-container .info-color-left-border {
  background-color: #407BFF;
}
.wt-toast-container .toast-border-left {
  width: 8px;
  min-height: 56px;
  border-top-left-radius: 6%;
  border-bottom-left-radius: 6%;
}
.wt-toast-container .toast-content-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 4%;
  align-items: center;
}
.wt-toast-container .toast-content-container .toast-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}
.wt-toast-container .toast-content-container .toast-content .toast-status-text {
  display: inline-block;
  margin-left: 5%;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 14px;
  line-height: 18px;
}
.wt-toast-container .toast-content-container .toast-close-btn-container {
  color: #DADADA;
  border: none;
  transform: matrix(1, 0, 0, -1, 0, 0);
  margin-right: 2%;
}
.wt-toast-container .toast-content-container .toast-close-btn-container .toast-close-btn {
  display: inline-block;
  padding: 85%;
  border: none;
  background: none;
}
.wt-toast-container .toast-content-container .toast-close-btn-container .toast-close-btn i {
  font-size: 22px;
  color: #DADADA;
}
.wt-toast-container .toast-toggle {
  right: 0px;
}

.forOnlyMobile {
  display: none;
  position: relative;
}
.forOnlyMobile .navigation__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.forOnlyMobile .navigation__inner .navigation__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}

@media (max-width: 992px) {
  .forOnlyMobile {
    display: block;
  }
  .forOnlyDesktop {
    display: none;
  }
}
.banner-area {
  display: flex;
}

.banner {
  width: 70%;
}

.oldPrice {
  color: #ADADAD;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-decoration: line-through;
}

.realPrice {
  font-size: 17px;
  font-weight: 700;
}

.weekly-offers {
  width: 30%;
  height: 340px;
  margin-top: 40px;
  background: #FFFFFF;
  border: 2px solid #434a4e;
  border-radius: 12px;
  overflow: hidden;
}
.weekly-offers .slick-arrow {
  position: absolute;
  top: -8.5px;
  left: calc(100% - 20px);
  border-radius: 15px;
  width: 25px;
  height: 25px;
  z-index: 1;
  font-size: 18px;
  cursor: pointer;
  color: #8BB4B6;
  transition: 330ms;
}
.weekly-offers .slick-arrow:hover {
  color: #465f61;
}
.weekly-offers .slider-prev {
  left: calc(100% - 45px);
}
.weekly-offers__title {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: center;
  height: 60px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.weekly-offer {
  margin-top: 16px;
}
.weekly-offer__product .cash-discount-amount {
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 80px;
  left: 33px;
  background: red;
  min-width: 80px;
  min-height: 80px;
  border-radius: 100%;
  color: white;
}
.weekly-offer__product .cash-discount-amount .line-5px {
  line-height: 7px;
}
.weekly-offer__product .cash-discount-amount .ru {
  font-size: 9px;
  font-weight: 600;
  line-height: 9px;
}
.weekly-offer__product .cash-discount-amount .price {
  text-align: center;
}
.weekly-offer__product .cash-discount-amount .price .amount {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.weekly-offer__product .cash-discount-amount .price .azn {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}
.weekly-offer__product .cash-discount-amount .text {
  font-size: 9px;
  text-align: center;
  margin-top: 0px;
}
@media (max-width: 1225px) {
  .weekly-offer__product .cash-discount-amount {
    top: 52px;
    left: 84px;
    min-width: 45px;
    min-height: 45px;
  }
  .weekly-offer__product .cash-discount-amount .ru {
    font-size: 7px;
    font-weight: 600;
    line-height: 7px;
  }
  .weekly-offer__product .cash-discount-amount .line-5px {
    line-height: 4px;
  }
  .weekly-offer__product .cash-discount-amount .price {
    margin-top: -10px;
  }
  .weekly-offer__product .cash-discount-amount .price .amount {
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
  }
  .weekly-offer__product .cash-discount-amount .price .azn {
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
  }
  .weekly-offer__product .cash-discount-amount .text {
    font-size: 6px;
    margin-top: -4px;
  }
}
@media (max-width: 992px) {
  .weekly-offer__product .cash-discount-amount {
    top: 52px;
    left: 84px;
    min-width: 45px;
    min-height: 45px;
  }
  .weekly-offer__product .cash-discount-amount .ru {
    font-size: 7px;
    font-weight: 600;
    line-height: 7px;
  }
  .weekly-offer__product .cash-discount-amount .line-5px {
    line-height: 4px;
  }
  .weekly-offer__product .cash-discount-amount .price {
    margin-top: -10px;
  }
  .weekly-offer__product .cash-discount-amount .price .amount {
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
  }
  .weekly-offer__product .cash-discount-amount .price .azn {
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
  }
  .weekly-offer__product .cash-discount-amount .text {
    font-size: 6px;
    margin-top: -4px;
  }
}
.weekly-offer__product__title {
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  text-align: center;
  height: 20px;
}
.weekly-offer__product__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 188px;
}
.weekly-offer__product__image img {
  height: 100%;
    z-index: -1;
}
.weekly-offer__product__footer {
  display: flex;
  justify-content: space-around;
}
.weekly-offer__product__footer__price {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #000;
  flex-direction: column-reverse;
}
.weekly-offer__product__footer__buttons {
  display: flex;
}
.weekly-offer__product__footer__one-click {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  background: rgba(73, 91, 138, 0.1);
  border: 1px solid #495B8A;
  border-radius: 6px;
  margin-right: 8px;
  cursor: pointer;
}
.weekly-offer__product__footer__add-to-cart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  width: 105px;
  height: 40px;
  background: #8dc63f;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
  border: 0;
}
.weekly-offer__product__footer__add-to-cart:hover {
  background-color: #5e822f;
  transition: all 0.3s;
}

.weekly-offers.mobile {
  display: none;
  width: 100%;
  height: 375px;
}
.weekly-offers.mobile .weekly-offer__product__image {
  height: 214px;
}
.weekly-offers.mobile .weekly-offer {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  .banner {
    width: 65%;
  }
  .weekly-offers {
    width: 35%;
    height: 265px;
  }
  .weekly-offer {
    margin-top: 0;
  }
  .weekly-offer__product__image {
    height: 130px;
  }
}
@media (max-width: 993px) {
  .banner {
    width: 100%;
  }
  .weekly-offers.web {
    display: none;
  }
  .weekly-offers.mobile {
    display: block;
  }
}
@media (min-width: 1400px) {
  .weekly-offer__product__image {
    height: 235px;
  }
  .weekly-offers {
    height: 398px;
  }
}
.colorBoxesContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  grid-auto-rows: minmax(100px, auto);
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .colorBoxesContainer {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}


.offerTitle {
    position: relative;
    z-index: 1;
}
.offerCard {
    border: 0 !important;
    padding: 0 16px !important;
    bottom: 30px;
}

.offerImage {
    padding-top: 0 !important;
    transform: scale(0.75);
    margin-top: 10px;
    margin-bottom: -15px;
}

.productNameUrl {
    position: relative;
}

@media (max-width: 1200px) {
    .offerImage {
        transform: scale(0.5);
        margin-bottom: -40px;
        margin-top: -20px;
    }

    .offerName {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: -11px;
        width: 100%;
        height: 23px;
        overflow: hidden;
    }
}

@media (min-width: 1400px) {
    .offerCard {
        border: 0 !important;
        padding: 0 16px !important;
        bottom: 0;
    }

    .offerImage {
        margin-bottom: 10px;
        transform: scale(1);
    }

    .weekly-offers .slick-arrow {
        top: 0;
    }
}

@media (max-width: 993px) {
    .weekly-offers.web {
        display: none;
    }
}

.weekly-offers.mobile {
    .offerCard {
        bottom: 0;
    }

    .offerImage {
        transform: scale(1.45);
        margin-bottom: 40px;
        margin-top: 34px;
    }

    .slick-arrow {
        top: 7px;
    }

    .offerName {
        height: 35px;
    }

    .priceContainer {
        flex-direction: row;
        align-items: self-start;
        justify-content: center;
        gap: 0;
    }

    .creditMonths-container {
        min-width: fit-content;
    }

    .productPrice {
        flex-direction: column-reverse;
        max-width: 100px;
    }
}

.colorBoxCard {
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: 1px solid #dadada;
  border-radius: 12px;
  color: #000;
}
@media (max-width: 992px) {
  .colorBoxCard {
    padding: 12px;
  }
}
.colorBoxCard .colorBoxHeader {
  display: flex;
  flex-direction: column;
  color: black;
}
.colorBoxCard .colorBoxHeader .title {
  font-size: 18px;
  font-weight: 500;
  color: black;
}
.colorBoxCard .productCard-product-container .productCard-product-content {
  display: flex;
  justify-content: center;
}
.colorBoxCard .colorBoxImage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 17px;
}
@media (max-width: 1225px) {
  .colorBoxCard .colorBoxImage {
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .colorBoxCard .colorBoxImage {
    padding-right: 0;
  }
}
.colorBoxCard .colorBoxImage .productImage-content {
  width: 277px;
  height: 188px;
}
@media (max-width: 992px) {
  .colorBoxCard .colorBoxImage .productImage-content {
    width: 110px;
    height: 110px;
  }
}
.colorBoxCard .colorBoxImage img {
  width: 100%;
  height: 100%;
}
@media (max-width: 321px) {
  .colorBoxCard .colorBoxImage img {
    margin: 0;
  }
}
.colorBoxCard .colorBoxFooter {
  margin-top: 5px;
}
.colorBoxCard .colorBoxFooter a {
  text-underline: black;
  -webkit-text-decoration: navy !important;
          text-decoration: navy !important;
}

.time-header {
    padding: 5px 0;
}

.timer-slider {
    height: calc(100% - 78px);

    div {
        height: 100%;
    }
}

.time-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.times-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font-size: 20px;
    font-weight: bold;
}

.time-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 17px;
    margin: 5px 10px 0;

    &>span {
        font-size: 17px;
        font-weight: bold;

        &:first-child {
            color: red;
            font-size: 20px;
        }

        &:last-child {
            font-size: 13px;
            font-weight: normal;
        }
    }
    &>div span {
        color: red;
        &:first-child {
            font-size: 20px;
        }

        &:last-child {
            font-size: 14px;
        }
    }
}

.timer-item-image {
    height: 100%;

    &>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}