body,
html {
  font-family: "Montserrat", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Michroma", sans-serif !important;
}

.btn-white {
  height: fit-content;
  background-color: #ffffff;
  color: #1a1a1a;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border: none !important;
}

.btn-new-black {
  height: fit-content;
  background-color: #000000;
  color: #ffffff;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border: none !important;
}

.btn-new-black > img {
  filter: invert(1);
}

.btn-white:hover {
  background-color: #bbbbbb;
  color: #1a1a1a;
}

.btn-white:hover > img {
  filter: invert(0);
}

.btn-new-black:hover {
  background-color: #1b1b1b;
  color: #ffffff;
}

.btn-new-black:hover > img {
  filter: invert(1);
}

.font-michroma {
  font-family: "Michroma" !important;
}

.font-montserrat {
  font-family: "Montserrat" !important;
}

.btn-new-light-grey {
  height: fit-content;
  background-color: #0000004d;
  color: black;
}

.btn-new-light-grey > img {
  filter: invert(1);
}

.btn-new-light-grey:hover {
  background-color: black;
  color: white;
}

.btn-new-light-grey:hover > img {
  filter: invert(0);
}

.form-control,
.new-form-control {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.iti__flag-container {
  color: white !important;
  border-right: 1px solid white !important;
}

.iti__country-name {
  color: black !important;
}

.form-control:focus,
.new-form-control:focus {
  outline: none !important;
}

.form-control::placeholder,
.new-form-control::placeholder {
  color: #808080 !important;
}

a {
  color: #fff;
}

a:hover {
  color: #bbbbbb;
}

.product-card-profil {
  background-color: white;
  border-radius: 16px;
}

.popup-container .form-control,
.popup-container .btn-white {
  border: 1px solid #dbdbdb !important;
  color: black !important;
}
.popup-content .form-control {
  color: black !important;
}
#crop_image_btn {
  border: 1px solid #dbdbdb !important;
}

.btn {
  height: fit-content !important;
}

.new-brand-h2 {
  font-size: 36px;
  line-height: 44px;
}

.fw-semibold {
  font-weight: 600 !important;
}

.vscomp-wrapper {
  font-family: "Montserrat" !important;
}

#lang-selector {
  display: flex;
}

.text-new-dark {
  color: #575757 !important;
}

.btn-white-outline {
  color: white !important;
  background-color: #ffffff33 !important;
}
.btn-white-outline:hover {
  background-color: #ffffff66 !important;
}
.border-top-footer {
  border-color: #ffffff33 !important;
}

.bg-new-orange {
  background-color: #f55c5b !important;
  border-color: #f55c5b !important;
  color: white !important;
}
.clr-field {
  border-radius: 5px;
  overflow: hidden;
}

.clr-field input {
  border: none !important;
}

.clr-field button {
  margin-top: -1px !important;
}

.dropdown-new-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: white;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.dropdown-new-item:hover,
.dropdown-new-item:focus {
  color: #bbbbbb;
  text-decoration: none;
}
.dropdown-new-item.active,
.dropdown-new-item:active {
  color: #bbbbbb;
  text-decoration: none;
}

.bg-alert {
  background-color: red !important;
}