/*!
Theme Name: EX Dress
Theme URI: http://dogma.co.il
Author: Gil Hamer
Author URI: https://dogma.co.il
Description: Description
Version: 1.0.0
Requires PHP: 8.0 and Up
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: exd

*/
/* noto-sans-hebrew-100 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 100;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-200 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 200;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-300 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-regular - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-500 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-600 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-700 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-800 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 800;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-900 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Hebrew";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/noto-sans-hebrew-v46-hebrew_latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Noto Sans Hebrew", sans-serif;
  color: #020047;
}

a {
  color: #020047;
}

p {
  font-weight: 400;
  line-height: 158%;
  color: #020047;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  font-weight: 600;
  font-size: 48px;
  color: #020047;
}

h2 {
  font-weight: 600;
  font-size: 32px;
  color: #020047;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
  }
  h1 svg {
    max-width: 47px;
  }
}
.infinite-scroll-loading {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0;
}
.infinite-scroll-loading .spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e9f1f4;
  border-top-color: #020047;
  border-radius: 50%;
  -webkit-animation: exd-spin 0.75s linear infinite;
          animation: exd-spin 0.75s linear infinite;
}

@-webkit-keyframes exd-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes exd-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
form textarea {
  display: block;
  width: 100%;
  padding: 1.175rem 1.75rem;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #e9f1f4;
  border-radius: 20px;
}
form textarea {
  max-height: 15rem;
}
form select {
  display: block;
  width: auto;
  padding: 1.175rem 1.75rem 1.175rem 4.25rem;
  -moz-padding-start: calc(0.75rem - 3px);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4062 2.29224L10.4448 12.9757L1.48331 2.29224' stroke='%23DC5FB4' stroke-width='2' stroke-linecap='square'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: left 0.75rem center;
  background-size: 16px 12px;
  border: 2px solid #e9f1f4;
  border-radius: 20px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
form input[type=email] {
  direction: rtl !important;
}
form input[type=tel] {
  direction: rtl;
}
form input[type=submit] {
  border: none;
  color: #ffffff;
  border-radius: 0.25rem;
  background-clip: padding-box;
  display: block;
  width: 100%;
  padding: 1.175rem 1.75rem;
  background-color: #dc5fb4;
  border-radius: 16px;
  font-weight: 700;
  font-size: 36px;
}
form br {
  display: none;
}
form .wpcf7-not-valid-tip {
  display: none;
}
form .wpcf7-response-output {
  display: none;
}
form .wpcf7-spinner {
  position: absolute;
}
form .wpcf7-not-valid {
  background-color: #ffe9df;
}

.search-box .toggle-filter-m {
  display: none;
}
.search-box ul {
  padding: 1rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
.search-box ul li {
  margin-bottom: 1rem;
  list-style: none;
}
.search-box ul li button,
.search-box ul li a {
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 28px;
  color: #979797;
}
.search-box ul li button:hover,
.search-box ul li a:hover {
  font-weight: 600;
  color: #020047;
}
.search-box ul li button.active,
.search-box ul li a.active {
  font-weight: 600;
  color: #020047;
}
.search-box ul li.wedding-dresses-tab a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #a88b51;
}
.search-box ul li.wedding-dresses-tab a.active {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #a88b51;
}
.search-box .search {
  margin-bottom: 1rem;
}
.search-box .search .box {
  padding: 1rem 2rem;
  border: 1.5px solid #d9d9d9;
  -webkit-box-shadow: 0px 4px 17px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 17px 2px rgba(0, 0, 0, 0.1);
  border-radius: 55px;
}
.search-box .search .box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
.search-box .search .box form span {
  padding: 0.25rem 1rem;
  display: inline-block;
}
.search-box .search .box form .tag-container span {
  color: #757587;
}
.search-box .search .box form .price-range-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.search-box .search .box form .price-range-display .num {
  border: 1px solid #d9d9d9;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem;
}
.search-box .search .box form .exd-city-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.search-box .search .box form .exd-city-tags .exd-city-tag {
  padding: 0.25rem 0.35rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.search-box .search .box form .exd-city-tags .exd-city-tag .btn-close {
  margin-right: 3px;
  cursor: pointer;
  background-size: 10px;
}
.search-box .search .box form .exd-city-tags .exd-city-tag.black {
  border: 1px solid #000000;
  background: #000000;
  width: 30px;
  height: 30px;
}
.search-box .search .box form .wrap-input {
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 18.5px;
  border: 1px solid #efefef;
  height: 100%;
}
.search-box .search .box form input {
  padding: 0.25rem 1rem;
  background-color: transparent;
  border-radius: 18.5px;
  border: none;
}
.search-box .search .box form input.price-range-input {
  border-radius: 18.5px;
  color: #ffffff;
  padding: 0.25rem 1rem;
}
.search-box .search .box form input.price-range-selected {
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border-radius: 18.5px;
  color: #ffffff;
}
.search-box .search .box form input:focus {
  outline: none;
}
.search-box .search .box form .price {
  position: relative;
  padding: 0 1rem;
}
.search-box .search .box form .price::before {
  content: "";
  position: absolute;
  background-color: #ebebeb;
  width: 1px;
  height: 100%;
  display: block;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-box .search .box form .price::after {
  content: "";
  position: absolute;
  background-color: #ebebeb;
  width: 1px;
  height: 100%;
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-box .search .box form .search-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: auto;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  border: none;
}
.search-box .search .box form .search-btn span {
  display: none;
}
.search-box .search .box .tag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  cursor: text;
  position: relative;
}
.search-box .search .box .tag-container .selected-tag {
  padding: 0.25rem 0.35rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.search-box .search .box .tag-container .selected-tag .remove-tag {
  margin-right: 3px;
  margin-bottom: 0;
  cursor: pointer;
  background-size: 10px;
}
.search-box .search .box .exd-multiselect {
  position: relative;
}
.search-box .search .box .exd-multiselect .options-list {
  display: none;
  position: absolute;
  background: white;
  z-index: 10;
  width: 100%;
  min-width: 15rem;
  padding: 1rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
}
.search-box .search .box .exd-multiselect .options-list.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.search-box .search .box .exd-multiselect .options-list .option {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding: 0.25rem 0.75rem;
  border: 1px solid #020047;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #020047;
  cursor: pointer;
}
.search-box .search .box .exd-multiselect .options-list .option:hover {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.search-box .search .box .exd-multiselect .options-list .option.selected {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.search-box .search .box .exd-multiselect .selected-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-box .search.wedding-dresses .box form .search-btn {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .box form .exd-city-tags .exd-city-tag {
  border: 1px solid #a88b51;
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .box form .exd-city-tags .exd-city-tag.black {
  border: 1px solid #000000;
  background: #000000;
}
.search-box .search.wedding-dresses .box form .btn-close {
  background-size: 10px;
}
.search-box .search.wedding-dresses .box form input.price-range-selected {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .box .tag-container .selected-tag {
  border: 1px solid #a88b51;
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .box .exd-multiselect .options-list .option.selected {
  border: 1px solid #a88b51;
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .box .exd-multiselect .options-list .option:hover {
  border: 1px solid #a88b51;
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.search-box .search.wedding-dresses .price-range-clear {
  color: #a88b51;
}
.search-box .exd-cities-limit-message {
  display: none;
  bottom: 0;
  border-radius: 12px;
  background: #fff;
  padding: 1rem;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}

.noUi-target {
  background: #e2e8f0;
  border-radius: 9999px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.noUi-horizontal {
  height: 7px;
}

.noUi-connect {
  background: #020047;
  height: 7px;
  /* Pink color for the connected part */
}

.noUi-horizontal .noUi-handle {
  width: 26px;
  height: 26px;
  right: -10px;
  /* Adjust to center the handle */
  top: -11px;
  /* Adjust to center vertically */
  background-color: #ffffff;
  /* Dark blue handle */
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='18' viewBox='0 0 7 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='1.2' height='18' fill='%23DC5FB4'/%3E %3Crect x='5' width='1.2' height='18' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.noUi-horizontal .noUi-handle:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(220, 95, 180, 0.5);
          box-shadow: 0px 0px 0px 3px rgba(220, 95, 180, 0.5);
  /* Focus ring */
}

.noUi-target {
  background: #e2e8f0;
  /* Light gray track */
  border-radius: 9999px;
  /* Full rounded corners */
  border: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.noUi-pips {
  color: #6b7280;
  /* Gray text for pips */
}

.noUi-value {
  font-size: 0.75rem;
  /* Smaller font for values */
}

.noUi-tooltip {
  display: none;
  /* Hide default tooltips */
}

/* Dropdown specific styles */
.price-dropdown-container {
  position: relative;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Adjust width as needed */
}

.price-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  width: 20rem;
  /* Position below the input field with some gap */
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 16px;
  border-radius: 1rem;
  color: #020047;
  /* rounded-lg */
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  /* shadow-lg */
  padding: 1.5rem;
  /* p-6 */
  z-index: 1000;
  display: none;
  /* Hidden by default */
}
.price-dropdown.active {
  display: block;
}

.price-range-clear {
  background-color: transparent;
  border: none;
  font-weight: 600;
  color: #dc5fb4;
}

.size-container {
  width: 200px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.size-container:hover::before {
  content: "";
  position: absolute;
  border-radius: 55px;
  background-color: #efefef;
  height: calc(100% + 2rem);
  width: calc(100% + 3rem);
  z-index: -1;
  margin: -1rem -2rem;
}

.location-container {
  width: 200px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.location-container:hover::before {
  content: "";
  position: absolute;
  border-radius: 55px;
  background-color: #efefef;
  height: calc(100% + 2rem);
  width: calc(100% + 3rem);
  z-index: -1;
  margin: -1rem -2rem;
}

.price-dropdown-container {
  position: relative;
}
.price-dropdown-container:hover::before {
  content: "";
  position: absolute;
  border-radius: 55px;
  background-color: #efefef;
  height: calc(100% + 2rem);
  width: calc(100% + 3rem);
  z-index: -1;
  margin: -1rem -2rem;
}

.home-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-filter .filter {
  margin-right: 5%;
  position: relative;
}
.home-filter .filter .number-of-filters {
  position: absolute;
  top: -1rem;
  right: -0.5rem;
  background-color: #dc5fb4;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #ffffff;
  border: 2px solid #ffffff;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-filter .filter .number-of-filters.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-filter .filter .number-of-filters.number-of-filters-wedding-dresses {
  background-color: #f4ede5;
  color: #a88b51;
  border: 2px solid #a88b51;
}
.home-filter .filter button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border: none;
  background-color: #ffffff;
  border: 1.5px solid hsl(0, 0%, 92%);
  border-radius: 55px;
  font-weight: 600;
  font-size: 16px;
}
.home-filter .filter button.active {
  color: #ffffff;
  background-color: #e9a4d3;
  border: 1.5px solid #dc5fb4;
}
.home-filter .filter button.active svg path {
  fill: #ffffff;
}
.home-filter .filter button.wedding-dresses-btn.active {
  color: #a88b51;
  background-color: #f4ede5;
  border: 1.5px solid #a88b51;
}
.home-filter .filter button.wedding-dresses-btn.active svg path {
  fill: #a88b51;
}
.home-filter .carousel {
  padding: 1rem 0;
  overflow: hidden;
  width: 100%;
}
.home-filter .carousel .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 16px;
  text-decoration: none;
  color: #6a6a6a;
  border-radius: 1rem;
  padding: 1rem 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.home-filter .carousel .swiper-slide a.selected {
  background: rgba(220, 95, 180, 0.25);
  border: 1px solid #dc5fb4;
}
.home-filter .carousel .swiper-slide a img {
  max-width: 2.5rem;
  height: 3.5rem;
}
.home-filter .carousel .navigation .swiper-button-next,
.home-filter .carousel .navigation .swiper-button-prev {
  text-indent: -9999px;
}
.home-filter .carousel .navigation .swiper-button-next::before, .home-filter .carousel .navigation .swiper-button-next::after,
.home-filter .carousel .navigation .swiper-button-prev::before,
.home-filter .carousel .navigation .swiper-button-prev::after {
  content: none;
}
.home-filter .carousel .navigation .swiper-button-next img {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.home-filter.home-filter-wedding-dresses .carousel .swiper-slide a.selected {
  background: #f4ede5;
  border: 1px solid #a88b51;
}

/* Essential styling for Google Autocomplete suggestions */
.pac-container {
  /* Critical: Override fixed positioning with absolute */
  position: absolute !important;
  /* Ensure it appears above other elements */
  z-index: 9999 !important; /* Higher than your 1056 if needed, but 9999 is usually safe */
  /* Provide a background color so it's not transparent */
  background-color: white !important;
  /* Add a border for visual definition */
  border: 1px solid #ccc !important;
  /* Ensure content doesn't spill out */
  overflow: hidden !important;
  /* Basic styling for appearance */
  border-radius: 1rem !important; /* Example: rounded corners */
  border-top-right-radius: 0 !important; /* Example: rounded corners */
  border-top-left-radius: 0 !important; /* Example: rounded corners */
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; /* Example: subtle shadow */
  font-family: inherit !important; /* Inherit your site's font */
  width: 100%;
}

.pac-item {
  padding: 0.75rem 4rem !important;
  border-bottom: 1px solid #e5e7eb !important;
  cursor: pointer !important;
  background-color: #fff !important;
  -webkit-transition: background-color 0.2s ease !important;
  transition: background-color 0.2s ease !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='35' height='35' rx='17.5' fill='url(%23paint0_linear_9564_43)'/%3E %3Cpath d='M17.9 27L15.05 19.95L8 17.1V15.7L26 9L19.3 27H17.9ZM18.55 23.3L22.6 12.4L11.7 16.45L16.6 18.4L18.55 23.3Z' fill='white'/%3E %3Cdefs%3E %3ClinearGradient id='paint0_linear_9564_43' x1='0' y1='9.9569' x2='35' y2='9.9569' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23DC5FB4'/%3E %3Cstop offset='1' stop-color='%23C62AA9' stop-opacity='0.65'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

.pac-item:hover,
.pac-item-selected {
  background-color: #f3f4f6 !important; /* Light gray on hover/selection */
}

.pac-item:last-child {
  border-bottom: none !important;
}

.pac-icon {
  display: none !important; /* Hide default icons if desired */
}

.pac-item-query {
  font-weight: 600 !important;
  color: #1f2937 !important;
}

.pac-item span {
  font-size: 0.95rem !important;
  color: #4b5563 !important;
}

#filters-options .modal-body {
  padding: 1rem 1.5rem;
}
#filters-options .filter-title {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 2rem;
  color: #020047;
}
#filters-options .filter-ad-type,
#filters-options .filter-cut,
#filters-options .filter-dress-length,
#filters-options .filter-sleeve,
#filters-options .filter-fabric,
#filters-options .filter-corset,
#filters-options .filter-wedding-dress-type {
  overflow: hidden;
  border: 1px solid #dc5fb4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
}
#filters-options .filter-ad-type .filter-option,
#filters-options .filter-cut .filter-option,
#filters-options .filter-dress-length .filter-option,
#filters-options .filter-sleeve .filter-option,
#filters-options .filter-fabric .filter-option,
#filters-options .filter-corset .filter-option,
#filters-options .filter-wedding-dress-type .filter-option {
  text-align: center;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
  color: #020047;
  font-weight: 500;
  font-size: 1.1rem;
  border-left: 1px solid #dc5fb4;
}
#filters-options .filter-ad-type .filter-option:last-child,
#filters-options .filter-cut .filter-option:last-child,
#filters-options .filter-dress-length .filter-option:last-child,
#filters-options .filter-sleeve .filter-option:last-child,
#filters-options .filter-fabric .filter-option:last-child,
#filters-options .filter-corset .filter-option:last-child,
#filters-options .filter-wedding-dress-type .filter-option:last-child {
  border-left: none;
}
@media (min-width: 992px) {
  #filters-options .filter-ad-type .filter-option:hover,
  #filters-options .filter-cut .filter-option:hover,
  #filters-options .filter-dress-length .filter-option:hover,
  #filters-options .filter-sleeve .filter-option:hover,
  #filters-options .filter-fabric .filter-option:hover,
  #filters-options .filter-corset .filter-option:hover,
  #filters-options .filter-wedding-dress-type .filter-option:hover {
    background-color: rgb(255, 221, 244);
    color: #dc5fb4;
  }
}
#filters-options .filter-ad-type .filter-option.selected,
#filters-options .filter-cut .filter-option.selected,
#filters-options .filter-dress-length .filter-option.selected,
#filters-options .filter-sleeve .filter-option.selected,
#filters-options .filter-fabric .filter-option.selected,
#filters-options .filter-corset .filter-option.selected,
#filters-options .filter-wedding-dress-type .filter-option.selected {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
  font-weight: 700;
}
#filters-options .filter-sizes {
  gap: 1rem;
}
#filters-options .filter-sizes .filter-option {
  padding: 1rem 2rem;
  background: #ffffff;
  border: 1.5px solid #ebebeb;
  border-radius: 35px;
  cursor: pointer;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
}
#filters-options .filter-sizes .filter-option.selected {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background-image: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
}
#filters-options .filter-colors {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 2rem;
}
#filters-options .filter-colors .filter-option {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
}
#filters-options .filter-colors .wrap-color {
  border-radius: 1rem;
  padding: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  #filters-options .filter-colors .wrap-color:hover {
    background: rgba(220, 95, 180, 0.15);
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
#filters-options .filter-colors .wrap-color.selected {
  -webkit-box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
  background: rgba(220, 95, 180, 0.25);
  border: 1px solid #dc5fb4;
}
#filters-options .submit-filters-btn {
  padding: 1rem 2rem;
  background-color: #020047;
  color: #ffffff;
  border-radius: 20px;
  border: none;
  font-size: 32px;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}

#filters-options .wedding-dresses .filter-ad-type,
#filters-options .wedding-dresses .filter-cut,
#filters-options .wedding-dresses .filter-dress-length,
#filters-options .wedding-dresses .filter-sleeve,
#filters-options .wedding-dresses .filter-fabric,
#filters-options .wedding-dresses .filter-corset,
#filters-options .wedding-dresses .filter-wedding-dress-type {
  overflow: hidden;
  border: 1px solid #a88b51;
}
#filters-options .wedding-dresses .filter-ad-type .filter-option,
#filters-options .wedding-dresses .filter-cut .filter-option,
#filters-options .wedding-dresses .filter-dress-length .filter-option,
#filters-options .wedding-dresses .filter-sleeve .filter-option,
#filters-options .wedding-dresses .filter-fabric .filter-option,
#filters-options .wedding-dresses .filter-corset .filter-option,
#filters-options .wedding-dresses .filter-wedding-dress-type .filter-option {
  background-color: #ffffff;
  color: #020047;
  border-left: 1px solid #a88b51;
}
@media (min-width: 992px) {
  #filters-options .wedding-dresses .filter-ad-type .filter-option:hover,
  #filters-options .wedding-dresses .filter-cut .filter-option:hover,
  #filters-options .wedding-dresses .filter-dress-length .filter-option:hover,
  #filters-options .wedding-dresses .filter-sleeve .filter-option:hover,
  #filters-options .wedding-dresses .filter-fabric .filter-option:hover,
  #filters-options .wedding-dresses .filter-corset .filter-option:hover,
  #filters-options .wedding-dresses .filter-wedding-dress-type .filter-option:hover {
    background-color: #f4ede5;
    color: #a88b51;
  }
}
#filters-options .wedding-dresses .filter-ad-type .filter-option.selected,
#filters-options .wedding-dresses .filter-cut .filter-option.selected,
#filters-options .wedding-dresses .filter-dress-length .filter-option.selected,
#filters-options .wedding-dresses .filter-sleeve .filter-option.selected,
#filters-options .wedding-dresses .filter-fabric .filter-option.selected,
#filters-options .wedding-dresses .filter-corset .filter-option.selected,
#filters-options .wedding-dresses .filter-wedding-dress-type .filter-option.selected {
  background-color: #f4ede5;
  color: #a88b51;
}
#filters-options .wedding-dresses .filter-ad-type .filter-option:last-child,
#filters-options .wedding-dresses .filter-cut .filter-option:last-child,
#filters-options .wedding-dresses .filter-dress-length .filter-option:last-child,
#filters-options .wedding-dresses .filter-sleeve .filter-option:last-child,
#filters-options .wedding-dresses .filter-fabric .filter-option:last-child,
#filters-options .wedding-dresses .filter-corset .filter-option:last-child,
#filters-options .wedding-dresses .filter-wedding-dress-type .filter-option:last-child {
  border-left: none;
}
#filters-options .wedding-dresses .filter-sizes .filter-option.selected {
  background: -webkit-gradient(linear, left top, right top, from(#c3a66b), to(rgba(208, 169, 92, 0.65)));
  background: linear-gradient(90deg, #c3a66b 0%, rgba(208, 169, 92, 0.65) 100%);
}
@media (min-width: 992px) {
  #filters-options .wedding-dresses .filter-colors .wrap-color:hover {
    background: rgba(208, 169, 92, 0.25);
  }
}
#filters-options .wedding-dresses .filter-colors .wrap-color.selected {
  background: rgba(208, 169, 92, 0.25);
  border: 1px solid #a88b51;
}

@media screen and (min-width: 1200px) {
  #filters-options .filter-sizes .filter-option:hover {
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
    background-image: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  }
  #filters-options .wedding-dresses .filter-sizes .filter-option:hover {
    background: -webkit-gradient(linear, left top, right top, from(#c3a66b), to(rgba(208, 169, 92, 0.65)));
    background: linear-gradient(90deg, #c3a66b 0%, rgba(208, 169, 92, 0.65) 100%);
  }
}
.breadcrumbs a {
  text-decoration: none;
  font-weight: 500;
}

.pagination {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  font-size: 1.1rem;
}
.pagination .current {
  color: #dc5fb4;
  font-weight: 800;
}
.pagination a:hover {
  color: #dc5fb4;
}

@media screen and (max-width: 992px) {
  .site-header .site-branding {
    margin-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .site-header .login-menu {
    margin-left: 1rem;
  }
  .site-header .site-header-wrap-m {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .search-box {
    display: none;
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .search-box .toggle-filter-m {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 600;
    font-size: 14px;
    color: #020047;
    background-color: transparent;
    border: none;
    border: 1.5px solid #d9d9d9;
    border-radius: 3rem;
    padding: 0.5rem 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .search-box .toggle-filter-m .search-ico {
    padding: 0.35rem 1.35rem;
    border-radius: 1.5rem;
    background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
    background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  }
  .search-box .toggle-filter-m .search-ico svg {
    max-width: 35px;
  }
  .search-box .search-wrap {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 0.5s, padding 0.5s;
    transition: grid-template-rows 0.5s, padding 0.5s;
    transition: grid-template-rows 0.5s, padding 0.5s, -ms-grid-rows 0.5s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .search-box .search-wrap.open {
    grid-template-rows: 1fr;
    padding: 1rem;
  }
  .search-box .search {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
  }
  .search-box .search .box {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  .search-box .search .box form {
    padding-bottom: 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-box .search .box form span {
    padding: 0;
  }
  .search-box .search .box form input {
    padding: 0;
  }
  .search-box .search .box form input.price-range-input {
    padding: 0;
    width: auto;
  }
  .search-box .search .box form .price {
    width: 100%;
    padding: 0;
  }
  .search-box .search .box form .price::before {
    content: none;
  }
  .search-box .search .box form .price::after {
    content: none;
  }
  .search-box .search .box form .price .price-range-input.price-range-selected {
    padding: 0.25rem 1rem;
  }
  .search-box .search .box form .search-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    width: auto;
    border-radius: 2rem;
    justify-self: center;
    padding: 0 2rem;
    gap: 0.25rem;
    margin: auto;
  }
  .search-box .search .box form .search-btn svg {
    width: 20px;
  }
  .search-box .search .box form .search-btn span {
    display: block;
    color: #ffffff;
    letter-spacing: 0.01em;
    font-weight: 700;
    padding: 0;
  }
  .search-box .search .box form .btn-close {
    background-size: 10px;
  }
  .search-box .search .box .exd-multiselect {
    width: 100%;
  }
  .search-box ul {
    gap: 1rem;
  }
  .search-box ul li {
    margin: 0;
  }
  .search-box ul li a {
    font-size: 20px;
  }
  .search-box::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #ebebeb;
  }
  .home .search-box,
  .search .search-box {
    display: block;
  }
  .location-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    padding: 0.5rem 1.5rem;
    border: 1.5px solid #d9d9d9;
    border-radius: 55px;
    margin-left: auto;
  }
  .location-container:hover::before {
    content: none;
  }
  .price-dropdown-container {
    margin-right: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    padding: 0.5rem 1.5rem;
    border: 1.5px solid #d9d9d9;
    border-radius: 55px;
  }
  .price-dropdown-container:hover::before {
    content: none;
  }
  .size-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    padding: 0.5rem 1.5rem;
    border: 1.5px solid #d9d9d9;
    border-radius: 55px;
  }
  .size-container:hover::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .home-filter .carousel .swiper-slide a {
    margin: 0;
    text-align: center;
    font-size: 1rem;
  }
  #filters-options .filter-title {
    font-size: 22px;
  }
  #filters-options .filter-cut,
  #filters-options .filter-sleeve,
  #filters-options .filter-fabric,
  #filters-options .filter-corset,
  #filters-options .filter-wedding-dress-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #filters-options .filter-cut .filter-option,
  #filters-options .filter-sleeve .filter-option,
  #filters-options .filter-fabric .filter-option,
  #filters-options .filter-corset .filter-option,
  #filters-options .filter-wedding-dress-type .filter-option {
    border-left: none;
    border-bottom: 1px solid #c62aa9;
  }
  #filters-options .filter-cut .filter-option:last-child,
  #filters-options .filter-sleeve .filter-option:last-child,
  #filters-options .filter-fabric .filter-option:last-child,
  #filters-options .filter-corset .filter-option:last-child,
  #filters-options .filter-wedding-dress-type .filter-option:last-child {
    border-bottom: none;
  }
  #filters-options .filter-sizes {
    gap: 0.25rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #filters-options .filter-sizes .filter-option {
    padding: 0.5rem 0.75rem;
  }
  #filters-options .filter-colors {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #filters-options .wedding-dresses .filter-cut .filter-option,
  #filters-options .wedding-dresses .filter-sleeve .filter-option,
  #filters-options .wedding-dresses .filter-fabric .filter-option,
  #filters-options .wedding-dresses .filter-corset .filter-option,
  #filters-options .wedding-dresses .filter-wedding-dress-type .filter-option {
    border-left: none;
    border-bottom: 1px solid #a88b51;
  }
  #filters-options .wedding-dresses .filter-cut .filter-option:last-child,
  #filters-options .wedding-dresses .filter-sleeve .filter-option:last-child,
  #filters-options .wedding-dresses .filter-fabric .filter-option:last-child,
  #filters-options .wedding-dresses .filter-corset .filter-option:last-child,
  #filters-options .wedding-dresses .filter-wedding-dress-type .filter-option:last-child {
    border-bottom: none;
  }
  #filters-options .wedding-dresses .filter-colors .wrap-color:hover {
    background: none;
  }
  #filters-options .filter-colors .wrap-color:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (max-width: 576px) {
  .home-filter .carousel .swiper-slide a {
    margin: 0 3rem;
  }
}
.site-header {
  padding: 1rem;
  border-bottom: 3px solid #ebebeb;
}
.site-header h1 {
  font-size: 35px;
}
.site-header .site-branding img {
  max-width: 120px;
}

.login-menu {
  position: relative;
  padding: 0.5rem 1.5rem;
  background: #ffffff;
  border: 1.5px solid #ebebeb;
  border-radius: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-menu .user {
  position: relative;
}
.login-menu .user img {
  border-radius: 50%;
}
.login-menu .user-menu {
  z-index: 100;
  padding: 2rem;
  min-width: 20vw;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.login-menu .user-menu button {
  background-color: transparent;
  border: none;
  display: block;
  text-align: center;
  width: 100%;
}
.login-menu .user-menu button span {
  margin-top: 1rem;
  display: block;
  font-weight: 400;
  font-size: 13px;
}
.login-menu .user-menu button:hover {
  color: #020047;
}
.login-menu .user-menu a {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 1rem;
}
.login-menu .user-menu a span {
  display: block;
  font-weight: 400;
  font-size: 13px;
}
.login-menu .user-menu a span.unread-message-count {
  position: absolute;
  top: -0.25rem;
  right: -0.5rem;
  margin: 0;
}
.login-menu .user-menu a span.unread-message-count span {
  margin: 0;
  background: #dc5fb4;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.login-menu .user-menu a:hover {
  color: #020047;
}
.login-menu .user-menu a.login-btn {
  cursor: pointer;
}
.login-menu .user-menu.menu-open {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.login-menu .user-menu .logout {
  margin-top: 1rem;
  color: #ec2023;
}
.login-menu .user-menu .logout span {
  margin-top: 0.25rem;
}

.hamburger {
  background-color: transparent;
  border: none;
}

.hamburger {
  z-index: 1;
  padding: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #020047;
}
.hamburger.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out, background-color 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out, background-color 0.12s ease-out;
}
.hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #020047;
}
.hamburger.is-active .hamburger-inner {
  width: 24px;
}

.hamburger-box {
  width: 24px;
  height: 10px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 24px;
  height: 2.5px;
  background-color: #020047;
  border-radius: 0;
  position: absolute;
  transition-property: -webkit-transform, background-color;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  transition-property: transform, -webkit-transform, background-color;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2.5px;
  background-color: #020047;
  border-radius: 0;
  position: absolute;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in, background-color 0.25s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in, background-color 0.25s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, background-color 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, background-color 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, background-color 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, background-color 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.choose-ad-type .modal-body {
  overflow: hidden;
}
.choose-ad-type .modal-header {
  position: relative;
}
.choose-ad-type .modal-header .close-modal {
  background-color: transparent;
  border: none;
  position: absolute;
  left: 1rem;
}
.choose-ad-type .modal-header h5 {
  font-weight: 600;
  font-size: 35px;
  margin: 0;
  text-align: center;
  width: 100%;
  padding: 1rem 0;
}
.choose-ad-type .ad-types {
  border-top: 3px solid #e9f1f4;
}
.choose-ad-type .ad-types img {
  max-height: 160px;
}
.choose-ad-type .ad-types .wedding-dress,
.choose-ad-type .ad-types .evening-dress {
  padding: 3rem;
}
.choose-ad-type .ad-types h2 {
  margin-top: 1rem;
  position: relative;
  padding-bottom: 1rem;
  text-align: center;
}
.choose-ad-type .ad-types h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 30%;
  height: 3px;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
}
.choose-ad-type .ad-types p {
  font-size: 20px;
  line-height: 1.3;
}
.choose-ad-type .ad-types .evening-dress {
  border-left: 3px solid #e9f1f4;
}
.choose-ad-type .ad-types .evening-dress,
.choose-ad-type .ad-types .wedding-dress {
  text-align: center;
}
.choose-ad-type .ad-types .evening-dress.selected,
.choose-ad-type .ad-types .wedding-dress.selected {
  background: #e6e6e6;
}
.choose-ad-type .ad-types ul {
  margin: 2rem 0 0 0;
  padding: 0;
  text-align: right;
}
.choose-ad-type .ad-types ul li {
  font-weight: 700;
  font-size: 18px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.choose-ad-type .ad-types ul li::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='19' cy='19' r='19' fill='url(%23paint0_linear_9637_3852)'/%3E %3Cpath d='M16.2209 23.0376L18.9996 21.3514L21.7784 23.0376L21.0421 19.8789L23.5121 17.7414L20.2584 17.4801L18.9996 14.4876L17.7409 17.4801L14.4871 17.7414L16.9571 19.8789L16.2209 23.0376ZM18.9996 29.7351L15.8171 26.6001H11.3996V22.1826L8.26465 19.0001L11.3996 15.8176V11.4001H15.8171L18.9996 8.26514L22.1821 11.4001H26.5996V15.8176L29.7346 19.0001L26.5996 22.1826V26.6001H22.1821L18.9996 29.7351ZM18.9996 27.0751L21.3746 24.7001H24.6996V21.3751L27.0746 19.0001L24.6996 16.6251V13.3001H21.3746L18.9996 10.9251L16.6246 13.3001H13.2996V16.6251L10.9246 19.0001L13.2996 21.3751V24.7001H16.6246L18.9996 27.0751Z' fill='white'/%3E %3Cdefs%3E %3ClinearGradient id='paint0_linear_9637_3852' x1='0' y1='10.8103' x2='38' y2='10.8103' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23DC5FB4'/%3E %3Cstop offset='1' stop-color='%23C62AA9' stop-opacity='0.65'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ");
  margin-left: 1rem;
}

@media screen and (min-width: 1600px) {
  .login-menu .user-menu {
    min-width: 15vw;
  }
}
@media screen and (max-width: 992px) {
  .site-header {
    padding: 1rem 0;
  }
  .login-menu .user-menu {
    min-width: 35vw;
  }
}
@media screen and (max-width: 768px) {
  .site-header .site-branding img {
    max-width: 5rem;
  }
  .login-menu .user-menu {
    min-width: 70vw;
  }
  .choose-ad-type .modal-header h5 {
    font-size: 20px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .choose-ad-type .ad-types .evening-dress,
  .choose-ad-type .ad-types .wedding-dress {
    padding: 2rem;
  }
  .choose-ad-type .ad-types p {
    font-size: 16px;
  }
  .choose-ad-type .ad-types img {
    max-height: 80px;
  }
}
.site-footer {
  padding: 2rem 0;
}
.site-footer .site-info {
  text-align: center;
}

.modal-body {
  padding: 0;
}

.wrap-form {
  padding: 1rem;
}
.wrap-form .dob-label {
  display: none;
}

.modal-content {
  border-radius: 50px;
}
.modal-content .modal-header {
  padding: 1rem 1.5rem;
}
.modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 36px;
}
.modal-content .btn-close {
  opacity: 1;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M26.2503 0L14.9987 11.25L3.74967 0L0 3.75L11.249 15L0 26.25L3.74967 30L14.9987 18.75L26.2503 30L30 26.25L18.751 15L30 3.75L26.2503 0Z' fill='%23020047'/%3E %3C/svg%3E ");
}
.modal-content h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
}
.modal-content p {
  font-weight: 400;
  font-size: 23px;
  line-height: 35px;
  letter-spacing: 0.01em;
}

.exd-second-title {
  padding: 1rem;
  line-height: 127%;
  font-weight: 700;
  font-size: 35px;
}

.exd-login-register form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  font-size: 20px;
}
.exd-login-register .submit {
  margin-top: 2rem;
  font-weight: 700;
  font-size: 40px;
  line-height: 2;
  letter-spacing: 0.01em;
  border: none;
  color: #ffffff;
  width: 100%;
  background: #020047;
  border-radius: 20px;
}
.exd-login-register .bottom {
  font-weight: 400;
  font-size: 25px;
  line-height: 38px;
  letter-spacing: 0.01em;
}
.exd-login-register .bottom p {
  color: #8592a6;
}
.exd-login-register .bottom button {
  font-weight: 600;
  color: #020047;
  background-color: transparent;
  border: none;
  text-decoration: underline;
}

.exd-account-type .exd-second-title {
  font-weight: 600;
  font-size: 40px;
  margin: 0;
  padding: 3rem 0;
}
.exd-account-type .private-business {
  border-top: 3px solid #e9f1f4;
}
.exd-account-type .private-business img {
  max-height: 220px;
}
.exd-account-type .private-business .private-account,
.exd-account-type .private-business .business-account {
  padding: 3rem;
}
.exd-account-type .private-business h2 {
  margin-top: 1rem;
  position: relative;
  padding-bottom: 1rem;
}
.exd-account-type .private-business h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 30%;
  height: 3px;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
}
.exd-account-type .private-business .private-account {
  border-left: 3px solid #e9f1f4;
}
.exd-account-type .private-business .private-account.selected,
.exd-account-type .private-business .business-account.selected {
  background: #e6e6e6;
}
.exd-account-type .private-business ul {
  margin: 2rem 0 0 0;
  padding: 0;
  text-align: right;
}
.exd-account-type .private-business ul li {
  font-weight: 700;
  font-size: 18px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.exd-account-type .private-business ul li::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='19' cy='19' r='19' fill='url(%23paint0_linear_9637_3852)'/%3E %3Cpath d='M16.2209 23.0376L18.9996 21.3514L21.7784 23.0376L21.0421 19.8789L23.5121 17.7414L20.2584 17.4801L18.9996 14.4876L17.7409 17.4801L14.4871 17.7414L16.9571 19.8789L16.2209 23.0376ZM18.9996 29.7351L15.8171 26.6001H11.3996V22.1826L8.26465 19.0001L11.3996 15.8176V11.4001H15.8171L18.9996 8.26514L22.1821 11.4001H26.5996V15.8176L29.7346 19.0001L26.5996 22.1826V26.6001H22.1821L18.9996 29.7351ZM18.9996 27.0751L21.3746 24.7001H24.6996V21.3751L27.0746 19.0001L24.6996 16.6251V13.3001H21.3746L18.9996 10.9251L16.6246 13.3001H13.2996V16.6251L10.9246 19.0001L13.2996 21.3751V24.7001H16.6246L18.9996 27.0751Z' fill='white'/%3E %3Cdefs%3E %3ClinearGradient id='paint0_linear_9637_3852' x1='0' y1='10.8103' x2='38' y2='10.8103' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23DC5FB4'/%3E %3Cstop offset='1' stop-color='%23C62AA9' stop-opacity='0.65'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ");
  margin-left: 1rem;
}

.exd-registration-form .exd-second-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 127%;
}
.exd-registration-form .exd-second-title br {
  display: block;
}
.exd-registration-form input {
  border: 2px solid #e9f1f4;
  border-radius: 20px;
}
.exd-registration-form input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
}
.exd-registration-form .submit-btn {
  display: block;
  width: 100%;
  border: none;
  font-size: 50px;
  line-height: 2;
  background: #020047;
  color: #ffffff;
  border-radius: 0px 0px 50px 50px;
}
.exd-registration-form .exd-multiselect {
  position: relative;
}
.exd-registration-form .exd-multiselect .options-list {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  z-index: 10;
  width: 50%;
  padding: 1rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 25px 25px;
}
.exd-registration-form .exd-multiselect .options-list.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.exd-registration-form .exd-multiselect .options-list .option {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #020047;
  cursor: pointer;
}
.exd-registration-form .exd-multiselect .options-list .option:hover {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.exd-registration-form .exd-multiselect .options-list .option.selected {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.exd-registration-form .exd-multiselect .selected-options {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.exd-registration-form .tag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  height: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #e9f1f4;
  border-radius: 20px;
  padding: 0.375rem 0.75rem;
  cursor: text;
  background: #fff;
  position: relative;
}
.exd-registration-form .tag-container .selected-tag {
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exd-registration-form .tag-container .selected-tag .remove-tag {
  margin-right: 5px;
  cursor: pointer;
}
.exd-registration-form .place-holder {
  color: #888;
  margin-right: 1rem;
}
.exd-registration-form .visually-hidden {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.exd-registration-form .favorite-cities-selected-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 5px;
}
.exd-registration-form .exd-city-tag {
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exd-registration-form .exd-city-tag .btn-close {
  margin-right: 5px;
  cursor: pointer;
  background-size: 10px;
}
.exd-registration-form .free-content-title-1,
.exd-registration-form .free-content-title-1-b {
  padding: 1rem;
  line-height: 127%;
  font-weight: 700;
  font-size: 35px;
  text-align: center;
  margin: 0;
}
.exd-registration-form .free-content-title-2,
.exd-registration-form .free-content-title-2-b {
  font-weight: 400;
  font-size: 21px;
  line-height: 96%;
  letter-spacing: 0.01em;
  color: #8592a6;
  text-align: center;
  margin-bottom: 2rem;
}
.exd-registration-form .free-content {
  border: 2px solid #e9f1f4;
  border-radius: 20px;
  min-height: 20rem;
}
.exd-registration-form .btn {
  color: #c62aa9;
}

.dob-info-carousel {
  display: none;
  position: absolute;
  overflow: hidden;
  width: 20vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 150%;
  z-index: 100;
  background-color: #ffffff;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 18.5px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 18.5px 2px rgba(0, 0, 0, 0.08);
  border-radius: 28px;
  padding: 2rem 1rem;
}
.dob-info-carousel .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 135%;
  margin-bottom: 1rem;
  text-align: center;
}
.dob-info-carousel .swiper-slide span {
  margin-top: 0.5rem;
}
.dob-info-carousel .swiper-pagination-bullet {
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
}
.dob-info-carousel.show {
  display: block;
}

.submit-btn {
  display: block;
  width: 100%;
  border: none;
  font-size: 30px;
  line-height: 3;
  background: #020047;
  color: #ffffff;
  border-radius: 0px 0px 50px 50px;
  font-weight: 700;
  text-decoration: none;
}
.submit-btn:hover {
  color: #ffffff;
}

.exd-upload-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.upload-trigger:hover {
  border-color: #999;
}

.preview-image {
  position: absolute;
}

.hide-upload-trigger {
  opacity: 0.2;
}

.preview-image img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.exd-registration-last-step .wrap-confirmation .form-check-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper .form-check-input {
  opacity: 0; /* Make it invisible */
  position: absolute; /* Take it out of the document flow */
  width: 0; /* No width */
  height: 0; /* No height */
  margin: 0;
  z-index: -1; /* Ensure it's behind other elements if needed */
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper .form-check-input:checked + label::before {
  background-color: #dc5fb4; /* Desired background color when checked */
  border-color: #dc5fb4; /* Desired border color when checked */
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper .form-check-input:checked + label::after {
  -webkit-transform: translateY(-60%) rotate(45deg) scale(1);
      -ms-transform: translateY(-60%) rotate(45deg) scale(1);
          transform: translateY(-60%) rotate(45deg) scale(1); /* Show the checkmark */
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper .form-check-input:focus + label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 95, 180, 0.35);
          box-shadow: 0 0 0 0.2rem rgba(220, 95, 180, 0.35); /* Focus ring matching the theme color */
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label {
  position: relative; /* For positioning pseudo-elements */
  padding-right: 50px; /* Space for the custom checkbox (box width + some margin) */
  cursor: pointer;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; /* Prevent text selection when clicking the label */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Aligns pseudo-elements better with text */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align text with the (future) box */
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label::before {
  content: ""; /* Necessary for pseudo-elements to show */
  position: absolute;
  right: 0;
  top: 0; /* Vertically center relative to label's line height */
  width: 35px; /* Width of the checkbox box */
  height: 35px; /* Height of the checkbox box */
  border: 2px solid #adb5bd; /* Default border color */
  background-color: #ffffff; /* Default background */
  border-radius: 4px; /* Slightly rounded corners */
  -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label::after {
  content: ""; /* Necessary for pseudo-elements to show */
  position: absolute;
  right: 11px; /* Position inside the box: (box_width - checkmark_width)/2 + border_thickness_approx */
  top: 15px; /* Start from vertical center */
  width: 12px; /* Width of the checkmark's shorter leg */
  height: 18px; /* Height of the checkmark's longer leg */
  border: solid white; /* Checkmark color */
  border-width: 0 2px 2px 0; /* Creates an L-shape (bottom and right borders) */
  -webkit-transform: translateY(-60%) rotate(45deg) scale(0);
      -ms-transform: translateY(-60%) rotate(45deg) scale(0);
          transform: translateY(-60%) rotate(45deg) scale(0); /* Position, rotate and hide initially */
  /* translateY(-60%) helps to visually center the rotated L-shape better than -50% */
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center; /* Rotate and scale from the center */
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label p {
  font-size: 16px;
  margin: 0;
}
.exd-registration-last-step a {
  color: #dc5fb4;
}

.warning-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #ffffff;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
  z-index: 10;
}
.warning-message.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.warning-message .cancel-and-go-back {
  cursor: pointer;
  margin-top: 2rem;
  line-height: 2;
  letter-spacing: 0.01em;
  border: none;
  color: #ffffff;
  background: #020047;
  border-radius: 1rem;
  padding: 0 2rem;
}
.warning-message hr {
  display: block;
  width: 20%;
  margin: 0;
}
.warning-message .cancel-and-delete-account {
  margin-top: 1rem;
  cursor: pointer;
  line-height: 2;
  letter-spacing: 0.01em;
  border: none;
  color: #ffffff;
  background: #dc3545;
  border-radius: 1rem;
  padding: 0 2rem;
}

.exd-payments-private .payment-content,
.exd-payments-business .payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  gap: 2rem;
}
.exd-payments-private .payment-content .price-box,
.exd-payments-business .payment-content .price-box {
  border: 4px solid #ffffff;
  background-repeat: no-repeat;
  background-position: 2rem 1rem;
  background-image: url("assets/images/pink-dress.svg");
  background-size: 15%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 2rem;
  -webkit-box-shadow: 0px 8px 20.1px 5px rgba(167, 167, 167, 0.15);
          box-shadow: 0px 8px 20.1px 5px rgba(167, 167, 167, 0.15);
  border-radius: 16px;
}
.exd-payments-private .payment-content .price-box .premium,
.exd-payments-private .payment-content .price-box .free,
.exd-payments-business .payment-content .price-box .premium,
.exd-payments-business .payment-content .price-box .free {
  padding: 0.75rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
}
.exd-payments-private .payment-content .price-box .premium,
.exd-payments-business .payment-content .price-box .premium {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65))), #dc5fb4;
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%), #dc5fb4;
}
.exd-payments-private .payment-content .price-box .free,
.exd-payments-business .payment-content .price-box .free {
  color: #dc5fb4;
  background: #020047;
}
.exd-payments-private .payment-content .price-box .price,
.exd-payments-business .payment-content .price-box .price {
  direction: rtl;
  font-weight: 700;
  font-size: 50px;
  letter-spacing: -0.05em;
  margin-top: 2rem;
}
.exd-payments-private .payment-content .price-box .price .currency,
.exd-payments-business .payment-content .price-box .price .currency {
  font-size: 75%;
  padding: 0 0.5rem;
}
.exd-payments-private .payment-content .price-box .price-break-down,
.exd-payments-business .payment-content .price-box .price-break-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0 0 2rem 0;
  border-bottom: 1px solid rgba(133, 147, 163, 0.16);
}
.exd-payments-private .payment-content .price-box .price-break-down.free,
.exd-payments-business .payment-content .price-box .price-break-down.free {
  background-color: transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.exd-payments-private .payment-content .price-box .price-break-down .limited-time,
.exd-payments-business .payment-content .price-box .price-break-down .limited-time {
  text-align: center;
  color: #f20000;
}
.exd-payments-private .payment-content .price-box .description,
.exd-payments-business .payment-content .price-box .description {
  padding: 2rem 0;
  font-size: 0.85rem;
  line-height: 200%;
  border-bottom: 1px solid rgba(133, 147, 163, 0.16);
}
.exd-payments-private .payment-content .price-box .features-list ul,
.exd-payments-business .payment-content .price-box .features-list ul {
  margin: 0;
  padding: 2rem 0;
}
.exd-payments-private .payment-content .price-box .features-list ul li,
.exd-payments-business .payment-content .price-box .features-list ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}
.exd-payments-private .payment-content .price-box .features-list ul li::before,
.exd-payments-business .payment-content .price-box .features-list ul li::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10.5C0 4.70101 4.70101 0 10.5 0C16.299 0 21 4.70101 21 10.5C21 16.299 16.299 21 10.5 21C4.70101 21 0 16.299 0 10.5ZM14.2127 9.21969C14.5055 8.9268 14.5055 8.45192 14.2127 8.15903C13.9198 7.86614 13.4449 7.86614 13.152 8.15903L9.43968 11.8713L7.84869 10.2804C7.5558 9.98746 7.08092 9.98746 6.78803 10.2804C6.49514 10.5732 6.49514 11.0481 6.78803 11.341L8.90935 13.4623C9.20224 13.7552 9.67712 13.7552 9.97001 13.4623L14.2127 9.21969Z' fill='%23020047'/%3E %3C/svg%3E ");
  margin-left: 0.5rem;
}
.exd-payments-private .payment-content .price-box .features-list ul li span,
.exd-payments-business .payment-content .price-box .features-list ul li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 10px;
  color: #ff0000;
  padding: 0 0.5rem;
}
.exd-payments-private .payment-content .price-box button,
.exd-payments-business .payment-content .price-box button {
  font-weight: 700;
  font-size: 1.2rem;
  color: #020047;
  background-color: transparent;
  border: none;
  border-radius: 80px;
  border: 1px solid #dc5fb4;
  padding: 0.85rem 1.5rem;
}
.exd-payments-private .payment-content .price-box.premium,
.exd-payments-business .payment-content .price-box.premium {
  background-position: 2rem 2rem;
  background-image: url("assets/images/martini.svg");
  background-size: 20%;
  background-color: #020047;
  color: #ffffff;
}
.exd-payments-private .payment-content .price-box.premium .price-break-down,
.exd-payments-business .payment-content .price-box.premium .price-break-down {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.exd-payments-private .payment-content .price-box.premium .description,
.exd-payments-business .payment-content .price-box.premium .description {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.exd-payments-private .payment-content .price-box.premium .features-list ul li::before,
.exd-payments-business .payment-content .price-box.premium .features-list ul li::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10.5C0 4.70101 4.70101 0 10.5 0C16.299 0 21 4.70101 21 10.5C21 16.299 16.299 21 10.5 21C4.70101 21 0 16.299 0 10.5ZM14.2127 9.21969C14.5055 8.9268 14.5055 8.45192 14.2127 8.15903C13.9198 7.86614 13.4449 7.86614 13.152 8.15903L9.43968 11.8713L7.84869 10.2804C7.5558 9.98746 7.08092 9.98746 6.78803 10.2804C6.49514 10.5732 6.49514 11.0481 6.78803 11.341L8.90935 13.4623C9.20224 13.7552 9.67712 13.7552 9.97001 13.4623L14.2127 9.21969Z' fill='white'/%3E %3C/svg%3E ");
}
.exd-payments-private .payment-content .price-box.premium button,
.exd-payments-business .payment-content .price-box.premium button {
  color: #ffffff;
  background-color: #c62aa9;
}
.exd-payments-private .payment-content .price-box:hover,
.exd-payments-business .payment-content .price-box:hover {
  border: 4px solid #dc5fb4;
}

@media screen and (min-width: 1200px) {
  .exd-registration-form .btn {
    position: absolute;
    left: 0.5rem;
    z-index: 1;
    top: 2.2rem;
  }
  .dob-info-carousel {
    left: 0;
    top: 5rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 768px) {
  .modal-content h2 {
    font-size: 20px;
  }
  .modal-content p {
    font-size: 16px;
    margin: 0;
    line-height: 1.3;
  }
  .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
  .modal-content .btn-close {
    background-size: 8px;
  }
  .exd-registration-form .exd-second-title {
    font-size: 20px;
    text-align: center;
  }
  .exd-registration-form .exd-multiselect .options-list {
    width: 100%;
  }
  .exd-registration-form .exd-multiselect .selected-options {
    gap: 0.5rem;
  }
  .exd-registration-form .submit-btn {
    font-size: 20px;
    line-height: 3;
  }
  .exd-registration-form .free-content-title-1 {
    line-height: 127%;
    font-size: 20px;
  }
  .exd-registration-form .free-content-title-2 {
    font-size: 16px;
  }
  .exd-registration-form .free-content {
    min-height: auto;
  }
  .exd-registration-form .tag-container {
    height: auto;
  }
  .exd-registration-form .tag-container .selected-tag {
    font-size: 14px;
  }
  .exd-registration-form .exd-city-tag {
    font-size: 14px;
  }
  .exd-login-register .submit {
    font-size: 20px;
    line-height: 3;
  }
  .exd-account-type .exd-second-title {
    padding: 1rem 0;
    font-size: 20px;
  }
  .exd-account-type .private-business img {
    max-width: 100px;
  }
  .exd-account-type .private-business h2 {
    font-size: 20px;
  }
  .exd-account-type .private-business ul li {
    font-size: 15px;
    line-height: 1.1;
    margin-bottom: 0.5rem;
  }
  .submit-btn {
    font-size: 20px;
    line-height: 2.5;
  }
  .upload-trigger img {
    max-width: 100px;
  }
  .preview-image img {
    width: 100px;
    height: 100px;
  }
  .dob-info-carousel {
    width: 80vw;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .dob-info-carousel .swiper-slide {
    font-size: 16px;
  }
  .exd-registration-last-step img {
    max-width: 100px;
  }
  .exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label {
    padding-right: 30px;
  }
  .exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label::before {
    top: 5px;
    width: 20px;
    height: 20px;
  }
  .exd-registration-last-step .wrap-confirmation .custom-checkbox-wrapper label::after {
    right: 7px;
    top: 15px;
    width: 6px;
    height: 12px;
  }
  .wrap-form .exd-date-picker {
    text-align: left;
  }
  .wrap-form .dob-label {
    display: block;
    position: absolute;
    color: #959595;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 2rem;
    pointer-events: none;
  }
  .exd-payments-private .payment-content,
  .exd-payments-business .payment-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
  .exd-payments-private .payment-content .price-box,
  .exd-payments-business .payment-content .price-box {
    font-size: 0.85rem;
  }
  .exd-payments-private .payment-content .price-box .price,
  .exd-payments-business .payment-content .price-box .price {
    font-size: 2rem;
  }
  .exd-payments-private .payment-content .price-box .description,
  .exd-payments-business .payment-content .price-box .description {
    padding: 1rem 0;
    line-height: 130%;
  }
  .exd-payments-private .payment-content .price-box .features-list ul,
  .exd-payments-business .payment-content .price-box .features-list ul {
    padding: 1rem 0;
  }
  .exd-payments-private .payment-content .price-box .features-list ul li,
  .exd-payments-business .payment-content .price-box .features-list ul li {
    margin-bottom: 0.45rem;
  }
  .exd-payments-private .payment-content .price-box button,
  .exd-payments-business .payment-content .price-box button {
    font-size: 1rem;
  }
}
.page-title {
  padding: 3rem;
  border-bottom: 3px solid #ebebeb;
}
.page-title .txt {
  padding: 0 77px;
  font-weight: 400;
  font-size: 24px;
  color: #767070;
}

.create-dress-ad-form .page-title {
  padding: 3rem 0;
}

.entry-content {
  padding: 3rem 0;
}

@media screen and (max-width: 768px) {
  .page-title {
    overflow-x: clip;
    padding: 1.5rem 1rem;
  }
  .page-title .txt {
    padding: 0;
    font-size: 16px;
  }
}
.latest-dresses {
  padding: 3rem 0;
}
.latest-dresses .card {
  background-color: transparent;
  border: none;
}
.latest-dresses .card .card-img {
  overflow: hidden;
  position: relative;
}
.latest-dresses .card .card-img .favorites-btn {
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.latest-dresses .card .card-img .favorites-btn path {
  -webkit-transition: fill 0.15s ease-in;
  transition: fill 0.15s ease-in;
}
.latest-dresses .card .card-img .favorites-btn .full-heart {
  fill: #ff0000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}
.latest-dresses .card .card-img .favorites-btn.added path {
  fill: #ff0000;
}
.latest-dresses .card .card-img .favorites-btn.added .full-heart {
  opacity: 1;
}
.latest-dresses .card .card-img .favorites-btn:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.latest-dresses .card .card-img .designer-label {
  position: absolute;
  z-index: 10;
  font-size: 14px;
  font-weight: 600;
  padding: 0.35rem 1rem;
  color: #ffffff;
  background: #020047;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.12);
  border-radius: 25px;
  right: 1rem;
  top: 1rem;
}
.latest-dresses .card .card-img .designer-label svg path {
  fill: #ffffff;
}
.latest-dresses .card .card-img .designer-label.wedding-dresses-designer-label {
  color: #a88b51;
  background: #f8f1e2;
}
.latest-dresses .card .card-img .designer-label.wedding-dresses-designer-label svg path {
  fill: #a88b51;
}
.latest-dresses .card .card-img .cat {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  border-radius: 25px 0px;
  font-size: 16px;
  color: #ffffff;
  padding: 0.5rem 1rem;
}
.latest-dresses .card .card-img .cat span::after {
  content: " / ";
}
.latest-dresses .card .card-img .cat span:last-child::after {
  content: none;
}
.latest-dresses .card .card-img img {
  border-radius: 25px;
}
.latest-dresses .card .card-img .carousel {
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.latest-dresses .card .card-img .carousel .swiper-slide img {
  border-radius: 0;
}
.latest-dresses .card .card-img .carousel .swiper-pagination {
  bottom: 45px;
}
.latest-dresses .card .card-img .carousel .swiper-pagination-bullet {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 100%;
  background: #ffffff;
  opacity: 1;
  margin: 0 0.3rem;
  border-radius: 15px;
  -webkit-transform-origin: center 0;
      -ms-transform-origin: center 0;
          transform-origin: center 0;
}
.latest-dresses .card .card-img .carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
  width: 1.8rem;
}
.latest-dresses .card .card-body h2 {
  font-weight: 600;
  font-size: 20px;
}
.latest-dresses .card .card-body h3 {
  font-weight: 400;
  font-size: 20px;
  color: #979797;
}
.latest-dresses .card .card-body h3 svg {
  margin-top: -0.2rem;
}
.latest-dresses .card .card-body .price {
  font-weight: 700;
  font-size: 20px;
}
.latest-dresses .card .card-body .price .nis {
  font-style: normal;
  margin: 0.15rem;
}
.latest-dresses .wedding-dresses .card .card-img .cat {
  background: -webkit-gradient(linear, left top, right top, from(#c3a66b), to(rgba(208, 169, 92, 0.65)));
  background: linear-gradient(90deg, #c3a66b 0%, rgba(208, 169, 92, 0.65) 100%);
}

.empty-state-message {
  text-align: center;
  font-size: 2rem;
}
.empty-state-message.pink {
  color: #dc5fb4;
}

.latest-dresses.wedding-dresses .card .card-img .cat {
  background: -webkit-gradient(linear, left top, right top, from(#c3a66b), to(rgba(208, 169, 92, 0.65)));
  background: linear-gradient(90deg, #c3a66b 0%, rgba(208, 169, 92, 0.65) 100%);
}

@media screen and (max-width: 992px) {
  .latest-dresses .card .card-img img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .latest-dresses .card {
    height: 100%;
    margin-bottom: 1rem;
  }
  .latest-dresses .card .card-body h2 {
    font-size: 0.875rem;
  }
  .latest-dresses .card .card-body h3 {
    font-size: 0.865rem;
  }
  .latest-dresses .card .card-body .price {
    font-size: 0.865rem;
  }
  .latest-dresses .card .card-img {
    border-radius: 25px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }
  .latest-dresses .card .card-img .carousel {
    border-radius: 1rem;
  }
  .latest-dresses .card .card-img img {
    border-radius: 1rem;
  }
  .latest-dresses .card .card-img .cat {
    font-size: 0.865rem;
  }
  .empty-state-message {
    font-size: 1rem;
  }
  .pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.5rem 0 1rem;
  }
  .pagination-wrapper .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem;
  }
  .pagination-wrapper .pagination a,
  .pagination-wrapper .pagination span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 2.4rem;
    height: 2.4rem;
    padding: 0 0.6rem;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
  }
  .pagination-wrapper .pagination a {
    background: #f4f4f4;
    color: #020047;
  }
  .pagination-wrapper .pagination a:hover {
    background: #020047;
    color: #ffffff;
  }
  .pagination-wrapper .pagination a.prev, .pagination-wrapper .pagination a.next {
    background: transparent;
    color: #020047;
    font-weight: 600;
  }
  .pagination-wrapper .pagination a.prev:hover, .pagination-wrapper .pagination a.next:hover {
    background: #f4f4f4;
  }
  .pagination-wrapper .pagination span.current {
    background: #020047;
    color: #ffffff;
    cursor: default;
  }
}
.contact-info {
  padding: 3rem;
  border: 1px solid #e1e1e1;
  border-radius: 16px;
}
.contact-info h2 {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  border-bottom: 3px solid #dc5fb4;
  padding-bottom: 0.5rem;
}
.contact-info h3 {
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
}

@media screen and (max-width: 768px) {
  .contact-info h2 {
    display: block;
  }
}
.dress-page {
  padding: 0 0 5rem;
}
.dress-page .top-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
}
.dress-page .top-links a,
.dress-page .top-links button {
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
}
.dress-page .top-links a span,
.dress-page .top-links button span {
  text-decoration: underline;
  margin: 0 0.15rem;
}
.dress-page .top-links a:hover,
.dress-page .top-links button:hover {
  color: #020047;
}
.dress-page .top-links button {
  background-color: transparent;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
}
.dress-page .top-links button.added svg circle {
  fill: #dc5fb4;
}
.dress-page .top-links button:hover {
  background-color: #efefef;
}
.dress-page .dresses-gallery {
  display: grid;
  gap: 10px;
  height: 485px;
  width: 100%;
}
.dress-page .dresses-gallery .gallery-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 18px;
}
.dress-page .dresses-gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dress-page .dresses-gallery .gallery-item.empty-gallery-item {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='222' height='150' viewBox='0 0 222 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M137.658 42.1275C140.156 36.8796 143.056 31.8533 146.574 27.2324C153.23 18.4717 162.034 11.1455 172.35 7.12706C180.687 3.8854 190.054 3.31369 198.271 7.25083C211.303 13.0068 217.99 28.3405 214.051 41.8647C213.565 43.4266 213.002 45.0651 212.386 46.5904C210.768 50.6744 208.605 54.5207 205.956 58.0246C200.711 65.0584 193.026 70.8416 186.166 76.363C165.946 92.642 142.756 115.825 133.507 129.128C122.942 116.03 108.637 105.019 93.3321 99.1253C68.2122 89.4463 39.3332 91.145 16.8007 105.116C10.6958 108.866 5.03173 113.404 0.13859 118.638C0.0509331 118.729 0.00136268 118.85 2.76788e-05 118.976C-0.00130732 119.102 0.0456941 119.224 0.131409 119.317C0.217124 119.41 0.335069 119.467 0.461096 119.475C0.587123 119.484 0.711699 119.444 0.809319 119.364C16.2726 107.074 35.1072 99.2633 54.7434 97.864C58.1599 97.6273 61.5873 97.588 65.0083 97.7462C88.7726 98.8507 110.863 106.705 126.504 125.33C128.369 127.543 129.869 129.434 131.518 131.813C131.102 132.345 128.902 135.855 127.746 138.74C126.431 142.006 127.107 146.338 130.148 148.54C132.718 150.456 136.663 150.578 139.161 148.358C142.295 145.475 141.456 141.063 139.649 137.789C138.259 135.49 136.337 132.919 134.667 130.746C141.926 120.641 149.58 113.064 158.429 105.182C186.533 80.1481 201.573 78.7559 213.935 61.6412C218.426 55.4175 221.029 48.0319 221.433 40.3676C222.351 21.7735 210.604 6.28187 192.862 1.39699C185.604 -0.621093 177.843 -0.341721 170.583 1.52312C156.069 5.24454 143.382 15.5507 136.505 28.8273C135.448 25.8135 133.969 22.9647 132.112 20.366C127.675 14.0783 121.835 8.91038 115.055 5.27165C108.1 1.75769 100.188 0.382053 92.4221 0.846494C83.1639 1.40995 74.6013 4.94984 68.3018 11.9789C63.7046 17.0265 60.5761 23.4132 59.6708 30.1912C58.4425 41.0218 61.4932 52.4808 68.158 61.1036C78.549 74.6184 95.1215 80.9072 110.704 86.1681C110.757 86.1822 110.813 86.1759 110.861 86.1504C110.909 86.1249 110.946 86.0822 110.964 86.0307C110.983 85.9792 110.981 85.9228 110.959 85.8726C110.937 85.8225 110.898 85.7824 110.848 85.7603C106.015 83.9721 101.257 82.0353 96.621 79.8121C85.0005 74.1987 73.281 66.2973 68.2122 53.9508C65.9501 48.5472 65.1627 42.6474 65.3584 36.8242C65.4279 33.0804 66.0916 29.3754 67.4908 25.8992C70.8374 17.2528 78.1859 10.2626 87.3109 8.25162C96.2697 6.12981 106.873 7.27677 114.877 11.9778C122.909 16.7766 130.584 24.2631 133.248 33.4411C133.428 34.0552 133.575 34.6753 133.694 35.2977C132.798 37.858 132.122 40.4904 131.676 43.1661C131.273 45.6038 130.163 51.1476 131.703 52.0529C132.385 52.4549 133.256 52.2887 133.685 51.6262C133.68 51.6262 135.496 46.6694 137.658 42.1275ZM136.263 139.495C136.814 140.674 137.214 141.787 137.293 142.975C137.434 145.406 135.605 146.356 133.392 145.775C130.533 145.117 129.37 141.898 129.801 139.236C130.002 137.926 131.426 134.992 132.653 133.428C133.873 135.275 135.226 137.535 136.263 139.492V139.495Z' fill='%23DC5FB4'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5rem;
  border: 2px dashed #ccc;
  cursor: auto;
  pointer-events: none;
}
.dress-page .dresses-gallery.grid-full {
  display: grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr) repeat(2, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  aspect-ratio: 8/5;
}
.dress-page .dresses-gallery.grid-full .gallery-item:nth-child(5) {
  grid-column: 1/3;
  grid-row: 1/3;
}
.dress-page .dresses-gallery.grid-full .gallery-item:nth-child(1) {
  grid-column: 3/4;
  grid-row: 1/2;
}
.dress-page .dresses-gallery.grid-full .gallery-item:nth-child(2) {
  grid-column: 4/5;
  grid-row: 1/2;
}
.dress-page .dresses-gallery.grid-full .gallery-item:nth-child(3) {
  grid-column: 3/4;
  grid-row: 2/3;
}
.dress-page .dresses-gallery.grid-full .gallery-item:nth-child(4) {
  grid-column: 4/5;
  grid-row: 2/3;
}
.dress-page .dresses-gallery.grid-four {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.dress-page .dresses-gallery.grid-three {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
}
.dress-page .dresses-gallery.grid-two {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
}
.dress-page .dresses-gallery.grid-one {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.dress-page .main-info {
  padding: 3rem 0;
}
.dress-page .main-info .dress-category {
  margin-bottom: 1rem;
}
.dress-page .main-info .dress-category .dress-term {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
  padding: 0.25rem 2rem;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  border-radius: 45px 0px;
}
.dress-page .main-info h1 {
  font-weight: 700;
}
.dress-page .main-info .location {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 20px;
  color: #dc5fb4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.dress-page .main-info .location ul {
  margin: 0;
  padding: 0;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dress-page .main-info .location ul li {
  list-style: none;
}
.dress-page .main-info .location ul li::after {
  content: ",";
}
.dress-page .main-info .location ul li:last-child::after {
  content: none;
}
.dress-page .main-info .location svg {
  margin-left: 0.75rem;
}
.dress-page .main-info .dress-price {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 40px;
  padding: 0rem 1rem;
  display: inline-block;
  color: #ffffff;
  background-color: #020047;
}
.dress-page .main-info .dress-price .currency {
  margin-right: 0.5rem;
}
.dress-page .main-info .dress-content p {
  font-size: 20px;
}
.dress-page .main-info .dress-content .exd-read-more-btn {
  background: none;
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.01em;
  border-bottom: 1px solid #e6e6e6;
  color: #dc5fb4;
  padding-bottom: 2rem;
}
.dress-page .main-info .dress-content .exd-read-more-btn:hover {
  text-decoration: underline;
}
.dress-page .main-info .dress-content .exd-content-preview {
  font-size: 20px;
}
.dress-page .main-info .dress-properties {
  padding-top: 2rem;
}
.dress-page .main-info .dress-properties .all-properties {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
.dress-page .main-info .dress-properties .all-properties .property {
  text-align: center;
}
.dress-page .main-info .dress-properties .all-properties .property h3 {
  margin-top: 1rem;
  position: relative;
  font-weight: 600;
  font-size: 28px;
}
.dress-page .main-info .dress-properties .all-properties .property h3::after {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  border-radius: 8px;
  width: 100%;
  height: 3px;
  display: block;
  margin-top: 0.5rem;
}
.dress-page .main-info .dress-properties .all-properties .property .property-name {
  padding: 0.2rem 1rem;
  display: block;
  margin-top: 1rem;
  background-color: #dc5fb4;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
}
.dress-page .main-info .profile-card .card {
  background: #ffffff;
  border-width: 2px 2px 0px 2px;
  border-style: solid;
  border-color: #d9d9d9;
  -webkit-box-shadow: 6px 15px 19.7px 6px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 15px 19.7px 6px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  text-align: center;
}
.dress-page .main-info .profile-card .card .card-img {
  padding: 2rem 0 0;
}
.dress-page .main-info .profile-card .card .card-img img {
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.dress-page .main-info .profile-card .card .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.dress-page .main-info .profile-card .card .card-body a {
  text-decoration: none;
}
.dress-page .main-info .profile-card .card .card-body .user-name {
  display: block;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 1rem;
}
.dress-page .main-info .profile-card .card .card-body .icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-weight: 500;
  font-size: 24px;
  color: #020047;
}
.dress-page .main-info .profile-card .card .card-body .edit-ad-button {
  text-decoration: none;
}
.dress-page .main-info .profile-card .card .card-body button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 100%;
  color: #ffffff;
  background-color: #020047;
  border-radius: 0px 0px 15px 15px;
  border: none;
  font-weight: 700;
  font-size: 36px;
  padding: 1rem;
}
.dress-page .main-info .profile-card .report-ad {
  font-weight: 400;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.dress-page .main-info .report-ad-btn {
  font-weight: 600;
  font-size: 24px;
  background-color: transparent;
  border: none;
  color: #020047;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
}
.dress-page .main-info .report-ad-btn:hover {
  background-color: #efefef;
}
.dress-page .main-info .delete-ad-btn {
  font-weight: 600;
  font-size: 24px;
  background-color: transparent;
  border: none;
  color: #ec2023;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
}
.dress-page .main-info .delete-ad-btn:hover {
  background-color: #efefef;
}
.dress-page.wedding-dresses .main-info .dress-category .dress-term {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.dress-page.wedding-dresses .main-info .location {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #a88b51;
}
.dress-page.wedding-dresses .main-info .location svg path {
  fill: #a88b51;
}
.dress-page.wedding-dresses .main-info .dress-properties .all-properties .property h3::after {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.dress-page.wedding-dresses .main-info .dress-properties .all-properties .property .property-name {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.dress-page.wedding-dresses .main-info .profile-card .card .card-body button svg circle {
  fill: #a88b51;
}
.dress-page.wedding-dresses .main-info .dress-content .exd-read-more-btn {
  color: #a88b51;
}
.dress-page.wedding-dresses .top-links button.added svg circle {
  fill: #a88b51;
}

.send-message-to-user .modal-header {
  padding: 1.5rem;
}
.send-message-to-user .modal-header .modal-title {
  font-weight: 600;
  font-size: 28px;
}
.send-message-to-user .modal-body .wrap-image {
  text-align: center;
  padding: 2rem;
}
.send-message-to-user .modal-body h2 {
  font-weight: 700;
  font-size: 40px;
  padding: 1rem;
  text-align: center;
}
.send-message-to-user .modal-body h3 {
  font-weight: 600;
  font-size: 30px;
  padding: 1rem;
  text-align: center;
}
.send-message-to-user .modal-body .word-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.share-box .product-info {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
.share-box .product-info .image img {
  border-radius: 25px;
}
.share-box .product-info .text h3 {
  font-weight: 700;
  font-size: 30px;
}
.share-box .product-info .text .location {
  font-weight: 500;
  font-size: 20px;
  color: #dc5fb4;
}
.share-box .product-info .text .dress-category {
  margin-top: 1rem;
}
.share-box .product-info .text .dress-category .dress-term {
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
  padding: 0.25rem 2rem;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(rgba(198, 42, 169, 0.65)));
  background: linear-gradient(90deg, #dc5fb4 0%, rgba(198, 42, 169, 0.65) 100%);
  border-radius: 45px 0px;
}
.share-box .wrap-submit {
  position: relative;
}
.share-box .copy-link {
  position: relative;
  background-color: #e9f1f4;
  border: 2px solid #e9f1f4;
  border-radius: 20px;
  font-weight: 600;
  font-size: 1.2rem;
  padding: 1rem;
  margin: 1rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.02em;
  direction: ltr;
  color: #020047;
  display: flex;
}
.share-box .copy-link .copy-link-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background-color: rgba(2, 0, 71, 0.04);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M28.575 3.75H21.2734C17.9655 3.74998 15.3453 3.74994 13.2948 4.02675C11.1844 4.31162 9.47629 4.91183 8.12923 6.2643C6.78219 7.61676 6.18437 9.33172 5.90064 11.4506C5.62494 13.5094 5.62498 16.14 5.625 19.4612V30.4067C5.625 33.2344 7.34991 35.6576 9.80094 36.6735C9.67479 34.9684 9.67489 32.5757 9.675 30.585V21.3705V21.192C9.67487 18.7888 9.67474 16.7183 9.89678 15.0602C10.1347 13.2832 10.6714 11.5799 12.0474 10.1982C13.4235 8.81661 15.1201 8.27784 16.89 8.03893C18.5414 7.81601 20.6038 7.81613 22.9972 7.81626L23.175 7.81628H28.575L28.7528 7.81626C31.1462 7.81613 33.204 7.81601 34.8555 8.03893C33.8676 5.52711 31.428 3.75 28.575 3.75Z' fill='%231C274C'/%3E %3Cpath d='M12.375 21.3702C12.375 16.2586 12.375 13.7028 13.9566 12.1148C15.5382 10.5269 18.0838 10.5269 23.175 10.5269H28.575C33.6662 10.5269 36.2117 10.5269 37.7934 12.1148C39.375 13.7028 39.375 16.2586 39.375 21.3702V30.4064C39.375 35.5181 39.375 38.0739 37.7934 39.6618C36.2117 41.2497 33.6662 41.2497 28.575 41.2497H23.175C18.0838 41.2497 15.5382 41.2497 13.9566 39.6618C12.375 38.0739 12.375 35.5181 12.375 30.4064V21.3702Z' fill='%231C274C'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.share-box .copy-link .link-copied {
  position: absolute;
  font-size: 12px;
  left: -2px;
  bottom: -15px;
  min-width: 7rem;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
.share-box .copy-link .link-copied.show {
  opacity: 1;
}
.share-box .copy-link:active .copy-link-btn {
  background-color: rgba(2, 0, 71, 0.08);
  border: 1px solid rgba(2, 0, 71, 0.08);
  background-position: 45% 45%;
}
.share-box .copy-link-txt {
  margin: 2rem 0;
  text-align: center;
  font-size: 30px;
}
.share-box.wedding-dresses .product-info .text .location {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #a88b51;
}
.share-box.wedding-dresses .product-info .text .location svg path {
  fill: #a88b51;
}
.share-box.wedding-dresses .product-info .text .dress-category .dress-term {
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}

.modal-content .modal-header-dress {
  padding: 2rem 1.5rem;
}
.modal-content .modal-header-dress h5 {
  font-size: 30px;
  font-weight: 600;
}

.report-ad-modal .modal-body {
  padding: 2rem;
}
.report-ad-modal .modal-body .btn-close {
  position: absolute;
  left: 2rem;
  top: 2rem;
}
.report-ad-modal .modal-body .wrap-image {
  padding: 1rem;
  text-align: center;
}
.report-ad-modal .modal-body .wrap-image img {
  max-width: 40%;
}
.report-ad-modal .modal-body .header {
  text-align: center;
  padding: 2rem 0;
}
.report-ad-modal .modal-body .header h3 {
  font-weight: 700;
  font-size: 35px;
}
.report-ad-modal .modal-body .header p {
  font-size: 16px;
  line-height: 1.4;
}
.report-ad-modal .modal-body form {
  margin-top: 2rem;
}
.report-ad-modal .modal-body form textarea {
  border: 2px solid #e9f1f4;
  border-radius: 20px;
}
.report-ad-modal .modal-body form .word-counter {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.report-ad-modal .modal-body form .word-counter .message-counter {
  direction: ltr;
}
.report-ad-modal .modal-body form .submit-report,
.report-ad-modal .modal-body form .submit-report-ad {
  padding: 0.5rem 4rem;
  background-color: #020047;
  color: #ffffff;
  border-radius: 85px;
  border: none;
  font-weight: 600;
  font-size: 25px;
  text-decoration: none;
}

@media screen and (min-width: 1200px) {
  .report-ad-modal .modal-body .header {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .dress-page .top-links {
    gap: 1rem;
  }
  .dress-page .top-links a,
  .dress-page .top-links button {
    font-size: 15px;
  }
  .dress-page .main-info h1 {
    font-size: 30px;
  }
  .dress-page .main-info .dress-category .dress-term {
    font-size: 14px;
  }
  .dress-page .main-info .location {
    font-size: 20px;
  }
  .dress-page .main-info .dress-price {
    font-size: 20px;
  }
  .dress-page .main-info .dress-content p {
    font-size: 16px;
  }
  .dress-page .main-info .dress-content .exd-content-preview {
    font-size: 16px;
  }
  .dress-page .main-info .dress-content .exd-read-more-btn {
    font-size: 16px;
  }
  .dress-page .main-info .dress-properties {
    width: 100%;
  }
  .dress-page .main-info .dress-properties h2 {
    text-align: center;
  }
  .dress-page .main-info .dress-properties .all-properties {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dress-page .main-info .dress-properties .all-properties .property {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 40%;
  }
  .dress-page .main-info .dress-properties .all-properties .property h3 {
    font-size: 18px;
  }
  .dress-page .main-info .dress-properties .all-properties .property .property-name {
    font-size: 16px;
  }
  .dress-page .main-info .dress-properties .all-properties .property img {
    max-width: 15vw;
  }
  .dress-page .main-info .profile-card .card .card-img img {
    width: 8rem;
    height: 8rem;
  }
  .dress-page .main-info .profile-card .card .card-body .user-name {
    font-size: 30px;
  }
  .dress-page .main-info .profile-card .card .card-body button {
    font-size: 20px;
  }
  .dress-page .main-info .profile-card .card .card-body button svg {
    max-width: 40px;
  }
  .dress-page .main-info .profile-card .card .card-body .icon-text {
    font-size: 20px;
  }
  .dress-page .main-info .profile-card .card .card-body .icon-text svg {
    max-width: 30px;
  }
  .dress-page .main-info .profile-card .report-ad {
    font-size: 20px;
  }
  .dress-page .main-info .report-ad-btn {
    font-size: 18px;
  }
  .dress-page .main-info .delete-ad-btn {
    font-size: 18px;
  }
  .send-message-to-user .modal-body .wrap-image {
    padding: 1rem;
  }
  .send-message-to-user .modal-body .wrap-image img {
    max-width: 30%;
  }
  .send-message-to-user .modal-body h2 {
    font-size: 20px;
    padding: 0;
  }
  .send-message-to-user .exd-send-message-form .submit-btn svg {
    max-width: 35px;
  }
  .share-box .product-info {
    padding: 1rem;
    gap: 1rem;
  }
  .share-box .product-info .text h3 {
    font-size: 20px;
  }
  .share-box .product-info .text .location {
    font-size: 18px;
  }
  .share-box .product-info .text .dress-category .dress-term {
    padding: 0.25rem 1rem;
    font-size: 14px;
  }
  .share-box .copy-link {
    margin: 1rem;
    font-size: 14px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .share-box .copy-link .copy-link-btn {
    width: 40px;
    height: 40px;
    background-size: 75%;
  }
  .share-box .copy-link .link-copied {
    left: -35px;
    bottom: -13px;
    min-width: 7rem;
  }
  .modal-content .modal-header-dress {
    padding: 1rem 1.5rem;
  }
  .modal-content .modal-header-dress h5 {
    font-size: 20px;
    font-weight: 600;
  }
  .dress-page .dresses-gallery.grid-one {
    height: 30vh;
  }
  .dress-page .dresses-gallery.grid-two {
    grid-template-rows: 1fr;
  }
  .dress-page .dresses-gallery.grid-three {
    height: 30vh;
  }
}
.main-info-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem 0;
}
.main-info-user .user-picture img {
  border: 2px solid #ffffff;
  -webkit-box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  max-width: 150px;
}
.main-info-user .user-details {
  padding-right: 2rem;
}
.main-info-user .user-details h2 {
  font-weight: 700;
  font-size: 55px;
}
.main-info-user .user-details p {
  font-weight: 400;
  font-size: 28px;
  color: #8592a6;
  margin: 0;
}
.main-info-user .user-details .business-type {
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border-radius: 40px;
  padding: 0.35rem 1.5rem;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-left: 0.5rem;
}

.card-buttons {
  padding: 4rem 0;
}
.card-buttons .card {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 28.1px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 28.1px 5px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  text-decoration: none;
}
.card-buttons .card .card-body h3 {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 28px;
}
.card-buttons .card .card-body p {
  font-weight: 400;
  font-size: 16px;
}

.delete-account-btn {
  font-weight: 600;
  display: inline-block;
  font-size: 32px;
  padding: 3rem 0;
  border: none;
  background-color: transparent;
  color: #020047;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .main-info-user .user-picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .main-info-user .user-details {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .main-info-user .user-details h2 {
    font-size: 35px;
    margin-bottom: 1rem;
  }
  .main-info-user .user-details p {
    font-size: 18px;
  }
  .main-info-user .user-details .email {
    margin-bottom: 0.5rem;
  }
  .card-buttons {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .card-buttons .card svg {
    height: 2rem;
    width: 2rem;
  }
  .card-buttons .card .card-body h3 {
    font-size: 18px;
  }
  .card-buttons .card .card-body p {
    font-size: 15px;
  }
}
.exd-profile-top {
  margin-top: 3rem;
  text-align: center;
}
.exd-profile-top .profile-picture img {
  border-radius: 50%;
  -webkit-box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
}
.exd-profile-top .profile-info h2 {
  font-weight: 700;
  font-size: 64px;
}
.exd-profile-top .profile-info .profile-age {
  font-weight: 600;
  font-size: 36px;
  color: #dc5fb4;
}

.exd-profile-features {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.exd-profile-features .txt {
  margin-top: 1.5rem;
  font-weight: 600;
  font-size: 30px;
  padding: 0.25rem 3rem;
  color: #ffffff;
  background: #dc5fb4;
  border-radius: 25px;
}

.exd-profile-bio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='927' height='440' viewBox='0 0 927 440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.15' d='M157.324 310V196.783C157.324 144.667 168.547 101.536 190.993 67.3913C214.337 33.2463 248.006 10.7826 292 0V47.1739C265.065 54.3623 245.761 67.8406 234.089 87.6087C222.418 106.478 215.684 131.188 213.888 161.739H265.065V310H157.324ZM0 310V196.783C0 144.667 11.223 101.536 33.6689 67.3913C57.0127 33.2463 90.6816 10.7826 134.676 0V47.1739C107.74 54.3623 88.437 67.8406 76.7651 87.6087C65.0932 106.478 58.3594 131.188 56.5638 161.739H107.74V310H0Z' fill='%23DC5FB4'/%3E %3Cpath opacity='0.1' d='M792.324 440V326.783C792.324 274.667 803.547 231.536 825.993 197.391C849.337 163.246 883.006 140.783 927 130V177.174C900.065 184.362 880.761 197.841 869.089 217.609C857.418 236.478 850.684 261.188 848.888 291.739H900.065V440H792.324ZM635 440V326.783C635 274.667 646.223 231.536 668.669 197.391C692.013 163.246 725.682 140.783 769.676 130V177.174C742.74 184.362 723.437 197.841 711.765 217.609C700.093 236.478 693.359 261.188 691.564 291.739H742.74V440H635Z' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 3rem 0;
}
.exd-profile-bio p {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.exd-profile-ads {
  margin-top: 3rem;
}

.show-reviews-btn {
  padding: 1rem 3rem;
  background: #020047;
  border-radius: 25px;
  border: none;
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}

.report-profile-btn {
  font-weight: 400;
  font-size: 28px;
  background-color: transparent;
  border: none;
  color: #020047;
}

@media screen and (max-width: 768px) {
  .exd-profile-top .profile-picture img {
    max-width: 25%;
  }
  .exd-profile-top .profile-info h2 {
    font-size: 30px;
  }
  .exd-profile-top .profile-info .profile-age {
    font-size: 20px;
  }
  .exd-profile-top .profile-info .profile-age svg {
    max-width: 1.5rem;
  }
  .exd-profile-features svg {
    max-width: 4rem;
  }
  .exd-profile-features .txt {
    margin-top: 1rem;
    font-size: 16px;
    padding: 0.25rem 3rem;
  }
  .exd-profile-bio {
    padding: 2rem 0;
  }
  .exd-profile-bio p {
    max-width: 90%;
    font-size: 18px;
    line-height: 120%;
  }
  .exd-profile-ads > h2 {
    font-size: 30px;
    text-align: center;
  }
  .show-reviews-btn {
    padding: 1rem 2rem;
    font-size: 18px;
  }
  .report-profile-btn {
    font-size: 18px;
  }
}
.exd-edit-profile {
  padding: 3rem 0;
}
.exd-edit-profile .exd-edit-profile-form .wrap-picture-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  margin-bottom: 5rem;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .clickable-image {
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .clickable-image:hover {
  opacity: 0.8;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .clickable-image.loading {
  opacity: 0.7;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .wrap-picture {
  position: relative;
  cursor: pointer;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .wrap-picture span {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.2rem;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  -webkit-box-shadow: 0px 4px 6.2px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 6.2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture .wrap-picture.loading::after {
  content: "";
  background-image: url("assets/images/spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
.exd-edit-profile .exd-edit-profile-form .edit-picture img {
  width: 280px;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.exd-edit-profile .exd-edit-profile-form .txt h2 {
  font-weight: 700;
  font-size: 48px;
}
.exd-edit-profile .exd-edit-profile-form .txt p {
  font-size: 24px;
  line-height: 33px;
  color: #8592a6;
}
.exd-edit-profile .exd-edit-profile-form .editable-field {
  margin-bottom: 4rem;
}
.exd-edit-profile .exd-edit-profile-form label {
  font-size: 24px;
  color: #8592a6;
  margin-bottom: 1rem;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  border: none;
  border-bottom: 4px solid #e9f1f4;
  border-radius: 0;
  padding-right: 0;
  font-weight: 600;
  font-size: 32px;
  color: #020047;
  /* For older browsers that may require vendor prefixes */
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::-ms-input-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):-moz-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
  font-weight: 400;
}
.exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
  border: none;
  border-bottom: 4px solid #ffcccc;
  outline: 0;
}
.exd-edit-profile .exd-edit-profile-form .business-type-wrap {
  padding-bottom: 2rem;
}
.exd-edit-profile .exd-edit-profile-form .business-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.exd-edit-profile .exd-edit-profile-form .business-type span {
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border-radius: 25px;
  padding: 0.25rem 2rem;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect {
  position: relative;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  z-index: 10;
  width: 50%;
  padding: 1rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 15.2px 3px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 25px 25px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list .option {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #020047;
  cursor: pointer;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list .option:hover {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list .option.selected {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .selected-options {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .tag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  height: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #e9f1f4;
  padding: 0.375rem 0.75rem;
  cursor: text;
  background: #fff;
  position: relative;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .tag-container .selected-tag {
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exd-edit-profile .exd-edit-profile-form .exd-multiselect .tag-container .selected-tag .remove-tag {
  margin-right: 5px;
  cursor: pointer;
}
.exd-edit-profile .exd-edit-profile-form .wrap-field button {
  border: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 1rem;
}
.exd-edit-profile .exd-edit-profile-form .wrap-field button.clicked {
  opacity: 0.8;
}
.exd-edit-profile .exd-edit-profile-form .favorite-cities-selected-tags,
.exd-edit-profile .exd-edit-profile-form .dress-sizes-selected-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 5px;
}
.exd-edit-profile .exd-edit-profile-form .exd-city-tag,
.exd-edit-profile .exd-edit-profile-form .exd-size-tag {
  padding: 0.5rem 1rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exd-edit-profile .exd-edit-profile-form .exd-city-tag .btn-close,
.exd-edit-profile .exd-edit-profile-form .exd-size-tag .btn-close {
  margin-right: 5px;
  cursor: pointer;
  background-size: 10px;
}
.exd-edit-profile .exd-edit-profile-form .dress-sizes-suggestions-list {
  width: 100%;
  z-index: 10;
}
.exd-edit-profile .exd-edit-profile-form .dress-sizes-suggestions-list .dress-size-suggestion-item.bg-gray {
  background-color: #dddddd;
}
.exd-edit-profile .exd-edit-profile-form .email-message {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  font-weight: 600;
  color: #020047;
  padding: 1rem;
  -webkit-box-shadow: 0px 2px 18.5px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 18.5px 2px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  max-width: 30%;
  text-align: center;
}
.exd-edit-profile .exd-edit-profile-form .free-content {
  font-size: 22px;
  letter-spacing: 0.02em;
  border: 2px solid #dc5fb4;
  border-radius: 20px;
  padding: 1rem;
}
.exd-edit-profile .exd-edit-profile-form .description-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #8592a6;
  direction: ltr;
}
.exd-edit-profile .exd-edit-profile-form .save-changes-btn {
  padding: 0.5rem 2rem;
  font-size: 25px;
  color: #ffffff;
  background: #dc5fb4;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  .exd-edit-profile .exd-edit-profile-form .wrap-picture-edit {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
  }
  .exd-edit-profile .exd-edit-profile-form .edit-picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .exd-edit-profile .exd-edit-profile-form .edit-picture .wrap-picture {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .exd-edit-profile .exd-edit-profile-form .edit-picture .wrap-picture span {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: auto;
    bottom: auto;
    font-size: 14px;
  }
  .exd-edit-profile .exd-edit-profile-form .edit-picture img {
    width: 80px;
    height: 80px;
  }
  .exd-edit-profile .exd-edit-profile-form .txt h2 {
    font-size: 25px;
  }
  .exd-edit-profile .exd-edit-profile-form .txt p {
    font-size: 16px;
    line-height: 1.2;
  }
  .exd-edit-profile .exd-edit-profile-form .wrap-field button {
    bottom: 0;
  }
  .exd-edit-profile .exd-edit-profile-form .wrap-field button svg {
    width: 50px;
  }
  .exd-edit-profile .exd-edit-profile-form label {
    font-size: 18px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .exd-edit-profile .exd-edit-profile-form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    font-size: 17px;
  }
  .exd-edit-profile .exd-edit-profile-form input:not([type=submit]) {
    font-size: 18px;
  }
  .exd-edit-profile .exd-edit-profile-form .free-content {
    font-size: 16px;
  }
  .exd-edit-profile .exd-edit-profile-form .email-message {
    position: absolute;
    left: 0;
    right: auto;
    top: -0.5rem;
    margin-top: 0.5rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 11px;
    padding: 0.5rem;
    max-width: none;
  }
  .exd-edit-profile .exd-edit-profile-form .exd-size-tag,
  .exd-edit-profile .exd-edit-profile-form .exd-city-tag {
    font-size: 14px;
    padding: 0.25rem 1rem 0.25rem 0.5rem;
  }
  .exd-edit-profile .exd-edit-profile-form .exd-size-tag .btn-close,
  .exd-edit-profile .exd-edit-profile-form .exd-city-tag .btn-close {
    margin-right: 2px;
  }
  .exd-edit-profile .exd-edit-profile-form .description-counter {
    font-size: 1rem;
  }
  .exd-edit-profile .exd-edit-profile-form .editable-field {
    margin-bottom: 2rem;
  }
  .exd-edit-profile .exd-edit-profile-form .save-changes-btn {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }
  .exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list {
    width: 100%;
  }
  .exd-edit-profile .exd-edit-profile-form .exd-multiselect .options-list .option {
    font-size: 14px;
    padding: 0.35rem 0.75rem;
  }
  .exd-edit-profile .exd-edit-profile-form .exd-multiselect .tag-container .selected-tag {
    font-size: 14px;
    padding: 0.35rem 0.75rem;
  }
}
.next-step-btn,
.prev-step-btn,
.homepage-btn,
.submit-form,
.ads-btn {
  padding: 1rem 2rem;
  background-color: #020047;
  color: #ffffff;
  border-radius: 85px;
  border: none;
  font-size: 32px;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 20rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.next-step-btn:hover,
.prev-step-btn:hover,
.homepage-btn:hover,
.submit-form:hover,
.ads-btn:hover {
  color: #ffffff;
}

.ads-btn {
  background-color: #dc5fb4;
}

.next-step-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.next-step-btn.loading::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid #1b1775;
  border-top-color: #ffffff;
  border-radius: 50%;
  -webkit-animation: button-loading-spinner 0.75s linear infinite;
          animation: button-loading-spinner 0.75s linear infinite;
}

@-webkit-keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn);
  }
}

@keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn);
  }
}
.form-navigation {
  gap: 2rem;
}

.multi-step-form-wrapper {
  padding-bottom: 3rem;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.form-progress-indicator {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 16px;
  color: #ffffff;
  background-color: #020047;
}
.form-progress-indicator .step-indicator {
  height: 16px;
  background-color: #dc5fb4;
  position: absolute;
  display: none;
}
.form-progress-indicator .step-indicator::before {
  font-weight: 600;
  position: absolute;
  left: -1rem;
  top: -1rem;
  width: 50px;
  line-height: 50px;
  text-align: center;
  height: 50px;
  z-index: 1;
  border-radius: 50%;
  display: block;
  background-color: #dc5fb4;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.form-progress-indicator .step-indicator[data-step="1"] {
  width: 15%;
}
.form-progress-indicator .step-indicator[data-step="1"]::before {
  content: "15%";
}
.form-progress-indicator .step-indicator[data-step="2"] {
  width: 35%;
}
.form-progress-indicator .step-indicator[data-step="2"]::before {
  content: "35%";
}
.form-progress-indicator .step-indicator[data-step="3"] {
  width: 55%;
}
.form-progress-indicator .step-indicator[data-step="3"]::before {
  content: "55%";
}
.form-progress-indicator .step-indicator[data-step="4"] {
  width: 75%;
}
.form-progress-indicator .step-indicator[data-step="4"]::before {
  content: "75%";
}
.form-progress-indicator .step-indicator[data-step="5"] {
  width: 90%;
}
.form-progress-indicator .step-indicator[data-step="5"]::before {
  content: "90%";
}
.form-progress-indicator .step-indicator[data-step="6"] {
  width: 95%;
}
.form-progress-indicator .step-indicator[data-step="6"]::before {
  content: "95%";
}
.form-progress-indicator .step-indicator[data-step="7"] {
  width: 98.9%;
}
.form-progress-indicator .step-indicator[data-step="7"]::before {
  content: "100%";
}
.form-progress-indicator .step-indicator.current-step {
  display: block;
}

.form-step .wrap-image img {
  max-width: 30%;
}
.form-step .intro h2 {
  font-weight: 700;
  font-size: 64px;
}
.form-step .intro p {
  font-size: 28px;
}
.form-step input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  border: none;
  border-radius: 0;
  border-bottom: 3px solid #e9f1f4;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='74' height='50' viewBox='0 0 74 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M45.8859 14.0425C46.7185 12.2932 47.6851 10.6177 48.858 9.07745C51.0765 6.15721 54.0112 3.71517 57.4497 2.37568C60.2289 1.29513 63.3511 1.10456 66.0902 2.41694C70.434 4.3356 72.6631 9.4468 71.3503 13.9549C71.188 14.4755 71.0006 15.0217 70.7951 15.5301C70.2558 16.8914 69.5348 18.1735 68.6517 19.3415C66.9036 21.6861 64.3417 23.6138 62.0552 25.4543C55.3153 30.8806 47.5853 38.6083 44.5024 43.0425C40.9806 38.6767 36.2124 35.0063 31.1106 33.0417C22.7374 29.8154 13.111 30.3816 5.60022 35.0385C3.56525 36.2885 1.67724 37.8012 0.0461967 39.5458C0.0169777 39.5761 0.000454225 39.6165 9.22625e-06 39.6586C-0.000435773 39.7007 0.0152313 39.7414 0.043803 39.7723C0.0723746 39.8032 0.111689 39.8221 0.153698 39.825C0.195707 39.8279 0.237232 39.8146 0.269772 39.7879C5.42419 35.6912 11.7024 33.0877 18.2478 32.6213C19.3866 32.5424 20.529 32.5292 21.6694 32.582C29.5908 32.9501 36.9543 35.5682 42.168 41.7765C42.7896 42.5144 43.2894 43.1446 43.8391 43.9376C43.7004 44.1148 42.9672 45.2849 42.5818 46.2464C42.1436 47.3352 42.3688 48.7792 43.3825 49.5132C44.2391 50.1517 45.5542 50.1926 46.3869 49.4527C47.4317 48.4916 47.1519 47.0209 46.5495 45.9297C46.0863 45.1631 45.4454 44.3061 44.889 43.582C47.3087 40.2134 49.8599 37.6881 52.8097 35.0606C62.1774 26.716 67.1908 26.2519 71.3114 20.547C72.8085 18.4725 73.6762 16.0106 73.8108 13.4558C74.1169 7.2578 70.201 2.09395 64.2871 0.465661C61.8678 -0.207031 59.2808 -0.113907 56.8607 0.507704C52.023 1.74818 47.7939 5.18354 45.5016 9.60908C45.1492 8.60447 44.6561 7.65488 44.0372 6.78865C42.5583 4.69277 40.6117 2.97012 38.3515 1.75721C36.0332 0.585897 33.3959 0.127351 30.8073 0.282164C27.7212 0.469983 24.867 1.64994 22.7672 3.99297C21.2348 5.67548 20.192 7.80436 19.8902 10.0637C19.4808 13.6739 20.4977 17.4936 22.7193 20.3678C26.1829 24.8727 31.7071 26.969 36.9012 28.7226C36.9188 28.7273 36.9375 28.7252 36.9536 28.7167C36.9697 28.7082 36.982 28.694 36.988 28.6768C36.9941 28.6597 36.9935 28.6409 36.9862 28.6241C36.979 28.6074 36.9658 28.5941 36.9491 28.5867C35.3381 27.9906 33.7523 27.345 32.2069 26.604C28.3334 24.7329 24.4269 22.0991 22.7374 17.9835C21.9833 16.1824 21.7209 14.2158 21.7861 12.2747C21.8093 11.0268 22.0305 9.79179 22.4969 8.63305C23.6124 5.75093 26.0619 3.42087 29.1036 2.75053C32.0898 2.04326 35.6242 2.42558 38.2922 3.99258C40.9696 5.59218 43.5279 8.08766 44.4159 11.147C44.4761 11.3517 44.5248 11.5584 44.5645 11.7659C44.2658 12.6193 44.0407 13.4968 43.8918 14.3886C43.7574 15.2012 43.3876 17.0492 43.9008 17.3509C44.1283 17.4849 44.4187 17.4295 44.5617 17.2087C44.5598 17.2087 45.1653 15.5564 45.8859 14.0425ZM45.421 46.4983C45.6045 46.8912 45.7377 47.2621 45.7641 47.6582C45.8112 48.4684 45.2014 48.7851 44.4639 48.5914C43.511 48.3721 43.1232 47.2991 43.267 46.4118C43.3338 45.9753 43.8085 44.9973 44.2175 44.4759C44.6242 45.0916 45.0753 45.8448 45.421 46.4971V46.4983Z' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 5rem;
  background-size: 4rem;
  font-size: 32px;
}
.form-step input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-step .word-counter {
  position: absolute;
  font-size: 32px;
  color: #a9a3a3;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#step-1.form-step .tags-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 1rem;
}
#step-1.form-step .tags-container .city-tag {
  padding: 0.35rem 1.2rem;
  border: 1px solid #020047;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border: 1px solid #c62aa9;
  border-radius: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
#step-1.form-step .tags-container .city-tag .remove-tag {
  margin-right: 3px;
  cursor: pointer;
  background-size: 15px;
}

.color-options {
  gap: 3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.color-options .color-option-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(25% - 2.35rem);
  aspect-ratio: 1/1;
  padding: 1rem;
  border-radius: 25px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.color-options .color-option-wrapper:hover {
  background: rgba(220, 95, 180, 0.15);
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.color-options .color-option-wrapper .color-radio-hidden-input {
  display: none;
}
.color-options .color-option-wrapper .color-circle-visual {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 16.4px 4px rgba(0, 0, 0, 0.25);
}
.color-options .color-option-wrapper .color-radio-hidden-input:checked + .color-circle-visual {
  border-color: #dc5fb4;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.2);
}
.color-options .color-option-wrapper .color-text-label {
  font-size: 1rem;
  color: #333;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5rem;
}
.color-options .color-option-wrapper .color-radio-hidden-input:checked ~ .color-text-label {
  color: #dc5fb4;
}
.color-options .color-option-wrapper.selected {
  background: rgba(220, 95, 180, 0.25);
  border: 1px solid #dc5fb4;
}

.ad-type-selection,
.size-selection,
.sleeve-selection,
.cut-selection,
.dress-length-selection,
.quality-selection {
  border: 1px solid #dc5fb4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
}

.ad-type-option-wrapper,
.size-option-wrapper,
.sleeve-option-wrapper,
.cut-option-wrapper,
.dress-length-option-wrapper,
.quality-option-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
}
.ad-type-option-wrapper input[type=checkbox],
.ad-type-option-wrapper input[type=radio],
.size-option-wrapper input[type=checkbox],
.size-option-wrapper input[type=radio],
.sleeve-option-wrapper input[type=checkbox],
.sleeve-option-wrapper input[type=radio],
.cut-option-wrapper input[type=checkbox],
.cut-option-wrapper input[type=radio],
.dress-length-option-wrapper input[type=checkbox],
.dress-length-option-wrapper input[type=radio],
.quality-option-wrapper input[type=checkbox],
.quality-option-wrapper input[type=radio] {
  display: none;
}
.ad-type-option-wrapper .ad-type-visual-btn,
.ad-type-option-wrapper .size-visual-btn,
.ad-type-option-wrapper .sleeve-visual-btn,
.ad-type-option-wrapper .cut-visual-btn,
.ad-type-option-wrapper .dress-length-visual-btn,
.ad-type-option-wrapper .quality-visual-btn,
.size-option-wrapper .ad-type-visual-btn,
.size-option-wrapper .size-visual-btn,
.size-option-wrapper .sleeve-visual-btn,
.size-option-wrapper .cut-visual-btn,
.size-option-wrapper .dress-length-visual-btn,
.size-option-wrapper .quality-visual-btn,
.sleeve-option-wrapper .ad-type-visual-btn,
.sleeve-option-wrapper .size-visual-btn,
.sleeve-option-wrapper .sleeve-visual-btn,
.sleeve-option-wrapper .cut-visual-btn,
.sleeve-option-wrapper .dress-length-visual-btn,
.sleeve-option-wrapper .quality-visual-btn,
.cut-option-wrapper .ad-type-visual-btn,
.cut-option-wrapper .size-visual-btn,
.cut-option-wrapper .sleeve-visual-btn,
.cut-option-wrapper .cut-visual-btn,
.cut-option-wrapper .dress-length-visual-btn,
.cut-option-wrapper .quality-visual-btn,
.dress-length-option-wrapper .ad-type-visual-btn,
.dress-length-option-wrapper .size-visual-btn,
.dress-length-option-wrapper .sleeve-visual-btn,
.dress-length-option-wrapper .cut-visual-btn,
.dress-length-option-wrapper .dress-length-visual-btn,
.dress-length-option-wrapper .quality-visual-btn,
.quality-option-wrapper .ad-type-visual-btn,
.quality-option-wrapper .size-visual-btn,
.quality-option-wrapper .sleeve-visual-btn,
.quality-option-wrapper .cut-visual-btn,
.quality-option-wrapper .dress-length-visual-btn,
.quality-option-wrapper .quality-visual-btn {
  display: inline-block;
  padding: 1rem 2.5rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
}
.ad-type-option-wrapper.borders,
.size-option-wrapper.borders,
.sleeve-option-wrapper.borders,
.cut-option-wrapper.borders,
.dress-length-option-wrapper.borders,
.quality-option-wrapper.borders {
  border-left: 1px solid #dc5fb4;
  border-right: 1px solid #dc5fb4;
}
.ad-type-option-wrapper.no-borders,
.size-option-wrapper.no-borders,
.sleeve-option-wrapper.no-borders,
.cut-option-wrapper.no-borders,
.dress-length-option-wrapper.no-borders,
.quality-option-wrapper.no-borders {
  border-left: none;
  border-right: none;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.size-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .ad-type-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .size-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.size-option-wrapper input[type=radio]:checked + .size-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .size-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .size-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .size-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .size-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.size-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .sleeve-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.size-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .cut-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.size-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .dress-length-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}
.ad-type-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.ad-type-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.size-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.size-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.sleeve-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.sleeve-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.cut-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.cut-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.dress-length-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.dress-length-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.quality-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.quality-option-wrapper input[type=radio]:checked + .quality-visual-btn {
  background-color: rgb(255, 221, 244);
  color: #dc5fb4;
}

.size-option-wrapper,
.sleeve-option-wrapper,
.cut-option-wrapper,
.quality-option-wrapper {
  border-left: 1px solid #dc5fb4;
}
.size-option-wrapper:last-child,
.sleeve-option-wrapper:last-child,
.cut-option-wrapper:last-child,
.quality-option-wrapper:last-child {
  border: none;
}

.ad-type-selection.is-business .ad-type-option-wrapper.borders {
  border-left: none;
}

.step-3-bottom-text {
  background-color: #020047;
  font-size: 35px;
  line-height: 48px;
  padding: 3rem 2rem;
}
.step-3-bottom-text p {
  color: #ffffff;
}
.step-3-bottom-text br {
  display: block;
}

.pricing-section .nav {
  margin: 0;
  padding: 0;
  border: 1px solid #dc5fb4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
}
.pricing-section .nav li button {
  display: inline-block;
  padding: 1rem 2.5rem;
  color: #020047;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
  border: none;
}
.pricing-section .nav li button.active {
  color: #dc5fb4;
  background: rgba(220, 95, 180, 0.15);
}
.pricing-section .nav li:first-child button {
  border-left: 1px solid #dc5fb4;
}
.pricing-section textarea {
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: #020047;
}
.pricing-section .exchange-details-title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 1rem;
  margin-top: 5rem;
  color: #dc5fb4;
}

.image-upload-section .main-upload-area {
  height: 437px;
}
.image-upload-section .main-upload-area label {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.image-upload-section .main-upload-area .dashed-square-upload .upload-text {
  font-weight: 600;
  font-size: 55px;
}
.image-upload-section .additional-upload-area {
  height: 450px;
}
.image-upload-section .additional-upload-area label {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.image-upload-section .additional-upload-area .dashed-square-upload .upload-text {
  font-size: 25px;
  color: #030303;
}
.image-upload-section .dashed-square-upload {
  overflow: hidden;
  border: 1px dashed #020047;
  border-radius: 25px;
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-upload-section .dashed-square-upload .upload-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
}
.image-upload-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-upload-section .remove-image-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

.summary-content .summary-section-border {
  border-bottom: 3px solid #e9f1f4;
}
.summary-content .summary-section-border h3 {
  font-size: 26px;
}
.summary-content .summary-section-border .color-option-wrapper {
  pointer-events: none;
}
.summary-content .summary-section-border.is-business {
  border-bottom: none;
}
.summary-content .nav {
  margin: 0;
  padding: 0;
  border: 1px solid #dc5fb4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
}
.summary-content .nav li button {
  display: inline-block;
  padding: 1rem 2.5rem;
  color: #020047;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
  border: none;
}
.summary-content .nav li button.active {
  color: #dc5fb4;
  background: rgba(220, 95, 180, 0.15);
}
.summary-content .nav li:first-child button {
  border-left: 1px solid #dc5fb4 !important;
}
.summary-content .ad-type-option-wrapper,
.summary-content .size-option-wrapper,
.summary-content .sleeve-option-wrapper,
.summary-content .cut-option-wrapper,
.summary-content .dress-length-option-wrapper,
.summary-content .quality-option-wrapper {
  border-left: 1px solid #dc5fb4;
}
.summary-content .ad-type-option-wrapper:last-child,
.summary-content .size-option-wrapper:last-child,
.summary-content .sleeve-option-wrapper:last-child,
.summary-content .cut-option-wrapper:last-child,
.summary-content .dress-length-option-wrapper:last-child,
.summary-content .quality-option-wrapper:last-child {
  border-left: none;
}

.form-step input:not([type=submit]):not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f0f0f0;
  color: #888;
  border: 1px solid #ccc;
  cursor: not-allowed;
  background-image: none;
}

.summary-price-box .price {
  font-weight: 700;
  font-size: 40px;
}

.end-step .intro .ad-id {
  color: #dc5fb4;
  font-weight: 600;
}
.end-step .intro p br {
  display: block;
}

.create-dress-ad-page.wedding-dresses .form-progress-indicator {
  background-color: #ebd6ab;
}
.create-dress-ad-page.wedding-dresses .form-progress-indicator .step-indicator {
  background-color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .form-progress-indicator .step-indicator::before {
  background-color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .form-step input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='74' height='50' viewBox='0 0 74 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M45.8859 14.0425C46.7185 12.2932 47.6851 10.6177 48.858 9.07745C51.0765 6.15721 54.0112 3.71517 57.4497 2.37568C60.2289 1.29513 63.3511 1.10456 66.0902 2.41694C70.434 4.3356 72.6631 9.4468 71.3503 13.9549C71.188 14.4755 71.0006 15.0217 70.7951 15.5301C70.2558 16.8914 69.5348 18.1735 68.6517 19.3415C66.9036 21.6861 64.3417 23.6138 62.0552 25.4543C55.3153 30.8806 47.5853 38.6083 44.5024 43.0425C40.9806 38.6767 36.2124 35.0063 31.1106 33.0417C22.7374 29.8154 13.111 30.3816 5.60022 35.0385C3.56525 36.2885 1.67724 37.8012 0.0461967 39.5458C0.0169777 39.5761 0.000454225 39.6165 9.22625e-06 39.6586C-0.000435773 39.7007 0.0152313 39.7414 0.043803 39.7723C0.0723746 39.8032 0.111689 39.8221 0.153698 39.825C0.195707 39.8279 0.237232 39.8146 0.269772 39.7879C5.42419 35.6912 11.7024 33.0877 18.2478 32.6213C19.3866 32.5424 20.529 32.5292 21.6694 32.582C29.5908 32.9501 36.9543 35.5682 42.168 41.7765C42.7896 42.5144 43.2894 43.1446 43.8391 43.9376C43.7004 44.1148 42.9672 45.2849 42.5818 46.2464C42.1436 47.3352 42.3688 48.7792 43.3825 49.5132C44.2391 50.1517 45.5542 50.1926 46.3869 49.4527C47.4317 48.4916 47.1519 47.0209 46.5495 45.9297C46.0863 45.1631 45.4454 44.3061 44.889 43.582C47.3087 40.2134 49.8599 37.6881 52.8097 35.0606C62.1774 26.716 67.1908 26.2519 71.3114 20.547C72.8085 18.4725 73.6762 16.0106 73.8108 13.4558C74.1169 7.2578 70.201 2.09395 64.2871 0.465661C61.8678 -0.207031 59.2808 -0.113907 56.8607 0.507704C52.023 1.74818 47.7939 5.18354 45.5016 9.60908C45.1492 8.60447 44.6561 7.65488 44.0372 6.78865C42.5583 4.69277 40.6117 2.97012 38.3515 1.75721C36.0332 0.585897 33.3959 0.127351 30.8073 0.282164C27.7212 0.469983 24.867 1.64994 22.7672 3.99297C21.2348 5.67548 20.192 7.80436 19.8902 10.0637C19.4808 13.6739 20.4977 17.4936 22.7193 20.3678C26.1829 24.8727 31.7071 26.969 36.9012 28.7226C36.9188 28.7273 36.9375 28.7252 36.9536 28.7167C36.9697 28.7082 36.982 28.694 36.988 28.6768C36.9941 28.6597 36.9935 28.6409 36.9862 28.6241C36.979 28.6074 36.9658 28.5941 36.9491 28.5867C35.3381 27.9906 33.7523 27.345 32.2069 26.604C28.3334 24.7329 24.4269 22.0991 22.7374 17.9835C21.9833 16.1824 21.7209 14.2158 21.7861 12.2747C21.8093 11.0268 22.0305 9.79179 22.4969 8.63305C23.6124 5.75093 26.0619 3.42087 29.1036 2.75053C32.0898 2.04326 35.6242 2.42558 38.2922 3.99258C40.9696 5.59218 43.5279 8.08766 44.4159 11.147C44.4761 11.3517 44.5248 11.5584 44.5645 11.7659C44.2658 12.6193 44.0407 13.4968 43.8918 14.3886C43.7574 15.2012 43.3876 17.0492 43.9008 17.3509C44.1283 17.4849 44.4187 17.4295 44.5617 17.2087C44.5598 17.2087 45.1653 15.5564 45.8859 14.0425ZM45.421 46.4983C45.6045 46.8912 45.7377 47.2621 45.7641 47.6582C45.8112 48.4684 45.2014 48.7851 44.4639 48.5914C43.511 48.3721 43.1232 47.2991 43.267 46.4118C43.3338 45.9753 43.8085 44.9973 44.2175 44.4759C44.6242 45.0916 45.0753 45.8448 45.421 46.4971V46.4983Z' fill='%23A88B51'/%3E %3C/svg%3E ");
}
.create-dress-ad-page.wedding-dresses .form-step.summary-step input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  background-image: none;
}
.create-dress-ad-page.wedding-dresses #step-1.form-step .tags-container .city-tag {
  padding: 0.35rem 1.2rem;
  border: 1px solid #020047;
  color: #ffffff;
  border: 1px solid #a88b51;
  background: -webkit-gradient(linear, left top, right top, from(#a88b51), to(rgba(168, 139, 81, 0.65)));
  background: linear-gradient(90deg, #a88b51 0%, rgba(168, 139, 81, 0.65) 100%);
}
.create-dress-ad-page.wedding-dresses .color-options .color-option-wrapper:hover {
  background: rgba(233, 219, 202, 0.25);
  border: 1px solid #a88b51;
}
.create-dress-ad-page.wedding-dresses .color-options .color-option-wrapper.selected {
  background: rgba(233, 219, 202, 0.25);
  border: 1px solid #a88b51;
}
.create-dress-ad-page.wedding-dresses .color-options .color-option-wrapper .color-radio-hidden-input:checked + .color-circle-visual {
  border-color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .color-options .color-option-wrapper .color-radio-hidden-input:checked ~ .color-text-label {
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper,
.create-dress-ad-page.wedding-dresses .size-option-wrapper,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  text-align: center;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio],
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio],
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio],
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio],
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio],
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox],
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio] {
  display: none;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .size-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper .quality-visual-btn {
  display: inline-block;
  padding: 1rem 2.5rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper.borders,
.create-dress-ad-page.wedding-dresses .size-option-wrapper.borders,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper.borders,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper.borders,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper.borders,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper.borders {
  border-left: 1px solid #a88b51;
  border-right: 1px solid #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper.no-borders,
.create-dress-ad-page.wedding-dresses .size-option-wrapper.no-borders,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper.no-borders,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper.no-borders,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper.no-borders,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper.no-borders {
  border-left: none;
  border-right: none;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .ad-type-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .size-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .sleeve-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .cut-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .dress-length-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .ad-type-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .size-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper input[type=radio]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper input[type=radio]:checked + .quality-visual-btn {
  background-color: rgba(233, 219, 202, 0.25);
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .size-option-wrapper,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper {
  border-left: 1px solid #a88b51;
}
.create-dress-ad-page.wedding-dresses .size-option-wrapper:last-child,
.create-dress-ad-page.wedding-dresses .sleeve-option-wrapper:last-child,
.create-dress-ad-page.wedding-dresses .cut-option-wrapper:last-child,
.create-dress-ad-page.wedding-dresses .dress-length-option-wrapper:last-child,
.create-dress-ad-page.wedding-dresses .quality-option-wrapper:last-child {
  border: none;
}
.create-dress-ad-page.wedding-dresses .ad-type-selection,
.create-dress-ad-page.wedding-dresses .size-selection,
.create-dress-ad-page.wedding-dresses .sleeve-selection,
.create-dress-ad-page.wedding-dresses .cut-selection,
.create-dress-ad-page.wedding-dresses .dress-length-selection,
.create-dress-ad-page.wedding-dresses .fabric-selection,
.create-dress-ad-page.wedding-dresses .corset-selection,
.create-dress-ad-page.wedding-dresses .wedding-dress-type-selection,
.create-dress-ad-page.wedding-dresses .quality-selection {
  border: 1px solid #a88b51;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
  width: 100%;
}
.create-dress-ad-page.wedding-dresses .ad-type-selection > div,
.create-dress-ad-page.wedding-dresses .size-selection > div,
.create-dress-ad-page.wedding-dresses .sleeve-selection > div,
.create-dress-ad-page.wedding-dresses .cut-selection > div,
.create-dress-ad-page.wedding-dresses .dress-length-selection > div,
.create-dress-ad-page.wedding-dresses .fabric-selection > div,
.create-dress-ad-page.wedding-dresses .corset-selection > div,
.create-dress-ad-page.wedding-dresses .wedding-dress-type-selection > div,
.create-dress-ad-page.wedding-dresses .quality-selection > div {
  width: 100%;
}
.create-dress-ad-page.wedding-dresses svg path {
  fill: #a88b51;
}
.create-dress-ad-page.wedding-dresses .pricing-section .nav {
  margin: 0;
  padding: 0;
  border: 1px solid #a88b51;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
}
.create-dress-ad-page.wedding-dresses .pricing-section .nav li button {
  display: inline-block;
  padding: 1rem 2.5rem;
  color: #020047;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
  border: none;
}
.create-dress-ad-page.wedding-dresses .pricing-section .nav li button.active {
  color: #a88b51;
  background: rgba(233, 219, 202, 0.25);
}
.create-dress-ad-page.wedding-dresses .pricing-section .nav li:first-child button {
  border-left: 1px solid #a88b51;
}
.create-dress-ad-page.wedding-dresses .pricing-section textarea {
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: #020047;
}
.create-dress-ad-page.wedding-dresses .pricing-section .exchange-details-title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 1rem;
  margin-top: 5rem;
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .summary-content .nav {
  margin: 0;
  padding: 0;
  border: 1px solid #a88b51;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 30px;
}
.create-dress-ad-page.wedding-dresses .summary-content .nav li button {
  display: inline-block;
  padding: 1rem 2.5rem;
  color: #020047;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 100%;
  background-color: #ffffff;
  border: none;
}
.create-dress-ad-page.wedding-dresses .summary-content .nav li button.active {
  color: #a88b51;
  background: rgba(233, 219, 202, 0.25);
}
.create-dress-ad-page.wedding-dresses .summary-content .nav li:first-child button {
  border-left: 1px solid #a88b51 !important;
}
.create-dress-ad-page.wedding-dresses .end-step .intro .ad-id {
  color: #a88b51;
}
.create-dress-ad-page.wedding-dresses .end-step .intro .ads-btn {
  background-color: #a88b51;
}

@media screen and (max-width: 992px) {
  .multi-step-form-wrapper {
    max-width: 80%;
  }
  .color-options .color-option-wrapper .color-circle-visual {
    width: 50px;
    height: 50px;
  }
  .image-upload-section .main-upload-area {
    height: 400px;
  }
  .image-upload-section .main-upload-area .dashed-square-upload .upload-text {
    font-size: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image-upload-section .main-upload-area .dashed-square-upload .upload-text svg {
    max-width: 100px;
    max-height: 50px;
  }
  .image-upload-section .additional-upload-area {
    height: 250px;
  }
  .image-upload-section .additional-upload-area .dashed-square-upload .upload-text {
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image-upload-section .additional-upload-area .dashed-square-upload .upload-text svg {
    max-width: 100px;
    max-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .page-create-dress-ad .site-header h1 {
    font-size: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .form-progress-indicator {
    height: 5px;
  }
  .form-progress-indicator .step-indicator {
    height: 5px;
  }
  .form-progress-indicator .step-indicator::before {
    font-size: 12px;
    left: -1rem;
    top: -1rem;
    width: 35px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #ffffff;
  }
  .next-step-btn,
  .prev-step-btn,
  .homepage-btn,
  .submit-form,
  .ads-btn {
    font-size: 18px;
  }
  .form-navigation {
    gap: 1rem;
  }
  .form-navigation button {
    min-width: auto;
  }
  .form-step .intro p {
    font-size: 16px;
  }
  .form-step .intro h2 {
    font-size: 35px;
  }
  .form-step .word-counter {
    font-size: 16px;
    line-height: 1;
  }
  .form-step input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    font-size: 17px;
  }
  .multi-step-form-wrapper {
    max-width: 90%;
  }
  .color-options {
    gap: 1rem;
  }
  .color-options .color-option-wrapper {
    gap: 1rem;
    width: calc(33% - 1rem);
  }
  .color-options .color-option-wrapper .color-circle-visual {
    width: 2rem;
    height: 2rem;
  }
  .create-dress-ad-page .ad-type-option-wrapper,
  .create-dress-ad-page .size-option-wrapper,
  .create-dress-ad-page .sleeve-option-wrapper,
  .create-dress-ad-page .cut-option-wrapper,
  .create-dress-ad-page .dress-length-option-wrapper,
  .create-dress-ad-page .quality-option-wrapper {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #dc5fb4;
  }
  .create-dress-ad-page .ad-type-option-wrapper:last-child,
  .create-dress-ad-page .size-option-wrapper:last-child,
  .create-dress-ad-page .sleeve-option-wrapper:last-child,
  .create-dress-ad-page .cut-option-wrapper:last-child,
  .create-dress-ad-page .dress-length-option-wrapper:last-child,
  .create-dress-ad-page .quality-option-wrapper:last-child {
    border-bottom: none;
  }
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #a88b51;
  }
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper:last-child,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper:last-child,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper:last-child,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper:last-child,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper:last-child,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper:last-child {
    border-bottom: none;
  }
  .ad-type-selection,
  .size-selection,
  .sleeve-selection,
  .cut-selection,
  .dress-length-selection,
  .quality-selection {
    font-size: 16px;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .ad-type-selection > div,
  .size-selection > div,
  .sleeve-selection > div,
  .cut-selection > div,
  .dress-length-selection > div,
  .quality-selection > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .summary-content .nav li button {
    font-size: 16px;
  }
  .create-dress-ad-page .ad-type-option-wrapper.borders,
  .create-dress-ad-page .size-option-wrapper.borders,
  .create-dress-ad-page .sleeve-option-wrapper.borders,
  .create-dress-ad-page .cut-option-wrapper.borders,
  .create-dress-ad-page .quality-option-wrapper.borders {
    border-right: none;
  }
  .size-option-wrapper,
  .sleeve-option-wrapper,
  .cut-option-wrapper,
  .dress-length-option-wrapper,
  .quality-option-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    font-size: 1rem;
    width: auto;
  }
  .size-option-wrapper .ad-type-visual-btn,
  .size-option-wrapper .size-visual-btn,
  .size-option-wrapper .sleeve-visual-btn,
  .size-option-wrapper .cut-visual-btn,
  .size-option-wrapper .dress-length-visual-btn,
  .size-option-wrapper .quality-visual-btn,
  .sleeve-option-wrapper .ad-type-visual-btn,
  .sleeve-option-wrapper .size-visual-btn,
  .sleeve-option-wrapper .sleeve-visual-btn,
  .sleeve-option-wrapper .cut-visual-btn,
  .sleeve-option-wrapper .dress-length-visual-btn,
  .sleeve-option-wrapper .quality-visual-btn,
  .cut-option-wrapper .ad-type-visual-btn,
  .cut-option-wrapper .size-visual-btn,
  .cut-option-wrapper .sleeve-visual-btn,
  .cut-option-wrapper .cut-visual-btn,
  .cut-option-wrapper .dress-length-visual-btn,
  .cut-option-wrapper .quality-visual-btn,
  .dress-length-option-wrapper .ad-type-visual-btn,
  .dress-length-option-wrapper .size-visual-btn,
  .dress-length-option-wrapper .sleeve-visual-btn,
  .dress-length-option-wrapper .cut-visual-btn,
  .dress-length-option-wrapper .dress-length-visual-btn,
  .dress-length-option-wrapper .quality-visual-btn,
  .quality-option-wrapper .ad-type-visual-btn,
  .quality-option-wrapper .size-visual-btn,
  .quality-option-wrapper .sleeve-visual-btn,
  .quality-option-wrapper .cut-visual-btn,
  .quality-option-wrapper .dress-length-visual-btn,
  .quality-option-wrapper .quality-visual-btn {
    padding: 0.85rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ad-type-option-wrapper .ad-type-visual-btn,
  .ad-type-option-wrapper .size-visual-btn,
  .ad-type-option-wrapper .sleeve-visual-btn,
  .ad-type-option-wrapper .cut-visual-btn,
  .ad-type-option-wrapper .dress-length-visual-btn,
  .ad-type-option-wrapper .quality-visual-btn {
    font-size: 1rem;
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .ad-type-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .ad-type-visual-btn {
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .size-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .size-visual-btn {
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .sleeve-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .sleeve-visual-btn {
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .cut-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .cut-visual-btn {
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .dress-length-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .dress-length-visual-btn {
    padding: 1rem;
  }
  .ad-type-option-wrapper input[type=checkbox]:checked + .quality-visual-btn,
  .ad-type-option-wrapper input[type=radio]:checked + .quality-visual-btn {
    padding: 1rem;
  }
  .image-upload-section .main-upload-area {
    height: 200px;
  }
  .image-upload-section .main-upload-area .dashed-square-upload .upload-text {
    font-size: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image-upload-section .main-upload-area .dashed-square-upload .upload-text svg {
    max-width: 100px;
    max-height: 50px;
  }
  .image-upload-section .additional-upload-area {
    height: 150px;
  }
  .image-upload-section .additional-upload-area .dashed-square-upload .upload-text {
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image-upload-section .additional-upload-area .dashed-square-upload .upload-text svg {
    max-width: 100px;
    max-height: 50px;
  }
  .pricing-section .nav li button {
    font-size: 22px;
  }
  .pricing-section textarea {
    font-size: 17px;
    line-height: 1.4;
  }
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper .quality-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper .quality-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper .quality-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper .quality-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper .quality-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .ad-type-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .size-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .sleeve-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .cut-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .dress-length-visual-btn,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper .quality-visual-btn {
    font-size: 1rem;
    padding: 1rem;
    line-height: 1;
    height: auto;
  }
  .create-dress-ad-page.wedding-dresses .ad-type-option-wrapper.borders,
  .create-dress-ad-page.wedding-dresses .size-option-wrapper.borders,
  .create-dress-ad-page.wedding-dresses .sleeve-option-wrapper.borders,
  .create-dress-ad-page.wedding-dresses .cut-option-wrapper.borders,
  .create-dress-ad-page.wedding-dresses .dress-length-option-wrapper.borders,
  .create-dress-ad-page.wedding-dresses .quality-option-wrapper.borders {
    border-left: none;
  }
  .create-dress-ad-page.wedding-dresses .ad-type-selection,
  .create-dress-ad-page.wedding-dresses .size-selection,
  .create-dress-ad-page.wedding-dresses .sleeve-selection,
  .create-dress-ad-page.wedding-dresses .cut-selection,
  .create-dress-ad-page.wedding-dresses .dress-length-selection,
  .create-dress-ad-page.wedding-dresses .quality-selection {
    font-size: 1rem;
  }
  .create-dress-ad-page.wedding-dresses .cut-selection .cut-option-wrapper {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #a88b51;
  }
  .create-dress-ad-page.wedding-dresses .cut-selection .cut-option-wrapper:last-child {
    border-bottom: none;
  }
  .create-dress-ad-page.wedding-dresses .dress-length-selection .dress-length-option-wrapper {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #a88b51;
  }
  .create-dress-ad-page.wedding-dresses .dress-length-selection .dress-length-option-wrapper:last-child {
    border-bottom: none;
  }
  #dress-size-options-summary,
  #sleeves-options-summary,
  #cuts-options-summary,
  #dress-quality-options-summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .create-dress-ad-page .summary-content h4 {
    font-size: 16px;
  }
  .create-dress-ad-page .summary-content h2 {
    font-size: 16px;
    font-weight: 500;
  }
  .create-dress-ad-page .summary-content h3 {
    font-size: 16px;
  }
  .create-dress-ad-page .summary-content svg {
    width: 16px;
  }
  .create-dress-ad-page .summary-content .nav {
    font-size: 22px;
  }
  .create-dress-ad-page .summary-content .nav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .create-dress-ad-page .summary-content .nav li button {
    font-size: 22px;
  }
  .create-dress-ad-page .summary-content .nav li:first-child button {
    border-left: none;
  }
  .create-dress-ad-page .ad-type-selection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .create-dress-ad-page .size-option-wrapper,
  .create-dress-ad-page .size-option-wrapper,
  .create-dress-ad-page .sleeve-option-wrapper,
  .create-dress-ad-page .cut-option-wrapper,
  .create-dress-ad-page .dress-length-option-wrapper,
  .create-dress-ad-page .quality-option-wrapper {
    width: 100%;
  }
}
.seller-profile-details {
  padding: 5rem 0 0;
}
.seller-profile-details .seller-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.seller-profile-details .seller-info .user-main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seller-profile-details .seller-info .user-picture {
  position: relative;
  width: 22.5rem;
  height: 22.5rem;
  border-radius: 100%;
  -webkit-box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 5.4px 3px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seller-profile-details .seller-info .user-picture img {
  border-radius: 100%;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.seller-profile-details .seller-info .user-picture::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='370' height='366' viewBox='0 0 370 366' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.2' d='M311.347 329.061C311.347 329.061 372.038 255.17 369.533 161.352C367.029 67.533 291.912 65.065 243.473 43.7636C195.034 22.4622 172.13 -8.46629 111.213 2.75954C50.2955 13.9854 24.1224 44.0676 12.1879 93.8028C0.25345 143.538 -1.21932 192.238 1.79343 238.754C4.80618 285.271 16.1287 320.516 58.8782 329.872C101.628 339.227 117.913 327.409 140.892 343.998C163.871 360.587 258.285 388.778 311.347 329.061Z' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.seller-profile-details .seller-info .user-picture .verified {
  position: absolute;
  max-width: 6rem;
  max-height: 6rem;
  bottom: 0;
  left: 2rem;
}
.seller-profile-details .seller-info .user-fullname {
  margin-top: 2rem;
}
.seller-profile-details .seller-info .user-fullname h1 {
  font-weight: 700;
  font-size: 55px;
}
.seller-profile-details .seller-info .user-fullname .business-type {
  background: -webkit-gradient(linear, left top, right top, from(#dc5fb4), to(#c62aa9));
  background: linear-gradient(90deg, #dc5fb4 0%, #c62aa9 100%);
  border-radius: 40px;
  padding: 0.35rem 2rem;
  font-weight: 700;
  font-size: 29px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.seller-profile-details .seller-info .seller-age {
  font-weight: 600;
  font-size: 36px;
  color: #dc5fb4;
}
.seller-profile-details .seller-info .business-profile-badge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff;
  background: #020047;
  padding: 0.75rem 1rem;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.seller-profile-details .seller-info .business-profile-extra-info {
  padding: 1.5rem;
  border: 1px solid #e1e1e1;
  border-radius: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}
.seller-profile-details .seller-info .business-profile-extra-info h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 20px;
  color: #020047;
  line-height: 2;
  display: inline-block;
  border-bottom: 3px solid #dc5fb4;
}
.seller-profile-details .seller-info .business-profile-extra-info h4 {
  font-weight: 600;
  font-size: 15px;
}
.seller-profile-details .seller-info .business-profile-extra-info p {
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
}
.seller-profile-details .seller-rating {
  margin-top: 2rem;
  padding: 5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
}
.seller-profile-details .seller-rating svg {
  margin-bottom: 1.25rem;
}
.seller-profile-details .seller-rating .ammount {
  background: #dc5fb4;
  border-radius: 25px;
  font-weight: 600;
  font-size: 35px;
  line-height: 1;
  color: #ffffff;
  padding: 0.5rem 2rem;
}
.seller-profile-details .seller-rating .divider {
  width: 2px;
  height: 100%;
  position: relative;
  background-color: #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
}
.seller-profile-details .seller-description-text {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='927' height='440' viewBox='0 0 927 440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.15' d='M157.324 310V196.783C157.324 144.667 168.547 101.536 190.993 67.3913C214.337 33.2463 248.006 10.7826 292 0V47.1739C265.065 54.3623 245.761 67.8406 234.089 87.6087C222.418 106.478 215.684 131.188 213.888 161.739H265.065V310H157.324ZM0 310V196.783C0 144.667 11.223 101.536 33.6689 67.3913C57.0127 33.2463 90.6816 10.7826 134.676 0V47.1739C107.74 54.3623 88.437 67.8406 76.7651 87.6087C65.0932 106.478 58.3594 131.188 56.5638 161.739H107.74V310H0Z' fill='%23DC5FB4'/%3E %3Cpath opacity='0.1' d='M792.324 440V326.783C792.324 274.667 803.547 231.536 825.993 197.391C849.337 163.246 883.006 140.783 927 130V177.174C900.065 184.362 880.761 197.841 869.089 217.609C857.418 236.478 850.684 261.188 848.888 291.739H900.065V440H792.324ZM635 440V326.783C635 274.667 646.223 231.536 668.669 197.391C692.013 163.246 725.682 140.783 769.676 130V177.174C742.74 184.362 723.437 197.841 711.765 217.609C700.093 236.478 693.359 261.188 691.564 291.739H742.74V440H635Z' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  font-weight: 400;
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: 0.02em;
  padding: 7rem;
}

.report-profile-modal .modal-body {
  padding: 2rem;
}
.report-profile-modal .modal-body .btn-close {
  position: absolute;
  left: 2rem;
  top: 2rem;
}
.report-profile-modal .modal-body .wrap-image {
  padding: 1rem;
  text-align: center;
}
.report-profile-modal .modal-body .wrap-image img {
  max-width: 40%;
}
.report-profile-modal .modal-body .header {
  text-align: center;
  padding: 2rem 0;
}
.report-profile-modal .modal-body .header h3 {
  font-weight: 700;
  font-size: 35px;
}
.report-profile-modal .modal-body .header p {
  font-size: 16px;
  line-height: 1.4;
}
.report-profile-modal .modal-body form {
  margin-top: 2rem;
}
.report-profile-modal .modal-body form textarea {
  border: 2px solid #e9f1f4;
  border-radius: 20px;
}
.report-profile-modal .modal-body form .word-counter {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.report-profile-modal .modal-body form .word-counter .message-counter {
  direction: ltr;
}
.report-profile-modal .modal-body form .submit-report {
  padding: 0.5rem 4rem;
  background-color: #020047;
  color: #ffffff;
  border-radius: 85px;
  border: none;
  font-size: 25px;
  text-decoration: none;
}

@media screen and (min-width: 1200px) {
  .seller-profile-details .seller-rating {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    height: 40vh;
  }
  .report-profile-modal .modal-body .header {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.seller-profile-tabs {
  padding: 0;
  position: relative;
}
.seller-profile-tabs li a {
  text-decoration: none;
  font-weight: 500;
  font-size: 24px;
  color: #020047;
  padding: 0.5rem 1rem;
}
.seller-profile-tabs li a.active {
  border-bottom: 2px solid #dc5fb4;
  font-weight: 700;
}
.seller-profile-tabs::before {
  content: "";
  height: 2px;
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 100%;
  background-color: #ebebeb;
}

@media screen and (max-width: 768px) {
  .seller-profile-details .seller-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .seller-profile-details .seller-info .business-profile-badge {
    margin-bottom: 3rem;
    font-size: 18px;
    padding: 0.25rem 1rem;
  }
  .seller-profile-details .seller-info .user-picture {
    width: 15rem;
    height: 15rem;
  }
  .seller-profile-details .seller-info .user-picture::before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='280' height='366' viewBox='0 0 370 366' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.2' d='M311.347 329.061C311.347 329.061 372.038 255.17 369.533 161.352C367.029 67.533 291.912 65.065 243.473 43.7636C195.034 22.4622 172.13 -8.46629 111.213 2.75954C50.2955 13.9854 24.1224 44.0676 12.1879 93.8028C0.25345 143.538 -1.21932 192.238 1.79343 238.754C4.80618 285.271 16.1287 320.516 58.8782 329.872C101.628 339.227 117.913 327.409 140.892 343.998C163.871 360.587 258.285 388.778 311.347 329.061Z' fill='%23DC5FB4'/%3E %3C/svg%3E ");
  }
  .seller-profile-details .seller-info .user-picture .verified {
    max-width: 4rem;
    max-height: 4rem;
  }
  .seller-profile-details .seller-info .user-fullname h1 {
    font-size: 40px;
  }
  .seller-profile-details .seller-info .user-fullname .business-type {
    font-size: 18px;
    padding: 0.45rem 2rem;
  }
  .seller-profile-details .seller-info .seller-age {
    font-size: 25px;
  }
  .seller-profile-details .seller-info .business-profile-extra-info {
    width: 100%;
    margin-top: 2rem;
  }
  .seller-profile-details .seller-rating {
    padding: 2rem 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .seller-profile-details .seller-rating .reviews {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .seller-profile-details .seller-rating .stars {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .seller-profile-details .seller-rating .days {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .seller-profile-details .seller-rating svg {
    max-width: 85px;
    margin-bottom: 0;
  }
  .seller-profile-details .seller-rating .ammount {
    padding: 0.5rem 1rem;
    font-size: 15px;
  }
  .seller-profile-details .seller-description-text {
    padding: 2rem;
    font-size: 15px;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .seller-profile-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seller-profile-tabs li a {
    font-size: 1rem;
    padding: 0.5rem;
  }
}
/* Custom CSS to make Better Messages inherit website font */
/* Target the main container of Better Messages */
#better-messages-app,
.bp-better-messages,
.bm-messages-wrap,
.bm-threads-list,
.bm-messages-list,
.bm-new-message-form,
.bm-conversation-header {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

/* Target specific text elements within Better Messages */
#better-messages-app *,
.bp-better-messages *,
.bm-messages-wrap *,
.bm-threads-list *,
.bm-messages-list *,
.bm-new-message-form *,
.bm-conversation-header * {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

/* Ensure input fields and textareas also inherit the font */
#better-messages-app input,
#better-messages-app textarea,
#better-messages-app select,
#better-messages-app button {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

/* You might need to add more specific selectors if some elements don't inherit correctly.
   Use your browser's developer tools to inspect elements that aren't changing.
   For example, if message content isn't inheriting:
.bm-message-content {
    font-family: inherit !important;
}
*/
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  border-radius: 15px !important;
  background: #f3f2ff;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) * {
  color: #020047 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-pic {
  display: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  background: #020047;
  border-radius: 15px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) * {
  color: #ffffff !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-pic {
  display: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date {
  cursor: default;
  background: #dc5fb4;
  color: #ffffff;
  top: 10px;
  display: inline-block;
  left: 0;
  right: 0;
  border-radius: 5rem !important;
  padding: 0.5rem 2rem;
  z-index: 2;
  font-size: 14px;
  line-height: 15px;
  margin: 50px auto;
  opacity: 0.85;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-pic {
  display: none;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list {
  border-bottom: 2px solid #ebebeb;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic {
  width: 75px !important;
  height: 75px !important;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic img {
  width: 75px !important;
  height: 75px !important;
  border-radius: 50% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .bm-info .name {
  font-family: "Noto Sans Hebrew", sans-serif !important;
  font-weight: 600;
  font-size: 18px;
  color: #011627;
  line-height: 1.5;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .bm-info .name + h4 {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .bm-info .last-message {
  margin-top: 1rem;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .bm-info .last-message .bm-last-message-content {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .time .time-wrapper {
  font-size: 12px;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .bm-name .bm-user {
  font-weight: 600;
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .sub-name {
  font-weight: 600;
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .chat-header.side-header .bpbm-search form input {
  text-align: right;
  direction: rtl;
}
.bp-messages-wrap .chat-footer .bm-name .bm-user {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}
.bp-messages-wrap .bm-reply .bm-send-message {
  color: #ffffff;
  background-color: #011627;
  border-radius: 50%;
  width: 50px;
  height: 45px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.bp-messages-wrap .bm-reply .bm-send-message svg {
  left: auto !important;
  right: auto !important;
  width: 15px;
  display: none;
}
.bp-messages-wrap .bm-reply .bm-send-message::before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='18' viewBox='0 0 42 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M42 0.815907L42 36.1843L0 18.5001L42 0.815907ZM37.5789 7.44749L11.3842 18.5001L37.5789 29.5527V21.8159L24.3158 18.5001L37.5789 15.1843V7.44749Z' fill='white'/%3E %3C/svg%3E ");
  position: absolute;
  height: 20px;
}

.bp-messages-wrap * {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

.bm-deleted-thread p {
  color: #ebebeb;
}
.bm-deleted-thread .bm-deleted-thread-restore {
  color: #ebebeb;
}

@media screen and (max-width: 768px) {
  .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content {
    padding-left: 15px;
  }
  .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content {
    padding-right: 15px;
  }
  .bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date {
    margin: 30px auto;
  }
  .bp-messages-wrap .threads-list .thread .pic img {
    border-radius: 50% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.page-payments {
  padding: 0 0 3rem;
}
.page-payments .wrap-nav {
  border-bottom: 4px solid #ebebeb;
}
.page-payments .nav {
  padding: 0;
  margin: 0;
  margin-bottom: -3px;
}
.page-payments .nav li {
  list-style: none;
}
.page-payments .nav li button {
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  padding: 1rem;
  color: #020047;
}
.page-payments .nav li button:hover {
  font-weight: 600;
}
.page-payments .nav li button.active {
  font-weight: 600;
  border-bottom: 3px solid #dc5fb4;
}
.page-payments .table-container {
  width: 100%;
  margin: 0 auto;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
}
.page-payments .table-row {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1.5fr 1.2fr;
  padding: 10px 15px;
  border: 1px solid #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
}
.page-payments .table-row .table-cell {
  padding: 1rem;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #020047;
}
.page-payments .table-row.table-header {
  background-color: #f5f5f5;
  font-weight: bold;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #f5f5f5;
  font-weight: 500;
  font-size: 22px;
  color: #737375;
}
.page-payments .table-row.table-header .table-cell {
  font-weight: 500;
  font-size: 22px;
  color: #737375;
}
.page-payments .invoice-button {
  border: 1px solid #f5f5f5;
  border-radius: 25px;
  padding: 1rem 1rem;
  background-color: #020047;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.page-payments .invoice-button:hover {
  background-color: #dc5fb4;
}
.page-payments .invoice-button .icon {
  margin-right: 0.5rem;
}

@media screen and (max-width: 768px) {
  .page-payments .table-row {
    /* Change from grid to stacked (flex-direction: column) for mobile view */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10px;
  }
  .page-payments .table-row.table-header {
    display: none;
  }
  .page-payments .table-row .table-cell {
    text-align: right;
    padding: 8px 0;
    width: 100%;
  }
  .page-payments .table-row .table-cell:last-child {
    border-bottom: none;
    padding-top: 15px;
  }
  .page-payments .table-row .table-cell:nth-child(1) {
    text-decoration: none;
    font-weight: bold; /* Make the Invoice ID stand out */
  }
  .invoice-button {
    max-width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */