@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}

.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=ReactToastify.css.map */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}
[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}
[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-aos=zoom-in]{transform:scale(.6)}
[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}
[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}
[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}
[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}
[data-aos=zoom-out]{transform:scale(1.2)}
[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}
[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}
[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}
[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}
[data-aos^=slide][data-aos^=slide]{transition-property:transform}
[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}
[data-aos=slide-up]{transform:translate3d(0,100%,0)}
[data-aos=slide-down]{transform:translate3d(0,-100%,0)}
[data-aos=slide-right]{transform:translate3d(-100%,0,0)}
[data-aos=slide-left]{transform:translate3d(100%,0,0)}
[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}
[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}
[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}
[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}
[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}
[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}
[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}
/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
.pswp--open {
	display: block;
}
.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}
.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}
/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: zoom-out;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}
.pswp__hidden {
	display: none !important;
}
/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}
/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}
/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}
/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}
/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}
.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}
.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}
.pswp__icn:focus {
	outline: 0;
}
/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}
.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}
/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}
/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}
.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}
.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}
.pswp--one-slide .pswp__button--arrow {
  display: none;
}
/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}
/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}
.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}
.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}
/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}
/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}
.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}
.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}
@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}
.pswp--one-slide .pswp__counter {
  display: none;
}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Avenir", sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
html,
  body{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    font-size: 16px}
html{margin:0px;padding:0px;
    --vh: 1vh}
body{margin:0px;min-height:calc(var(--vh) * 100);padding:0px;font-family:"Avenir", sans-serif;color:rgb(0 0 0 / var(--tw-text-opacity, 1));--tw-text-opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1{font-family:"Avenir", sans-serif;font-size:3rem;line-height:1.4;font-weight:500}
@media (min-width: 1250px){
h1{font-size:4rem;line-height:1.4}}
h1 {
    line-height: 1.15;
  }
h1 sup{font-size:1.25rem;line-height:1.4}
@media (min-width: 1250px){
h1 sup{font-size:1.75rem;line-height:1.4}}
h2{font-family:"Avenir", sans-serif;font-size:2rem;line-height:1.4;font-weight:500}
@media (min-width: 1250px){
h2{font-size:3.5rem;line-height:1.4}}
h2 sup{font-size:1.25rem;line-height:1.4}
@media (min-width: 1250px){
h2 sup{font-size:1.75rem;line-height:1.4}}
h3{font-family:"Avenir", sans-serif;font-size:1.5rem;line-height:1.4;font-weight:500}
@media (min-width: 1250px){
h3{font-size:3rem;line-height:1.4}}
h3 sup{font-size:0.875rem;line-height:1.5}
@media (min-width: 1250px){
h3 sup{font-size:1.25rem;line-height:1.4}}
h5{font-family:"Avenir", sans-serif;font-size:1rem;line-height:1.5;font-weight:500}
h5 sup{font-size:0.875rem;line-height:1.5}
p{font-family:"Avenir", sans-serif}
p sup{font-size:0.875rem;line-height:1.5}
a {
    font-family: "Avenir", sans-serif;
  }
li {
    font-family: "Avenir", sans-serif;
  }
a{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button{margin:0px;-webkit-appearance:none;appearance:none}
input[type=number] {
    -moz-appearance: textfield;
  }
input[type=number]:hover,
  input[type=number]:focus {
    -moz-appearance: number-input;
  }
.container{margin-left:auto;margin-right:auto;width:90%;max-width:1800px}
.btn{position:relative;display:inline-block;--tw-bg-opacity:1;background-color:rgb(179 9 57 / var(--tw-bg-opacity, 1));padding-left:2rem;padding-right:2rem;padding-top:1rem;padding-bottom:1rem;text-align:center;font-size:1rem;line-height:1.5;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.btn:enabled{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (hover: hover) and (pointer: fine){
.btn:hover:enabled{--tw-bg-opacity:1;background-color:rgb(152 7 48 / var(--tw-bg-opacity, 1))}}
.btn:disabled{cursor:not-allowed;opacity:0.5}
a.btn{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (hover: hover) and (pointer: fine){
a.btn:hover{--tw-bg-opacity:1;background-color:rgb(152 7 48 / var(--tw-bg-opacity, 1))}}
.btn-ghost{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(207 207 207 / var(--tw-border-opacity, 1));background-color:transparent;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.page-vanliga-fragor .faq-section .faq-wrap .btn-ghost {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
.faq-section .faq-wrap .btn-ghost {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
@media (hover: hover) and (pointer: fine){
.btn-ghost:hover:enabled{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
a.btn-ghost{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (hover: hover) and (pointer: fine){
a.btn-ghost:hover{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
.btn-black{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.page-vanliga-fragor .faq-section .faq-wrap .btn-black {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
.faq-section .faq-wrap .btn-black {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
@media (hover: hover) and (pointer: fine){
.btn-black:hover:enabled{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}}
a.btn-black{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (hover: hover) and (pointer: fine){
a.btn-black:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}}
.btn-white{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.page-vanliga-fragor .faq-section .faq-wrap .btn-white {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
.faq-section .faq-wrap .btn-white {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
@media (hover: hover) and (pointer: fine){
.btn-white:hover:enabled{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
a.btn-white{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (hover: hover) and (pointer: fine){
a.btn-white:hover{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
.btn-sm{padding-top:0.625rem;padding-bottom:0.625rem}
.breadcrumb{font-size:0.875rem;line-height:1.5;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.breadcrumb .breadcrumb_last{color:rgb(0 0 0 / 0.5)}
.the-content h2,
  .the-content h3{margin-bottom:1rem;font-size:1.5rem;line-height:1.4;font-weight:400}
.the-content h2:last-child,
  .the-content h3:last-child{margin-bottom:0px}
@media (min-width: 768px){
.the-content h2,
  .the-content h3{font-size:2rem;line-height:1.4}}
.the-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem}
.the-content p:last-child{margin-bottom:0px}
@media (min-width: 1250px){
.the-content p{margin-bottom:1.5rem}}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.visible{visibility:visible}
.invisible{visibility:hidden}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.-top-0\.5{top:-0.125rem}
.-top-3\.5{top:-0.875rem}
.-top-px{top:-1px}
.bottom-0{bottom:0px}
.bottom-2\.5{bottom:0.625rem}
.bottom-4{bottom:1rem}
.bottom-5{bottom:1.25rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.left-4{left:1rem}
.right-0{right:0px}
.right-10{right:2.5rem}
.right-2\.5{right:0.625rem}
.right-3{right:0.75rem}
.right-4{right:1rem}
.right-8{right:2rem}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-10{top:2.5rem}
.top-22{top:5.5rem}
.top-4{top:1rem}
.top-8{top:2rem}
.top-full{top:100%}
.top-px{top:1px}
.z-10{z-index:10}
.z-20{z-index:20}
.z-50{z-index:50}
.-order-1{order:-1}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-6{order:6}
.col-span-1{grid-column:span 1 / span 1}
.col-span-10{grid-column:span 10 / span 10}
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}
.col-span-5{grid-column:span 5 / span 5}
.col-span-full{grid-column:1 / -1}
.col-start-2{grid-column-start:2}
.mx-auto{margin-left:auto;margin-right:auto}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.my-auto{margin-top:auto;margin-bottom:auto}
.-ml-8{margin-left:-2rem}
.mb-0{margin-bottom:0px}
.mb-0\.5{margin-bottom:0.125rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-15{margin-bottom:3.75rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-2\.5{margin-bottom:0.625rem}
.mb-20{margin-bottom:5rem}
.mb-25{margin-bottom:6.25rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.ml-0{margin-left:0px}
.ml-auto{margin-left:auto}
.mt-20{margin-top:5rem}
.mt-4{margin-top:1rem}
.mt-auto{margin-top:auto}
.block{display:block}
.flex{display:flex}
.table{display:table}
.table-cell{display:table-cell}
.grid{display:grid}
.hidden{display:none}
.aspect-\[1\/1\.25\]{aspect-ratio:1/1.25}
.aspect-\[135\/139\]{aspect-ratio:135/139}
.aspect-news-card{aspect-ratio:16/11}
.aspect-square{aspect-ratio:1 / 1}
.aspect-video{aspect-ratio:16 / 9}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-2\.5{height:0.625rem}
.h-22{height:5.5rem}
.h-24{height:6rem}
.h-25{height:6.25rem}
.h-3{height:0.75rem}
.h-3\.5{height:0.875rem}
.h-32{height:8rem}
.h-4{height:1rem}
.h-40{height:10rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-\[760px\]{height:760px}
.h-\[calc\(var\(--vh\)\*100-88px\)\]{height:calc(var(--vh) * 100 - 88px)}
.h-\[calc\(var\(--vh\)\*60\)\]{height:calc(var(--vh) * 60)}
.h-auto{height:auto}
.h-full{height:100%}
.h-px{height:1px}
.h-screen{height:calc(var(--vh) * 100)}
.max-h-48{max-height:12rem}
.max-h-\[500px\]{max-height:500px}
.min-h-\[550px\]{min-height:550px}
.min-h-\[78px\]{min-height:78px}
.min-h-full{min-height:100%}
.min-h-screen{min-height:calc(var(--vh) * 100)}
.w-1\/3{width:33.333333%}
.w-1\/6{width:16.666667%}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-16{width:4rem}
.w-2\.5{width:0.625rem}
.w-20{width:5rem}
.w-22{width:5.5rem}
.w-24{width:6rem}
.w-25{width:6.25rem}
.w-3{width:0.75rem}
.w-32{width:8rem}
.w-4{width:1rem}
.w-4\.5{width:1.125rem}
.w-4\/12{width:33.333333%}
.w-5{width:1.25rem}
.w-5\/12{width:41.666667%}
.w-6{width:1.5rem}
.w-7\/12{width:58.333333%}
.w-\[135px\]{width:135px}
.w-\[300px\]{width:300px}
.w-full{width:100%}
.w-screen{width:100vw}
.min-w-\[1rem\]{min-width:1rem}
.min-w-\[305px\]{min-width:305px}
.max-w-3xl{max-width:48rem}
.flex-1{flex:1 1 0%}
.flex-auto{flex:1 1 auto}
.flex-shrink-0{flex-shrink:0}
.grow{flex-grow:1}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-\[68px\]{--tw-translate-y:-68px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-px{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes like{
0%{color:#333;transform:scale(1)}
60%{color:#333;transform:scale(1.2)}
100%{color:#333;transform:scale(1)}}
.animate-like-bounce{animation:like 0.3s ease-out forwards}
@keyframes pulse{
50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
.cursor-help{cursor:help}
.cursor-pointer{cursor:pointer}
.cursor-progress{cursor:progress}
.cursor-wait{cursor:wait}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize{resize:both}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.\!flex-nowrap{flex-wrap:nowrap !important}
.flex-nowrap{flex-wrap:nowrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-10{gap:2.5rem}
.gap-12\.5{gap:3.125rem}
.gap-16{gap:4rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-25{gap:6.25rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.gap-8{gap:2rem}
.gap-x-12\.5{-moz-column-gap:3.125rem;column-gap:3.125rem}
.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-32{-moz-column-gap:8rem;column-gap:8rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.gap-y-10{row-gap:2.5rem}
.gap-y-2{row-gap:0.5rem}
.gap-y-2\.5{row-gap:0.625rem}
.gap-y-4{row-gap:1rem}
.gap-y-5{row-gap:1.25rem}
.gap-y-8{row-gap:2rem}
.space-y-\[5px\] > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5px * var(--tw-space-y-reverse))}
.divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}
.divide-solid > :not([hidden]) ~ :not([hidden]){border-style:solid}
.divide-black\/20 > :not([hidden]) ~ :not([hidden]){border-color:rgb(0 0 0 / 0.2)}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis{text-overflow:ellipsis}
.whitespace-nowrap{white-space:nowrap}
.text-wrap{text-wrap:wrap}
.rounded{border-radius:0.25rem}
.rounded-full{border-radius:9999px}
.rounded-none{border-radius:0px}
.rounded-xl{border-radius:0.75rem}
.border{border-width:1px}
.border-0{border-width:0px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-t{border-top-width:1px}
.border-solid{border-style:solid}
.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}
.border-grey-200{--tw-border-opacity:1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1))}
.border-grey-400{--tw-border-opacity:1;border-color:rgb(207 207 207 / var(--tw-border-opacity, 1))}
.border-red-500{--tw-border-opacity:1;border-color:rgb(152 7 48 / var(--tw-border-opacity, 1))}
.border-transparent{border-color:transparent}
.border-white\/50{border-color:rgb(255 255 255 / 0.5)}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.bg-black\/20{background-color:rgb(0 0 0 / 0.2)}
.bg-black\/75{background-color:rgb(0 0 0 / 0.75)}
.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(249 249 249 / var(--tw-bg-opacity, 1))}
.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}
.bg-grey-400{--tw-bg-opacity:1;background-color:rgb(207 207 207 / var(--tw-bg-opacity, 1))}
.bg-grey-400\/40{background-color:rgb(207 207 207 / 0.4)}
.bg-grey-500\/30{background-color:rgb(117 117 117 / 0.3)}
.bg-grey-600{--tw-bg-opacity:1;background-color:rgb(112 116 121 / var(--tw-bg-opacity, 1))}
.bg-pink-400{--tw-bg-opacity:1;background-color:rgb(241 231 229 / var(--tw-bg-opacity, 1))}
.bg-red-400{--tw-bg-opacity:1;background-color:rgb(179 9 57 / var(--tw-bg-opacity, 1))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(134 35 45 / var(--tw-bg-opacity, 1))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-contain{background-size:contain}
.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-center{-o-object-position:center;object-position:center}
.p-0\.5{padding:0.125rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-0{padding-left:0px;padding-right:0px}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-21{padding-top:5.25rem;padding-bottom:5.25rem}
.py-25{padding-top:6.25rem;padding-bottom:6.25rem}
.py-32{padding-top:8rem;padding-bottom:8rem}
.py-36{padding-top:9rem;padding-bottom:9rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-10{padding-bottom:2.5rem}
.pb-20{padding-bottom:5rem}
.pb-3{padding-bottom:0.75rem}
.pb-4{padding-bottom:1rem}
.pb-4\.5{padding-bottom:1.125rem}
.pb-5{padding-bottom:1.25rem}
.pb-6{padding-bottom:1.5rem}
.pb-8{padding-bottom:2rem}
.pl-12{padding-left:3rem}
.pl-2{padding-left:0.5rem}
.pl-40{padding-left:10rem}
.pl-6{padding-left:1.5rem}
.pl-8{padding-left:2rem}
.pr-4{padding-right:1rem}
.pr-5{padding-right:1.25rem}
.pt-0{padding-top:0px}
.pt-10{padding-top:2.5rem}
.pt-16{padding-top:4rem}
.pt-20{padding-top:5rem}
.pt-32{padding-top:8rem}
.pt-36{padding-top:9rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.25rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-10{font-size:0.625rem;line-height:1.5}
.text-12{font-size:0.75rem;line-height:1.5}
.text-14{font-size:0.875rem;line-height:1.5}
.text-16{font-size:1rem;line-height:1.5}
.text-18{font-size:1.125rem;line-height:1.4}
.text-20{font-size:1.25rem;line-height:1.4}
.text-22{font-size:1.375rem;line-height:1.4}
.text-24{font-size:1.5rem;line-height:1.4}
.text-32{font-size:2rem;line-height:1.4}
.text-8{font-size:0.5rem;line-height:1.5}
.text-\[1\.2px\]{font-size:1.2px}
.text-\[9px\]{font-size:9px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.leading-none{line-height:1}
.\!text-red-400{--tw-text-opacity:1 !important;color:rgb(179 9 57 / var(--tw-text-opacity, 1)) !important}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.text-grey-500{--tw-text-opacity:1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}
.text-grey-700{--tw-text-opacity:1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}
.text-grey-800{--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}
.text-inherit{color:inherit}
.text-red-400{--tw-text-opacity:1;color:rgb(179 9 57 / var(--tw-text-opacity, 1))}
.text-red-500{--tw-text-opacity:1;color:rgb(152 7 48 / var(--tw-text-opacity, 1))}
.text-transparent{color:transparent}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.underline{text-decoration-line:underline}
.opacity-25{opacity:0.25}
.opacity-50{opacity:0.5}
.opacity-75{opacity:0.75}
.shadow-\[0_-4px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 -4px 10px 0px rgba(0,0,0,0.1);--tw-shadow-colored:0 -4px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-black\/10{--tw-shadow-color:rgb(0 0 0 / 0.1);--tw-shadow:var(--tw-shadow-colored)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[background\2c transform\]{transition-property:background,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.bold-text {
  font-weight: 500;
  font-size: 24px;
  font-family: "Avenir", sans-serif;
  line-height: 1.38;
}
.s-headline {
  font-weight: 500;
  font-size: 20px;
  font-family: "Avenir", sans-serif;
  line-height: 1.5;
}
p .bold-small {
  margin: 24px 0;
  font-weight: 500;
  font-family: "Avenir", sans-serif;
}
.active-red-txt {
  margin-bottom: 4px;
  border-bottom: 1px solid #B30939;
  color: #B30939;
  text-decoration: none;
}
.page-katalog li {
  margin-left: 20px;
}
[class^=icon-],
[class*=" icon-"] {
  font-weight: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Hagab_logo:before {
  content: "\e900";
}
.icon-hagab-logo:before {
  content: "\e901";
}
.icon-document:before {
  content: "\e90b";
}
.icon-Icon-Arrow-Down:before {
  content: "\e902";
}
.icon-Icon-Arrow-Left:before {
  content: "\e903";
}
.icon-Icon-Arrow-Right-Small:before {
  content: "\e904";
}
.icon-Icon-Arrow-Right:before {
  content: "\e905";
}
.icon-Icon-check:before {
  content: "\e906";
}
.icon-Icon-expand:before {
  content: "\e907";
}
.icon-Icon-Filter:before {
  content: "\e908";
}
.icon-minus:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90c";
}
.icon-Icon-X:before {
  content: "\e90d";
}
.icon-location:before {
  content: "\e947";
}
.icon-login::before,
.icon-cart::before {
  content: "";
  display: block;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.icon-login.invert::before,
.icon-cart.invert::before {
  filter: invert(100%);
}
.icon-login::before {
  width: 16px;
  height: 20px;
  background-color: #000;
  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon_login.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/icon_login.svg) no-repeat 20% 20%;
}
@media screen and (max-width: 1000px) {
  .icon-login::before {
    background-color: #fff;
  }
}
@media screen and (min-width: 1249px) {
  .icon-login {
    display: none;
  }
}
.icon-cart::before {
  width: 22px;
  height: 19px;
  background-color: currentColor;
  transition: all 0.25s linear;
  /*-webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon_cart.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon_cart.svgg) no-repeat 20% 20%;*/
  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/Icon-Cart.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/Icon-Cart.svg) no-repeat 20% 20%;
}
.main-header.header-scroll .icon-cart::before, .main-header.change-bg-color .icon-cart::before {
  background-color: #000;
  transition-delay: 0.2s;
}
/* Chris */
.icon-x:before {
  content: "\e90d";
}
.btn-primary {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #B30939;
  color: #fff;
}
.btn-primary:hover {
  background-color: #980730;
  transition: all 0.25s ease;
}
.btn-secondary {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-secondary:hover {
  background-color: #fff;
  color: #000;
  transition: all 0.3s ease;
}
.btn-white {
  background-color: #fff;
  color: #000;
}
.btn-black {
  background-color: #000;
  color: #fff;
}
.btn-black:hover {
  background-color: #fff;
  color: #000;
}
.btn-light-border {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  color: #000;
}
.btn-light-border:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  transition: all 0.25s ease-in-out;
}
.btn-dark-border {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
.arrow-btn {
  padding: 27px 0 26px;
  color: #4c4d53;
  cursor: pointer;
}
.arrow-btn i {
  color: #4c4d53;
  font-size: 10px;
}
.btn-load-more {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 14px 32px;
  border: solid 1px #000;
  text-align: center;
}
.btn.loadMoreBtn:hover {
  text-decoration: none;
}
.filter-btn-wrap {
  position: relative;
}
.filter-btn-wrap p {
  position: absolute;
  top: -62px;
  right: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.filter-btn-wrap p .icon-Icon-Filter {
  margin-left: 10px;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 1249px) {
  .filter-btn-wrap p {
    position: relative;
    top: unset;
    right: unset;
  }
  .filter-btn-wrap {
    width: 50%;
  }
}
*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: 0;
}
.main {
  overflow: hidden;
}
.flex-gap {
  gap: 30px;
}
/* ---- Wraps ---- */
.wrap-l {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.wrap {
  position: relative;
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
}
.wrap-m-l {
  position: relative;
  width: 90%;
  max-width: 1260px;
  margin: 0 auto;
}
.wrap-m {
  position: relative;
  width: 90%;
  max-width: 798px;
  margin: 0 auto;
}
.wrap-s {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.wrap-xs {
  position: relative;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
/* ------- Flex ------- */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-space {
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.flex-equal {
  flex-grow: 1;
}
.position-rel {
  position: relative;
}
.flex-column {
  flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .flex-revers {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1249px) {
  .flex-revers-wp {
    flex-direction: column-reverse;
  }
}
/* -------- Alignments --------- */
.horiz-center {
  justify-content: center;
}
.vert-center {
  align-items: center;
}
.center {
  text-align: center;
}
/* -------- Margins --------- */
.marg-b {
  margin-bottom: 80px;
}
.marg-b-m {
  margin-bottom: 60px;
}
.marg-b-s {
  margin-bottom: 40px;
}
.marg-b-xs {
  margin-bottom: 20px;
}
.marg-t-l {
  margin-top: 120px;
}
.marg-t-large {
  margin-top: 100px;
}
@media screen and (max-width: 500px) {
  .marg-t-large {
    margin-top: 50px;
  }
}
.marg-large {
  margin: 100px 0;
}
@media screen and (max-width: 500px) {
  .marg-large {
    margin: 50px 0;
  }
}
.marg-t {
  margin-top: 80px;
}
@media screen and (max-width: 500px) {
  .marg-t {
    margin-top: 40px;
  }
}
.marg-t-m {
  margin-top: 60px;
}
.marg-t-s {
  margin-top: 40px;
}
.marg-t-xs {
  margin-top: 20px;
}
/* -------- Paddings -------- */
.pad-xl {
  padding: 100px 0;
}
@media (max-width: 1249px) {
  .pad-xl {
    padding: 60px 0;
  }
}
.pad-t-xl {
  padding-top: 100px;
}
@media (max-width: 1249px) {
  .pad-t-xl {
    padding-top: 60px;
  }
}
.pad-b-xl {
  padding-bottom: 100px;
}
@media (max-width: 1249px) {
  .pad-b-xl {
    padding-bottom: 60px;
  }
}
.pad-l {
  padding: 80px 0;
}
@media (max-width: 500px) {
  .pad-l {
    padding: 40px 0;
  }
}
.pad-t-l {
  padding-top: 80px;
}
@media (max-width: 500px) {
  .pad-t-l {
    padding-top: 40px;
  }
}
.pad-b-l {
  padding-bottom: 80px;
}
@media (max-width: 500px) {
  .pad-b-l {
    padding-bottom: 40px;
  }
}
.pad-m {
  padding: 60px 0;
}
@media screen and (max-width: 500px) {
  .pad-m {
    padding: 20px 0;
  }
}
.pad-t-m {
  padding-top: 60px;
}
@media screen and (max-width: 500px) {
  .pad-t-m {
    padding-top: 20px;
  }
}
.pad-b-m {
  padding-bottom: 60px;
}
@media screen and (max-width: 500px) {
  .pad-b-m {
    padding-bottom: 20px;
  }
}
.pad-s {
  padding: 40px 0;
}
@media (max-width: 1249px) {
  .pad-s {
    padding: 20px 0;
  }
}
.pad-t-s {
  padding-top: 40px;
}
@media (max-width: 1249px) {
  .pad-t-s {
    padding-bottom: 20px;
  }
}
.pad-b-s {
  padding-bottom: 40px;
}
@media (max-width: 1249px) {
  .pad-b-s {
    padding-bottom: 20px;
  }
}
.pad-xs {
  padding: 20px 0;
}
.pad-t-xs {
  padding-top: 20px;
}
.pad-b-xs {
  padding-bottom: 20px;
}
/* -------- Columns --------- */
.col-f-1 {
  width: 100%;
}
.col-1-2 {
  width: 46%;
}
@media (max-width: 1000px) {
  .col-1-2 {
    width: 100%;
  }
}
.col-f-1-2 {
  width: 48%;
}
@media (max-width: 1000px) {
  .col-f-1-2 {
    width: 100%;
  }
}
.col-f-1-2.large {
  width: 60%;
}
@media screen and (max-width: 1000px) {
  .col-f-1-2.large {
    width: 100%;
  }
}
.col-f-1-2.small {
  width: 33%;
}
@media screen and (max-width: 1000px) {
  .col-f-1-2.small {
    width: 100%;
  }
}
.col-1-3 {
  width: 32%;
}
@media screen and (max-width: 1249px) {
  .col-1-3 {
    width: 30%;
  }
}
@media (max-width: 1000px) {
  .col-1-3 {
    width: 100%;
  }
}
.col-2-3 {
  width: 65.5%;
}
@media (max-width: 1000px) {
  .col-2-3 {
    width: 100%;
  }
}
.col-1-4 {
  width: 23%;
}
@media (max-width: 1000px) {
  .col-1-4 {
    width: 100%;
  }
}
.col-2-4 {
  width: 48%;
}
.col-3-4 {
  width: 73%;
}
@media (max-width: 1000px) {
  .col-3-4 {
    width: 100%;
  }
}
/* -------- Colors --------- */
.primary-bg {
  background-color: #B30939;
  color: #fff;
}
.secondary-bg {
  background-color: #f1c4bf;
  color: #000;
}
.white-bg {
  background-color: #fff;
  color: #000;
}
.black-bg {
  background-color: #000;
  color: #fff;
}
.pink {
  background-color: #f2eae6;
}
.darkred-bg {
  background-color: #86232d;
  color: #fff;
}
.grey-bg {
  background-color: #f5f5f5;
  color: #000;
}
.soft-pink-bg {
  background-color: #b7867f;
  color: #fff;
}
.light-pink {
  background-color: #f1e7e5;
  color: #000;
}
.border-top {
  border-top: solid 1px #cfcfcf;
}
.border-bottom {
  border-bottom: solid 1px #cfcfcf;
}
.opacity {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.opacity-darker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.text-primary {
  color: #000;
}
.text-secondary {
  color: #fff;
}
.invert li a {
  filter: invert(100%);
}
@media screen and (max-width: 1249px) {
  .invert li a {
    filter: none;
  }
}
/* -------- Image ---------- */
img {
  max-width: 100%;
  vertical-align: bottom;
}
.bg-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1000px) {
  .bg-img {
    width: 100%;
  }
}
.full-width-img {
  width: 100%;
}
.large-width-img {
  max-width: 1521px;
  max-height: 760px;
}
.small-width-img {
  max-width: 1003px;
  max-height: 670px;
}
/* -------- a hover, focus, active, input focus -------- */
a:focus,
a:hover,
a:active,
input:focus {
  outline: 0;
}
.img-puff {
  padding: 40px;
}
.img-puff .bg-img {
  -o-object-fit: contain;
     object-fit: contain;
}
.cli-bar-message {
  font-weight: 500;
  font-size: 14px;
  font-family: "Avenir", sans-serif;
}
.cli-bar-message a {
  color: #fff;
  font-family: "Avenir", sans-serif;
}
.btn-cookie {
  width: 215px;
  height: 46px;
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir", sans-serif;
}
.btn-cookie .wt-cli-accept-all-btn {
  font-size: 16px !important;
}
.wpcf7-not-valid-tip {
  margin-top: 16px;
  color: #fff !important;
  font-family: "Avenir", sans-serif;
}
.wpcf7-response-output {
  width: 70%;
  margin-left: 0px !important;
  border: 1px solid #fff !important;
  color: #fff;
  font-family: "Avenir", sans-serif;
}
/**
Styling for the diffrent hero types.

The diffrent breakpoints:

$breakpoint-desktop-l : 1650px
$breakpoint-desktop : 1450px
$breakpoint-desktop-s : 1399px
$breakpoint-large : 1249px
$breakpoint-tablet : 1000px
$breakpoint-tablet-s : 700px
$breakpoint-mobile : 500px
*/
.hero-image {
  height: 700px;
}
@media screen and (max-width: 700px) {
  .hero-image {
    height: 500px;
  }
}
.hero-text {
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-height: 850px;
  padding: 0;
}
.hero-text h1 {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  font-size: 56px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hero-text h1 {
    font-size: 32px;
  }
}
.hero-text p {
  max-width: 800px;
  margin: 19px auto 0;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hero-text p {
    font-size: 16px;
  }
}
.hero-text li {
  margin-bottom: 16px;
  list-style-type: none;
  font-weight: 500;
  font-size: 20px;
  font-family: "Avenir", sans-serif;
}
.hero-text li::before {
  content: "\e90d";
  width: 32px;
  height: 32px;
  margin-right: 10px;
  padding: 4px;
  border-radius: 26px;
  font-size: 20px;
  font-family: "icomoon", sans-serif;
}
@media screen and (max-width: 500px) {
  .hero-text li::before {
    font-size: 16px;
  }
}
@media screen and (max-width: 700px) {
  .hero-text li {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .hero-text li {
    width: 100%;
  }
}
.hero-text .btn-primary {
  margin-top: 0;
}
.hero-text .hero-btn-wrap {
  margin-top: 32px;
}
.hero-text .hero-btn-wrap:nth-child(2) {
  margin-left: 20px;
}
@media screen and (max-width: 1249px) {
  .hero-text {
    height: 700px;
  }
}
@media screen and (max-width: 700px) {
  .hero-text {
    height: 500px;
  }
}
.hero-text-bg-color {
  max-height: 765px;
  padding: 220px 0;
}
.hero-text-bg-color h1 {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 24px;
  font-size: 48px;
  text-align: center;
}
@media screen and (max-width: 1249px) {
  .hero-text-bg-color h1 {
    margin-bottom: 24px;
    font-size: 31px;
  }
}
.hero-text-bg-color p {
  width: 40%;
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.42;
}
@media screen and (max-width: 1249px) {
  .hero-text-bg-color p {
    width: 100%;
  }
}
.hero-text-bg-color .btn-primary {
  width: 254px;
}
@media screen and (max-width: 700px) {
  .hero-text-bg-color .btn-primary {
    width: 220px;
    margin-top: 20px;
  }
}
.post-type-archive-product .three-img-puff-section .bg-img {
  height: 600px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-product .three-img-puff-section .bg-img {
    height: 574px;
  }
}
@media screen and (max-width: 700px) {
  .post-type-archive-product .three-img-puff-section .bg-img {
    width: 100%;
    height: 374px;
  }
}
.post-type-archive-product .text-center-section h2 {
  margin-bottom: 16px;
  font-size: 40px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-product .text-center-section h2 {
    font-size: 32px;
  }
}
.post-type-archive-product .text-center-section .pad-t-xl {
  padding-top: 122px;
}
.post-type-archive-product .text-center-section .pad-b-xl {
  padding-bottom: 122px;
}
.post-type-archive-product .image-or-text-section {
  background-color: #f5f5f5;
}
.post-type-archive-product .image-or-text-section .white-bg {
  background-color: #f5f5f5;
}
.page-template-page-template-new-customer {
  background-color: #f5f5f5;
}
.new-customer-intro {
  margin-top: 60px;
  margin-bottom: 36px;
}
.new-customer-intro h1 {
  margin-bottom: 30px;
  color: #000;
  font-weight: 500;
  font-size: 32px;
  line-height: normal;
  text-align: center;
}
.new-customer-intro p {
  font-weight: 350;
  font-size: 18px;
  line-height: 24px;
}
#loginform .login-username {
  display: flex;
  flex-direction: column;
}
#loginform .login-username input {
  height: 50px;
  padding-left: 15px;
  background: #f5f5f5;
}
#loginform .login-username label {
  margin-bottom: 5px;
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 16px;
}
#loginform .login-password {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#loginform .login-password label {
  margin-bottom: 5px;
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 16px;
}
#loginform .login-password input {
  height: 50px;
  padding-left: 15px;
  background: #f5f5f5;
}
#loginform .login-remember {
  margin-top: 30px;
}
#loginform .login-remember label {
  font-weight: 400;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
#loginform .login-submit {
  margin-top: 30px;
}
#loginform .login-submit input {
  width: 100%;
  height: 50px;
  padding: 10px;
  background: #b30939;
  color: #fff;
  cursor: pointer;
}
.page-kassa {
  background-color: #f5f5f5;
}
.page-kassa .checkout-customer-section h1 {
  margin-top: 140px;
  font-weight: 500;
  font-size: 32px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
  text-align: center;
}
.page-kassa .checkout-customer-section .btn-options {
  text-align: right;
}
.page-kassa .checkout-customer-section .btn-options button {
  background-color: transparent;
}
.page-kassa .checkout-customer-section .wrap-m {
  min-width: 1062px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .wrap-m {
    min-width: unset;
  }
}
.page-kassa .checkout-customer-section .review-order-headline {
  margin-bottom: 1px;
  padding: 20px 30px;
}
.page-kassa .checkout-customer-section .review-wrap {
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 1px;
  padding: 30px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-info {
  width: 313px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(1) {
  font-weight: 500;
  font-size: 24px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 32px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(2), .page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(3), .page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(4) {
  font-weight: 400;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(5) {
  display: flex;
  align-items: baseline;
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-info p:nth-of-type(5)::before {
  content: "";
  display: block;
  width: 19px;
  height: 14px;
  margin-right: 10px;
  background-color: #000;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/delivery.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/delivery.svgg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/delivery.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/delivery.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs {
  display: flex;
  flex-direction: column;
  gap: 37px;
  width: 296px;
  margin-top: 18px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .order-marking {
  font-size: 16px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .order-marking input {
  padding: 13px;
  background: #f5f5f5;
  font-weight: 350;
  font-size: 16px !important;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px; /* 150% */
  text-decoration-line: underline;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs input[type=number]::-webkit-inner-spin-button,
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input {
  display: flex;
  align-items: center;
  width: 71px;
  height: 29px;
  padding: 10px;
  background: #f5f5f5;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input,
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input * {
  box-sizing: border-box;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input button {
  position: relative;
  align-items: center;
  justify-content: center;
  width: 9px;
  height: 9px;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input button:before,
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input button:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.page-kassa .checkout-customer-section .review-wrap .review-product-inputs .number-input input[type=number] {
  max-width: 40px;
  background: #f5f5f5;
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .review-wrap .review-product-inputs {
    width: 90%;
  }
}
.page-kassa .checkout-customer-section .review-wrap .review-product-img {
  width: 130px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-img img {
  width: 100%;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-price-del {
  display: flex;
  flex-direction: column;
  gap: 94px;
  align-items: flex-end;
  min-width: 89px;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-price-del p {
  color: #b30939;
  font-weight: 500;
  font-size: 24px;
  font-family: Avenir;
  font-style: normal;
  line-height: 32px;
  text-align: right;
}
.page-kassa .checkout-customer-section .review-wrap .review-product-price-del button {
  background: transparent;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .review-wrap .review-product-price-del {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 90%;
  }
}
.page-kassa .checkout-customer-section .checkout-total-wrap {
  margin-bottom: 40px;
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .save-to-list {
  margin-bottom: 40px;
  text-align: right;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .save-to-list button {
  padding: 10px 24px;
  background: #fff;
  border: 1px solid #cfcfcf;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .checkout-total-wrap .save-to-list {
    text-align: left;
  }
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left p:nth-child(1) {
  margin-bottom: 6px;
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left p:nth-child(2) {
  margin-bottom: 43px;
  font-weight: 900;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left p:nth-child(3) {
  font-weight: 500;
  font-size: 22px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left p:nth-child(4) {
  position: relative;
  margin-top: 39px;
  font-weight: 350;
  font-size: 14px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left p:nth-child(4) {
    position: absolute;
    width: 100%;
  }
  .page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left {
    width: 46%;
  }
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-left.new-customer {
  width: 40%;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right.new-customer {
  width: 55%;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right.new-customer p:nth-child(3) {
  display: flex;
  gap: 14px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right.new-customer p span {
  font-weight: 500;
  font-size: 22px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right {
  text-align: right;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right p:nth-child(1) {
  margin-bottom: 6px;
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right p:nth-child(2) {
  margin-bottom: 43px;
  font-weight: 900;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right p:nth-child(3) {
  margin-bottom: 5px;
  color: #b30939;
  font-weight: 900;
  font-size: 32px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right p:nth-child(4) {
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .checkout-total-wrap .checkout-total-right {
    width: 46%;
  }
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap {
  margin-bottom: 40px;
  padding: 30px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .info p {
  font-weight: 350;
  font-size: 14px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form .billing-headline {
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form {
  gap: 30px;
  margin-top: 30px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form label {
  color: #000;
  font-weight: 350;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form input {
  width: 100%;
  max-width: 228px;
  height: 50px;
  padding: 10px;
  background: #f5f5f5;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form input {
    max-width: 100%;
  }
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form input[type=date] {
  color: #757575;
  font-weight: 350;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form .col-f-1 {
  display: flex;
  flex-direction: column;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form .col-f-1 label {
  margin-bottom: 5px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form .col-f-1 input {
  max-width: 486px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-delivery-adress-form form .col-f-1 textarea {
  width: 100%;
  max-width: 486px;
  height: 150px;
  margin-bottom: 59px;
  padding: 10px;
  background: #f5f5f5;
  resize: none;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-billing-info {
  padding-left: 159px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-billing-info .billing-headline {
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-billing-info .billing-adress {
  margin-top: 28px;
  margin-bottom: 30px;
}
.page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-billing-info .billing-adress p {
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .checkout-delivery-wrap .checkout-billing-info {
    margin-bottom: 30px;
    padding-left: 0;
  }
}
.page-kassa .checkout-customer-section .order-marking-wrap {
  margin-bottom: 40px;
  padding: 28px 30px 40px;
}
.page-kassa .checkout-customer-section .order-marking-wrap .flex {
  gap: 30px;
}
.page-kassa .checkout-customer-section .order-marking-wrap .flex .col-1-3 {
  max-width: 314px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .order-marking-wrap .flex .col-1-3 {
    max-width: 100%;
  }
}
.page-kassa .checkout-customer-section .order-marking-wrap label {
  color: #000;
  font-weight: 350;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
}
.page-kassa .checkout-customer-section .order-marking-wrap input {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
}
.page-kassa .checkout-customer-section .complete-order-wrap {
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 160px;
  padding: 40px 30px 57px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-right {
  gap: 30px;
  justify-content: space-between;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-right p {
  font-weight: 350;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-right p:nth-child(1) {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-right .top {
  margin-bottom: 30px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .sum p {
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .shipping p {
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .total {
  margin-top: 142px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .total p:nth-child(1) {
  font-weight: 500;
  font-size: 22px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .total p:nth-child(2) {
  color: #b30939;
  font-weight: 900;
  font-size: 32px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
  text-align: right;
}
.page-kassa .checkout-customer-section .complete-order-wrap .complete-order-left .total p:nth-child(3) {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: normal;
  text-align: right;
}
.page-kassa .order-button-wrap {
  position: sticky;
  bottom: 0px;
}
.page-kassa .order-buttons {
  padding: 20px 0;
}
.page-kassa .order-buttons .wrap-m {
  gap: 30px;
  justify-content: center;
  min-width: 1062px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .order-buttons .wrap-m {
    min-width: 100%;
  }
}
.page-kassa .order-buttons .new-customer-btn button {
  width: 100%;
}
.page-kassa .order-buttons button {
  width: 486px;
  text-align: center;
}
.page-kassa .error-message {
  display: block;
  color: #b30939;
  font-size: 20px;
  font-family: "Avenir";
}
.page-kassa #delivery-recipient-email {
  word-break: break-word;
}
.order-conf-wrap {
  width: 1062px;
  margin-top: 213px;
  margin-bottom: 185px;
  padding: 84px 0 92px 0;
}
.order-conf-wrap h2 {
  margin-bottom: 27px;
  font-size: 32px;
}
@media screen and (max-width: 1000px) {
  .order-conf-wrap h2 {
    font-size: 28px;
    line-height: normal;
  }
}
.order-conf-wrap p {
  font-weight: 400;
  font-size: 18px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .order-conf-wrap p {
    font-size: 16px;
  }
}
.order-conf-wrap .return {
  margin-top: 124px;
}
.order-conf-wrap .return a {
  color: #b30939;
  font-weight: 400;
  font-size: 16px;
  font-family: "Avenir";
  font-style: normal;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .order-conf-wrap .return a {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .order-conf-wrap .return {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .order-conf-wrap {
    width: 90%;
    margin-top: 153px;
    margin-bottom: 125px;
  }
}
@media screen and (max-width: 700px) {
  .order-conf-wrap {
    margin-top: 100px;
  }
}
.page-template-page-template-mina-sidor {
  background-color: #F5F5F5;
}
.page-template-page-template-mina-sidor .col-1-4 {
  margin: 0 !important;
}
.page-template-page-template-mina-sidor .left-box {
  padding: 21px;
  max-height: 674px;
  max-width: 207px;
  width: 19%;
}
.page-template-page-template-mina-sidor .left-box img {
  width: 40px;
  height: 42.13px;
  border-radius: 30px;
}
.page-template-page-template-mina-sidor .left-box .company-info {
  border-bottom: 1px solid #CFCFCF;
  padding-bottom: 21px;
}
.page-template-page-template-mina-sidor .left-box .company-info .company-text {
  width: 118px;
}
.page-template-page-template-mina-sidor .left-box .company-info .company-text .company-name {
  color: #757575;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
}
.page-template-page-template-mina-sidor .left-box .company-info .company-text .username {
  color: #000;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .left-box {
    display: none;
  }
}
.page-template-page-template-mina-sidor .menu-mypages {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 100px;
}
.page-template-page-template-mina-sidor .menu-mypages ul {
  list-style-type: none;
  padding: 20px 0;
}
.page-template-page-template-mina-sidor .menu-mypages ul li {
  margin-bottom: 16px;
}
.page-template-page-template-mina-sidor .menu-mypages ul li a {
  padding: 8px 0px 6px 10px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .menu-mypages ul li a:hover {
  color: #B30939;
}
.page-template-page-template-mina-sidor .menu-mypages ul li a:hover::before {
  background-color: #B30939;
}
.page-template-page-template-mina-sidor .menu-mypages ul .active {
  background-color: #F9F9F9;
}
.page-template-page-template-mina-sidor .menu-mypages ul .doc a::before {
  content: "";
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /*  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
    mask: url(http://haga.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
}
.page-template-page-template-mina-sidor .menu-mypages ul .home a::before {
  content: "";
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/sort.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/sort.svg) no-repeat 20% 20%;
  /*  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/sort.svg) no-repeat 20% 20%;
    mask: url(http://hagab.test/themes/hagab/assets/images/sort.svg) no-repeat 20% 20%;*/
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
}
.page-template-page-template-mina-sidor .menu-mypages ul .contact a::before {
  content: "";
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
  /*-webkit-mask: url(http://hagab.test/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
}
.page-template-page-template-mina-sidor .menu-mypages ul .like a::before {
  content: "";
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%; */
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
}
.page-template-page-template-mina-sidor .menu-mypages ul .user a::before {
  content: "";
  /*  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
    mask: url(http://hagab.test/themes/hagab/assets/images/user.svg) no-repeat 20% 20%; */
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
}
.page-template-page-template-mina-sidor .center-box h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  display: flex;
}
.page-template-page-template-mina-sidor .center-box h2::before {
  content: "";
  width: 16px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%; */
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-template-page-template-mina-sidor .center-box .latest-orders {
  padding: 21px;
}
.page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines {
  background-color: #F9F9F9;
  padding: 10px;
}
.page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 150%;
  color: #6C6C6C;
  width: 25%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines p:nth-child(1) {
    width: 50%;
  }
  .page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines p:nth-child(2) {
    width: 50%;
    text-align: right;
  }
  .page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines p:nth-child(3), .page-template-page-template-mina-sidor .center-box .latest-orders .order-headlines p:nth-child(4) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .center-box .latest-orders .order {
  padding: 10px;
}
.page-template-page-template-mina-sidor .center-box .latest-orders .order p {
  width: 25%;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #232323;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .center-box .latest-orders .order p:nth-child(1) {
    width: 50%;
  }
  .page-template-page-template-mina-sidor .center-box .latest-orders .order p:nth-child(2) {
    width: 50%;
    text-align: right;
  }
  .page-template-page-template-mina-sidor .center-box .latest-orders .order p:nth-child(3), .page-template-page-template-mina-sidor .center-box .latest-orders .order p:nth-child(4) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .center-box .latest-orders .btn-wrap-orders {
  margin-top: 57px;
  text-align: right;
  margin-bottom: 23px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .center-box .latest-orders .btn-wrap-orders a {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.page-template-page-template-mina-sidor .myfavorites {
  margin-top: 30px;
  padding: 21px;
}
.page-template-page-template-mina-sidor .myfavorites h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}
.page-template-page-template-mina-sidor .myfavorites h2::before {
  content: "";
  width: 25px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  /*  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
    mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;*/
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-template-page-template-mina-sidor .myfavorites .myfavorites-products {
  margin-top: 30px;
  align-items: flex-end;
}
.page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorite-product {
  width: 18%;
}
.page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorite-product p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #757575;
}
.page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorite-product img {
  width: 80px;
  height: 80px;
  background-color: #f5f5f5;
  margin-top: 13px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorite-product {
    width: 90px;
    height: 90px;
  }
}
.page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorites-count {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #757575;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .myfavorites .myfavorites-products .favorites-count {
    align-self: flex-end;
  }
}
.page-template-page-template-mina-sidor .myfavorites .btn-wrap-favorites {
  margin-top: 57px;
  text-align: right;
  margin-bottom: 23px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .myfavorites .btn-wrap-favorites a {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.page-template-page-template-mina-sidor .right-box {
  max-width: 357px;
  width: 29%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .right-box {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .my-contacts-overview {
  padding: 21px;
}
.page-template-page-template-mina-sidor .my-contacts-overview h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}
.page-template-page-template-mina-sidor .my-contacts-overview h2::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  /*  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
    mask: url(http://hagab.test/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%; */
  webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
          mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/contacts.svg) no-repeat 20% 20%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-contacts-overview h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact {
  justify-content: space-between;
  margin-top: 30px;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-name {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-work-title {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #B30939;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-email {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-email a {
  color: #757575;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-number {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-info .contact-number a {
  color: #757575;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact .contact-img img {
  border-radius: 50%;
}
.page-template-page-template-mina-sidor .my-contacts-overview .contact:first-of-type {
  border-bottom: 1px solid #CFCFCF;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.page-template-page-template-mina-sidor .my-lists-overview {
  margin-top: 30px;
  padding: 21px;
}
.page-template-page-template-mina-sidor .my-lists-overview h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}
.page-template-page-template-mina-sidor .my-lists-overview h2::before {
  content: "";
  width: 15px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists {
  margin-top: 30px;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists ul li {
  list-style-type: none;
  margin-bottom: 8px;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists ul li a {
  justify-content: space-between;
  text-decoration: none;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists ul li a .list-name {
  text-decoration: underline;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists ul li a .list-date {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  color: #757575;
}
.page-template-page-template-mina-sidor .my-lists-overview .lists ul li:last-of-type {
  margin-bottom: 0;
}
.page-template-page-template-mina-sidor .my-lists-overview .btn-wrap-my-lists {
  margin-top: 100px;
  text-align: right;
  margin-bottom: 23px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-lists-overview .btn-wrap-my-lists a {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.page-template-page-template-mina-sidor .orders-section .orders-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .orders-section .orders-headline h2::before {
  content: "";
  width: 15px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%; */
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .orders-section .orders-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .orders-section .list-orders {
  background-color: #fff;
  padding: 20px;
  margin-top: 21px;
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines {
  background: #F9F9F9;
  padding: 10px;
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p {
  width: 16%;
  flex: 1;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 150%;
  color: #6C6C6C;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(1) {
    width: 50%;
  }
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(2) {
    width: 50%;
    text-align: right;
  }
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(3), .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(4), .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(5), .page-template-page-template-mina-sidor .orders-section .list-orders .orders-headlines p:nth-child(6) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .orders-section .list-orders .load-more-btn-wrap {
  text-align: center;
  margin-top: 65px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .orders-section .list-orders .load-more-btn-wrap button {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders .order {
  padding: 10px;
  text-decoration: none;
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  width: 16%;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(1) {
    width: 50%;
  }
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(2) {
    width: 50%;
    text-align: right;
  }
  .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(3), .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(4), .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(5), .page-template-page-template-mina-sidor .orders-section .list-orders .orders .order p:nth-child(6) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders .order .order-number {
  text-decoration: underline;
}
.page-template-page-template-mina-sidor .orders-section .list-orders .orders .order:hover {
  cursor: pointer;
  transition: all ease 0.3s;
  color: #B30939;
}
.page-template-page-template-mina-sidor .my-contacts .my-contacts-headline {
  margin-bottom: 21px;
}
.page-template-page-template-mina-sidor .my-contacts .my-contacts-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .my-contacts .my-contacts-headline h2::before {
  content: "";
  width: 15px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-contacts .my-contacts-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .my-contacts .contact {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 30px;
  max-width: 362px;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-name {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-work-title {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #B30939;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-email {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-email a {
  color: #757575;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-number {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-info .contact-number a {
  color: #757575;
}
.page-template-page-template-mina-sidor .my-contacts .contact .contact-img img {
  border-radius: 50%;
}
.page-template-page-template-mina-sidor .lists-wrap .lists-headline {
  margin-bottom: 21px;
}
.page-template-page-template-mina-sidor .lists-wrap .lists-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .lists-wrap .lists-headline h2::before {
  content: "";
  width: 15px;
  height: 20px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /*-webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .lists-wrap .lists-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .lists-wrap .lists {
  padding: 20px;
}
.page-template-page-template-mina-sidor .lists-wrap .lists .lists-headlines {
  background: #F9F9F9;
  padding: 10px;
}
.page-template-page-template-mina-sidor .lists-wrap .lists .lists-headlines p {
  width: 25%;
  flex: 1;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 150%;
  color: #6C6C6C;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .lists-wrap .lists .lists-headlines p:nth-child(2), .page-template-page-template-mina-sidor .lists-wrap .lists .lists-headlines p:nth-child(3) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .lists-wrap .lists .lists-headlines .icon-Icon-X {
  visibility: hidden;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul {
  padding: 10px;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li {
  list-style-type: none;
  margin-bottom: 8px;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li a {
  text-decoration: none;
  padding: 12px 0;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li a p {
  width: 25%;
  flex: 1;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li a:hover {
  color: #B30939;
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li a .icon-Icon-X {
  font-size: 12px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .lists-wrap .lists ul li a .list-note {
    display: none;
  }
  .page-template-page-template-mina-sidor .lists-wrap .lists ul li a .list-date {
    display: none;
  }
}
.page-template-page-template-mina-sidor .lists-wrap .lists ul li:last-of-type {
  margin-bottom: 0;
}
.page-template-page-template-mina-sidor .favorites-wrap .favorites-headline {
  margin-bottom: 21px;
}
.page-template-page-template-mina-sidor .favorites-wrap .favorites-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .favorites-wrap .favorites-headline h2::before {
  content: "";
  width: 18px;
  height: 15px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/icon-action-like.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .favorites-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites {
  padding: 20px;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines {
  background: #F9F9F9;
  padding: 10px;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 150%;
  color: #6C6C6C;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .articlenumber {
  width: 13%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .articlenumber {
    width: 55%;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .name {
  width: 40%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .name {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .amount {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .amount {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .priceper {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .priceper {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .delivery {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .delivery {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .price {
  width: 9%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .price {
    width: 20%;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .icon-Icon-X {
  visibility: hidden;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .img {
  visibility: hidden;
  width: 9%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines .img {
    display: none;
  }
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites-headlines {
    gap: 10px;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite {
  align-items: center;
  padding: 10px;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite p {
  font-size: 12px;
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .articlenumber {
  width: 13%;
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .articlenumber {
    width: 55%;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite img {
  width: 6%;
  margin: 0 13px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite img {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .name {
  width: 40%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .name {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .priceper {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .priceper {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .delivery {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .delivery {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .price {
  width: 9%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .price {
    width: 20%;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .amount {
  width: 8%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .amount {
    display: none;
  }
}
.page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite .icon-Icon-X {
  font-size: 12px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .favorites-wrap .list-favorites .favorites .favorite {
    gap: 10px;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .my-information-inner-wrap {
  padding: 20px;
  gap: 251px;
  width: 1000px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .my-information-inner-wrap {
    gap: unset;
    width: 100%;
  }
  .page-template-page-template-mina-sidor .my-information-wrap .my-info {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .my-info-headline {
  margin-bottom: 21px;
}
.page-template-page-template-mina-sidor .my-information-wrap .my-info-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .my-information-wrap .my-info-headline h2::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
  /* -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;
   mask: url(http://hagab.test/themes/hagab/assets/images/user.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .my-info-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap h3 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.page-template-page-template-mina-sidor .my-information-wrap .company-info {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  width: 244px;
  margin: 10px 0 20px 0;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .company-info {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .delivery-info {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
}
.page-template-page-template-mina-sidor .my-information-wrap .files {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
}
.page-template-page-template-mina-sidor .my-information-wrap .files a {
  display: flex;
  align-items: center;
  transition: all ease 0.3;
}
.page-template-page-template-mina-sidor .my-information-wrap .files a::before {
  content: "";
  width: 10px;
  height: 13px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  -webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  /*-webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-template-page-template-mina-sidor .my-information-wrap .files a:hover {
  color: #B30939;
}
.page-template-page-template-mina-sidor .my-information-wrap .files a:hover::before {
  background-color: #B30939;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user {
  margin-top: 10px;
  width: 322px;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user img {
  border-radius: 50%;
  width: 75px;
  height: 75px;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text .username {
  font-weight: 500;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text .user-work-title {
  font-weight: 500;
  color: #B30939;
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text .user-email {
  text-decoration-line: underline;
  color: #757575;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text .user-email {
    line-break: anywhere;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text .user-number {
  text-decoration-line: underline;
  color: #757575;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user .user-text {
    width: 60%;
    max-width: 207px;
  }
  .page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner .user {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .users-info .users-info-inner:nth-child(2) {
  margin-top: 100px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .users-info {
    margin-top: 60px;
  }
}
.page-template-page-template-mina-sidor .my-information-wrap .btn-wrap {
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .my-information-wrap .btn-wrap .btn {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap {
  width: 1002px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order-headline {
  margin-bottom: 21px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order-headline h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order-headline h2::before {
  content: "";
  width: 15px;
  height: 19px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  /*-webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order-headline h2 {
    font-size: 16px;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order {
  padding: 20px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .back-btn {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  align-items: baseline;
  text-decoration: none;
  margin-bottom: 30px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .back-btn::before {
  font-family: "icomoon";
  font-size: 10px;
  margin-right: 10px;
  display: block;
  content: "\e903";
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order h3 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .order p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-date {
  gap: 70px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-date {
    justify-content: space-between;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-ref-customer {
  gap: 47px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-ref-customer {
    justify-content: space-between;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-ref-hagab {
  gap: 41px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .order .order-ref-hagab {
    justify-content: space-between;
  }
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .order {
    margin-top: 30px;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .doc {
  width: 20%;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .doc .doc-info a {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .doc .doc-info a::before {
  content: "";
  width: 10px;
  height: 13px;
  background-color: #000;
  margin-right: 10px;
  display: block;
  /*-webkit-mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab-ecom.dearstage.se/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;*/
  -webkit-mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  mask: url(http://hagab.test/themes/hagab/assets/images/icon-document-big.svg) no-repeat 20% 20%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .doc .doc-info a:hover {
  color: #B30939;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .doc .doc-info a:hover::before {
  background-color: #B30939;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .doc {
    width: 100%;
    margin-top: 30px;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery {
  width: 38%;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info p {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-nmb {
  gap: 67px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-nmb {
    justify-content: space-between;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-name {
  gap: 74px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-name {
    justify-content: space-between;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-adress {
  gap: 23px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-adress {
    justify-content: space-between;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-zipcode {
  gap: 7px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery .delivery-info .customer-zipcode {
    justify-content: space-between;
  }
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .delivery {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .btn-wrap {
  margin-top: 40px;
}
.page-template-page-template-mina-sidor .single-order-wrap .single-order .btn-wrap button {
  font-size: 14px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .single-order-wrap .single-order .btn-wrap button {
    padding: 14px 27px;
  }
  .page-template-page-template-mina-sidor .single-order-wrap {
    width: 100%;
  }
}
.page-template-page-template-mina-sidor .order-products {
  margin-top: 50px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat {
  width: 100%;
  background-color: #F9F9F9;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat p {
  font-size: 12px;
  padding: 10px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .left-side {
  width: 620px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .left-side p:nth-of-type(1) {
  width: 107px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .left-side p:nth-of-type(2) {
  width: 513px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .order-products-cat .left-side p:nth-of-type(2) {
    display: none;
  }
  .page-template-page-template-mina-sidor .order-products .order-products-cat .left-side {
    width: 47%;
  }
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .right-side {
  width: 342px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(1) {
  width: 66px;
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(2) {
  width: 111px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(2) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(3) {
  width: 96px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(3) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(4) {
  width: 69px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .order-products-cat .right-side p:nth-of-type(4) {
    width: 79px;
  }
  .page-template-page-template-mina-sidor .order-products .order-products-cat .right-side {
    width: 53%;
  }
}
.page-template-page-template-mina-sidor .order-products .product-row p {
  font-size: 12px;
  padding: 10px;
}
.page-template-page-template-mina-sidor .order-products .product-row .left-side {
  width: 620px;
}
.page-template-page-template-mina-sidor .order-products .product-row .left-side p:nth-of-type(1) {
  width: 107px;
  text-decoration: underline;
}
.page-template-page-template-mina-sidor .order-products .product-row .left-side p:nth-of-type(2) {
  width: 513px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .product-row .left-side p:nth-of-type(2) {
    display: none;
  }
  .page-template-page-template-mina-sidor .order-products .product-row .left-side {
    width: 47%;
  }
}
.page-template-page-template-mina-sidor .order-products .product-row .right-side {
  width: 342px;
}
.page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(1) {
  width: 66px;
}
.page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(2) {
  width: 111px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(2) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(3) {
  width: 96px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(3) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(4) {
  width: 69px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products .product-row .right-side p:nth-of-type(4) {
    width: 79px;
  }
  .page-template-page-template-mina-sidor .order-products .product-row .right-side {
    width: 53%;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side {
  width: 620px;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side .checkbox {
  width: 36px;
  padding: 10px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side .checkbox {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side p:nth-of-type(1) {
  width: 94px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side p:nth-of-type(1) {
    width: 96px;
    padding: 9px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side p:nth-of-type(2) {
  width: 490px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side p:nth-of-type(2) {
    display: none;
  }
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .left-side {
    width: 129px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side {
  width: 342px;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(1) {
  width: 86px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(1) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(2) {
  width: 83px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(2) {
    display: block;
    width: 75px;
    padding: 9px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(3) {
  width: 90px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(3) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(4) {
  width: 73px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side p:nth-of-type(4) {
    display: block;
    width: 68px;
    padding: 9px;
  }
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat .right-side {
    width: 143px;
    align-items: center;
  }
  .page-template-page-template-mina-sidor .order-products-avrop .order-products-cat {
    flex-wrap: unset;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side {
  width: 620px;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side .checkbox {
  width: 36px;
  padding: 10px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side .checkbox {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side p:nth-of-type(1) {
  width: 94px;
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side p:nth-of-type(1) {
    width: 96px;
    padding: 9px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side p:nth-of-type(2) {
  width: 490px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side p:nth-of-type(2) {
    display: none;
  }
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .left-side {
    width: 129px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side {
  width: 342px;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p {
  text-align: center;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(1) {
  width: 86px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(1) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(2) {
  width: 83px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(2) {
    display: block;
    width: 75px;
    padding: 9px;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(3) {
  width: 90px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(3) {
    display: none;
  }
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(4) {
  width: 73px;
}
.page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(4) input {
  width: 31px;
  height: 22px;
  text-align: center;
  padding: 0 0 0 12px;
  background: #F9F9F9;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side p:nth-of-type(4) {
    display: block;
    width: 68px;
    padding: 9px;
  }
  .page-template-page-template-mina-sidor .order-products-avrop .order-product .right-side {
    width: 143px;
  }
}
.page-template-page-template-mina-sidor .avrop-btn .btn-primary {
  width: 100%;
}
.page-template-page-template-mina-sidor .order-total {
  margin-top: 52px;
  background-color: #F9F9F9;
  padding: 10px;
  font-size: 12px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  color: #6C6C6C;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .left-side {
  width: 582px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .left-side p:nth-of-type(1) {
  width: 107px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .left-side p:nth-of-type(2) {
  width: 473px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side {
  width: 380px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-of-type(1) {
  width: 61px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-of-type(2) {
  width: 103px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-of-type(3) {
  width: 88px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-of-type(4) {
  width: 63px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-child(5) {
  width: 64px;
}
.page-template-page-template-mina-sidor .my-lists .order-products-cat .right-side p:nth-child(5) i {
  display: none;
}
.page-template-page-template-mina-sidor .my-lists .order-product .left-side {
  width: 582px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .left-side p:nth-of-type(1) {
  width: 107px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .left-side p:nth-of-type(2) {
  width: 473px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side {
  width: 380px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-of-type(1) {
  width: 61px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-of-type(2) {
  width: 103px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-of-type(3) {
  width: 88px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-of-type(4) {
  width: 63px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-child(5) {
  width: 64px;
}
.page-template-page-template-mina-sidor .my-lists .order-product .right-side p:nth-child(5) .icon-Icon-X {
  font-size: 12px;
}
#breadcrumbs {
  color: #707479;
}
#breadcrumbs span {
  color: #707479;
}
#breadcrumbs a {
  color: #707479;
  font-weight: 900;
  font-size: 14px;
  font-family: "Avenir", sans-serif;
  text-decoration: none;
}
#breadcrumbs .breadcrumb_last {
  color: #707479;
  font-weight: 500;
  font-size: 14px;
  font-family: "Avenir", sans-serif;
}
.single-aktuellt .breadcrumbs-section {
  padding-bottom: 49px;
}
.single-aktuellt .two-image-section img {
  height: 760px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-aktuellt .text-center-section .btn-wrap {
  margin-bottom: 20px;
}
.page-om-oss .two-image-section .bg-img {
  height: 760px;
}
.section-about-us-link {
  text-align: center;
  /*.about-us-link {
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;

    .icon-Icon-Arrow-Right {
      font-size: 18px;
      color: $primary-color;
      position: absolute;
      top: 8px;
      margin-left: 16px;
    }

    &:hover {
      i {
        margin-left: 25px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
    }
  }*/
}
.section-about-us-link h2 {
  margin-bottom: 32px;
  font-size: 32px;
}
@media screen and (max-width: 500px) {
  .section-about-us-link h2 {
    font-size: 24px;
  }
}
.page-varderingar .text-center-section p, .page-historik .text-center-section p, .page-kvalitetsarbete .text-center-section p, .page-hallbarhet .text-center-section p {
  margin-bottom: 16px;
}
.page-varderingar .text-center-section li, .page-historik .text-center-section li, .page-kvalitetsarbete .text-center-section li, .page-hallbarhet .text-center-section li {
  margin-bottom: 16px;
  margin-left: 17px;
  font-size: 16px;
  font-family: "Avenir", sans-serif;
}
.page-varderingar .section-about-us-link, .page-historik .section-about-us-link, .page-kvalitetsarbete .section-about-us-link, .page-hallbarhet .section-about-us-link {
  text-align: center;
}
.page-varderingar .section-about-us-link .about-us-link, .page-historik .section-about-us-link .about-us-link, .page-kvalitetsarbete .section-about-us-link .about-us-link, .page-hallbarhet .section-about-us-link .about-us-link {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
}
.page-varderingar .section-about-us-link .about-us-link .icon-Icon-Arrow-Right, .page-historik .section-about-us-link .about-us-link .icon-Icon-Arrow-Right, .page-kvalitetsarbete .section-about-us-link .about-us-link .icon-Icon-Arrow-Right, .page-hallbarhet .section-about-us-link .about-us-link .icon-Icon-Arrow-Right {
  position: absolute;
  top: 8px;
  margin-left: 16px;
  color: #B30939;
  font-size: 18px;
}
.page-varderingar .section-about-us-link .about-us-link:hover i, .page-historik .section-about-us-link .about-us-link:hover i, .page-kvalitetsarbete .section-about-us-link .about-us-link:hover i, .page-hallbarhet .section-about-us-link .about-us-link:hover i {
  margin-left: 25px;
  transition: all 0.3s ease;
}
.page-om-oss .text-center-section h2 {
  padding-bottom: 30px;
}
.about-us-nav-section .wrap {
  padding: 32px 0;
  border-bottom: solid 1px #cfcfcf;
}
@media screen and (max-width: 700px) {
  .about-us-nav-section .wrap {
    padding: 0;
  }
}
.about-us-nav-section .menu-om-oss-container #menu-om-oss {
  display: flex;
  align-items: center;
}
.about-us-nav-section .menu-om-oss-container #menu-om-oss li {
  margin-left: 40px;
  list-style-type: none;
}
.about-us-nav-section .menu-om-oss-container #menu-om-oss li a {
  text-decoration: none;
}
.about-us-nav-section .menu-om-oss-container #menu-om-oss li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 500px) {
  .about-us-nav-section .menu-om-oss-container #menu-om-oss li {
    margin-left: 24px;
  }
}
.about-us-nav-section .menu-om-oss-container #menu-om-oss .current_page_item a {
  padding: 8px 16px;
  border: solid 1px #000;
}
@media screen and (max-width: 1000px) {
  .about-us-nav-section .menu-om-oss-container #menu-om-oss {
    width: 550px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.about-us-nav-section .col-1-4 {
  width: 14%;
}
@media screen and (max-width: 1000px) {
  .about-us-nav-section .col-1-4 {
    padding-bottom: 10px;
  }
}
.about-us-nav-section .col-3-4 {
  width: 80%;
}
@media screen and (max-width: 1450px) {
  .about-us-nav-section .col-3-4 {
    width: 73%;
  }
}
@media screen and (max-width: 1000px) {
  .about-us-nav-section .col-3-4 {
    width: 100%;
    overflow-x: scroll;
  }
}
.about-us-nav-section .col-3-4.slide-effect {
  transition: all 1s ease;
}
.page-historik .bold-text {
  font-size: 20px;
}
.page-hallbarhet .bold-text {
  font-size: 20px;
}
.page-hallbarhet .bold-small {
  font-weight: 500;
}
.page-varderingar .image-or-text-section h2 {
  padding: 0 133px;
  font-weight: normal;
  font-size: 32px;
  text-align: center;
}
@media screen and (max-width: 1450px) {
  .page-varderingar .image-or-text-section h2 {
    width: 70%;
    padding: 80px 40px;
  }
}
@media screen and (max-width: 700px) {
  .page-varderingar .image-or-text-section h2 {
    width: 95%;
  }
}
.page-varderingar .image-single-with-text-section h2 {
  font-size: 40px;
}
.page-hem .hero-image {
  height: 850px;
}
@media screen and (max-width: 1249px) {
  .page-hem .hero-image {
    height: 700px;
  }
}
@media screen and (max-width: 1000px) {
  .page-hem .hero-image {
    height: 578px;
  }
}
@media screen and (max-width: 1249px) {
  .page-hem .hero-text {
    height: 700px;
  }
}
@media screen and (max-width: 1000px) {
  .page-hem .hero-text {
    height: 578px;
  }
}
.page-hem .text-center-section.darkred-bg .pad-t-xl {
  padding-top: 122px;
}
@media screen and (max-width: 700px) {
  .page-hem .text-center-section.darkred-bg .pad-t-xl {
    padding-top: 89px;
  }
}
.page-hem .text-center-section.darkred-bg .pad-b-xl {
  padding-bottom: 124px;
}
@media screen and (max-width: 700px) {
  .page-hem .text-center-section.darkred-bg .pad-b-xl {
    padding-bottom: 89px;
  }
  .page-hem .text-center-section.darkred-bg p br {
    display: none;
  }
}
.page-hem .image-single-with-text-section .text-wrap {
  background-color: rgba(0, 0, 0, 0.2);
}
.page-hem .image-single-with-text-section .text-wrap h2 {
  font-size: 56px;
}
@media screen and (max-width: 1249px) {
  .page-hem .image-single-with-text-section .text-wrap h2 {
    font-size: 32px;
  }
}
.four-o-four-section h1 {
  color: #f9f9f9;
  font-size: 310px;
}
@media screen and (max-width: 700px) {
  .four-o-four-section h1 {
    font-size: 250px;
  }
}
.four-o-four-section .text-wrap {
  margin-top: -81px;
  padding: 80px 100px 100px 100px;
  background-color: #f9f9f9;
}
.four-o-four-section .text-wrap h2 {
  margin-bottom: 40px;
  font-size: 32px;
}
@media screen and (max-width: 700px) {
  .four-o-four-section .text-wrap {
    margin-top: -64px;
    padding: 80px 20px;
  }
}
.page-kontakta-oss .contact-info-section .wrap,
.page-kontakt .contact-info-section .wrap {
  border-bottom: solid 1px #cfcfcf;
}
.page-kontakta-oss .contact-info-section .left h2,
.page-kontakt .contact-info-section .left h2 {
  margin-bottom: 16px;
  font-size: 32px;
}
.page-kontakta-oss .contact-info-section .left p,
.page-kontakt .contact-info-section .left p {
  font-size: 20px;
}
.page-kontakta-oss .contact-info-section .left a,
.page-kontakt .contact-info-section .left a {
  color: #b30939;
}
.page-kontakta-oss .contact-info-section h3,
.page-kontakt .contact-info-section h3 {
  margin-bottom: 8px;
  font-size: 24px;
}
.page-kontakta-oss .contact-info-section .right p,
.page-kontakt .contact-info-section .right p {
  max-width: 621px;
  margin-top: 8px;
  margin-bottom: 40px;
}
.page-kontakta-oss .contact-info-section .right a,
.page-kontakt .contact-info-section .right a {
  color: #b30939;
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
}
@media screen and (max-width: 1249px) {
  .page-kontakta-oss .contact-info-section .right,
  .page-kontakt .contact-info-section .right {
    margin-top: 40px;
  }
}
.page-kontakta-oss .map-section .col-1-4,
.page-kontakt .map-section .col-1-4 {
  width: 26%;
}
.page-kontakta-oss .map-section .col-1-4 .visit-info #post_nmb,
.page-kontakt .map-section .col-1-4 .visit-info #post_nmb {
  margin-bottom: 33px;
}
.page-kontakta-oss .map-section .col-1-4 .visit-info a,
.page-kontakt .map-section .col-1-4 .visit-info a {
  color: #b30939;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir", sans-serif;
  text-decoration: none;
}
.page-kontakta-oss .map-section .col-1-4 .visit-info a::before,
.page-kontakt .map-section .col-1-4 .visit-info a::before {
  content: "\e947";
  margin-right: 8px;
  color: #b30939;
  font-size: 16px;
  font-family: "icomoon", sans-serif;
}
@media screen and (max-width: 1000px) {
  .page-kontakta-oss .map-section .col-1-4,
  .page-kontakt .map-section .col-1-4 {
    width: 100%;
    margin-bottom: 32px;
  }
}
.page-kontakta-oss .map-section .col-3-4,
.page-kontakt .map-section .col-3-4 {
  width: 69%;
}
@media screen and (max-width: 1000px) {
  .page-kontakta-oss .map-section .col-3-4,
  .page-kontakt .map-section .col-3-4 {
    width: 100%;
  }
}
.page-kontakta-oss .map-section h2,
.page-kontakt .map-section h2 {
  padding-bottom: 16px;
  font-size: 24px;
}
.page-kontakta-oss .map-section #visit-text,
.page-kontakt .map-section #visit-text {
  margin-bottom: 40px;
  font-size: 18px;
}
.page-kontakta-oss .map-section .visit-info p,
.page-kontakt .map-section .visit-info p {
  font-size: 16px;
}
.page-kontakta-oss .map-section .visit-info #headline-visit-info,
.page-kontakt .map-section .visit-info #headline-visit-info {
  margin-top: 24px;
  font-weight: 100;
  font-size: 16px;
}
.page-kontakta-oss .map-section .visit-info .contact-info,
.page-kontakt .map-section .visit-info .contact-info {
  margin-bottom: 32px;
  font-size: 16px;
}
.page-kontakta-oss .personal-section h2,
.page-kontakt .personal-section h2 {
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: solid 1px #000;
  font-size: 32px;
}
.page-kontakta-oss .personal-section .personal-wrap-inner h3,
.page-kontakt .personal-section .personal-wrap-inner h3 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 24px;
}
.page-kontakta-oss .personal-section .personal-wrap-inner .staff-role,
.page-kontakt .personal-section .personal-wrap-inner .staff-role {
  margin-bottom: 8px;
  color: #757575;
  font-size: 16px;
}
.page-kontakta-oss .personal-section .personal-wrap-inner .staff-contact-info,
.page-kontakt .personal-section .personal-wrap-inner .staff-contact-info {
  flex-direction: column;
}
.page-kontakta-oss .personal-section .personal-wrap-inner .staff-contact-info a,
.page-kontakt .personal-section .personal-wrap-inner .staff-contact-info a {
  color: #b30939;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .staff-contact-info a,
  .page-kontakt .personal-section .personal-wrap-inner .staff-contact-info a {
    font-size: 13px;
  }
}
.page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
.page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
  width: 23.5%;
  margin-right: 30px;
  margin-bottom: 48px;
}
.page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(4), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(8), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(12), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(16), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(20), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(24), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(28),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(4),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(8),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(12),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(16),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(20),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(24),
.page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(28) {
  margin-right: 0px;
}
@media screen and (max-width: 1666px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 23.4%;
  }
}
@media screen and (max-width: 1563px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 23.3%;
  }
}
@media screen and (max-width: 1471px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 23.1%;
  }
}
@media screen and (max-width: 1315px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 23%;
  }
}
@media screen and (max-width: 1250px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 22.6%;
  }
}
@media screen and (max-width: 1060px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 31%;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(4), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(8), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(16), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(20), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(24), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(28),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(4),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(8),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(16),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(20),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(24),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(28) {
    margin-right: 30px;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(3), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(6), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(9), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(12), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(15), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(18), .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(21),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(3),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(6),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(9),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(12),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(15),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(18),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(21) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 950px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 48%;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(even),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(even) {
    margin-right: 0px;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(odd),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(odd) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 833px) {
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4,
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4 {
    width: 48%;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(even),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(even) {
    margin-right: 0px;
  }
  .page-kontakta-oss .personal-section .personal-wrap-inner .col-1-4:nth-child(odd),
  .page-kontakt .personal-section .personal-wrap-inner .col-1-4:nth-child(odd) {
    margin-right: 10px;
  }
}
.page-vanliga-fragor .text-center-section .pad-b-xl {
  padding-bottom: 120px;
}
.page-vanliga-fragor .faq-section h2 {
  padding-bottom: 16px;
  border-bottom: solid 1px #000;
  font-size: 32px;
}
@media screen and (max-width: 700px) {
  .page-vanliga-fragor .faq-section h2 {
    font-size: 24px;
  }
}
.page-vanliga-fragor .faq-section .wrap-m {
  max-width: 1000px;
}
.page-vanliga-fragor .faq-section .faq-wrap {
  transition: all 0.3s ease;
}
.page-vanliga-fragor .faq-section .faq-wrap .answer {
  max-width: 798px;
  padding-top: 32px;
  padding-bottom: 40px;
}
.page-vanliga-fragor .faq-section .faq-wrap .answer .btn-wrap {
  margin-top: 24px;
}
.page-vanliga-fragor .faq-section .faq-wrap .question {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-vanliga-fragor .faq-section .faq-wrap .question .icon-plus {
  display: flex;
  align-items: center;
  margin-right: 6px;
  font-size: 14px;
}
@media screen and (max-width: 500px) {
  .page-vanliga-fragor .faq-section .faq-wrap .question .icon-plus {
    font-size: 10px;
  }
}
.page-vanliga-fragor .faq-section .faq-wrap .question .icon-minus {
  display: none;
  margin-right: 6px;
  font-size: 1.1px;
}
@media screen and (max-width: 500px) {
  .page-vanliga-fragor .faq-section .faq-wrap .question .icon-minus {
    font-size: 0.9px;
  }
}
@media screen and (max-width: 700px) {
  .page-vanliga-fragor .faq-section .faq-wrap .question {
    font-size: 18px;
  }
}
.page-vanliga-fragor .faq-section .faq-wrap .border {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
.page-vanliga-fragor .faq-section .faq-wrap .question.remove-border {
  padding-bottom: 0;
}
.page-katalog .text-center-section .wrap-m {
  position: relative;
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
}
.single-referenser h2.bold-text {
  margin-bottom: 24px;
}
.page-pressrum .gallery-section h2 {
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: solid 1px #000;
  font-weight: 500;
  font-size: 32px;
}
.page-pressrum .gallery-section .img-wrap {
  height: 100%;
  max-height: 600px;
  overflow: hidden;
}
.page-pressrum .gallery-section .img-wrap img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1370px) {
  .page-pressrum .gallery-section .img-wrap {
    height: 500px;
  }
}
@media screen and (max-width: 1249px) {
  .page-pressrum .gallery-section .img-wrap {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 500px) {
  .page-pressrum .gallery-section .img-wrap {
    width: 100%;
    height: 374px;
  }
}
.page-pressrum .gallery-section .col-1-3 {
  margin-right: 15px;
  margin-bottom: 24px;
  text-decoration: none;
}
.page-pressrum .gallery-section .col-1-3:hover {
  cursor: pointer;
}
.page-pressrum .gallery-section .col-1-3:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.page-pressrum .gallery-section .opacity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.page-pressrum .gallery-section .opacity .btn-secondary {
  margin-bottom: 24px;
  margin-left: 24px;
}
.page-pressrum .logotype-section .col-1-3 {
  justify-content: space-between;
  padding: 16px 32px;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  .page-pressrum .logotype-section .col-1-3 img {
    width: 90px;
  }
}
.page-pressrum .logotype-section .col-1-3 .btn-dark-border {
  margin-left: 24px;
  background-color: transparent;
}
@media screen and (max-width: 500px) {
  .page-pressrum .logotype-section .col-1-3 .btn-dark-border {
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 1380px) {
  .page-pressrum .logotype-section .col-1-3 {
    width: 48%;
  }
}
@media screen and (max-width: 1000px) {
  .page-pressrum .logotype-section .col-1-3 {
    width: 100%;
  }
}
.product-cat-section {
  padding-bottom: 57px;
}
.product-cat-section a {
  color: #000;
  text-decoration: none;
}
.product-cat-section .product-text-wrap .flex {
  align-items: center;
}
.product-cat-section .product-text-wrap .cert-img {
  width: 19px;
  height: 19px;
  margin-top: 10px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-cat-section .pagination {
  display: none !important;
}
.product-cat-section .col-1-4 {
  width: 23.6%;
  margin-right: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .product-cat-section .col-1-4:nth-child(even) {
    margin-right: 0px;
  }
  .product-cat-section .col-1-4:nth-child(odd) {
    margin-right: 24px;
  }
}
@media screen and (max-width: 700px) {
  .product-cat-section .col-1-4:nth-child(odd) {
    margin-right: 16px;
  }
}
@media screen and (max-width: 1500px) {
  .product-cat-section .col-1-4 {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1249px) {
  .product-cat-section .col-1-4 {
    width: 30%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .product-cat-section .col-1-4 {
    width: 48%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 700px) {
  .product-cat-section .col-1-4 {
    width: 45%;
    margin-bottom: 20px;
  }
}
.product-cat-section .product img {
  transition: transform 0.4s ease;
  transition-delay: 0.1s;
}
.product-cat-section .product:hover .woo-img img {
  transform: scale(1.08);
}
.product-cat-section .product-name {
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
}
.product-cat-section .product-cat-name {
  color: #757575;
  font-size: 16px;
}
.product-cat-section #count-products {
  margin-top: 60px;
  margin-bottom: 16px;
  color: #757575;
  text-align: center;
}
.product-cat-section .woo-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 355px;
  background-color: #f5f5f5;
}
.product-cat-section .woo-img img {
  width: 100%;
  height: 204px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1670px) {
  .product-cat-section .woo-img img {
    height: 150px;
  }
}
@media screen and (max-width: 700px) {
  .product-cat-section .woo-img img {
    height: 104px;
  }
}
@media screen and (max-width: 1670px) {
  .product-cat-section .woo-img {
    height: 300px;
  }
}
@media screen and (max-width: 700px) {
  .product-cat-section .woo-img {
    width: 100%;
    height: 178px;
  }
}
.product-flow-img {
  height: auto;
  max-height: 412px;
  margin-right: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 700px) {
  .product-flow-img {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .more-categories-section .pad-b-xl {
    padding-bottom: 40px;
  }
}
.more-categories-section .cat-headline {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 24px;
}
.more-categories-section .left {
  margin-right: 30px;
}
.more-categories-section .col-f-1-2 {
  flex: 1;
}
.more-categories-section .col-f-1-2:hover {
  cursor: pointer;
}
.more-categories-section .col-f-1-2:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1000px) {
  .more-categories-section .col-f-1-2 {
    flex: none;
    width: 100%;
    margin-bottom: 24px;
  }
}
.more-categories-section .opacity {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: 40px;
  padding-left: 40px;
  background-color: rgba(0, 0, 0, 0.2);
}
.more-categories-section .opacity h2 {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 40px;
}
@media screen and (max-width: 1249px) {
  .more-categories-section .opacity h2 {
    font-size: 32px;
  }
}
.more-categories-section .opacity .puff-small-headline {
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 700px) {
  .more-categories-section .opacity .puff-small-headline {
    font-size: 15px;
  }
}
.more-categories-section .opacity .btn-secondary {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 700px) {
  .more-categories-section .opacity .btn-secondary {
    font-size: 16px;
  }
}
.more-categories-section .img-wrap {
  width: 100%;
  height: 559px;
  overflow: hidden;
}
.more-categories-section .img-wrap img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.ref-case-category-section .ref-tag {
  margin-top: 16px;
  color: #757575;
  font-size: 16px;
}
.ref-case-category-section .art-text-wrap {
  margin-bottom: 40px;
}
.ref-case-category-section .art-text-wrap h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.38;
}
.ref-case-category-section .art-text-wrap a {
  margin-right: 20px;
  font-size: 16px;
  text-decoration: none;
}
.ref-case-category-section .art-text-wrap a i {
  position: absolute;
  top: 12px;
  margin-left: 8px;
  color: #000;
  font-size: 12px;
}
.ref-case-category-section .art-text-wrap a:hover i {
  position: absolute;
  margin-left: 15px;
  transition: all 0.3s ease;
}
.ref-case-category-section .post-date {
  margin-top: 16px;
  color: #707479;
  font-size: 14px;
}
.ref-case-category-section .read-more {
  margin-top: 8px;
  font-weight: 500;
  font-size: 16px;
}
.ref-case-category-section .read-more i {
  margin-left: 8px;
  font-size: 11px;
}
.ref-case-category-section .read-more:hover i {
  margin-left: 15px;
  transition: all 0.3s ease;
}
.ref-case-category-section h3 {
  margin: 8px 0 8px 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.38;
}
.ref-case-category-section img {
  height: 363px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1249px) {
  .ref-case-category-section img {
    width: 100%;
  }
}
.ref-case-category-section .col-1-3 {
  margin-bottom: 32px;
  text-decoration: none;
}
.ref-case-category-section .col-1-3:hover img {
  opacity: 0.9;
  transition: 0.3s ease;
}
.ref-case-category-section .desktop-art {
  display: block;
}
@media screen and (max-width: 1250px) {
  .ref-case-category-section .desktop-art {
    display: none;
  }
}
.ref-case-category-section .mobile-art {
  display: none;
}
@media screen and (max-width: 1250px) {
  .ref-case-category-section .mobile-art {
    display: block;
    font-size: 16px;
    text-decoration: none;
  }
  .ref-case-category-section .mobile-art i {
    margin-left: 8px;
    color: #B30939;
    font-size: 12px;
  }
  .ref-case-category-section {
    padding: 0 0 60px 0;
  }
}
/*
.term-ventilation {
  .col-1-4 {
    &:nth-child(4), &:nth-child(7), &:nth-child(11), &:nth-child(15), &:nth-child(20), &:nth-child(24), &:nth-child(28), &:nth-child(32),&:nth-child(36), &:nth-child(40) {
      margin-right: 0px;
    }
  }

  .col-1-4 {

    &:nth-child(odd) {
      @media screen and (max-width: $breakpoint-tablet-s) {
        margin-right: 0px;
      }
    }

    &:nth-child(even) {
      @media screen and (max-width: $breakpoint-tablet-s) {
        margin-right: 16px;
      }
    }

    &:nth-child(1), &:nth-child(3) {
      @media screen and (max-width: $breakpoint-tablet-s) {
        margin-right: 16px;
      }
    }
    &:nth-child(2), &:nth-child(4) {
      @media screen and (max-width: $breakpoint-tablet-s) {
        margin-right: 0px;
      }
    }
  }
}*/
.count-products-cat {
  padding: 34px 0;
  color: #707479;
  text-align: right;
}
.product-cat-filter-inner-wrap {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #cfcfcf;
}
.product-cat-filter-inner-wrap .product-cat-menu .menu {
  display: flex;
  align-items: center;
  list-style-type: none;
}
.product-cat-filter-inner-wrap .product-cat-menu .menu li {
  margin-right: 24px;
}
.product-cat-filter-inner-wrap .product-cat-menu .menu li a {
  color: #000;
  text-decoration: none;
}
.product-cat-filter-inner-wrap .product-cat-menu .menu .current-menu-item {
  padding: 8px 16px;
  border: solid 1px #000;
}
@media screen and (max-width: 1000px) {
  .product-cat-filter-inner-wrap .product-cat-menu .menu {
    width: 1020px;
  }
  .product-cat-filter-inner-wrap .product-cat-menu {
    padding-top: 24px;
    padding-bottom: 24px;
    overflow-x: scroll;
  }
  .product-cat-filter-inner-wrap {
    padding: 0;
  }
}
.product-sort-wrap {
  padding: 32px 0;
}
.product-sort-wrap .product-sort {
  text-align: right;
}
.filter-product-count-wrap .amout-of-products {
  padding: 34px 0;
  color: #707479;
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width: 1249px) {
  .filter-product-count-wrap .amout-of-products {
    width: 50%;
    padding: 24px 0;
  }
}
.filter-product-count-wrap .filter-options {
  z-index: 1;
  position: absolute;
  top: 83px;
  right: -3px;
  width: 296px;
  height: 124px;
  padding: 32px 0 32px 32px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.filter-product-count-wrap .filter-options .col-f-1 {
  display: flex;
  align-items: center;
  /* input[type='checkbox']:checked:before
   {
       content:'';
       display:block;
       width:12px;
       height:12px;
       position:absolute;
       top:0px;
       left:0px;
       background:none #000;
       -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
             border-radius: 35px;

   }*/
}
.filter-product-count-wrap .filter-options .col-f-1 label {
  margin-left: 10px;
  font-weight: 500;
  font-size: 16px;
  font-family: "Avenir", sans-serif;
}
.filter-product-count-wrap .filter-options .col-f-1 input[type=checkbox] {
  height: 10px;
  padding: 6px;
  background: #FFF;
  border: 1px solid #000;
  border-radius: 35px;
  color: #fff;
  outline: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: all 0.15s;
}
.filter-product-count-wrap .filter-options .col-f-1 input[type=checkbox]:focus {
  border-color: #000;
  color: #000;
}
.filter-product-count-wrap .filter-options .col-f-1 input[type=checkbox]:checked {
  position: relative;
}
@media screen and (max-width: 1249px) {
  .filter-product-count-wrap {
    display: flex;
    align-items: center;
  }
}
.border-graidiant {
  z-index: 1;
  position: absolute;
  right: 0;
  height: 89px;
  border-right-width: 50px;
  border-right-style: solid;
  -o-border-image: linear-gradient(to left, white, rgba(0, 0, 0, 0)) 2 60%;
     border-image: linear-gradient(to left, white, rgba(0, 0, 0, 0)) 2 60%;
}
#filter0.active-color {
  background-color: #000 !important;
}
#filter1.active-color {
  background-color: #000 !important;
}
#filter2.active-color {
  background-color: #000 !important;
}
.ref-text-section p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}
.ref-card-section a {
  text-decoration: none;
}
.ref-card-section .col-1-3 {
  margin-right: 30px;
  margin-bottom: 60px;
}
.ref-card-section .col-1-3 h2 {
  font-size: 20px;
  line-height: 1.35;
}
.ref-card-section .col-1-3 .ref-label {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #757575;
  font-size: 16px;
}
.ref-card-section .col-1-3 .img-wrap {
  height: 363px;
  overflow: hidden;
}
.ref-card-section .col-1-3 .img-wrap img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.ref-card-section .col-1-3:hover {
  cursor: pointer;
}
.ref-card-section .col-1-3:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.ref-card-section .col-1-3 img {
  width: 100%;
  height: 365px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .ref-card-section .col-1-3 img {
    width: 377px;
    height: 280px;
  }
}
@media screen and (max-width: 500px) {
  .ref-card-section .col-1-3 img {
    width: 100%;
    height: 280px;
  }
}
.ref-card-section .col-1-3:nth-child(3), .ref-card-section .col-1-3:nth-child(6), .ref-card-section .col-1-3:nth-child(9) {
  margin-right: 0;
}
@media screen and (max-width: 1650px) {
  .ref-card-section .col-1-3 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1249px) {
  .ref-card-section .col-1-3:nth-child(odd) {
    margin-right: 30px;
  }
  .ref-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .ref-card-section .col-1-3:nth-child(odd) {
    margin-right: 20px;
  }
  .ref-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .ref-card-section .col-1-3:nth-child(odd), .ref-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1249px) {
  .ref-card-section .col-1-3 {
    width: 48%;
  }
}
@media screen and (max-width: 700px) {
  .ref-card-section .col-1-3 {
    width: 100%;
  }
}
.news-card-section .col-1-3 {
  margin-right: 30px;
  margin-bottom: 60px;
  text-decoration: none;
}
.news-card-section .col-1-3 h2 {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.35;
}
.news-card-section .col-1-3 .date {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #757575;
  font-size: 16px;
}
.news-card-section .col-1-3 .excerpt-news {
  font-size: 16px;
  line-height: 1.5;
}
.news-card-section .col-1-3:hover {
  cursor: pointer;
}
.news-card-section .col-1-3:nth-child(3), .news-card-section .col-1-3:nth-child(6), .news-card-section .col-1-3:nth-child(9), .news-card-section .col-1-3:nth-child(12), .news-card-section .col-1-3:nth-child(15), .news-card-section .col-1-3:nth-child(18) {
  margin-right: 0;
}
@media screen and (max-width: 1650px) {
  .news-card-section .col-1-3 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1249px) {
  .news-card-section .col-1-3:nth-child(odd) {
    margin-right: 30px;
  }
  .news-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .news-card-section .col-1-3:nth-child(odd) {
    margin-right: 20px;
  }
  .news-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .news-card-section .col-1-3:nth-child(odd), .news-card-section .col-1-3:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1249px) {
  .news-card-section .col-1-3 {
    width: 48%;
  }
}
@media screen and (max-width: 700px) {
  .news-card-section .col-1-3 {
    width: 100%;
  }
}
.archive-menu-section {
  margin-top: 24px;
}
.archive-menu-section .wrap {
  padding-bottom: 32px;
  border-bottom: 1px solid #cfcfcf;
}
.archive-menu-section .menu {
  display: flex;
  align-items: center;
  list-style-type: none;
}
.archive-menu-section .menu li {
  margin-right: 24px;
}
.archive-menu-section .menu li a {
  text-decoration: none;
}
.archive-menu-section .menu .current-menu-item {
  padding: 8px 16px;
  border: solid 1px #000;
}
.page-skraddarsydda-losningar .text-center-section .wrap-m {
  padding: 152px 0;
}
.page-skraddarsydda-losningar h5 {
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  #onetrust-button-group {
    padding-bottom: 24px !important;
    padding-left: 2% !important;
  }
}
@media screen and (max-width: 700px) {
  #onetrust-button-group {
    flex-direction: column !important;
  }
}
#onetrust-pc-btn-handler,
#onetrust-reject-all-handler,
#onetrust-accept-btn-handler {
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: "Avenir", sans-serif !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.38 !important;
}
#onetrust-policy-text {
  font-weight: normal;
  font-size: 16px;
  font-family: "Avenir", sans-serif !important;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
}
#onetrust-group-container {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  padding-left: 7% !important;
}
@media screen and (max-width: 1249px) {
  #onetrust-group-container {
    padding: 32px 0 !important;
  }
}
.page-template-page-template-doc .search-in-store,
.page-template-page-template-doc-archive-php .search-in-store {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 24px;
  margin-bottom: 34px;
}
.page-template-page-template-doc .search-in-store form .searchfield-doc,
.page-template-page-template-doc-archive-php .search-in-store form .searchfield-doc {
  width: 200px;
  margin-right: 24px;
  height: 40px;
  padding-left: 8px;
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .search-in-store form .searchfield-doc,
  .page-template-page-template-doc-archive-php .search-in-store form .searchfield-doc {
    width: 70%;
  }
}
@media screen and (max-width: 400px) {
  .page-template-page-template-doc .search-in-store form .searchfield-doc,
  .page-template-page-template-doc-archive-php .search-in-store form .searchfield-doc {
    width: 65%;
  }
}
.page-template-page-template-doc .search-in-store form .icon-search,
.page-template-page-template-doc-archive-php .search-in-store form .icon-search {
  font-family: "icomoon", sans-serif;
  font-size: 12px;
  color: #000;
  position: relative;
  top: 0;
  right: 0;
}
.page-template-page-template-doc .search-in-store form .btn-dark-border,
.page-template-page-template-doc-archive-php .search-in-store form .btn-dark-border {
  padding: 8px 24px;
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .search-in-store form,
  .page-template-page-template-doc-archive-php .search-in-store form {
    width: 100%;
    margin-bottom: 20px;
  }
}
.page-template-page-template-doc .search-in-store .prod-count,
.page-template-page-template-doc-archive-php .search-in-store .prod-count {
  text-align: right;
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .search-in-store .prod-count,
  .page-template-page-template-doc-archive-php .search-in-store .prod-count {
    width: 100%;
  }
}
.page-template-page-template-doc .col-1-3,
.page-template-page-template-doc-archive-php .col-1-3 {
  width: 33%;
}
@media screen and (max-width: 1249px) {
  .page-template-page-template-doc .col-1-3,
  .page-template-page-template-doc-archive-php .col-1-3 {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-doc .col-1-3,
  .page-template-page-template-doc-archive-php .col-1-3 {
    width: 100%;
  }
}
.page-template-page-template-doc .search-sugeestions-doc,
.page-template-page-template-doc-archive-php .search-sugeestions-doc {
  width: 50%;
}
.page-template-page-template-doc .search-sugeestions-doc li,
.page-template-page-template-doc-archive-php .search-sugeestions-doc li {
  list-style-type: none;
  padding: 4px 0;
  font-family: "Avenir", sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-doc .search-sugeestions-doc,
  .page-template-page-template-doc-archive-php .search-sugeestions-doc {
    width: 100%;
  }
}
.page-template-page-template-doc .search-suggestion-contact,
.page-template-page-template-doc-archive-php .search-suggestion-contact {
  padding: 123px 0;
  background-color: #86232d;
  text-align: center;
}
.page-template-page-template-doc .search-suggestion-contact h2,
.page-template-page-template-doc-archive-php .search-suggestion-contact h2 {
  border: none !important;
  margin-bottom: 0px !important;
  color: #fff;
  padding-bottom: 16px !important;
}
.page-template-page-template-doc .search-suggestion-contact p,
.page-template-page-template-doc-archive-php .search-suggestion-contact p {
  color: #fff;
  font-size: 20px;
}
.page-template-page-template-doc .search-suggestion-contact .btn-wrap,
.page-template-page-template-doc-archive-php .search-suggestion-contact .btn-wrap {
  margin-top: 24px;
  justify-content: center;
}
.page-template-page-template-doc .search-suggestion-contact .btn-wrap #first-btn,
.page-template-page-template-doc-archive-php .search-suggestion-contact .btn-wrap #first-btn {
  margin-right: 20px;
}
.page-template-page-template-doc .doc-section-brandskydd h2,
.page-template-page-template-doc .doc-section-ventilation h2,
.page-template-page-template-doc .search-section h2,
.page-template-page-template-doc-archive-php .doc-section-brandskydd h2,
.page-template-page-template-doc-archive-php .doc-section-ventilation h2,
.page-template-page-template-doc-archive-php .search-section h2 {
  font-size: 32px;
  font-weight: 500;
  padding-bottom: 24px;
  border-bottom: solid 1px #000;
  margin-bottom: 40px;
}
.page-template-page-template-doc .doc-section-brandskydd h3,
.page-template-page-template-doc .doc-section-ventilation h3,
.page-template-page-template-doc .search-section h3,
.page-template-page-template-doc-archive-php .doc-section-brandskydd h3,
.page-template-page-template-doc-archive-php .doc-section-ventilation h3,
.page-template-page-template-doc-archive-php .search-section h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}
.page-template-page-template-doc .doc-wrap,
.page-template-page-template-doc-archive-php .doc-wrap {
  margin-top: 24px;
  margin-bottom: 60px;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn {
  margin-bottom: 20px;
  margin-right: 30px;
  padding: 12px 32px 12px 28px;
  align-items: center;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .doc-arrord-product-txt,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
  flex: 2;
  margin-left: 28px;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .doc-arrord-product-txt h4,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .doc-arrord-product-txt h4 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Avenir", sans-serif;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .doc-arrord-product-txt .product-cat-name,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .doc-arrord-product-txt .product-cat-name {
  font-size: 14px;
  color: #757575;
}
@media screen and (max-width: 700px) {
  .page-template-page-template-doc .doc-wrap .doc-accord-btn .doc-arrord-product-txt,
  .page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
    margin-left: 20px;
  }
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .icon-plus,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .icon-plus {
  color: #000;
  font-size: 12px;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .icon-minus,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .icon-minus {
  color: #000;
  font-size: 1px;
  display: none;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .img-product-wrap,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .img-product-wrap {
  height: 76px;
  width: 101px;
}
.page-template-page-template-doc .doc-wrap .doc-accord-btn .img-product-wrap img,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .img-product-wrap img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .doc-wrap .doc-accord-btn .img-product-wrap,
  .page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn .img-product-wrap {
    width: 90px;
    height: auto;
  }
  .page-template-page-template-doc .doc-wrap .doc-accord-btn,
  .page-template-page-template-doc-archive-php .doc-wrap .doc-accord-btn {
    margin-right: 0;
  }
}
.page-template-page-template-doc .doc-wrap .doc-accord,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord {
  padding: 40px 0 23px 0;
  width: 100%;
}
.page-template-page-template-doc .doc-wrap .doc-accord .doc-download-wrap,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord .doc-download-wrap {
  background-color: white;
  text-decoration: none;
  padding: 16px 15px;
  margin-bottom: 4px;
}
.page-template-page-template-doc .doc-wrap .doc-accord .doc-download-wrap .download-text,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord .doc-download-wrap .download-text {
  text-align: right;
  color: #b30939;
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .doc-wrap .doc-accord .doc-download-wrap .download-text,
  .page-template-page-template-doc-archive-php .doc-wrap .doc-accord .doc-download-wrap .download-text {
    margin-top: 8px;
  }
}
.page-template-page-template-doc .doc-wrap .doc-accord .doc-link,
.page-template-page-template-doc-archive-php .doc-wrap .doc-accord .doc-link {
  text-decoration: none;
  padding-top: 22px;
  color: #b30939;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .page-template-page-template-doc .doc-wrap img,
  .page-template-page-template-doc-archive-php .doc-wrap img {
    width: 80px;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .page-template-page-template-doc .doc-wrap,
  .page-template-page-template-doc-archive-php .doc-wrap {
    margin-right: 0;
  }
}
.search-section .col-1-3 {
  width: 33%;
}
@media screen and (max-width: 1249px) {
  .search-section .col-1-3 {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .search-section .col-1-3 {
    width: 100%;
  }
}
.search-section .doc-wrap {
  margin-top: 24px;
  margin-bottom: 60px;
}
.search-section .doc-wrap .doc-accord-btn {
  margin-bottom: 20px;
  margin-right: 30px;
  padding: 12px 32px 12px 28px;
  align-items: center;
}
.search-section .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
  flex: 2;
  margin-left: 28px;
}
.search-section .doc-wrap .doc-accord-btn .doc-arrord-product-txt h4 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Avenir", sans-serif;
}
.search-section .doc-wrap .doc-accord-btn .doc-arrord-product-txt .product-cat-name {
  font-size: 14px;
  color: #757575;
}
@media screen and (max-width: 700px) {
  .search-section .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
    margin-left: 20px;
  }
}
.search-section .doc-wrap .doc-accord-btn .icon-plus {
  color: #000;
  font-size: 12px;
}
.search-section .doc-wrap .doc-accord-btn .icon-minus {
  color: #000;
  font-size: 1px;
  display: none;
}
@media screen and (max-width: 500px) {
  .search-section .doc-wrap .doc-accord-btn {
    margin-right: 0;
  }
}
.search-section .doc-wrap .doc-accord {
  padding: 40px 0 23px 0;
  width: 100%;
}
.search-section .doc-wrap .doc-accord .doc-download-wrap {
  background-color: white;
  text-decoration: none;
  padding: 16px 15px;
  margin-bottom: 4px;
}
.search-section .doc-wrap .doc-accord .doc-download-wrap .download-text {
  text-align: right;
  color: #b30939;
}
.search-section .doc-wrap .doc-accord .doc-link {
  text-decoration: none;
  padding-top: 22px;
  color: #b30939;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .search-section .doc-wrap img {
    width: 80px;
    height: auto;
  }
}
.doc-section-ventilation .col-1-3 {
  width: 33%;
}
@media screen and (max-width: 1249px) {
  .doc-section-ventilation .col-1-3 {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .doc-section-ventilation .col-1-3 {
    width: 100%;
  }
}
.doc-section-ventilation h2 {
  font-size: 32px;
  font-weight: 500;
  padding-bottom: 24px;
  border-bottom: solid 1px #000;
  margin-bottom: 40px;
}
.doc-section-ventilation h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}
.doc-section-ventilation .doc-wrap {
  margin-top: 24px;
  margin-bottom: 60px;
}
.doc-section-ventilation .doc-wrap .doc-accord-btn {
  margin-bottom: 20px;
  margin-right: 30px;
  padding: 12px 32px 12px 28px;
  align-items: center;
}
.doc-section-ventilation .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
  flex: 2;
  margin-left: 28px;
}
.doc-section-ventilation .doc-wrap .doc-accord-btn .doc-arrord-product-txt h4 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Avenir", sans-serif;
}
.doc-section-ventilation .doc-wrap .doc-accord-btn .doc-arrord-product-txt .product-cat-name {
  font-size: 14px;
  color: #757575;
}
@media screen and (max-width: 700px) {
  .doc-section-ventilation .doc-wrap .doc-accord-btn .doc-arrord-product-txt {
    margin-left: 20px;
  }
}
.doc-section-ventilation .doc-wrap .doc-accord-btn .icon-plus {
  color: #000;
  font-size: 12px;
}
.doc-section-ventilation .doc-wrap .doc-accord-btn .icon-minus {
  color: #000;
  font-size: 1px;
  display: none;
}
@media screen and (max-width: 500px) {
  .doc-section-ventilation .doc-wrap .doc-accord-btn {
    margin-right: 0;
  }
}
.doc-section-ventilation .doc-wrap .doc-accord {
  padding: 40px 0 23px 0;
  width: 100%;
}
.doc-section-ventilation .doc-wrap .doc-accord .doc-download-wrap {
  background-color: white;
  text-decoration: none;
  padding: 16px 15px;
  margin-bottom: 4px;
}
.doc-section-ventilation .doc-wrap .doc-accord .doc-download-wrap .download-text {
  text-align: right;
}
.doc-section-ventilation .doc-wrap .doc-accord .doc-link {
  text-decoration: none;
  padding-top: 22px;
  color: #b30939;
  font-weight: 500;
}
.page-template-page-template-doc-archive-php .icon-document {
  margin-right: 10px;
  font-size: 24px;
}
.page-template-page-template-doc-archive-php .col-1-3 {
  text-decoration: none;
}
.page-template-page-template-doc-archive-php .doc-arrord-product-txt {
  margin-left: 0 !important;
  align-items: center;
}
.page-template-page-template-doc-archive-php .doc-arrord-product-txt h4 {
  margin-top: 3px;
}
.page-template-page-template-doc-archive-php .doc-arrord-product-txt .download-text {
  margin-top: 3px;
}
.track-section .track-form {
  position: relative;
  flex-wrap: unset;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #000;
}
.track-section .track-form .icon-search {
  position: relative;
  top: unset;
  right: unset;
  margin-right: 24px;
  color: #000;
  font-size: 26px;
}
@media screen and (max-width: 1249px) {
  .track-section .track-form .icon-search {
    color: #000 !important;
  }
}
@media screen and (max-width: 1000px) {
  .track-section .track-form .icon-search {
    color: #000 !important;
  }
}
@media screen and (max-width: 700px) {
  .track-section .track-form .icon-search {
    margin-right: 16px;
    margin-bottom: 4px;
    color: #000 !important;
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  .track-section .track-form .icon-search {
    color: #000 !important;
  }
}
.track-section .track-form .input-track {
  font-weight: 400;
  font-size: 32px;
  font-family: "Avenir", sans-serif;
}
.track-section .track-form .input-track::-moz-placeholder {
  color: #000;
}
.track-section .track-form .input-track::placeholder {
  color: #000;
}
@media screen and (max-width: 700px) {
  .track-section .track-form .input-track {
    font-size: 16px;
  }
}
.track-section .track-form .btn-primary {
  display: none;
  max-width: 170px;
}
.delivery-time-section h2 {
  margin-bottom: 8px;
  font-size: 24px;
}
@media screen and (max-width: 700px) {
  .delivery-time-section {
    padding-bottom: 20px;
  }
}
.question-section h2 {
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-size: 24px;
}
.page-leverans .text-center-section {
  padding: 120px 0;
  background-color: #cb9c95;
  color: #fff;
}
.page-leverans .text-center-section .wrap {
  text-align: center;
}
.page-leverans .text-center-section h2 {
  margin-bottom: 44px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .page-leverans .text-center-section h2 {
    margin-bottom: 8px;
  }
  .page-leverans .text-center-section {
    padding: 60px 0;
  }
}
.faq-section .faq-wrap {
  transition: all 0.3s ease;
}
.faq-section .faq-wrap .answer {
  max-width: 798px;
  padding-top: 32px;
  padding-bottom: 40px;
}
.faq-section .faq-wrap .question {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.faq-section .faq-wrap .question .icon-plus {
  display: flex;
  align-items: center;
  margin-right: 6px;
  font-size: 14px;
}
@media screen and (max-width: 500px) {
  .faq-section .faq-wrap .question .icon-plus {
    font-size: 10px;
  }
}
.faq-section .faq-wrap .question .icon-minus {
  display: none;
  margin-right: 6px;
  font-size: 1.1px;
}
@media screen and (max-width: 500px) {
  .faq-section .faq-wrap .question .icon-minus {
    font-size: 0.9px;
  }
}
@media screen and (max-width: 700px) {
  .faq-section .faq-wrap .question {
    font-size: 18px;
  }
}
.faq-section .faq-wrap .border {
  width: 100%;
  border-bottom: solid 1px #cfcfcf;
}
.faq-section .faq-wrap .question.remove-border {
  padding-bottom: 0;
}
.page-integritetspolicy .text-center-section h1 {
  font-weight: 500;
  font-size: 32px;
}
.page-integritetspolicy .text-center-section .pad-t-xl {
  padding-top: 300px;
}
.post-type-archive-kunskapshubb .cat-headline {
  margin-top: 48px !important;
}
.post-type-archive-kunskapshubb .academy-articles-large {
  border-bottom: 1px solid #cfcfcf;
}
.academy-articles-large {
  padding-bottom: 28px;
}
.academy-articles-large .flex-gap {
  gap: 30px;
}
.academy-articles-large .flex-auto {
  flex: auto;
}
.academy-articles-large .more-link {
  margin-right: 20px;
  font-size: 16px;
  text-decoration: none;
}
.academy-articles-large .more-link i {
  position: absolute;
  top: 25px;
  margin-left: 8px;
  color: #B30939;
  font-size: 12px;
}
@media screen and (max-width: 1000px) {
  .academy-articles-large .more-link i {
    position: relative;
    top: unset;
  }
}
.academy-articles-large .more-link:hover i {
  position: absolute;
  margin-left: 15px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1000px) {
  .academy-articles-large .more-link:hover i {
    position: relative;
    margin-left: 8px;
  }
}
.academy-articles-large h2 {
  margin-bottom: 20px;
  font-size: 32px;
}
.academy-articles-large .col-1-3 {
  width: 30%;
  max-width: 32%;
  padding: 30px 0;
  text-decoration: none;
  /* @media screen and (max-width: 1700px) {
    width: 31%;
   }
   @media screen and (max-width: 1500px) {
    width: 30%;
   } */
}
.academy-articles-large .col-1-3 img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/11;
}
.academy-articles-large .col-1-3 h3 {
  font-size: 22px;
}
@media screen and (max-width: 1000px) {
  .academy-articles-large .col-1-3 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}
.academy-articles-large:last-of-type {
  border-bottom: none;
}
.cat-headline {
  margin-top: 28px;
  margin-bottom: 10px;
  font-size: 32px;
}
.more-articles-wrap h2 {
  margin-bottom: 20px;
  font-size: 24px;
}
.more-articles-wrap .btn-more-articles {
  margin-right: 33px;
  font-family: "Avenir", sans-serif;
  text-decoration: none;
}
.more-articles-wrap .btn-more-articles i {
  position: absolute;
  top: 4px;
  margin-right: 10px;
  margin-left: 8px;
  font-size: 13px;
}
.more-articles-wrap .btn-more-articles:hover i {
  margin-left: 15px;
  transition: all 0.3s ease;
}
.single-kunskapshubb .two-col-wrap-img img {
  height: auto;
  aspect-ratio: 11/6;
}
.single-kunskapshubb .text-center-section h2 {
  margin-bottom: 30px;
}
.single-kunskapshubb .text-center-section ul {
  margin-top: 15.5px;
  border-top: 1px solid #000;
}
.single-kunskapshubb .text-center-section ul li {
  padding: 15.5px 0;
  list-style-type: none;
  border-bottom: 1px solid #cfcfcf;
}
.single-kunskapshubb .text-center-section h3 {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.single-kunskapshubb h3 {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 24px;
}
@media screen and (max-width: 1000px) {
  .single-kunskapshubb h3 {
    margin-top: 24px;
  }
}
.single-kunskapshubb .two-col-large-img-section ul {
  margin-top: 10px;
  margin-bottom: 20px;
  list-style-position: inside;
  list-style-type: none;
  border-top: 1px solid #000;
}
.single-kunskapshubb .two-col-large-img-section ul li {
  padding: 15px 0;
  border-bottom: 1px solid #cfcfcf;
}
.list-headline-wrap {
  margin-top: 20px;
  border-bottom: 1px solid #000;
}
.list-two-col-wrap li {
  padding: 15px 0;
  border-bottom: 1px solid #cfcfcf;
}
.two-col-wrap {
  padding: 75px 0;
}
.two-col-wrap .left-col {
  margin-left: 45px;
}
@media screen and (max-width: 1249px) {
  .two-col-wrap .left-col {
    margin-left: 0;
  }
}
.two-col-wrap .right-col {
  margin-right: 45px;
}
@media screen and (max-width: 1000px) {
  .two-col-wrap .right-col {
    margin-right: 0;
  }
}
.two-col-wrap ul {
  margin-top: 15.5px;
  border-top: 1px solid #000;
}
.two-col-wrap ul li {
  padding: 15.5px 0;
  list-style-type: none;
  border-bottom: 1px solid #cfcfcf;
}
.two-col-wrap img {
  margin-top: 40px;
  margin-bottom: 20px;
}
.two-col-wrap .img-txt {
  font-size: 16px;
  font-style: oblique;
}
@media screen and (max-width: 1000px) {
  .two-col-wrap {
    margin-top: 40px;
    padding: 0;
  }
}
.video-section iframe {
  width: 1002px;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
.two-col-specs-wrap .flex {
  gap: 40px;
}
.two-col-specs-wrap .col-1-2 {
  flex: auto;
  max-width: 50%;
}
@media screen and (max-width: 1000px) {
  .two-col-specs-wrap .col-1-2 {
    max-width: 100%;
  }
}
.two-col-specs-wrap .left-col-txt-wrap p {
  margin: 0 0 40px 0;
  font-size: 16px;
}
.two-col-specs-wrap .left-col-txt-wrap h3 {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.two-col-specs-wrap img {
  width: 100%;
  margin-bottom: 60px;
  padding: 54px;
  background-color: #f5f5f5;
  aspect-ratio: 5/3;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1000px) {
  .two-col-specs-wrap img {
    margin-bottom: 0px;
  }
}
.two-col-specs-wrap h2 {
  margin: 70px 0 47px 0;
  color: #000;
  font-weight: 500;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.two-col-specs-wrap .spec-wrap {
  max-width: 550px;
  margin: 0 auto;
  padding: 31px 30px 53.7px;
  background-color: #f2eae6;
}
.two-col-specs-wrap .spec-wrap h3 {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.two-col-specs-wrap .spec-wrap .right-col-txt-wrap .headline-specs-right {
  margin-bottom: 15.5px;
  padding-bottom: 15.5px;
  border-bottom: 1px solid #000;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.two-col-specs-wrap .spec-wrap .right-col-txt-wrap .specs-txt {
  margin-bottom: 40px;
  font-size: 16px;
}
.two-col-specs-wrap .spec-wrap .right-col-txt-wrap:last-of-type .specs-txt {
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .two-col-specs-wrap {
    margin-bottom: 40px;
  }
}
.single-referenser .hero-image {
  height: 100%;
  max-height: 650px;
}
@media screen and (max-width: 1250px) {
  .single-referenser .hero-image {
    height: 365px;
  }
}
.single-referenser .hero-text {
  max-height: 650px;
  padding: 0;
  font-size: 56px;
}
@media screen and (max-width: 1250px) {
  .single-referenser .hero-text {
    max-height: 365px;
    padding: 0;
  }
}
.single-aktuellt .hero-image {
  height: 100%;
  max-height: 650px;
}
@media screen and (max-width: 1250px) {
  .single-aktuellt .hero-image {
    height: 365px;
  }
}
.single-aktuellt .hero-text {
  max-height: 650px;
  padding: 0;
  font-size: 56px;
}
@media screen and (max-width: 1250px) {
  .single-aktuellt .hero-text {
    max-height: 365px;
    padding: 0;
  }
}
.page-om-oss .hero-image, .page-varderingar .hero-image, .page-historik .hero-image, .page-kvalitetsarbete .hero-image, .page-hallbarhet .hero-image, .page-template-page-template-aboutus .hero-image {
  height: 100%;
  max-height: 730px;
}
@media screen and (max-width: 1250px) {
  .page-om-oss .hero-image, .page-varderingar .hero-image, .page-historik .hero-image, .page-kvalitetsarbete .hero-image, .page-hallbarhet .hero-image, .page-template-page-template-aboutus .hero-image {
    height: 365px;
  }
}
.page-om-oss .hero-text, .page-varderingar .hero-text, .page-historik .hero-text, .page-kvalitetsarbete .hero-text, .page-hallbarhet .hero-text, .page-template-page-template-aboutus .hero-text {
  max-height: 730px;
  padding: 0;
  font-size: 56px;
}
.page-om-oss .hero-text h1, .page-varderingar .hero-text h1, .page-historik .hero-text h1, .page-kvalitetsarbete .hero-text h1, .page-hallbarhet .hero-text h1, .page-template-page-template-aboutus .hero-text h1 {
  max-width: 790px;
  margin: 0 auto;
}
@media screen and (max-width: 1249px) {
  .page-om-oss .hero-text h1, .page-varderingar .hero-text h1, .page-historik .hero-text h1, .page-kvalitetsarbete .hero-text h1, .page-hallbarhet .hero-text h1, .page-template-page-template-aboutus .hero-text h1 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 500px) {
  .page-om-oss .hero-text h1, .page-varderingar .hero-text h1, .page-historik .hero-text h1, .page-kvalitetsarbete .hero-text h1, .page-hallbarhet .hero-text h1, .page-template-page-template-aboutus .hero-text h1 {
    width: 90%;
  }
}
@media screen and (max-width: 1250px) {
  .page-om-oss .hero-text, .page-varderingar .hero-text, .page-historik .hero-text, .page-kvalitetsarbete .hero-text, .page-hallbarhet .hero-text, .page-template-page-template-aboutus .hero-text {
    height: 365px;
  }
}
@media screen and (max-width: 1949px) {
  .page-varderingar .hero-text {
    padding: 14% 0;
  }
}
@media screen and (max-width: 1650px) {
  .page-varderingar .hero-text {
    padding: 17% 0;
  }
}
@media screen and (max-width: 1450px) {
  .page-varderingar .hero-text {
    padding: 20% 0;
  }
}
@media screen and (max-width: 1249px) {
  .page-varderingar .hero-text {
    padding: 10% 0;
  }
}
@media screen and (max-width: 700px) {
  .page-varderingar .hero-text {
    padding: 18% 0;
  }
}
.hero-product-cat-section .hero-text {
  height: 700px;
}
.hero-product-cat-section .hero-text .hero-small-headline {
  margin-bottom: 8px;
  font-size: 18px;
}
.hero-product-cat-section .hero-text p {
  text-align: center;
}
.hero-product-cat-section .hero-text h1 {
  color: #fff !important;
  font-size: 48px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hero-product-cat-section .hero-text h1 {
    font-size: 32px;
    line-height: 1.2;
  }
}
.hero-product-cat-section .hero-text .text-wrap-hero {
  max-width: 633px;
  margin: 0 auto;
}
.hero-product-cat-section .hero-text .text-wrap-hero p {
  margin-top: 8px;
  font-size: 18px;
}
@media screen and (max-width: 1000px) {
  .hero-product-cat-section .hero-text .text-wrap-hero p {
    font-size: 16px;
  }
}
.hero-product-cat-section .hero-text .text-wrap-hero a {
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .hero-product-cat-section .hero-text {
    height: 450px;
  }
}
@media screen and (max-width: 700px) {
  .hero-product-cat-section .hero-text {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}
.hero-product-cat-section .bg-img {
  height: 700px;
}
@media screen and (max-width: 1000px) {
  .hero-product-cat-section .bg-img {
    height: 450px;
  }
}
.text-center-section {
  text-align: left;
  overflow: hidden;
}
.text-center-section h2 {
  font-size: 32px;
  line-height: 1.38;
}
@media screen and (max-width: 1250px) {
  .text-center-section h2 {
    padding-bottom: 24px;
    font-size: 24px;
  }
}
.text-center-section p {
  font-size: 16px;
  line-height: 1.5;
}
.text-center-section p .s-headline {
  margin-bottom: 16px !important;
  padding-bottom: 16px;
}
.text-center-section p:last-child {
  margin-bottom: 0px;
}
.text-center-section .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 34px;
}
@media screen and (max-width: 600px) {
  .text-center-section .btn-wrap .btn {
    width: 46%;
  }
}
.page-hem .text-center-section h2 {
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 40px;
}
@media screen and (max-width: 700px) {
  .page-hem .text-center-section h2 {
    font-size: 32px;
  }
}
.page-hem .text-center-section .btn-wrap .btn:first-child {
  margin-right: 37px;
}
@media screen and (max-width: 700px) {
  .page-hem .text-center-section .btn-wrap .btn:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .page-hem .text-center-section .btn-wrap .btn {
    width: 194px;
    padding: 14px 0;
  }
  .page-hem .text-center-section .btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.image-single-section {
  overflow: hidden;
}
.image-single-section .image-sinle-inner-wrap {
  width: 100%;
  height: 730px;
  margin: 0 auto;
}
.image-single-section .image-sinle-inner-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .image-single-section .image-sinle-inner-wrap {
    height: 530px;
  }
}
@media screen and (max-width: 500px) {
  .image-single-section .image-sinle-inner-wrap {
    height: 250px;
  }
}
@media screen and (max-width: 400px) {
  .image-single-section .image-sinle-inner-wrap {
    height: 200px;
  }
}
.product {
  text-decoration: none;
}
.product img {
  transition: transform 0.4s ease;
  transition-delay: 0.1s;
}
.product .product:hover .woo-img img {
  transform: scale(1.08);
}
.product .cert-wrap {
  position: absolute;
  right: 0;
  top: -43px;
}
.product .product-name {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.product .product-cat-name {
  font-size: 16px;
  color: #757575;
}
.product #count-products {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 60px;
  color: #757575;
}
.product .woo-img {
  background-color: #f5f5f5;
  height: 355px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product .woo-img img {
  width: 100%;
  height: 204px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1670px) {
  .product .woo-img img {
    height: 150px;
  }
}
@media screen and (max-width: 1249px) {
  .product .woo-img img {
    height: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .product .woo-img img {
    height: 120px;
  }
}
@media screen and (max-width: 700px) {
  .product .woo-img img {
    height: 104px;
  }
}
@media screen and (max-width: 1670px) {
  .product .woo-img {
    height: 300px;
  }
}
@media screen and (max-width: 1249px) {
  .product .woo-img {
    height: 230px;
  }
}
@media screen and (max-width: 700px) {
  .product .woo-img {
    height: 178px;
    width: 100%;
  }
}
.woocommerce ul.products li.product a img {
  background-color: #f5f5f5;
  height: 355px;
  padding: 76px 56px;
  -o-object-fit: contain;
     object-fit: contain;
}
.image-single-with-text-section {
  overflow: hidden;
}
.image-single-with-text-section .image-sinle-inner-wrap {
  width: 100%;
  max-height: 760px;
  margin: 0 auto;
}
.image-single-with-text-section .image-sinle-inner-wrap .bg-img {
  height: 100%;
  max-height: 760px;
}
@media screen and (max-width: 1450px) {
  .image-single-with-text-section .image-sinle-inner-wrap .bg-img {
    height: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .image-single-with-text-section .image-sinle-inner-wrap .bg-img {
    height: 500px;
  }
}
@media screen and (max-width: 700px) {
  .image-single-with-text-section .image-sinle-inner-wrap .bg-img {
    max-height: 382px;
  }
}
@media screen and (max-width: 1450px) {
  .image-single-with-text-section .image-sinle-inner-wrap {
    height: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .image-single-with-text-section .image-sinle-inner-wrap {
    height: 500px;
  }
}
@media screen and (max-width: 700px) {
  .image-single-with-text-section .image-sinle-inner-wrap {
    height: 382px;
  }
}
.image-single-with-text-section .text-wrap {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 760px;
  margin: 0 auto;
  color: #fff;
}
.image-single-with-text-section .text-wrap h2 {
  width: 50%;
  font-weight: normal;
  line-height: 1.38;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .image-single-with-text-section .text-wrap h2 {
    width: 55%;
    font-size: 32px;
  }
}
@media screen and (max-width: 700px) {
  .image-single-with-text-section .text-wrap h2 {
    width: 100%;
  }
}
.image-single-with-text-section .text-wrap .btn {
  margin-top: 38px;
}
@media screen and (max-width: 700px) {
  .image-single-with-text-section .text-wrap .btn {
    margin-top: 17px;
  }
}
@media screen and (max-width: 1450px) {
  .image-single-with-text-section .text-wrap {
    height: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .image-single-with-text-section .text-wrap {
    height: 500px;
  }
}
@media screen and (max-width: 700px) {
  .image-single-with-text-section .text-wrap {
    height: 382px;
  }
}
.two-image-section {
  overflow: hidden;
}
.two-image-section .col-f-1-2 {
  width: 49%;
  height: 100%;
  max-height: 760px;
  overflow: hidden;
}
.two-image-section .col-f-1-2 .bg-img {
  max-height: 760px;
}
@media screen and (max-width: 1250px) {
  .two-image-section .col-f-1-2 .bg-img {
    height: 382px;
  }
}
@media screen and (max-width: 700px) {
  .two-image-section .col-f-1-2 {
    width: 100%;
  }
}
.two-image-section .left {
  margin-bottom: 24px;
}
.more-ref-section {
  padding: 100px 0;
  background-color: #f2eae6;
  overflow: hidden;
}
.more-ref-section img {
  height: 365px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1700px) {
  .more-ref-section img {
    height: 465px;
  }
}
@media screen and (max-width: 1249px) {
  .more-ref-section img {
    width: 100%;
    height: 265px;
  }
}
@media screen and (max-width: 1000px) {
  .more-ref-section img {
    height: 465px;
  }
}
@media screen and (max-width: 700px) {
  .more-ref-section img {
    height: 365px;
  }
}
@media screen and (max-width: 500px) {
  .more-ref-section img {
    height: 281px;
  }
}
.more-ref-section .ref-text-wrap {
  margin-bottom: 40px;
}
.more-ref-section .ref-text-wrap h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.38;
}
.more-ref-section .ref-text-wrap a {
  margin-right: 20px;
  font-size: 16px;
  text-decoration: none;
}
.more-ref-section .ref-text-wrap a i {
  position: absolute;
  top: 16px;
  margin-left: 8px;
  color: #B30939;
  font-size: 12px;
}
.more-ref-section .ref-text-wrap a:hover i {
  position: absolute;
  margin-left: 15px;
  transition: all 0.3s ease;
}
.more-ref-section h3 {
  margin: 16px 0 8px 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.38;
}
.more-ref-section .col-1-3 {
  margin-bottom: 32px;
  text-decoration: none;
}
.more-ref-section .col-1-3:hover img {
  opacity: 0.9;
  transition: 0.3s ease;
}
.more-ref-section .desktop-ref {
  display: block;
}
@media screen and (max-width: 1250px) {
  .more-ref-section .desktop-ref {
    display: none;
  }
}
.more-ref-section .mobile-ref {
  display: none;
}
@media screen and (max-width: 1250px) {
  .more-ref-section .mobile-ref {
    display: block;
    font-size: 16px;
    text-decoration: none;
  }
  .more-ref-section .mobile-ref i {
    margin-left: 8px;
    color: #B30939;
    font-size: 12px;
  }
  .more-ref-section {
    padding: 60px 0;
  }
}
.more-articles-section {
  padding: 100px 0;
  background-color: #f2eae6;
  overflow: hidden;
}
.more-articles-section .art-text-wrap {
  margin-bottom: 40px;
}
.more-articles-section .art-text-wrap h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.38;
}
.more-articles-section .art-text-wrap a {
  margin-right: 20px;
  font-size: 16px;
  text-decoration: none;
}
.more-articles-section .art-text-wrap a i {
  position: absolute;
  top: 16px;
  margin-left: 8px;
  color: #B30939;
  font-size: 12px;
}
.more-articles-section .art-text-wrap a:hover i {
  position: absolute;
  margin-left: 15px;
  transition: all 0.3s ease;
}
.more-articles-section .post-date {
  margin-top: 16px;
  color: #707479;
  font-size: 14px;
}
.more-articles-section .read-more {
  margin-top: 8px;
  font-weight: 500;
  font-size: 16px;
}
.more-articles-section .read-more i {
  margin-left: 8px;
  font-size: 11px;
}
.more-articles-section .read-more:hover i {
  margin-left: 15px;
  transition: all 0.3s ease;
}
.more-articles-section h3 {
  margin: 8px 0 8px 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.38;
}
.more-articles-section .col-1-3 {
  margin-bottom: 32px;
  text-decoration: none;
}
.more-articles-section .desktop-art {
  display: block;
}
@media screen and (max-width: 1250px) {
  .more-articles-section .desktop-art {
    display: none;
  }
}
.more-articles-section .mobile-art {
  display: none;
}
@media screen and (max-width: 1250px) {
  .more-articles-section .mobile-art {
    display: block;
    font-size: 16px;
    text-decoration: none;
  }
  .more-articles-section .mobile-art i {
    margin-left: 8px;
    color: #B30939;
    font-size: 12px;
  }
  .more-articles-section {
    padding: 60px 0;
  }
}
.three-img-puff-section {
  overflow: hidden;
}
.three-img-puff-section .col-f-1 h2 {
  margin-bottom: 24px;
  font-size: 24px;
}
.three-img-puff-section a {
  color: #fff;
  text-decoration: none;
}
.three-img-puff-section .col-1-3 {
  margin-right: 20px;
}
.three-img-puff-section .col-1-3 .img-wrap {
  height: 100%;
  max-height: 600px;
  overflow: hidden;
}
.three-img-puff-section .col-1-3 .img-wrap img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1370px) {
  .three-img-puff-section .col-1-3 .img-wrap {
    height: 500px;
  }
}
@media screen and (max-width: 1249px) {
  .three-img-puff-section .col-1-3 .img-wrap {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 500px) {
  .three-img-puff-section .col-1-3 .img-wrap {
    width: 100%;
    height: 374px;
  }
}
.three-img-puff-section .col-1-3:last-child {
  margin-right: 0;
}
.three-img-puff-section .col-1-3:hover {
  cursor: pointer;
}
.three-img-puff-section .col-1-3:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1249px) {
  .three-img-puff-section .col-1-3 {
    width: 31%;
  }
}
@media screen and (max-width: 1000px) {
  .three-img-puff-section .col-1-3 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 700px) {
  .three-img-puff-section .col-1-3 {
    width: 100%;
    height: 374px;
    margin-bottom: 20px;
  }
}
.three-img-puff-section .opacity {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}
.three-img-puff-section .opacity h2 {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 40px;
}
@media screen and (max-width: 1249px) {
  .three-img-puff-section .opacity h2 {
    font-size: 32px;
  }
}
.three-img-puff-section .opacity .puff-small-headline {
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 700px) {
  .three-img-puff-section .opacity .puff-small-headline {
    font-size: 15px;
  }
}
.three-img-puff-section .opacity .btn-secondary {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 700px) {
  .three-img-puff-section .opacity .btn-secondary {
    font-size: 16px;
  }
}
@media screen and (max-width: 1370px) {
  .three-img-puff-section .opacity {
    height: 500px;
  }
}
@media screen and (max-width: 1249px) {
  .three-img-puff-section .opacity {
    width: 100%;
    height: 100%;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 500px) {
  .three-img-puff-section .opacity {
    max-width: 473px;
    max-height: 374px;
  }
}
@media screen and (max-width: 1000px) {
  .three-img-puff-section .bg-img {
    height: 574px;
  }
}
@media screen and (max-width: 700px) {
  .three-img-puff-section .bg-img {
    width: 100%;
    height: 374px;
  }
}
.news-section {
  overflow: hidden;
}
.news-section .art-text-wrap {
  margin-bottom: 40px;
}
.news-section .art-text-wrap h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.38;
}
.news-section .art-text-wrap a {
  margin-right: 20px;
  font-size: 16px;
  text-decoration: none;
}
.news-section .art-text-wrap a i {
  position: absolute;
  top: 12px;
  margin-left: 8px;
  color: #000;
  font-size: 12px;
}
.news-section .art-text-wrap a:hover i {
  position: absolute;
  margin-left: 15px;
  transition: all 0.3s ease;
}
.news-section .post-date {
  margin-top: 16px;
  color: #707479;
  font-size: 14px;
}
.news-section .read-more {
  margin-top: 8px;
  font-weight: 500;
  font-size: 16px;
}
.news-section .read-more i {
  margin-left: 8px;
  font-size: 11px;
}
.news-section .read-more:hover i {
  margin-left: 15px;
  transition: all 0.3s ease;
}
.news-section h3 {
  margin: 16px 0 8px 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.38;
}
.news-section .col-1-3 {
  margin-bottom: 32px;
  text-decoration: none;
}
.news-section .col-1-3 .img-wrap {
  height: 363px;
  overflow: hidden;
}
.news-section .col-1-3 .img-wrap img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 700px) {
  .news-section .col-1-3 .img-wrap {
    height: 250px;
  }
}
.news-section .col-1-3:hover {
  cursor: pointer;
}
.news-section .col-1-3:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.news-section .desktop-art {
  display: block;
}
@media screen and (max-width: 1250px) {
  .news-section .desktop-art {
    display: none;
  }
}
.news-section .mobile-art {
  display: none;
}
@media screen and (max-width: 1250px) {
  .news-section .mobile-art {
    display: block;
    font-size: 16px;
    text-decoration: none;
  }
  .news-section .mobile-art i {
    margin-left: 8px;
    color: #B30939;
    font-size: 12px;
  }
  .news-section {
    padding: 60px 0;
  }
}
.puff-two-products-section {
  overflow: hidden;
}
.puff-two-products-section .col-1-2 {
  width: 49%;
  text-decoration: none;
}
.puff-two-products-section .col-1-2 .img-wrap {
  height: 559px;
  margin-bottom: 24px;
  overflow: hidden;
}
.puff-two-products-section .col-1-2 .img-wrap img {
  height: 100%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1249px) {
  .puff-two-products-section .col-1-2 .img-wrap {
    height: 350px;
  }
}
@media screen and (max-width: 700px) {
  .puff-two-products-section .col-1-2 .img-wrap {
    width: 100%;
    height: 281px;
  }
}
.puff-two-products-section .col-1-2:hover {
  cursor: pointer;
}
.puff-two-products-section .col-1-2:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1249px) {
  .puff-two-products-section .col-1-2:first-child {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .puff-two-products-section .col-1-2 {
    width: 100%;
  }
}
.puff-two-products-section span {
  font-size: 18px;
}
.puff-two-products-section h2 {
  margin-top: 8px;
  font-size: 32px;
}
@media screen and (max-width: 1000px) {
  .puff-two-products-section h2 {
    font-size: 24px;
  }
}
.puff-two-variant-four {
  overflow: hidden;
}
.puff-two-variant-four .puff-one-large-img img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .puff-two-variant-four .puff-one-large-img img {
    height: 374px;
    margin-bottom: 20px;
  }
}
.puff-two-variant-four p {
  margin-top: 24px;
  margin-right: 45px;
  font-size: 16px;
  line-height: 1.5;
}
.puff-two-variant-five {
  overflow: hidden;
}
.puff-two-variant-five h2 {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.5;
}
.puff-two-variant-five .right p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .puff-two-variant-five .right {
    margin-bottom: 40px;
  }
}
.puff-two-variant-five .left {
  border-top: 1px solid #000;
}
.puff-two-variant-five .list-wrap {
  padding: 16px 0;
  border-bottom: solid 1px #cfcfcf;
}
.puff-two-variant-five .list-wrap .headline {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.38;
}
.puff-two-variant-five .list-wrap .list-txt {
  font-size: 16px;
  line-height: 1.38;
}
#modal {
  z-index: 99;
}
#modal .modal-wrap {
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}
#modal .modal-wrap .img-wrap {
  position: relative;
  padding: 80px 40px;
  background-color: white;
}
#modal .modal-wrap .img-wrap .icon-Icon-X {
  position: absolute;
  top: 40px;
  right: 48px;
  color: #000;
}
*{box-sizing:border-box}
.login-remember > label{cursor:pointer}
.swiper-button-prev,
.swiper-button-next{position:absolute;top:50%;z-index:10;display:none;height:30px;width:17px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer}
@media (min-width: 768px){
.swiper-button-prev,
.swiper-button-next{display:block}}
.swiper-button-prev{left:2rem;--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxOCAzMiI+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIHN0cm9rZT0iIzc4Nzg3OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuMyIgZD0ibS45ODgzIDMxLjAxMzMgMTUuMDM3Ni0xNS4wMTQ0TC45ODgzLjk4NDUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAzMlYwaDE4djMyeiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==")}
.swiper-button-next{right:2rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxOCAzMiI+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIHN0cm9rZT0iIzc4Nzg3OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuMyIgZD0ibS45ODgzIDMxLjAxMzMgMTUuMDM3Ni0xNS4wMTQ0TC45ODgzLjk4NDUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAzMlYwaDE4djMyeiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==")}
.swiper-button-disabled{pointer-events:none;opacity:0.5}
.swiper-pagination{position:absolute;bottom:4rem;z-index:10;display:flex;width:100%;justify-content:center;gap:0.625rem;
  display: flex;
  flex-wrap: wrap}
.page-kassa .checkout-customer-section .order-marking-wrap .swiper-pagination {
  gap: 30px;
}
.page-kassa .checkout-customer-section .order-marking-wrap .swiper-pagination .col-1-3 {
  max-width: 314px;
}
@media screen and (max-width: 1000px) {
  .page-kassa .checkout-customer-section .order-marking-wrap .swiper-pagination .col-1-3 {
    max-width: 100%;
  }
}
.product-cat-section .product-text-wrap .swiper-pagination {
  align-items: center;
}
.two-col-specs-wrap .swiper-pagination {
  gap: 40px;
}
@media (min-width: 1250px){
.swiper-pagination{bottom:6.25rem}}
.swiper-pagination .swiper-pagination-bullet{height:0.625rem;width:0.625rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(207 207 207 / var(--tw-bg-opacity, 1))}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.pswp__img--placeholder {
  --pswp-placeholder-bg: transparent;
}
.react-datepicker-wrapper{width:100%}
.placeholder\:text-black::-moz-placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.placeholder\:text-black::placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.placeholder\:text-grey-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}
.placeholder\:text-grey-500::placeholder{--tw-text-opacity:1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}
.placeholder\:text-grey-700\/75::-moz-placeholder{color:rgb(102 102 102 / 0.75)}
.placeholder\:text-grey-700\/75::placeholder{color:rgb(102 102 102 / 0.75)}
.placeholder\:underline::-moz-placeholder{text-decoration-line:underline}
.placeholder\:underline::placeholder{text-decoration-line:underline}
.first\:hidden:first-child{display:none}
.first\:border-t:first-child{border-top-width:1px}
.first\:border-t-black:first-child{--tw-border-opacity:1;border-top-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}
.last\:mb-0:last-child{margin-bottom:0px}
.last\:mb-10:last-child{margin-bottom:2.5rem}
.last\:hidden:last-child{display:none}
.last\:border-0:last-child{border-width:0px}
.last\:text-grey-700:last-child{--tw-text-opacity:1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}
@media (hover: hover) and (pointer: fine){
.hover\:scale-95:hover{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.hover\:bg-grey-100:hover{--tw-bg-opacity:1;background-color:rgb(249 249 249 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(241 196 191 / var(--tw-bg-opacity, 1))}
.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(179 9 57 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:no-underline:hover{text-decoration-line:none}}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-50:disabled{opacity:0.5}
@media (hover: hover) and (pointer: fine){
.group\/link:hover .group-hover\/link\:visible{visibility:visible}
.group\/link:hover .group-hover\/link\:-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/login:hover .group-hover\/login\:no-underline{text-decoration-line:none}}
.group\/hamburger.is-active .group-\[\.is-active\]\/hamburger\:block{display:block}
.group\/hamburger.is-active .group-\[\.is-active\]\/hamburger\:hidden{display:none}
.group\/header.headroom--not-top .group-\[\.headroom--not-top\]\/header\:-translate-y-\[68px\]{--tw-translate-y:-68px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/header.headroom--unpinned .group-\[\.headroom--unpinned\]\/header\:-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group.is-active .group-\[\.is-active\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/header.headroom--not-top .group-\[\.headroom--not-top\]\/header\:bg-transparent{background-color:transparent}
.group\/header.headroom--not-top .group-\[\.headroom--not-top\]\/header\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.group\/header.headroom--not-top .group-\[\.headroom--not-top\]\/header\:text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.group\/header.headroom--not-top .group-\[\.headroom--not-top\]\/header\:text-red-400{--tw-text-opacity:1;color:rgb(179 9 57 / var(--tw-text-opacity, 1))}
.peer:checked ~ .peer-checked\:visible{visibility:visible}
.peer:checked ~ .peer-checked\:block{display:block}
.peer:checked ~ .peer-checked\:flex{display:flex}
.peer:checked ~ .peer-checked\:grid{display:grid}
.peer:checked ~ .peer-checked\:border-transparent{border-color:transparent}
.peer:checked ~ .group .peer-checked\:group-\[\]\:block{display:block}
.peer:checked ~ .group .peer-checked\:group-\[\]\:hidden{display:none}
.peer:checked ~ .group .peer-checked\:group-\[\]\:-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:checked ~ .group .peer-checked\:group-\[\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:disabled ~ .peer-disabled\:pointer-events-none{pointer-events:none}
.peer:disabled ~ .peer-disabled\:opacity-50{opacity:0.5}
@media not all and (min-width: 1250px){
.max-lg\:w-full{width:100%}}
@media (min-width: 768px){
.md\:bottom-8{bottom:2rem}
.md\:left-8{left:2rem}
.md\:right-8{right:2rem}
.md\:top-8{top:2rem}
.md\:ml-auto{margin-left:auto}
.md\:h-4{height:1rem}
.md\:h-50{height:12.5rem}
.md\:w-10\/12{width:83.333333%}
.md\:w-4{width:1rem}
.md\:w-4\/12{width:33.333333%}
.md\:w-7\/12{width:58.333333%}
.md\:w-8{width:2rem}
.md\:w-\[48\%\]{width:48%}
.md\:w-auto{width:auto}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:flex-row{flex-direction:row}
.md\:\!flex-nowrap{flex-wrap:nowrap !important}
.md\:whitespace-normal{white-space:normal}
.md\:pt-0{padding-top:0px}
.md\:pt-2{padding-top:0.5rem}
.md\:text-right{text-align:right}
.md\:text-16{font-size:1rem;line-height:1.5}
.md\:text-20{font-size:1.25rem;line-height:1.4}
.md\:text-24{font-size:1.5rem;line-height:1.4}
.md\:text-32{font-size:2rem;line-height:1.4}
.md\:text-base{font-size:1rem;line-height:1.5rem}}
@media (min-width: 1250px){
.lg\:left-auto{left:auto}
.lg\:right-0{right:0px}
.lg\:right-20{right:5rem}
.lg\:right-8{right:2rem}
.lg\:top-0{top:0px}
.lg\:top-8{top:2rem}
.lg\:order-4{order:4}
.lg\:col-span-10{grid-column:span 10 / span 10}
.lg\:col-span-2{grid-column:span 2 / span 2}
.lg\:col-span-3{grid-column:span 3 / span 3}
.lg\:col-span-4{grid-column:span 4 / span 4}
.lg\:col-span-5{grid-column:span 5 / span 5}
.lg\:col-span-6{grid-column:span 6 / span 6}
.lg\:col-span-8{grid-column:span 8 / span 8}
.lg\:col-span-9{grid-column:span 9 / span 9}
.lg\:col-start-2{grid-column-start:2}
.lg\:col-start-3{grid-column-start:3}
.lg\:col-start-4{grid-column-start:4}
.lg\:mb-0{margin-bottom:0px}
.lg\:mb-10{margin-bottom:2.5rem}
.lg\:mb-16{margin-bottom:4rem}
.lg\:mb-20{margin-bottom:5rem}
.lg\:mb-4{margin-bottom:1rem}
.lg\:mb-8{margin-bottom:2rem}
.lg\:ml-auto{margin-left:auto}
.lg\:mr-20{margin-right:5rem}
.lg\:mt-36{margin-top:9rem}
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:table-cell{display:table-cell}
.lg\:hidden{display:none}
.lg\:aspect-square{aspect-ratio:1 / 1}
.lg\:h-18{height:4.5rem}
.lg\:h-screen{height:calc(var(--vh) * 100)}
.lg\:w-1\/2{width:50%}
.lg\:w-5{width:1.25rem}
.lg\:w-\[40\%\]{width:40%}
.lg\:w-auto{width:auto}
.lg\:w-screen{width:100vw}
.lg\:min-w-\[250px\]{min-width:250px}
.lg\:max-w-2xl{max-width:42rem}
.lg\:-translate-y-0{--tw-translate-y:-0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.lg\:-translate-y-\[68px\]{--tw-translate-y:-68px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.lg\:flex-row{flex-direction:row}
.lg\:flex-row-reverse{flex-direction:row-reverse}
.lg\:\!flex-nowrap{flex-wrap:nowrap !important}
.lg\:flex-nowrap{flex-wrap:nowrap}
.lg\:items-center{align-items:center}
.lg\:justify-end{justify-content:flex-end}
.lg\:gap-0{gap:0px}
.lg\:gap-10{gap:2.5rem}
.lg\:gap-12\.5{gap:3.125rem}
.lg\:gap-20{gap:5rem}
.lg\:gap-6{gap:1.5rem}
.lg\:gap-8{gap:2rem}
.lg\:gap-x-12{-moz-column-gap:3rem;column-gap:3rem}
.lg\:gap-x-25{-moz-column-gap:6.25rem;column-gap:6.25rem}
.lg\:bg-red-400{--tw-bg-opacity:1;background-color:rgb(179 9 57 / var(--tw-bg-opacity, 1))}
.lg\:bg-transparent{background-color:transparent}
.lg\:p-10{padding:2.5rem}
.lg\:p-15{padding:3.75rem}
.lg\:p-8{padding:2rem}
.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}
.lg\:px-20{padding-left:5rem;padding-right:5rem}
.lg\:px-25{padding-left:6.25rem;padding-right:6.25rem}
.lg\:px-8{padding-left:2rem;padding-right:2rem}
.lg\:py-20{padding-top:5rem;padding-bottom:5rem}
.lg\:py-24{padding-top:6rem;padding-bottom:6rem}
.lg\:py-28{padding-top:7rem;padding-bottom:7rem}
.lg\:py-36{padding-top:9rem;padding-bottom:9rem}
.lg\:py-40{padding-top:10rem;padding-bottom:10rem}
.lg\:py-8{padding-top:2rem;padding-bottom:2rem}
.lg\:pb-0{padding-bottom:0px}
.lg\:pb-12{padding-bottom:3rem}
.lg\:pb-20{padding-bottom:5rem}
.lg\:pl-50{padding-left:12.5rem}
.lg\:pr-0{padding-right:0px}
.lg\:pr-20{padding-right:5rem}
.lg\:pt-10{padding-top:2.5rem}
.lg\:pt-15{padding-top:3.75rem}
.lg\:pt-32{padding-top:8rem}
.lg\:pt-36{padding-top:9rem}
.lg\:pt-50{padding-top:12.5rem}
.lg\:text-18{font-size:1.125rem;line-height:1.4}
.lg\:text-20{font-size:1.25rem;line-height:1.4}
.lg\:text-24{font-size:1.5rem;line-height:1.4}
.lg\:text-32{font-size:2rem;line-height:1.4}
.lg\:text-48{font-size:3rem;line-height:1.4}
.lg\:text-56{font-size:3.5rem;line-height:1.4}
.lg\:text-base{font-size:1rem;line-height:1.5rem}
.lg\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.lg\:last\:mb-20:last-child{margin-bottom:5rem}}
@media (min-width: 1280px){
.xl\:gap-6{gap:1.5rem}
.xl\:gap-7{gap:1.75rem}}
@media (min-width: 1536px){
.\32xl\:h-60{height:15rem}
.\32xl\:text-base{font-size:1rem;line-height:1.5rem}}
.\[\&\:first-letter\]\:capitalize:first-letter{text-transform:capitalize}