@import "../css/fonts.css";
@import "../css/nice-select.css";
@import "../css/nice-select2.css";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
li,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

html,
body {
  height: 100% !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "BCB";
  src: url("../fonts/BarlowCondensed-Bold.ttf");
}
@font-face {
  font-family: "DMR";
  src: url("../fonts/DMSans-Regular.ttf");
}
@font-face {
  font-family: "DMM";
  src: url("../fonts/DMSans-Medium.ttf");
}
@font-face {
  font-family: "DMB";
  src: url("../fonts/DMSans-Bold.ttf");
}
@font-face {
  font-family: "DMBI";
  src: url("../fonts/DMSans-BoldItalic.ttf");
}
@font-face {
  font-family: "DMMI";
  src: url("../fonts/DMSans-MediumItalic.ttf");
}
@font-face {
  font-family: "DMRI";
  src: url("../fonts/DMSans-Italic.ttf");
}
.when-submit button[type=submit] .loading, .new-announcement button[type=submit] .loading, .new-announcement button[type=submit], .new-announcement .announcement-card:after, .static-pages .tab-body .container .accordion .accordion-item, .plans .container .plan-list .plan-item a:hover, .plans .container .plan-list .plan-item a, .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part:hover div, .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part div, .new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox input:checked + label, .new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox label:before, header .mobile-categories .list .item .dropdown-inside .has-dropdown.active:before, header .mobile-categories .list .item .dropdown-inside .has-dropdown:hover:before, header .mobile-categories .list .item .dropdown-inside, header .mobile-categories .list .item.has-dropdown.active:before, header .mobile-categories .list .item.has-dropdown:hover:before, header .mobile-categories .list .item.has-dropdown:before, header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a.active:before, header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a:hover:before, header .web-categories .container .list > .list-item .dropdown-inside > .list-item.active > a:before, header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link:hover:before, header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link:before, header .web-categories .container .list > .list-item .dropdown-inside.active, header .web-categories .container .list > .list-item .dropdown-inside, header .web-categories .container .list > .list-item.has-dropdown > a:hover:before, header .web-categories .container .list > .list-item.has-dropdown > a:before, header .web-categories .container .list > .list-item > .item-link:before, a:hover, a {
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.when-submit > div, .modal .modal-content .close:hover, .modal .modal-content .close, .static-pages .tab-header .container a:hover:after, .static-pages .tab-header .container a:after, .profile-part .container .right-panel .profile-notifications .item:hover, .profile-part .container .right-panel .profile-notifications .item, section.title-bar .static-pages-mobile-menu .menu-self.active, section.title-bar .static-pages-mobile-menu .menu-self, header .mobile-menu .menu-self.active, header .mobile-menu .menu-self, header .filter-bar.active, header .filter-bar, header .filter-bar-mobile-title-bar.active, header .filter-bar-mobile-title-bar, header .mobile-categories.active, header .mobile-categories {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

* {
  margin: 0;
  padding: 0;
  font-family: Lato-Regular;
}

ul {
  list-style: none;
  margin-bottom: 0;
}

button {
  cursor: pointer;
  background-color: none;
  background: none;
  border: none;
}
button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

textarea:focus {
  outline: none;
}

a {
  text-decoration: none;
}

.hidden {
  overflow: hidden;
}

*,
::after,
::before {
  box-sizing: border-box;
}

.error-part .container, .unstyled, .static-pages .tab-body .container, .static-pages .tab-header .container, .profile-part .container, .plans .container, .new-announcement .container, .car-dealership .container, .product-inside .container, .breadcrumb .container, .copyright .container, footer .container, .products .container, .products .title-bar .container, .category-slider .container, .category-page-form-mobile .container, header .web-categories .container, header .container, .top-header .container {
  max-width: 1376px;
  padding: 0 15px;
  margin: 0 auto;
}

a {
  text-decoration: none !important;
  color: #202020;
}
.center {
  text-align: center;
}
.center * {
  text-align: center;
}

body {
  background-color: #fff;
  color: #8A53FE;
  padding-bottom: env(safe-area-inset-bottom);
}

.none {
  display: none !important;
}

.overflow {
  overflow: hidden !important;
  height: 100vh !important;
}

.top-header {
  background: rgba(207, 207, 207, 0.2);
  padding: 4px 0;
}
@media (max-width: 767px) {
  .top-header {
    display: none;
  }
}
.top-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-header .container .left {
  display: flex;
  align-items: center;
  gap: 40px;
}
.top-header .container .left > a {
  font-size: 16px;
  font-family: DMR;
  color: #787878;
  line-height: 23px;
}
.top-header .container .left > a:hover {
  color: #000;
}
.top-header .container .left .social-icons {
  display: flex;
  align-items: center;
  gap: 14px;
}
.top-header .container .left .social-icons a:hover span:before {
  color: #000;
}
.top-header .container .right {
  display: flex;
  align-items: center;
  gap: 25px;
}
.top-header .container .right .nice-select {
  padding-right: 16px;
}
.top-header .container .right .nice-select span {
  font-size: 16px;
  font-family: DMR;
  line-height: 23px;
  color: #898989;
}
.top-header .container .right .nice-select .list .option {
  font-size: 16px;
  font-family: DMR;
}
.top-header .container .right > a {
  font-size: 16px;
  font-family: DMR;
  line-height: 23px;
  color: #898989;
  display: flex;
  gap: 9px;
  align-items: center;
}
.top-header .container .right > a.register {
  display: none;
}
.top-header .container .right > a .text {
  font-size: 16px;
  font-family: DMR;
  line-height: 23px;
  color: #898989;
}
@media (max-width: 767px) {
  .top-header .container .right > a .text {
    display: none;
  }
}
.top-header .container .right > a:hover {
  color: #000;
}
.top-header .container .right > a:hover span:before {
  color: #000;
}
.top-header .container .right > a:hover .text {
  color: #000;
}
.top-header.registered .container .right > a.unregister {
  display: none;
}
.top-header.registered .container .right > a.register {
  display: flex;
}

header {
  background: #8A53FE;
  padding: 23px 0;
  position: relative;
}
@media (max-width: 767px) {
  header {
    padding: 12px 0;
  }
}
header .container {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 767px) {
  header .container {
    justify-content: space-between;
  }
}
header .container .logo {
  display: flex;
  align-items: center;
  gap: 26px;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 767px) {
  header .container .logo {
    gap: 0px;
  }
}
header .container .logo:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 47px;
  background: rgba(0, 0, 0, 0.65);
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  header .container .logo:after {
    height: 39px;
    left: 43px;
  }
}
header .container .logo img:first-child {
  width: 50px;
}
@media (max-width: 767px) {
  header .container .logo img:first-child {
    width: 34px;
    margin-right: 20px;
  }
}
header .container .logo img:last-child {
  width: 120px;
}
@media (max-width: 767px) {
  header .container .logo img:last-child {
    width: 88px;
  }
}
header .container .large-input {
  height: 50px;
  background: #fff;
  border-radius: 8px;
  margin: 0 4px;
  display: flex;
  align-items: center;
  flex: 1;
}
@media (max-width: 767px) {
  header .container .large-input {
    display: none;
  }
}
header .container .large-input .categories {
  height: 50px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 19px 0 15px;
  border-right: 0.5px solid rgba(120, 120, 120, 0.6);
}
@media (max-width: 1150px) {
  header .container .large-input .categories {
    padding: 0 19px;
  }
}
header .container .large-input .categories span:not(.text) {
  font-size: 16px;
}
header .container .large-input .categories .text {
  font-size: 18px;
  font-family: DMM;
  color: #8A53FE;
}
@media (max-width: 1150px) {
  header .container .large-input .categories .text {
    display: none;
  }
}
header .container .large-input .nice-select {
  padding-left: 14px;
  padding-right: 45px;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  border-right: 0.5px solid rgba(120, 120, 120, 0.6);
}
header .container .large-input .nice-select:after {
  right: 11px;
}
header .container .large-input .nice-select span {
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
}
header .container .large-input .nice-select .list li:first-child {
  display: none;
}
header .container .large-input .nice-select .list li:not(:first-child) {
  font-size: 15px;
  font-family: DMM;
}
header .container .large-input form {
  position: relative;
  width: 100%;
}
header .container .large-input form input {
  border: none;
  height: 50px;
  padding-left: 16px;
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
  width: 100%;
  border-radius: 0 8px 8px 0;
}
header .container .large-input form button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #8A53FE;
  display: flex;
  right: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
header .container .button {
  height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 9px;
  background-color: #fff;
}
header .container .button span:not(.text) {
  font-size: 18px;
}
header .container .button .text {
  font-size: 18px;
  font-family: DMM;
  color: #8A53FE;
}
@media (max-width: 1050px) {
  header .container .button .text {
    display: none;
  }
}
header .container .button.filter {
  padding: 0 26px 0 22px;
}
@media (max-width: 1050px) {
  header .container .button.filter {
    padding: 0 14px;
  }
}
@media (max-width: 767px) {
  header .container .button.filter {
    display: none;
  }
}
header .container .button.buy-package {
  padding: 0 14px 0 12px;
}
@media (max-width: 1050px) {
  header .container .button.buy-package {
    padding: 0 14px;
  }
}
@media (max-width: 767px) {
  header .container .button.buy-package {
    display: none;
  }
}
header .container .button.new {
  padding: 0 14px;
}
@media (max-width: 767px) {
  header .container .button.new {
    padding: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .container .button.new span {
    font-size: 11px;
  }
}
header .container .mobile-menu-button {
  display: none;
}
@media (max-width: 767px) {
  header .container .mobile-menu-button {
    display: flex;
    width: 18px;
    height: 18px;
    align-items: center;
  }
  header .container .mobile-menu-button span {
    font-size: 20px;
  }
}
header .web-categories {
  background: #fff;
  height: calc(100vh - 127px);
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding-top: 19px;
  padding-bottom: 30px;
  display: none;
}
@media (max-width: 767px) {
  header .web-categories {
    display: none !important;
  }
}
header .web-categories .container {
  position: relative;
  height: 100%;
}
header .web-categories .container .list {
  border-right: 1px solid rgba(236, 236, 236, 0.9);
  display: flex;
  flex-direction: column;
  width: 340px;
  padding-left: 10px;
  margin-left: -10px;
  height: 100%;
  overflow: scroll;
}
header .web-categories .container .list > .list-item > .item-link {
  padding: 8px 100px 8px 5px;
  display: flex;
  gap: 15px;
  align-items: center;
  position: relative;
}
header .web-categories .container .list > .list-item > .item-link:before {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  background: rgba(138, 83, 254, 0.3);
  left: -10px;
  top: 0;
  border-radius: 8px 0 0 8px;
  opacity: 0;
  visibility: hidden;
}
header .web-categories .container .list > .list-item > .item-link img {
  width: auto !important;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
}
header .web-categories .container .list > .list-item > .item-link * {
  position: relative;
  z-index: 1;
}
header .web-categories .container .list > .list-item > .item-link .icon {
  width: 46px;
  height: 44px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #F1EEEE;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
header .web-categories .container .list > .list-item > .item-link .name {
  font-size: 17px;
  font-family: DMR;
  color: #1e1e1e;
  text-align: center;
}
header .web-categories .container .list > .list-item > .item-link.brand .icon {
  background: #000;
  font-size: 30px;
  font-family: DMB;
  color: rgba(242, 18, 18, 0.93);
  border: 1px solid #000;
}
header .web-categories .container .list > .list-item > .item-link:hover:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item > .item-link:hover .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item.active > a:before {
  opacity: 1 !important;
  visibility: visible !important;
}
header .web-categories .container .list > .list-item.active .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item.has-dropdown > a {
  position: relative;
}
header .web-categories .container .list > .list-item.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/svg/icon-carousel-next.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
header .web-categories .container .list > .list-item.has-dropdown > a:before {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  background: rgba(138, 83, 254, 0.3);
  left: -10px;
  top: 0;
  border-radius: 8px 0 0 8px;
  opacity: 0;
  visibility: hidden;
}
header .web-categories .container .list > .list-item.has-dropdown > a:hover:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item.has-dropdown > a:hover .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item.has-dropdown > a:hover:not(.brand) .icon {
  background-color: transparent;
}
header .web-categories .container .list > .list-item.has-dropdown > a.active .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item.has-dropdown > a.active:not(.brand) .icon {
  background-color: transparent;
}
header .web-categories .container .list > .list-item .dropdown-inside {
  position: absolute;
  left: 344px;
  width: 340px;
  top: 0;
  border-right: 1px solid rgba(236, 236, 236, 0.9);
  opacity: 0;
  visibility: hidden;
  height: 100%;
}
header .web-categories .container .list > .list-item .dropdown-inside.active {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link {
  padding: 8px 100px 8px 30px;
  display: flex;
  gap: 20px;
  height: 60px;
  align-items: center;
  width: max-content;
  position: relative;
  width: 100%;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link img {
  width: auto !important;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link .item-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #F1EEEE;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link .item-icon img {
  max-width: 80%;
  max-height: 80%;
  object-fit: cover;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link .item-name {
  font-size: 17px;
  font-family: DMR;
  color: #1e1e1e;
  text-align: center;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link .item-count {
  position: absolute;
  color: rgba(30, 30, 30, 0.5);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 15px;
  font-family: DMR;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(138, 83, 254, 0.3);
  left: 0px;
  top: 0;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item .item-link:hover:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.active > a:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a {
  position: relative;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/svg/icon-carousel-next.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a:hover:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a:hover .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a:hover:not(.brand) .icon {
  background-color: transparent;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a.active:before {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a.active .name {
  color: #8A53FE;
}
header .web-categories .container .list > .list-item .dropdown-inside > .list-item.has-dropdown > a.active:not(.brand) .icon {
  background-color: transparent;
}
header .web-categories .container .list > .list-item > .dropdown-inside .dropdown-inside {
  left: 339px;
}
header .web-categories .container .list > .list-item.has-dropdown:hover > .dropdown-inside {
  opacity: 1;
  visibility: visible;
}
header .web-categories .container .list > .list-item.has-dropdown:hover > .dropdown-inside .has-dropdown:hover .dropdown-inside {
  opacity: 1;
  visibility: visible;
}
header .mobile-categories {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 999;
  display: none;
  transform: translateX(100%);
}
@media (min-width: 768px) {
  header .mobile-categories {
    display: none !important;
  }
}
header .mobile-categories.active {
  transform: translateX(0);
}
header .mobile-categories .title-bar {
  background: #8A53FE;
  height: 58px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
header .mobile-categories .title-bar .title {
  font-size: 16px;
  font-family: DMB;
  color: #fff;
}
header .mobile-categories .title-bar .button-back {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 20px;
  background: url(../images/svg/icon-back.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
}
header .mobile-categories .list {
  display: flex;
  flex-direction: column;
  height: calc(100% - 58px);
  overflow: scroll;
}
header .mobile-categories .list .item {
  padding: 13px 15px 13px 15px;
}
header .mobile-categories .list .item > .dropdown-inside {
  margin-top: 15px;
}
header .mobile-categories .list .item > .link {
  z-index: 1;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 0px;
  height: 34px;
}
header .mobile-categories .list .item:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}
header .mobile-categories .list .item img {
  width: auto !important;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
}
header .mobile-categories .list .item * {
  position: relative;
  z-index: 1;
}
header .mobile-categories .list .item .icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #F1EEEE;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
header .mobile-categories .list .item .name {
  font-size: 17px;
  font-family: DMR;
  color: #1e1e1e;
  text-align: center;
}
header .mobile-categories .list .item.brand .icon {
  background: #000;
  font-size: 20px;
  font-family: DMB;
  color: rgba(242, 18, 18, 0.93);
  border: 1px solid #000;
}
header .mobile-categories .list .item.has-dropdown {
  position: relative;
}
header .mobile-categories .list .item.has-dropdown:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  right: 20px;
  top: 24px;
  background: url("../images/svg/icon-carousel-next.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
header .mobile-categories .list .item.has-dropdown:before {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  height: 61px;
  background: rgba(138, 83, 254, 0.3);
  left: -10px;
  top: 0;
  border-radius: 8px 0 0 8px;
  opacity: 0;
  visibility: hidden;
}
header .mobile-categories .list .item.has-dropdown:hover:before {
  opacity: 1;
  visibility: visible;
}
header .mobile-categories .list .item.has-dropdown:hover > .name {
  color: #8A53FE;
}
header .mobile-categories .list .item.has-dropdown:hover:not(.brand) .icon {
  background-color: transparent;
}
header .mobile-categories .list .item.has-dropdown.active:before {
  opacity: 1;
  visibility: visible;
}
header .mobile-categories .list .item.has-dropdown.active > .name {
  color: #8A53FE;
}
header .mobile-categories .list .item.has-dropdown.active:not(.brand) .icon {
  background-color: transparent;
}
header .mobile-categories .list .item .dropdown-inside {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 10px;
  padding-top: 0px;
  margin-bottom: -5px;
  display: none;
}
header .mobile-categories .list .item .dropdown-inside:after {
  position: absolute;
  content: "";
  width: calc(100% - 34px);
  top: 0;
  left: 49px;
  height: 1px;
  background: #E4E4E4;
}
header .mobile-categories .list .item .dropdown-inside a {
  font-size: 17px;
  font-family: DMR;
  color: #1e1e1e;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: 5px 0;
  padding-left: 49px;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown {
  position: relative;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  right: 5px;
  top: 16px;
  background: url("../images/svg/icon-carousel-next.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown:hover:before {
  opacity: 1;
  visibility: visible;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown:hover > .name {
  color: #8A53FE;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown:hover:not(.brand) .icon {
  background-color: transparent;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown.active:before {
  opacity: 1;
  visibility: visible;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown.active > .name {
  color: #8A53FE;
}
header .mobile-categories .list .item .dropdown-inside .has-dropdown.active:not(.brand) .icon {
  background-color: transparent;
}
header .mobile-categories .list .item .dropdown-inside .dropdown-inside .list-item {
  padding-left: 49px;
}
header .mobile-categories .list .item .dropdown-inside .dropdown-inside .list-item .name {
  text-align: left;
}
header .filter-bar-mobile-title-bar {
  background: #8A53FE;
  height: 58px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  line-height: 58px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: translateX(100%);
  display: none;
}
@media (min-width: 768px) {
  header .filter-bar-mobile-title-bar {
    display: none !important;
  }
}
header .filter-bar-mobile-title-bar.active {
  transform: translateX(0%);
}
header .filter-bar-mobile-title-bar .title {
  font-size: 16px;
  font-family: DMB;
  color: #fff;
}
header .filter-bar-mobile-title-bar .button-back {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 20px;
  background: url("../images/svg/icon-back.svg");
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
}
header .filter-bar {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  background: #fff;
  padding-top: 40px;
  padding-bottom: 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: none;
}
@media (max-width: 767px) {
  header .filter-bar {
    transform: translateX(100%);
    position: fixed;
    top: 58px;
    left: 0;
  }
}
@media (max-width: 767px) {
  header .filter-bar.active {
    transform: translateX(0);
  }
}
@media (max-width: 600px) {
  header .filter-bar {
    height: calc(100vh - 58px);
    padding-bottom: 30px;
    overflow: scroll;
  }
}
@media (max-width: 600px) {
  header .filter-bar {
    padding-top: 30px;
  }
}
header .filter-bar .filter-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
@media (max-width: 767px) {
  header .filter-bar .filter-form {
    gap: 0px;
  }
}
header .filter-bar .filter-form .row {
  display: flex;
  gap: 25px 15px;
}
@media (max-width: 980px) {
  header .filter-bar .filter-form .row {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  header .filter-bar .filter-form .row {
    gap: 0px;
  }
  header .filter-bar .filter-form .row:not(:first-child) {
    margin-top: 25px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row {
    gap: 0px;
  }
  header .filter-bar .filter-form .row:not(:first-child) {
    margin-top: 15px;
  }
}
header .filter-bar .filter-form .row:not(.no-padding) * {
  flex: 1;
}
@media (max-width: 767px) {
  header .filter-bar .filter-form .row .select-part:not(:first-child) {
    margin-top: 25px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .select-part {
    width: 100%;
    flex: none;
  }
  header .filter-bar .filter-form .row .select-part:not(:first-child) {
    margin-top: 15px;
  }
}
header .filter-bar .filter-form .row .select-part .nice-select {
  padding-left: 14px;
  padding-right: 45px;
  height: 50px;
  width: 100%;
  line-height: 50px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .row .select-part .nice-select {
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
header .filter-bar .filter-form .row .select-part .nice-select:after {
  right: 11px;
}
header .filter-bar .filter-form .row .select-part .nice-select span {
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .row .select-part .nice-select span {
    font-size: 16px;
  }
}
header .filter-bar .filter-form .row .select-part .nice-select .list {
  width: 100%;
}
header .filter-bar .filter-form .row .select-part .nice-select .list li:first-child.disabled {
  display: none;
}
header .filter-bar .filter-form .row .select-part .nice-select .list li {
  font-size: 15px;
  font-family: DMM;
}
header .filter-bar .filter-form .row .input-part {
  display: flex;
}
@media (max-width: 767px) {
  header .filter-bar .filter-form .row .input-part {
    margin-top: 25px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .input-part {
    margin: 15px -7.5px 0 -7.5px;
    gap: 0;
  }
  header .filter-bar .filter-form .row .input-part input {
    width: calc(50% - 15px);
    margin: 0 7.5px;
  }
}
header .filter-bar .filter-form .row .input-part input[type=number] {
  padding-left: 14px;
  padding-right: 14px;
  height: 50px;
  line-height: 50px;
  border: none;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
}
@media (max-width: 1150px) {
  header .filter-bar .filter-form .row .input-part input[type=number] {
    width: 150px;
  }
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .row .input-part input[type=number] {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
header .filter-bar .filter-form .row .input-part input::-webkit-outer-spin-button,
header .filter-bar .filter-form .row .input-part input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
header .filter-bar .filter-form .row .input-part input[type=number] {
  -moz-appearance: textfield;
}
header .filter-bar .filter-form .row .input-part input:first-child {
  border-radius: 8px 0 0 8px;
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .input-part input:first-child {
    border-radius: 8px;
  }
}
header .filter-bar .filter-form .row .input-part input:last-child {
  border-radius: 0 8px 8px 0;
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .input-part input:last-child {
    border-radius: 8px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row.no-padding {
    margin: 15px -7.5px 0 -7.5px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .checkbox-part {
    min-width: calc(50% - 15px);
    margin: 0 7.5px;
  }
  header .filter-bar .filter-form .row .checkbox-part:first-child {
    margin-bottom: 15px;
  }
}
header .filter-bar .filter-form .row .checkbox-part input {
  display: none;
}
header .filter-bar .filter-form .row .checkbox-part label {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
  cursor: pointer;
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .row .checkbox-part label {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .row .checkbox-part label {
    width: 100%;
  }
}
header .filter-bar .filter-form .row .checkbox-part input:checked + label {
  background-color: #8A53FE;
  color: #fff;
}
header .filter-bar .filter-form .buttons {
  padding-top: 30px;
  padding-bottom: 10px;
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  border-top: 1px solid #E6E6E6;
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .buttons {
    justify-content: center;
    border-top: none;
    padding-top: 15px;
  }
}
header .filter-bar .filter-form .buttons .reset {
  padding-right: 10px;
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .buttons .reset {
    display: none;
  }
}
header .filter-bar .filter-form .buttons .reset input {
  display: none;
}
header .filter-bar .filter-form .buttons .reset label {
  font-size: 18px;
  font-family: DMM;
  color: #8A53FE;
  cursor: pointer;
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .buttons .reset label {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  header .filter-bar .filter-form .buttons .select-part {
    display: none;
  }
}
header .filter-bar .filter-form .buttons .select-part .nice-select {
  padding-left: 14px;
  padding-right: 45px;
  height: 50px;
  width: 100%;
  line-height: 50px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .buttons .select-part .nice-select {
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
header .filter-bar .filter-form .buttons .select-part .nice-select:after {
  right: 11px;
}
header .filter-bar .filter-form .buttons .select-part .nice-select span {
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.6);
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .buttons .select-part .nice-select span {
    font-size: 16px;
  }
}
header .filter-bar .filter-form .buttons .select-part .nice-select .list li:first-child.disabled {
  display: none;
}
header .filter-bar .filter-form .buttons .select-part .nice-select .list li {
  font-size: 15px;
  font-family: DMM;
}
header .filter-bar .filter-form .buttons button[type=submit] {
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  background: #8A53FE;
  color: #fff;
  font-size: 18px;
  font-family: DMM;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
@media (max-width: 800px) {
  header .filter-bar .filter-form .buttons button[type=submit] {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
header .mobile-menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
header .mobile-menu .close-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
header .mobile-menu .menu-self {
  height: 100vh;
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  min-width: 310px;
  padding-bottom: 36px;
  overflow: auto;
  transform: translateX(-100%);
}
header .mobile-menu .menu-self.active {
  transform: translateX(0);
}
@media (orientation: landscape) {
  header .mobile-menu .menu-self {
    padding-bottom: 0;
  }
}
header .mobile-menu .menu-self .top-bar {
  background: #8A53FE;
  padding: 12px 0;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
header .mobile-menu .menu-self .top-bar .menu-logo {
  display: flex;
  align-items: center;
  gap: 26px;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 767px) {
  header .mobile-menu .menu-self .top-bar .menu-logo {
    gap: 0px;
  }
}
header .mobile-menu .menu-self .top-bar .menu-logo:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 47px;
  background: rgba(0, 0, 0, 0.65);
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  header .mobile-menu .menu-self .top-bar .menu-logo:after {
    height: 39px;
    left: 43px;
  }
}
header .mobile-menu .menu-self .top-bar .menu-logo img:first-child {
  width: 50px;
}
@media (max-width: 767px) {
  header .mobile-menu .menu-self .top-bar .menu-logo img:first-child {
    width: 34px;
    margin-right: 20px;
  }
}
header .mobile-menu .menu-self .top-bar .menu-logo img:last-child {
  width: 120px;
}
@media (max-width: 767px) {
  header .mobile-menu .menu-self .top-bar .menu-logo img:last-child {
    width: 88px;
  }
}
header .mobile-menu .menu-self .top-bar .close {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
header .mobile-menu .menu-self .top-bar .close span {
  font-size: 11px;
}
header .mobile-menu .menu-self .button-links {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 4px rgb(138, 83, 254);
}
header .mobile-menu .menu-self .button-links .link-item {
  display: flex;
  align-items: center;
  padding-left: 13px;
  height: 59px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
header .mobile-menu .menu-self .button-links .link-item > span:not(.text) {
  width: 38px;
  display: flex;
  font-size: 24px;
}
header .mobile-menu .menu-self .button-links .link-item > span:not(.text):before {
  color: #898989;
}
header .mobile-menu .menu-self .button-links .link-item .icon-icon_heart {
  font-size: 21px !important;
}
header .mobile-menu .menu-self .button-links .link-item .text {
  font-size: 16px;
  color: #706D6D;
  font-family: DMR;
}
header .mobile-menu .menu-self .button-links .link-item .nice-select {
  padding-right: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
header .mobile-menu .menu-self .button-links .link-item .nice-select span {
  font-size: 16px;
  font-family: DMR;
  line-height: 23px;
  color: #898989;
  padding-right: 5px;
}
header .mobile-menu .menu-self .button-links .link-item .nice-select .list .option {
  font-size: 16px;
  font-family: DMR;
}
header .mobile-menu .menu-self .button-links div.link-item {
  border-bottom: none;
}
header .mobile-menu .menu-self .links {
  display: flex;
  flex-direction: column;
}
header .mobile-menu .menu-self .links a {
  display: flex;
  align-items: center;
  padding-left: 13px;
  height: 59px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 16px;
  color: #706D6D;
  font-family: DMR;
}
header .mobile-menu .menu-self .bottom-bar {
  background: #E7E7E7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  position: absolute;
  left: 0;
  width: 100%;
}
@media (orientation: landscape) {
  header .mobile-menu .menu-self .bottom-bar {
    position: relative;
  }
}
header .mobile-menu .menu-self .bottom-bar .left {
  display: flex;
  align-items: center;
  gap: 0px;
}
header .mobile-menu .menu-self .bottom-bar .left > a {
  font-size: 12px;
  color: #706D6D;
  font-family: DMR;
  display: inline-block;
  margin-right: 10px;
}
header .mobile-menu .menu-self .bottom-bar .left > a:hover {
  color: #000;
}
header .mobile-menu .menu-self .bottom-bar .left .social-icons {
  display: flex;
  align-items: center;
  gap: 0px;
}
header .mobile-menu .menu-self .bottom-bar .left .social-icons a {
  display: inline-block;
  margin-right: 10px;
}
header .mobile-menu .menu-self .bottom-bar .left .social-icons a span {
  font-size: 12px;
}
header .mobile-menu .menu-self .bottom-bar .left .social-icons a:hover span:before {
  color: #000;
}
header .mobile-menu .menu-self .bottom-bar .right a {
  font-size: 12px;
  color: #706D6D;
  font-family: DMR;
}
header .mobile-menu .menu-self .bottom-bar .right a:hover {
  color: #000;
}

section.title-bar {
  background: #8A53FE;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  section.title-bar {
    display: flex;
  }
}
section.title-bar .title {
  font-size: 16px;
  font-family: DMB;
  color: #fff;
}
section.title-bar .button-back {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 20px;
  background: url("../images/svg/icon-back.svg");
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
}
section.title-bar .static-pages-menu-button {
  position: absolute;
  right: 20px;
}
section.title-bar .static-pages-menu-button span {
  font-size: 20px;
}
section.title-bar .static-pages-menu-button span:before {
  color: #fff;
}
section.title-bar .static-pages-mobile-menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
section.title-bar .static-pages-mobile-menu .close-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
section.title-bar .static-pages-mobile-menu .menu-self {
  height: 100vh;
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  min-width: 310px;
  padding-bottom: 36px;
  overflow: auto;
  transform: translateX(-100%);
}
section.title-bar .static-pages-mobile-menu .menu-self.active {
  transform: translateX(0);
}
@media (orientation: landscape) {
  section.title-bar .static-pages-mobile-menu .menu-self {
    padding-bottom: 0;
  }
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar {
  background: #8A53FE;
  padding: 12px 0;
  height: 58px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo {
  display: flex;
  align-items: center;
  gap: 26px;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 767px) {
  section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo {
    gap: 20px;
  }
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 47px;
  background: rgba(0, 0, 0, 0.65);
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo:after {
    height: 39px;
    left: 43px;
  }
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo img:first-child {
  width: 50px;
}
@media (max-width: 767px) {
  section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo img:first-child {
    width: 34px;
  }
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo img:last-child {
  width: 120px;
}
@media (max-width: 767px) {
  section.title-bar .static-pages-mobile-menu .menu-self .top-bar .menu-logo img:last-child {
    width: 88px;
  }
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .close {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
section.title-bar .static-pages-mobile-menu .menu-self .top-bar .close span {
  font-size: 11px;
}
section.title-bar .static-pages-mobile-menu .menu-self .links {
  display: flex;
  flex-direction: column;
}
section.title-bar .static-pages-mobile-menu .menu-self .links a {
  display: flex;
  align-items: center;
  padding-left: 13px;
  height: 59px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 16px;
  color: #706D6D;
  font-family: DMR;
}
section.title-bar .static-pages-mobile-menu .menu-self .links a span:not(.text) {
  display: inline-block;
  margin-right: 15px;
}
section.title-bar .static-pages-mobile-menu .menu-self .links a span:not(.text):before {
  color: #706D6D;
}
section.title-bar .static-pages-mobile-menu .menu-self .links a .text {
  font-size: 16px;
  font-family: "DMM";
}

.mobile-navigation {
  padding: 0 15px;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #FAF6F6;
  display: none;
}
@media (max-width: 767px) {
  .mobile-navigation {
    display: flex;
  }
}
.mobile-navigation .new-announcement-button {
  width: 54px;
  height: 54px;
  background: #8A53FE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-20px);
}
.mobile-navigation .new-announcement-button span {
  font-size: 20px;
}
.mobile-navigation .new-announcement-button span:before {
  color: #fff;
}
.mobile-navigation .center {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-navigation .center span:before {
  color: #fff !important;
}
.mobile-navigation a, .mobile-navigation .mobile-category-button {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  width: 15%;
}
@media (max-width: 360px) {
  .mobile-navigation a, .mobile-navigation .mobile-category-button {
    width: 25%;
  }
}
.mobile-navigation a .text, .mobile-navigation .mobile-category-button .text {
  font-size: 10px;
  display: inline-block;
  font-family: DMM;
  color: #A6A4AB;
  margin-top: 5px;
}
.mobile-navigation a span:not(.text), .mobile-navigation .mobile-category-button span:not(.text) {
  font-size: 16px;
}
.mobile-navigation a span:not(.text):before, .mobile-navigation .mobile-category-button span:not(.text):before {
  color: #A6A4AB;
}

.category-page-form-mobile {
  padding-top: 30px;
  display: none;
}
@media (max-width: 767px) {
  .category-page-form-mobile {
    display: block;
  }
}
.category-page-form-mobile .container .category-page-form {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .category-page-form-mobile .container .category-page-form {
    gap: 0;
  }
}
.category-page-form-mobile .container .category-page-form > button {
  height: 40px;
  background: #F2F2F2;
  font-size: 12px;
  font-family: DMR;
  color: #000;
  border-radius: 8px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  border: none;
  padding: 0 9px;
  display: none;
  align-items: center;
}
@media (max-width: 767px) {
  .category-page-form-mobile .container .category-page-form > button {
    display: none;
  }
}
.category-page-form-mobile .container .category-page-form > button span {
  font-size: 17px;
}
.category-page-form-mobile .container .category-page-form .mobile-search-form {
  flex: 1;
}
.category-page-form-mobile .container .mobile-search-form {
  display: none;
}
@media (max-width: 767px) {
  .category-page-form-mobile .container .mobile-search-form {
    display: block;
    position: relative;
    margin-bottom: 30px;
  }
  .category-page-form-mobile .container .mobile-search-form input {
    width: 100%;
    height: 40px;
    background: #F2F2F2;
    font-size: 12px;
    font-family: DMR;
    color: #000;
    border-radius: 8px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 0 15px;
  }
  .category-page-form-mobile .container .mobile-search-form input::placeholder {
    color: #787878;
  }
  .category-page-form-mobile .container .mobile-search-form button {
    padding: 5px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
  .category-page-form-mobile .container .mobile-search-form button span {
    font-size: 15px;
  }
  .category-page-form-mobile .container .mobile-search-form button span:before {
    color: #8A53FE;
  }
}
@media (max-width: 767px) {
  .category-page-form-mobile.with-filter-button .category-page-form > button {
    display: flex;
    margin-left: 8px;
  }
}

.category-slider {
  padding: 40px 0;
}
@media (max-width: 800px) {
  .category-slider {
    padding: 0px 0 30px;
  }
}
@media (max-width: 600px) {
  .category-slider {
    font-size: 20px;
  }
}
.category-slider .container .category-page-form {
  display: flex;
  gap: 8px;
}
.category-slider .container .category-page-form > button {
  height: 40px;
  background: #F2F2F2;
  font-size: 12px;
  font-family: DMR;
  color: #000;
  border-radius: 8px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  border: none;
  padding: 0 9px;
  display: none;
  align-items: center;
}
@media (max-width: 767px) {
  .category-slider .container .category-page-form > button {
    display: flex;
  }
}
.category-slider .container .category-page-form > button span {
  font-size: 17px;
}
.category-slider .container .category-page-form .mobile-search-form {
  flex: 1;
}
.category-slider .container .mobile-search-form {
  display: none;
}
@media (max-width: 767px) {
  .category-slider .container .mobile-search-form {
    display: block;
    position: relative;
    margin-bottom: 30px;
  }
  .category-slider .container .mobile-search-form input {
    width: 100%;
    height: 40px;
    background: #F2F2F2;
    font-size: 12px;
    font-family: DMR;
    color: #000;
    border-radius: 8px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 0 15px;
  }
  .category-slider .container .mobile-search-form input::placeholder {
    color: #787878;
  }
  .category-slider .container .mobile-search-form button {
    padding: 5px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
  .category-slider .container .mobile-search-form button span {
    font-size: 15px;
  }
  .category-slider .container .mobile-search-form button span:before {
    color: #8A53FE;
  }
}
.category-slider .container .slider-self {
  width: calc(100% - 60px);
  margin: 0 auto;
  position: relative;
}
@media (max-width: 800px) {
  .category-slider .container .slider-self {
    width: 100%;
  }
}
.category-slider .container .slider-self .item {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.category-slider .container .slider-self .item img {
  width: auto !important;
  max-width: 90%;
  max-height: 100%;
}
.category-slider .container .slider-self .item .icon {
  width: 78px;
  height: 74px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #F1EEEE;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
}
@media (max-width: 800px) {
  .category-slider .container .slider-self .item .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }
}
@media (max-width: 600px) {
  .category-slider .container .slider-self .item .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    background: #F2F2F2;
  }
}
.category-slider .container .slider-self .item .name {
  font-size: 15px;
  font-family: DMR;
  color: #1e1e1e;
  text-align: center;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .category-slider .container .slider-self .item .name {
    font-size: 12px;
  }
}
.category-slider .container .slider-self .item.brand .icon {
  background: #000;
  font-size: 40px;
  font-family: DMB;
  color: rgba(242, 18, 18, 0.93);
  border: 1px solid #000;
}
@media (max-width: 800px) {
  .category-slider .container .slider-self .item.brand .icon {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .category-slider .container .slider-self .item.brand .icon {
    font-size: 20px;
  }
}
.category-slider .container .slider-self .owl-nav {
  margin: 0;
  height: 0;
  position: absolute;
  width: 100%;
  top: 0;
}
.category-slider .container .slider-self .owl-next {
  position: absolute;
  right: -36px;
  top: 22px;
}
.category-slider .container .slider-self .owl-next img {
  width: 14px;
}
.category-slider .container .slider-self .owl-next:hover {
  background: transparent;
}
.category-slider .container .slider-self .owl-prev {
  position: absolute;
  left: -36px;
  top: 22px;
}
.category-slider .container .slider-self .owl-prev img {
  width: 14px;
}
.category-slider .container .slider-self .owl-prev:hover {
  background: transparent;
}

.products .title-bar {
  background: rgba(207, 207, 207, 0.2);
  padding: 17px 0;
}
@media (max-width: 1200px) {
  .products .title-bar {
    padding: 15px 0;
  }
}
.products .title-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products .title-bar .container .title {
  font-size: 20px;
  color: rgba(30, 30, 30, 0.7);
  font-family: DMB;
}
@media (max-width: 1200px) {
  .products .title-bar .container .title {
    font-size: 16px;
  }
}
.products .title-bar .container a {
  font-size: 20px;
  font-family: DMM;
  color: #4C88F9;
  text-decoration: underline !important;
}
@media (max-width: 1200px) {
  .products .title-bar .container a {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .products .title-bar .container a {
    font-size: 14px;
  }
}
.products .container .items {
  padding: 54px 0 75px 0;
  display: flex;
  align-items: stretch;
  gap: 35px 25px;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .products .container .items {
    padding: 40px 0 50px 0;
  }
}
@media (max-width: 767px) {
  .products .container .items {
    gap: 0;
    margin: -17.5px -calc(50px/6);
  }
}
@media (max-width: 750px) {
  .products .container .items {
    gap: 0;
    padding: 30px 0 40px 0;
    margin: -10px -7.5px;
  }
}
.products .container .items .item {
  width: calc(25% - 18.75px);
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (max-width: 991px) {
  .products .container .items .item {
    width: calc(33.3333333333% - 16.6666666667px);
  }
}
@media (max-width: 767px) {
  .products .container .items .item {
    margin: 17.5px 8.3333333333px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item {
    width: calc(50% - 15px);
    margin: 10px 7.5px;
  }
}
.products .container .items .item .image {
  height: 272px;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .products .container .items .item .image {
    height: 230px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .image {
    height: 150px;
  }
}
.products .container .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.products .container .items .item .image .add-to-favorite {
  position: absolute;
  top: 25px;
  right: 26px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .products .container .items .item .image .add-to-favorite {
    top: 18px;
    right: 18px;
  }
}
.products .container .items .item .image .add-to-favorite:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
  .products .container .items .item .image .add-to-favorite:after {
    width: 30px;
    height: 30px;
  }
}
.products .container .items .item .image .add-to-favorite:before {
  position: relative;
  z-index: 1;
}
.products .container .items .item .image .add-to-favorite span {
  position: relative;
  z-index: 1;
  font-size: 20px;
}
@media (max-width: 1200px) {
  .products .container .items .item .image .add-to-favorite span {
    font-size: 15px;
  }
}
.products .container .items .item .image .add-to-favorite.added span:before {
  color: rgba(242, 18, 18, 0.93);
}
.products .container .items .item .image .vip {
  position: absolute;
  bottom: 27px;
  right: 25px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .products .container .items .item .image .vip {
    bottom: 18px;
    right: 18px;
  }
}
.products .container .items .item .image .vip:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
  .products .container .items .item .image .vip:after {
    width: 30px;
    height: 30px;
  }
}
.products .container .items .item .image .vip:before {
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .products .container .items .item .image .vip:before {
    font-size: 14px;
  }
}
.products .container .items .item .image .info {
  position: absolute;
  left: 10px;
  bottom: 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .products .container .items .item .image .info {
    bottom: 10px;
  }
}
.products .container .items .item .image .info .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #8A53FE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products .container .items .item .image .info .icon span {
  font-size: 25px;
}
@media (max-width: 1200px) {
  .products .container .items .item .image .info .icon span {
    font-size: 20px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .image .info .icon span {
    font-size: 17px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .image .info .icon {
    width: 30px;
    height: 30px;
  }
}
.products .container .items .item .image .info .text {
  height: 30px;
  line-height: 30px;
  background: #8A53FE;
  padding-left: 21px;
  margin-left: -7px;
  font-size: 18px;
  color: #fff;
  font-family: DMM;
  padding-right: 37px;
  position: relative;
}
@media (max-width: 1200px) {
  .products .container .items .item .image .info .text {
    height: 25px;
    line-height: 25px;
    padding-left: 13px;
    padding-right: 20px;
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .image .info .text {
    font-size: 10px;
    height: 19px;
    line-height: 19px;
    padding-left: 9px;
    padding-right: 5px;
  }
}
.products .container .items .item .image .info .text:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0 solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 22px solid #8A53FE;
  left: 100%;
  top: 0;
}
@media (max-width: 1200px) {
  .products .container .items .item .image .info .text:after {
    border-bottom: 25px solid transparent;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .image .info .text:after {
    border-bottom: 19px solid transparent;
  }
}
.products .container .items .item .description-part {
  padding: 25px 13px 16px 13px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part {
    padding-top: 19px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part {
    gap: 0px;
    padding-bottom: 20px;
  }
}
.products .container .items .item .description-part .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row {
    margin-bottom: 10px;
  }
  .products .container .items .item .description-part .info-row:last-child {
    position: absolute;
    left: 13px;
    bottom: 11px;
    width: calc(100% - 26px);
    margin-bottom: 0;
  }
}
.products .container .items .item .description-part .info-row .right {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .right {
    gap: 0;
  }
}
.products .container .items .item .description-part .info-row .right img {
  width: 41px;
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .right img {
    width: 22px;
  }
  .products .container .items .item .description-part .info-row .right img:not(:last-child) {
    margin-left: 7px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .right .icon + img {
    margin-left: 7px;
  }
}
.products .container .items .item .description-part .info-row .price {
  font-size: 20px;
  font-family: DMB;
  color: #000;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .price {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .price {
    font-size: 14px;
  }
}
.products .container .items .item .description-part .info-row .date {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .date {
    gap: 0;
  }
}
.products .container .items .item .description-part .info-row .date span:not(.text) {
  font-size: 18px;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .date span:not(.text) {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .date span:not(.text) {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
  }
}
.products .container .items .item .description-part .info-row .date .text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .date .text {
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .date .text {
    font-size: 12px;
  }
}
.products .container .items .item .description-part .info-row .name {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .name {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .name {
    font-size: 14px;
  }
}
.products .container .items .item .description-part .info-row > img {
  width: 30px;
}
.products .container .items .item .description-part .info-row .icon {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background: #000000;
  border: 1px solid #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(242, 18, 18, 0.93);
  font-family: DMB;
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .icon {
    width: 15px;
    height: 15px;
    font-size: 10px;
  }
}
.products .container .items .item .description-part .info-row .address {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .address {
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .address {
    font-size: 8px;
  }
}
.products .container .items .item .description-part .info-row .view-count {
  display: flex;
  align-items: center;
  gap: 5px;
  display: none;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .view-count span:not(.text) {
    font-size: 10px;
  }
}
.products .container .items .item .description-part .info-row .view-count .text {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .products .container .items .item .description-part .info-row .view-count .text {
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  .products .container .items .item .description-part .info-row .view-count .text {
    font-size: 8px;
  }
}
.products.vip .container .items .item {
  box-shadow: 0px 0px 6px rgba(138, 83, 254, 0.9);
}

footer {
  padding: 60px 0 68px 0;
  background: #8A53FE;
}
@media (max-width: 990px) {
  footer {
    padding: 30px 0 38px;
  }
}
footer .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (max-width: 990px) {
  footer .container {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 30px;
  }
}
@media (max-width: 767px) {
  footer .container {
    gap: 0;
  }
}
footer .container .column {
  width: 33.3333333333%;
}
@media (max-width: 900px) {
  footer .container .column {
    width: 50%;
  }
}
@media (max-width: 767px) {
  footer .container .column {
    gap: 0;
  }
  footer .container .column:first-child {
    margin-right: 30px;
    margin-bottom: 40px;
  }
  footer .container .column:nth-child(2) {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  footer .container .column {
    width: 100%;
  }
  footer .container .column:first-child {
    margin-right: 0px;
    margin-bottom: 40px;
  }
  footer .container .column:nth-child(2) {
    margin-bottom: 40px;
  }
}
footer .container .column:nth-child(2) {
  width: fit-content;
}
footer .container .column .logo {
  display: flex;
  align-items: center;
  gap: 26px;
  position: relative;
  padding-right: 15px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  footer .container .column .logo {
    gap: 0px;
  }
}
footer .container .column .logo:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 47px;
  background: rgba(0, 0, 0, 0.65);
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  footer .container .column .logo:after {
    height: 39px;
    left: 43px;
  }
}
footer .container .column .logo img:first-child {
  width: 50px;
}
@media (max-width: 767px) {
  footer .container .column .logo img:first-child {
    width: 34px;
    margin-right: 20px;
  }
}
footer .container .column .logo img:last-child {
  width: 120px;
}
@media (max-width: 767px) {
  footer .container .column .logo img:last-child {
    width: 88px;
  }
}
footer .container .column .footer-text {
  font-size: 18px;
  color: #fff;
  font-family: DMR;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  footer .container .column .footer-text {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  footer .container .column .footer-text {
    margin-bottom: 18px;
  }
}
footer .container .column .social-icons {
  display: flex;
  align-items: center;
  gap: 21px;
}
@media (max-width: 767px) {
  footer .container .column .social-icons {
    gap: 0px;
  }
}
@media (max-width: 767px) {
  footer .container .column .social-icons a {
    display: inline-block;
    margin-right: 21px;
  }
}
@media (max-width: 600px) {
  footer .container .column .social-icons a {
    display: inline-block;
    margin-right: 15px;
  }
}
footer .container .column .social-icons a span {
  font-size: 30px;
}
footer .container .column .social-icons a span.icon-icon_tiktok {
  font-size: 28px;
}
@media (max-width: 1200px) {
  footer .container .column .social-icons a span.icon-icon_tiktok {
    font-size: 23px;
  }
}
@media (max-width: 600px) {
  footer .container .column .social-icons a span.icon-icon_tiktok {
    font-size: 18px;
  }
}
footer .container .column .social-icons a span:before {
  color: #fff;
}
@media (max-width: 1200px) {
  footer .container .column .social-icons a span {
    font-size: 25px;
  }
}
@media (max-width: 600px) {
  footer .container .column .social-icons a span {
    font-size: 20px;
  }
}
footer .container .column .title {
  font-size: 22px;
  line-height: 29px;
  font-family: DMB;
  color: #fff;
  padding-bottom: 18px;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  footer .container .column .title {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  footer .container .column .title {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 13px;
    margin-bottom: 15px;
  }
}
footer .container .column .title:after {
  position: absolute;
  content: "";
  width: 195px;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
footer .container .column .links {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 767px) {
  footer .container .column .links {
    gap: 0px;
  }
}
footer .container .column .links a {
  display: block;
  font-size: 18px;
  line-height: 19px;
  font-family: DMM;
  color: #fff;
  padding-left: 28px;
  position: relative;
}
@media (max-width: 1200px) {
  footer .container .column .links a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  footer .container .column .links a:not(:last-child) {
    margin-bottom: 25px;
  }
}
footer .container .column .links a:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
  background: url("../images/svg/icon-arrow-right.svg");
}
footer .container .column form textarea {
  width: 100%;
  height: 153px;
  border-radius: 20px;
  border: 2px solid #fff;
  color: #fff;
  resize: none;
  background: #8A53FE;
  padding: 19px 18px;
  font-size: 16px;
  line-height: 19px;
  font-family: DMR;
  margin-bottom: 18px;
}
footer .container .column form textarea::placeholder {
  color: #fff;
}
footer .container .column form button {
  height: 47px;
  line-height: 47px;
  padding: 0 27px;
  border-radius: 10px;
  color: #8A53FE;
  font-family: DMM;
  font-size: 16px;
  background-color: #fff;
}

.copyright {
  background: #fff;
  padding: 11px 0 8px 0;
}
@media (max-width: 767px) {
  .copyright {
    padding-bottom: 98px;
  }
}
.copyright .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1050px) {
  .copyright .container {
    flex-wrap: wrap;
    gap: 0px;
  }
}
.copyright .container .left {
  font-size: 16px;
  line-height: 19px;
  color: #000;
  font-family: DMR;
}
@media (max-width: 767px) {
  .copyright .container .left {
    font-size: 14px;
  }
}
@media (max-width: 1050px) {
  .copyright .container .left {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.copyright .container .right {
  font-size: 16px;
  line-height: 19px;
  color: #000;
  font-family: DMR;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .copyright .container .right {
    font-size: 14px;
  }
}
@media (max-width: 1050px) {
  .copyright .container .right {
    width: 100%;
    text-align: center;
  }
}

.breadcrumb {
  padding: 18px 0;
  position: relative;
}
@media (max-width: 767px) {
  .breadcrumb {
    background: #fff;
  }
}
@media (min-width: 768px) {
  .breadcrumb {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  }
}
.breadcrumb .select-part {
  position: absolute;
  right: 15px;
  top: 0;
  display: none;
}
@media (max-width: 767px) {
  .breadcrumb .select-part {
    display: block;
  }
}
.breadcrumb .select-part .nice-select {
  padding-right: 18px;
}
.breadcrumb .select-part .nice-select .list {
  left: unset;
  right: 0;
}
.breadcrumb .select-part .nice-select .list li {
  font-family: DMR;
}
.breadcrumb .select-part .nice-select span {
  font-size: 14px;
  color: #000;
  font-family: DMR;
}
.breadcrumb .select-part .nice-select:after {
  background: url("../images/svg/icon-select-mobile.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
.breadcrumb .container {
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .breadcrumb .container {
    gap: 0px;
  }
}
.breadcrumb .container a:not(:last-child) {
  font-size: 20px;
  font-family: DMR;
  color: #8A53FE;
  position: relative;
}
@media (max-width: 767px) {
  .breadcrumb .container a:not(:last-child) {
    font-size: 14px;
    color: #000;
    margin-right: 20px;
  }
}
.breadcrumb .container a:not(:last-child):after {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  right: -24px;
  top: 55%;
  transform: translateY(-50%);
  background: url("../images/svg/icon-right-arrow.svg");
  background-size: cover;
}
@media (max-width: 767px) {
  .breadcrumb .container a:not(:last-child):after {
    width: 6px;
    height: 10px;
    right: -13px;
    background: url("../images/svg/icon-breadcrumb-mobile.svg");
    background-size: cover;
  }
}
.breadcrumb .container a:last-child {
  font-size: 20px;
  font-family: DMR;
  color: #787878;
  pointer-events: none;
}
@media (max-width: 767px) {
  .breadcrumb .container a:last-child {
    font-size: 14px;
    color: #000;
  }
}

@media (max-width: 767px) {
  .breadcrumb {
    flex-wrap: wrap;
  }
  .category-page-form-mobile.with-filter-button + .breadcrumb {
    padding: 0 0 20px;
  }
  .container {
    padding-bottom: 20px;
    padding-right: 20px;
  }
  .select-part {
    padding-bottom: 20px;
  }
  .category-page-form-mobile .container .mobile-search-form input {
    padding: 0 45px 0 15px;
  }
}
@media (max-width: 500px) {
  .breadcrumb .select-part {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-top: 10px;
    position: relative;
    right: 0;
  }
}
.login-screen {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .login-screen {
    align-items: flex-start;
  }
}
.login-screen .container {
  max-width: 1440px;
  display: flex;
  flex: 1;
}
.login-screen .container .left {
  width: 50%;
  background: #8A53FE;
  padding: 22px 22px 50px 22px;
}
@media (max-width: 767px) {
  .login-screen .container .left {
    display: none;
  }
}
.login-screen .container .left:before {
  position: absolute;
  content: "";
  width: 50vw;
  height: 100%;
  left: 0%;
  top: 0;
  background: #8A53FE;
}
.login-screen .container .left > * {
  position: relative;
  z-index: 1;
}
.login-screen .container .left .logo {
  display: flex;
  align-items: center;
  gap: 26px;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .login-screen .container .left .logo {
    gap: 20px;
  }
}
.login-screen .container .left .logo:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 47px;
  background: rgba(0, 0, 0, 0.65);
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .login-screen .container .left .logo:after {
    height: 39px;
    left: 43px;
  }
}
.login-screen .container .left .logo img:first-child {
  width: 50px;
}
@media (max-width: 767px) {
  .login-screen .container .left .logo img:first-child {
    width: 34px;
  }
}
.login-screen .container .left .logo img:last-child {
  width: 120px;
}
@media (max-width: 767px) {
  .login-screen .container .left .logo img:last-child {
    width: 88px;
  }
}
.login-screen .container .left .items {
  display: flex;
  flex-direction: column;
}
.login-screen .container .left .items .item {
  display: flex;
  align-items: center;
  margin-bottom: -50px;
}
@media (max-width: 1000px) {
  .login-screen .container .left .items .item {
    margin-bottom: 20px;
  }
}
.login-screen .container .left .items .item img {
  flex: 1;
  width: 50%;
}
.login-screen .container .left .items .item .texts {
  width: 50%;
  flex: 1;
}
.login-screen .container .left .items .item .texts p:first-child {
  font-size: 20px;
  font-family: DMB;
  color: #29363A;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .login-screen .container .left .items .item .texts p:first-child {
    font-size: 16px;
  }
}
.login-screen .container .left .items .item .texts p:last-child {
  font-size: 20px;
  font-family: DMB;
  color: #fff;
  text-align: center;
}
@media (max-width: 1000px) {
  .login-screen .container .left .items .item .texts p:last-child {
    font-size: 16px;
  }
}
.login-screen .container .left .items .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.login-screen .container .right {
  width: 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
@media (max-width: 767px) {
  .login-screen .container .right {
    width: 100%;
    padding-top: 170px;
  }
}
.login-screen .container .right .index img {
  width: 220px;
  margin-bottom: 40px;
}
@media (max-width: 1000px) {
  .login-screen .container .right .index img {
    width: 180px;
  }
}
.login-screen .container .right:before {
  position: absolute;
  content: "";
  width: 29%;
  height: 0;
  padding-bottom: 24.4%;
  background: url("../images/svg/icon-login-bubble-1.svg");
  top: -36px;
  left: 27px;
  background-size: cover;
}
@media (max-width: 1200px) {
  .login-screen .container .right:before {
    top: -76px;
    width: 24%;
    padding-bottom: 20.2%;
  }
}
@media (max-width: 767px) {
  .login-screen .container .right:before {
    width: 100%;
    height: 0;
    padding-bottom: 30%;
    background: url("../images/svg/icon-login-bubble-tablet.svg");
    left: 0;
    background-position: -217px;
    top: -50px;
    background-repeat: repeat-x;
  }
}
@media (max-width: 500px) {
  .login-screen .container .right:before {
    background: url("../images/svg/icon-login-bubble-mobile.svg");
    background-position: unset;
    background-size: cover;
    top: 0;
    padding-bottom: 40%;
  }
}
.login-screen .container .right:after {
  position: absolute;
  content: "";
  width: 29%;
  height: 0;
  padding-bottom: 24.4%;
  background: url("../images/svg/icon-login-bubble-2.svg");
  top: -36px;
  right: 27px;
  background-size: cover;
}
@media (max-width: 1200px) {
  .login-screen .container .right:after {
    top: -76px;
    width: 24%;
    padding-bottom: 20.2%;
  }
}
@media (max-width: 767px) {
  .login-screen .container .right:after {
    display: none;
  }
}
.login-screen .container .right .button-google {
  width: 410px;
  height: 49px;
  display: flex;
  gap: 0px;
  align-items: center;
  justify-content: center;
  border: 2px solid #7A7A7A;
  border-radius: 30px;
}
@media (max-width: 1000px) {
  .login-screen .container .right .button-google {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .button-google {
    border-radius: 10px;
  }
}
.login-screen .container .right .button-google img {
  width: 26px;
  margin-right: 10px;
}
.login-screen .container .right .button-google span {
  font-size: 16px;
  font-family: DMB;
  color: #7a7a7a;
}
.login-screen .container .right .divider {
  padding-top: 25px;
  padding-bottom: 20px;
  font-size: 16px;
  font-family: DMB;
  color: #7a7a7a;
  text-align: center;
  position: relative;
}
.login-screen .container .right .divider:before {
  position: absolute;
  content: "";
  width: 151px;
  height: 2px;
  right: calc(100% + 10px);
  background: #7a7a7a;
  top: 33px;
}
.login-screen .container .right .divider:after {
  position: absolute;
  content: "";
  width: 151px;
  height: 2px;
  left: calc(100% + 10px);
  background: #7a7a7a;
  top: 33px;
}
.login-screen .container .right .form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
@media (max-width: 1000px) {
  .login-screen .container .right .form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .login-screen .container .right .form {
    gap: 0;
  }
}
.login-screen .container .right .form .input-part {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
}
@media (max-width: 1000px) {
  .login-screen .container .right .form .input-part {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .login-screen .container .right .form .input-part {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .form .input-part {
    margin-bottom: 15px;
  }
}
.login-screen .container .right .form .input-part label {
  font-size: 16px;
  color: #8A53FE;
  font-family: DMB;
  display: block;
  padding-bottom: 8px;
}
.login-screen .container .right .form .input-part input {
  width: 410px;
  height: 49px;
  border: 2px solid #7A7A7A;
  border-radius: 30px;
  padding: 0 20px;
  font-family: DMB;
  color: #7a7a7a;
}
@media (max-width: 1000px) {
  .login-screen .container .right .form .input-part input {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .form .input-part input {
    border-radius: 10px;
  }
}
.login-screen .container .right .form .input-part > span {
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 20px;
}
.login-screen .container .right .form .input-part > span:before {
  color: rgba(108, 99, 255, 0.69);
}
.login-screen .container .right .form .input-part > span.icon-icon-email {
  bottom: 17px;
  font-size: 15px;
}
.login-screen .container .right .form .input-part.required label:after {
  position: relative;
  content: "*";
}
.login-screen .container .right .form .input-part .show-password {
  position: absolute;
  right: 20px;
  bottom: 15px;
  display: flex;
}
.login-screen .container .right .form .input-part .show-password img {
  width: 20px;
}
.login-screen .container .right .form .input-part .show-password img:last-child {
  display: none;
}
.login-screen .container .right .form .input-part .show-password.active img:first-child {
  display: none;
}
.login-screen .container .right .form .input-part .show-password.active img:last-child {
  display: block;
}
@media (max-width: 767px) {
  .login-screen .container .right .form .links {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .form .links {
    margin-bottom: 15px;
  }
}
.login-screen .container .right .form .links .forgot-password {
  font-size: 16px;
  color: #7a7a7a;
  font-family: DMB;
  text-align: center;
  margin-top: -15px;
}
@media (max-width: 600px) {
  .login-screen .container .right .form .links .forgot-password {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
.login-screen .container .right .form .links a:last-child {
  color: #8A53FE;
  font-size: 16px;
  font-family: DMB;
}
.login-screen .container .right .form > button {
  width: 335px;
  height: 49px;
  background: #8A53FE;
  color: #fff;
  border-radius: 30px;
  padding: 0 20px;
  font-family: DMB;
  font-size: 16px;
}
@media (max-width: 767px) {
  .login-screen .container .right .form > button {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .form > button {
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .form > button {
    border-radius: 10px;
    width: auto;
    padding: 0 50px;
  }
}
.login-screen .container .right .checkbox-part {
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .login-screen .container .right .checkbox-part {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .login-screen .container .right .checkbox-part {
    margin-bottom: 15px;
  }
}
.login-screen .container .right .checkbox-part input {
  display: none;
}
.login-screen .container .right .checkbox-part label {
  font-family: DMR;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding-left: 20px;
}
.login-screen .container .right .checkbox-part label a {
  font-family: DMR;
  font-size: 14px;
  color: #8A53FE;
}
.login-screen .container .right .checkbox-part label:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.login-screen .container .right .checkbox-part label:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: #B3B3B3;
  border: 1px solid rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
}
.login-screen .container .right .checkbox-part input:checked + label:after {
  opacity: 1;
  visibility: visible;
}
.login-screen .container .right.register {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .login-screen .container .right.register {
    width: 100%;
    padding-top: 170px;
  }
}
.login-screen .container .right.register .index img {
  margin-bottom: 30px;
}
.login-screen .container .right.register .form {
  gap: 20px;
}
@media (max-width: 767px) {
  .login-screen .container .right.register .form {
    gap: 0;
  }
}

.product-inside {
  padding-top: 50px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .product-inside {
    padding-top: 20px;
  }
}
.product-inside .container .product-top-bar {
  display: flex;
  align-items: stretch;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .product-inside .container .product-top-bar {
    gap: 0;
  }
}
.product-inside .container .product-top-bar .product-main-slider {
  width: calc(100% - 350px);
  position: relative;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-main-slider {
    width: calc(100% - 275px);
  }
}
@media (max-width: 800px) {
  .product-inside .container .product-top-bar .product-main-slider {
    width: 100%;
  }
}
.product-inside .container .product-top-bar .product-main-slider .item {
  height: 530px;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-main-slider .item {
    height: 400px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-main-slider .item {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-top-bar .product-main-slider .item {
    height: 300px;
  }
}
@media (max-width: 600px) {
  .product-inside .container .product-top-bar .product-main-slider .item {
    height: 210px;
  }
}
.product-inside .container .product-top-bar .product-main-slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #E6E6E6;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
}
.product-inside .container .product-top-bar .product-main-slider .owl-next {
  width: 66px;
  height: 66px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-next {
    width: 50px;
    height: 50px;
    right: 15px;
  }
}
@media (max-width: 600px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-next {
    width: 40px;
    height: 40px;
  }
}
.product-inside .container .product-top-bar .product-main-slider .owl-next img {
  width: 14px;
}
@media (max-width: 600px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-next img {
    width: 10px;
  }
}
.product-inside .container .product-top-bar .product-main-slider .owl-prev {
  width: 66px;
  height: 66px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-prev {
    width: 50px;
    height: 50px;
    left: 15px;
  }
}
@media (max-width: 600px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-prev {
    width: 40px;
    height: 40px;
  }
}
.product-inside .container .product-top-bar .product-main-slider .owl-prev img {
  width: 14px;
}
@media (max-width: 600px) {
  .product-inside .container .product-top-bar .product-main-slider .owl-prev img {
    width: 10px;
  }
}
.product-inside .container .product-top-bar .product-main-slider .owl-nav {
  height: 0;
  margin: 0;
}
.product-inside .container .product-top-bar .product-owner-contact-bar {
  width: 335px;
  background: #fff;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 32px 28px 28px 27px;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar {
    padding: 20px;
    width: 260px;
  }
}
@media (max-width: 800px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar {
    display: none;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-name {
  font-size: 32px;
  color: #8A53FE;
  font-family: DMM;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-name {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-name {
    font-size: 16px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-name:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone {
  padding-top: 41px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone {
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 10px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a {
  display: flex;
  align-items: center;
  gap: 13px;
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a .icon-icon-phone {
  font-size: 24px;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a .icon-icon-phone {
    font-size: 20px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a .text {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-phone a .text {
    font-size: 16px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-address {
  position: relative;
  padding-top: 34px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 13px;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-address {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-address:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-address .icon-icon-map {
  font-size: 24px;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-address .icon-icon-map {
    font-size: 20px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .owner-address .text {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-address .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .owner-address .text {
    font-size: 16px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .vip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.product-inside .container .product-top-bar .product-owner-contact-bar .vip button {
  height: 41px;
  border: 1px solid #8A53FE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 0 40px 0 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .vip button {
    height: 35px;
    padding: 0 30px 0 20px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .vip button .icon-icon_diamond {
  font-size: 24px;
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .vip button .icon-icon_diamond {
    font-size: 20px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar .vip button .text {
  font-size: 20px;
  font-family: DMM;
  color: #8A53FE;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .vip button .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar .vip button .text {
    font-size: 16px;
  }
}
.product-inside .container .product-top-bar .product-owner-contact-bar > a {
  font-size: 20px;
  font-family: DMR;
  color: #8A53FE;
  text-decoration: underline !important;
  display: block;
  text-align: center;
}
@media (max-width: 1200px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar > a {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-top-bar .product-owner-contact-bar > a {
    font-size: 16px;
  }
}
.product-inside .container .product-top-bar .product-navigation-slider {
  margin-top: 20px;
}
.product-inside .container .product-top-bar .product-navigation-slider .item {
  height: 108px;
}
@media (max-width: 767px) {
  .product-inside .container .product-top-bar .product-navigation-slider .item {
    height: 85px;
  }
}
.product-inside .container .product-top-bar .product-navigation-slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #E6E6E6;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
}
.product-inside .container .product-middle-bar {
  margin-top: 30px;
  display: flex;
  height: 100px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .product-inside .container .product-middle-bar {
    height: 70px;
    margin-bottom: 10px;
  }
}
.product-inside .container .product-middle-bar .left {
  height: 100%;
  background: #8A53FE;
  box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 0 33px 0 28px;
  font-size: 30px;
  color: #fff;
  font-family: DMB;
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .product-inside .container .product-middle-bar .left {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-middle-bar .left {
    padding: 0 20px;
  }
}
.product-inside .container .product-middle-bar .middle {
  font-size: 30px;
  color: #000;
  font-family: DMM;
  padding: 0 30px;
  display: flex;
  align-items: center;
  flex: 1;
  line-height: 1.4;
}
@media (max-width: 800px) {
  .product-inside .container .product-middle-bar .middle {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .product-inside .container .product-middle-bar .middle {
    font-size: 16px;
  }
}
.product-inside .container .product-middle-bar .right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px;
  gap: 3px;
  background: rgba(230, 230, 230, 0.4);
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}
@media (max-width: 800px) {
  .product-inside .container .product-middle-bar .right {
    display: none;
  }
}
.product-inside .container .product-middle-bar .right p {
  font-size: 16px;
  line-height: 24px;
  color: #787878;
  font-family: DMR;
}
.product-inside .container .product-bottom-bar {
  display: flex;
  gap: 54px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar {
    gap: 30px;
  }
}
@media (max-width: 800px) {
  .product-inside .container .product-bottom-bar {
    flex-wrap: wrap;
    gap: 0;
  }
}
.product-inside .container .product-bottom-bar > div.left {
  width: 600px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  padding: 15px 30px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.left {
    width: 500px;
  }
}
@media (max-width: 900px) {
  .product-inside .container .product-bottom-bar > div.left {
    width: 450px;
  }
}
@media (max-width: 800px) {
  .product-inside .container .product-bottom-bar > div.left {
    width: 100%;
    box-shadow: none;
    padding: 15px 0;
    border: none;
    margin-bottom: 30px;
  }
}
.product-inside .container .product-bottom-bar > div.left table {
  width: 100%;
  position: relative;
}
.product-inside .container .product-bottom-bar > div.left table:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  bottom: -20px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table:after {
    display: block;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td {
  padding: 18px 0;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td {
    padding: 10px 0;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td:first-child {
  font-size: 20px;
  color: #787878;
  font-family: DMM;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td:first-child {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td:last-child {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td:last-child {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td:last-child a {
  font-size: 20px;
  color: #8A53FE;
  text-decoration: underline !important;
  font-family: DMR;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td:last-child a {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td:last-child p {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
  line-height: 25px;
}
.product-inside .container .product-bottom-bar > div.left table tr td:last-child p:not(:last-child) {
  margin-bottom: 9px;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td:last-child p {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr td:last-child p span {
  font-size: 20px;
  color: #8A53FE;
  font-family: DMB;
  line-height: 25px;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr td:last-child p span {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.left table tr:not(:last-child) td {
  position: relative;
}
.product-inside .container .product-bottom-bar > div.left table tr:not(:last-child) td:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.left table tr:not(:last-child) td:after {
    display: none;
  }
}
.product-inside .container .product-bottom-bar > div.right {
  flex: 1;
}
.product-inside .container .product-bottom-bar > div.right .description-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 33px;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
.product-inside .container .product-bottom-bar > div.right .description-list:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  bottom: 0px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-list:after {
    display: block;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-list {
    border-bottom: none;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-list li {
  padding-left: 30px;
  position: relative;
  font-size: 20px;
  font-family: DMR;
  color: #787878;
  line-height: 25px;
}
.product-inside .container .product-bottom-bar > div.right .description-list li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-list li {
    font-size: 16px;
    padding-left: 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-list li:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d9d9d9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-inside .container .product-bottom-bar > div.right .description-conditions {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
.product-inside .container .product-bottom-bar > div.right .description-conditions:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  bottom: 0px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-conditions:after {
    display: block;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-conditions {
    border-bottom: none;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-conditions .left {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.product-inside .container .product-bottom-bar > div.right .description-conditions .left p {
  font-size: 20px;
  font-family: DMR;
  color: #787878;
  line-height: 25px;
}
.product-inside .container .product-bottom-bar > div.right .description-conditions .left p:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-conditions .left p {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-conditions .right img {
  width: 60px;
}
.product-inside .container .product-bottom-bar > div.right .description-text {
  font-size: 20px;
  font-family: DMR;
  color: #787878;
  line-height: 1.5;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.product-inside .container .product-bottom-bar > div.right .description-text:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  bottom: 0px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-text:after {
    display: block;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-text {
    font-size: 16px;
    border-bottom: none;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-details {
  display: none;
  padding: 20px 0;
  position: relative;
}
.product-inside .container .product-bottom-bar > div.right .description-details p {
  font-size: 20px;
  font-family: DMR;
  color: #787878;
  line-height: 1.5;
}
.product-inside .container .product-bottom-bar > div.right .description-details:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  bottom: 0px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-details:after {
    display: block;
  }
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-details {
    display: block;
  }
  .product-inside .container .product-bottom-bar > div.right .description-details p {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-actions {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: center;
  padding-top: 23px;
}
.product-inside .container .product-bottom-bar > div.right .description-actions > *:not(.vip) {
  margin-bottom: 20px;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .vip {
  display: none;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .description-actions .vip {
    display: flex;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-actions .vip button {
  height: 41px;
  border: 1px solid #8A53FE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 0 40px 0 32px;
  display: flex;
  align-items: center;
  gap: 0px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .description-actions .vip button {
    height: 35px;
    padding: 0 20px 0 15px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-actions .vip button .icon-icon_diamond {
  font-size: 24px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .description-actions .vip button .icon-icon_diamond {
    font-size: 18px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-actions .vip button .text {
  font-size: 20px;
  font-family: DMM;
  color: #8A53FE;
  display: inline-block;
  padding-left: 8px;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .description-actions .vip button .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .description-actions .vip button .text {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action {
  display: flex;
  align-items: center;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action span[class*=icon] {
  display: inline-block;
  width: 30px;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action span[class*=icon]:before {
  font-size: 17px;
  color: #898989;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action a {
  font-size: 16px;
  font-family: DMR;
  color: #787878;
  text-decoration: underline !important;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action .text {
  font-size: 16px;
  font-family: DMR;
  color: #787878;
  display: inline-block;
  padding: 0 10px;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action .count {
  font-size: 16px;
  font-family: DMM;
  color: #F21212;
}
.product-inside .container .product-bottom-bar > div.right .description-actions .action:hover span:before,
.product-inside .container .product-bottom-bar > div.right .description-actions .action:hover a,
.product-inside .container .product-bottom-bar > div.right .description-actions .action:hover .text {
  color: #000;
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar {
  width: 100%;
  background: #fff;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 32px 28px 28px 27px;
  margin-top: 40px;
  position: relative;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar {
    display: block;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar:after {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  background: #e6e6e6;
  top: -20px;
  left: -15px;
  display: none;
}
@media (max-width: 767px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar:after {
    display: block;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar {
    padding: 20px;
    width: 100%;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-name {
  font-size: 32px;
  color: #8A53FE;
  font-family: DMM;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-name {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-name {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-name:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone {
  padding-top: 41px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone {
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 0px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a {
  display: flex;
  align-items: center;
  gap: 0px;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a:not(:last-child) {
    margin-bottom: 10px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a .icon-icon-phone {
  font-size: 24px;
  display: inline-block;
  margin-right: 13px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a .icon-icon-phone {
    font-size: 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a .text {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-phone a .text {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address {
  position: relative;
  padding-top: 34px;
  padding-bottom: 40px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 0px;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  left: 0;
  bottom: 0;
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address .icon-icon-map {
  font-size: 24px;
  display: inline-block;
  margin-right: 13px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address .icon-icon-map {
    font-size: 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address .text {
  font-size: 20px;
  color: #787878;
  font-family: DMR;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .owner-address .text {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button {
  height: 41px;
  border: 1px solid #8A53FE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 0 40px 0 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button {
    height: 35px;
    padding: 0 30px 0 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button .icon-icon_diamond {
  font-size: 24px;
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button .icon-icon_diamond {
    font-size: 20px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button .text {
  font-size: 20px;
  font-family: DMM;
  color: #8A53FE;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button .text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar .vip button .text {
    font-size: 16px;
  }
}
.product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar > a {
  font-size: 20px;
  font-family: DMR;
  color: #8A53FE;
  text-decoration: underline !important;
  display: block;
  text-align: center;
}
@media (max-width: 1200px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar > a {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .product-inside .container .product-bottom-bar > div.right .mobile-product-owner-contact-bar > a {
    font-size: 16px;
  }
}

.car-dealership {
  padding: 25px 0 36px 0;
  margin-bottom: -63px;
}
@media (max-width: 767px) {
  .car-dealership {
    margin-bottom: 0;
    padding: 5px 0;
  }
}
.car-dealership .container .card {
  background: #FFFFFF;
  border: 1px solid #EAE7E7;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 767px) {
  .car-dealership .container .card {
    flex-direction: column-reverse;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
}
.car-dealership .container .card .left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #090C2B;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .car-dealership .container .card .left {
    width: 100%;
    background: #fff;
  }
}
.car-dealership .container .card .left .about {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
@media (max-width: 767px) {
  .car-dealership .container .card .left .about {
    gap: 0;
  }
}
.car-dealership .container .card .left .about .about-item {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 767px) {
  .car-dealership .container .card .left .about .about-item {
    gap: 0px;
  }
}
.car-dealership .container .card .left .about .about-item .text {
  font-size: 20px;
  font-family: DMM;
  color: #fff;
  text-align: right;
  line-height: 1.4;
}
@media (max-width: 1000px) {
  .car-dealership .container .card .left .about .about-item .text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .car-dealership .container .card .left .about .about-item .text {
    color: #090C2B;
    font-size: 16px;
    font-family: DMR;
  }
}
.car-dealership .container .card .left .about .about-item .icon {
  width: 100px;
  height: 50px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
  border-radius: 20px 0px 0px 20px;
  padding-left: 29px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .car-dealership .container .card .left .about .about-item .icon {
    padding-left: 0;
    width: 18px;
    height: 35px;
    margin-left: 17px;
  }
}
.car-dealership .container .card .left .about .about-item .icon span:before {
  font-size: 25px;
  color: #090C2B;
}
@media (max-width: 767px) {
  .car-dealership .container .card .left .about .about-item .icon span:before {
    font-size: 18px;
  }
}
.car-dealership .container .card .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 25px 38px;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right {
    width: 100%;
    padding: 0 5px;
    position: relative;
  }
}
.car-dealership .container .card .right .image {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right .image {
    margin-bottom: 20px;
  }
}
.car-dealership .container .card .right .image img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right .image img {
    width: 106px;
    height: 106px;
  }
}
.car-dealership .container .card .right .title {
  font-size: 30px;
  font-family: DMB;
  color: #090C2B;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right .title {
    font-size: 24px;
    position: absolute;
    right: 140px;
    top: 40px;
  }
}
.car-dealership .container .card .right .slogan {
  font-size: 20px;
  font-family: DMB;
  color: #1e1e1e;
  margin-bottom: 15px;
  text-align: right;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right .slogan {
    font-size: 16px;
  }
}
.car-dealership .container .card .right .description {
  font-size: 16px;
  line-height: 22px;
  font-family: DMR;
  color: #1e1e1e;
  text-align: right;
}
@media (max-width: 767px) {
  .car-dealership .container .card .right .description {
    display: none;
  }
}

.nice-select-search-box {
  display: none;
}

.new-announcement {
  padding: 32px 0 49px 0;
}
.new-announcement .container form .announcement-card {
  background: #FFFFFF;
  border: 1px solid #E1DEDE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 30px;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card {
    padding-top: 5px;
  }
}
.new-announcement .container form .announcement-card .card-title {
  font-size: 30px;
  color: #8A53FE;
  font-family: DMB;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .card-title {
    display: none;
  }
}
.new-announcement .container form .announcement-card .announcement-step {
  padding: 31px 0 17px 50px;
  position: relative;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step {
    padding: 15px 0 15px 15px;
  }
}
.new-announcement .container form .announcement-card .announcement-step:not(:last-child):before {
  position: absolute;
  content: "";
  width: calc(100% - 50px);
  height: 2px;
  left: 50px;
  bottom: -10px;
  background: #8A53FE;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step:not(:last-child):before {
    width: calc(100% - 16px);
    height: 2px;
    left: 16px;
    bottom: -3px;
  }
}
.new-announcement .container form .announcement-card .announcement-step:not(:last-child):after {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 50px);
  border-right: 2px dashed #d9d9d9;
  left: 15px;
  top: 73px;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step:not(:last-child):after {
    left: -6px;
    top: 46px;
    height: calc(100% - 35px);
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-title {
  font-size: 22px;
  color: #000;
  font-family: DMR;
  line-height: 32px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-title {
    font-size: 16px;
    font-family: DMM;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-title:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #d9d9d9;
  left: -49px;
  top: 0px;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-title:before {
    width: 15px;
    height: 15px;
    left: -27px;
    top: 7px;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-title:after {
  position: absolute;
  content: "";
  width: 23px;
  height: 23px;
  background: url("../images/svg/icon-accordion-plus.svg");
  background-size: cover;
  right: 8px;
  top: 10px;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-title:after {
    width: 15px;
    height: 15px;
    top: 8px;
  }
}
.new-announcement .container form .announcement-card .announcement-step.visited:before {
  background: #8A53FE;
}
.new-announcement .container form .announcement-card .announcement-step.visited:not(:last-child):after {
  border-right: 2px dashed #8A53FE;
}
.new-announcement .container form .announcement-card .announcement-step.visited .step-title:before {
  background: #8A53FE;
}
.new-announcement .container form .announcement-card .announcement-step.active .step-title:after {
  background: #000;
  height: 2px;
  top: 20px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body {
  gap: 33px 54px;
  padding: 27px 0 24px 0;
  flex-wrap: wrap;
  display: none;
}
@media (max-width: 1200px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body {
    gap: 0;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body.flex {
  display: flex !important;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column {
  width: calc(33.3333333333% - 36px);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .small-column {
    width: calc(33.3333333333% - 16.6666666667px);
  }
}
@media (max-width: 960px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .small-column {
    width: calc(50% - 12.5px);
    justify-content: flex-start;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .small-column {
    gap: 0;
  }
}
@media (max-width: 700px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .small-column {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select {
  float: none;
  height: 49px;
  line-height: 49px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 0 25px;
  width: 100%;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select span {
  font-size: 16px;
  font-family: DMR;
  color: #000;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select:after {
  right: 20px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select .nice-select-dropdown {
  width: calc(100% + 2px);
  left: -1px;
  box-shadow: none;
  border: 1px solid rgb(178, 178, 178);
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select .nice-select-search-box {
  display: block;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select .list {
  width: 100%;
  box-shadow: none;
  position: relative;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select .list .disabled {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .nice-select .list li {
  font-size: 16px;
  font-family: DMR;
  color: #000;
  padding: 5px 25px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column input {
  height: 49px;
  line-height: 49px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 0 25px;
  width: 100%;
  font-size: 16px;
  font-family: DMR;
  color: #000;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column input::placeholder {
  color: #000;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column input::-webkit-outer-spin-button,
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column input[type=number] {
  -moz-appearance: textfield;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox {
  display: flex;
  height: 49px;
  align-items: center;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox:first-child {
    margin-right: 20px;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox input {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox label {
  padding-left: 34px;
  position: relative;
  font-size: 16px;
  font-family: DMR;
  color: #000;
  cursor: pointer;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox label:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.new-announcement .container form .announcement-card .announcement-step .step-body .small-column .checkbox input:checked + label {
  background: url("../images/svg/icon-check.svg");
  background-position: 4px center;
  background-repeat: no-repeat;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .full-column {
  width: 100%;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .full-column textarea {
  height: 211px;
  line-height: 24px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 24px 25px;
  width: 100%;
  font-size: 16px;
  font-family: DMR;
  color: #000;
  resize: vertical;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .full-column textarea::placeholder {
  color: #000;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .upload-part {
    flex-direction: column;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .upload-btn {
  width: 220px;
  height: auto;
  aspect-ratio: 1/1;
  background: #FFFFFF;
  border: 1px solid #EDECEC;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .upload-btn.disabled {
  background: #faf9f9;
  pointer-events: none;
}
@media (max-width: 700px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .upload-btn {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .upload-btn input {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .upload-btn img {
  max-width: 50%;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images {
  width: calc(100% - 250px);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px 15px;
}
@media (max-width: 700px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images .image {
  width: 127px;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid #E6E6E6;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25));
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 600px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images .image {
    width: calc(50% - 8px);
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images .image .remove {
  position: absolute;
  top: 5px;
  left: 11px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .upload-part .images .image .remove:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 2px;
  background: rgba(242, 18, 18, 0.93);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.new-announcement .container form .announcement-card .announcement-step .step-body .info-text {
  background: #FFF3CD;
  border: 1px solid #FFEEBC;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;
  display: flex;
  gap: 0px;
  align-items: center;
  padding: 8px 10px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .info-text img {
  margin-right: 9px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .info-text span {
  font-size: 18px;
  color: #7E7346;
  font-family: BCB;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .info-text span {
    font-size: 14px;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-left: 8px;
  position: relative;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs {
    gap: 0px;
  }
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs {
    width: 100%;
    flex: 1;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part {
    margin-bottom: 8px;
  }
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part label {
  display: inline-block;
  width: 170px;
  font-size: 16px;
  line-height: 23px;
  font-family: DMR;
  color: #000000;
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part label {
    display: none;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select {
  float: none;
  height: 49px;
  line-height: 49px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 0 25px;
  width: 350px;
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select span {
  font-size: 16px;
  font-family: DMR;
  color: #000;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select:after {
  right: 20px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select .list {
  width: 100%;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select .list .disabled {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .nice-select .list li {
  font-size: 16px;
  font-family: DMR;
  color: #000;
  padding: 5px 25px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part input {
  height: 49px;
  line-height: 49px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 0 25px;
  width: 350px;
  font-size: 16px;
  font-family: DMR;
  color: #000;
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part input {
    width: 100%;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part input.dark {
  background: #D6D5D5;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part {
  padding-left: 13px;
  padding-right: 10px;
  position: relative;
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part {
    display: none;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part span {
  cursor: pointer;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part div {
  position: absolute;
  left: calc(100% - 5px);
  bottom: 3px;
  font-size: 16px;
  font-family: DMR;
  background: #FFFFFF;
  border: 2px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 10px 10px 15px 10px;
  line-height: 19px;
  color: #000;
  width: 540px;
  opacity: 0;
  visibility: hidden;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part div a {
  color: #03A9F4;
  font-size: 16px;
  font-family: DMR;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-input-part .info-part:hover div {
  opacity: 1;
  visibility: visible;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part {
  display: flex;
  align-items: center;
  position: absolute;
  top: 7px;
  left: 670px;
  width: max-content;
  gap: 0px;
}
@media (max-width: 1000px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part {
    position: unset;
    padding-top: 20px;
  }
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part input {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part img {
  width: 42px;
  margin-left: 5px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part label {
  position: relative;
  padding-left: 36px;
  font-size: 16px;
  font-family: DMR;
  color: #000;
  cursor: pointer;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part label:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .side-inputs .side-checkbox-part input:checked + label:before {
  background: url("../images/svg/icon-check.svg");
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .rules-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 20px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .rules-list li {
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  font-family: DMR;
  color: #000;
  line-height: 27px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .rules-list li:not(:last-child) {
  margin-bottom: 10px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .rules-list li:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  left: 0;
  top: 5px;
  background: #8A53FE;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part {
  display: flex;
  align-items: center;
  gap: 5px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part input {
  display: none;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part img {
  width: 42px;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part label {
  position: relative;
  padding-left: 36px;
  font-size: 16px;
  font-family: DMR;
  color: #000;
  cursor: pointer;
  line-height: 1.4;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part label:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  left: 0;
  top: 2px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part label a {
  font-size: 16px;
  font-family: DMR;
  color: #03A9F4;
  text-decoration: underline !important;
}
.new-announcement .container form .announcement-card .announcement-step .step-body .rules .checkbox-part input:checked + label:before {
  background: url("../images/svg/icon-check.svg");
}
.new-announcement .container form .announcement-card .announcement-step .step-body .input-list {
  display: flex;
  gap: 33px 54px;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .input-list {
    gap: 25px;
  }
}
@media (max-width: 650px) {
  .new-announcement .container form .announcement-card .announcement-step .step-body .input-list {
    gap: 8px;
  }
}
.new-announcement .container form button {
  height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  font-size: 18px;
  font-family: DMM;
  color: #fff;
  background-color: #8A53FE;
  margin: 47px 0 0 auto;
}
@media (max-width: 767px) {
  .new-announcement .container form button {
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 40px;
    font-size: 16px;
    font-family: DMM;
    color: #fff;
    background-color: #8A53FE;
    margin: 35px 0 0 auto;
  }
}
.new-announcement .container form button:disabled {
  background-color: #CDCDCD;
  color: #898989;
  cursor: not-allowed;
}

.plans {
  padding-top: 127px;
  padding-bottom: 80px;
}
@media (max-width: 960px) {
  .plans {
    overflow: hidden;
    padding-top: 40px;
  }
}
.plans .container .plan-list {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
.plans .container .plan-list .plan-item {
  width: calc(33.3333333333% - 20px);
  background: #FFFFFF;
  border: 1px solid #EFF0F7;
  box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.08);
  border-radius: 24px;
  padding: 50px 43px 118px 43px;
  position: relative;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item {
    padding: 30px 33px 88px 33px;
  }
}
@media (max-width: 960px) {
  .plans .container .plan-list .plan-item {
    width: 380px;
    margin: 0 auto;
  }
}
@media (max-width: 450px) {
  .plans .container .plan-list .plan-item {
    width: 100%;
  }
}
.plans .container .plan-list .plan-item.middle {
  transform: translateY(-50px);
  border: 3px solid #8A53FE;
}
@media (max-width: 960px) {
  .plans .container .plan-list .plan-item.middle {
    transform: translateY(0);
  }
}
.plans .container .plan-list .plan-item:after {
  position: absolute;
  content: "";
  width: 132px;
  height: 91px;
  top: -9px;
  right: -13px;
}
.plans .container .plan-list .plan-item.silver:after {
  background: url("../images/svg/icon-plan-silver-top.svg");
}
.plans .container .plan-list .plan-item.gold:after {
  background: url("../images/svg/icon-plan-gold-top.svg");
}
.plans .container .plan-list .plan-item.business:after {
  background: url("../images/svg/icon-plan-business-top.svg");
}
.plans .container .plan-list .plan-item .title-part {
  display: flex;
  align-items: center;
  gap: 0px;
  padding-bottom: 18px;
}
.plans .container .plan-list .plan-item .title-part p {
  font-size: 24px;
  font-family: DMB;
  color: #170F49;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .title-part p {
    font-size: 20px;
  }
}
.plans .container .plan-list .plan-item .title-part img {
  margin-right: 18px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .title-part img {
    width: 60px;
  }
}
.plans .container .plan-list .plan-item .description {
  font-size: 16px;
  color: #6F6C90;
  font-family: DMR;
  line-height: 1.8;
  padding-bottom: 13px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .description {
    line-height: 1.5;
  }
}
.plans .container .plan-list .plan-item .price-part {
  display: flex;
  gap: 0px;
  align-items: center;
  padding-bottom: 17px;
}
.plans .container .plan-list .plan-item .price-part > span:first-child {
  color: #170F49;
  font-family: DMB;
  line-height: 66px;
  font-size: 40px;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .price-part > span:first-child {
    font-size: 30px;
  }
}
.plans .container .plan-list .plan-item .price-part > span:first-child span {
  color: #170F49;
  font-family: DMB;
  line-height: 66px;
  font-size: 54px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .price-part > span:first-child span {
    font-size: 44px;
  }
}
.plans .container .plan-list .plan-item .price-part > span:last-child {
  font-size: 20px;
  line-height: 22px;
  color: #6F6C90;
  font-family: DMR;
  padding-top: 10px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .price-part > span:last-child {
    font-size: 18px;
  }
}
.plans .container .plan-list .plan-item .subtitle {
  font-size: 18px;
  line-height: 20px;
  font-family: DMB;
  color: #170F49;
  padding-bottom: 24px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .subtitle {
    font-size: 16px;
  }
}
.plans .container .plan-list .plan-item .conditions {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 44px;
}
.plans .container .plan-list .plan-item .conditions li {
  font-size: 18px;
  color: #170F49;
  font-family: DMR;
  padding-left: 40px;
  position: relative;
}
.plans .container .plan-list .plan-item .conditions li:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .plans .container .plan-list .plan-item .conditions li {
    font-size: 16px;
  }
}
.plans .container .plan-list .plan-item .conditions li:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: url("../images/svg/icon-plan-check.svg") #8A53FE;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plans .container .plan-list .plan-item a {
  display: block;
  width: calc(100% - 86px);
  height: 60px;
  border-radius: 20px;
  background-color: #8A53FE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  font-family: DMR;
  position: absolute;
  bottom: 46px;
  left: 50%;
  transform: translateX(-50%);
}
.plans .container .plan-list .plan-item a:hover {
  background-color: #4d21a9;
}
.plans .container .plan-list .owl-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0px;
}
.plans .container .plan-list .owl-dot {
  width: 18px;
  height: 18px;
  background: #D9D9D9;
  border-radius: 50%;
  margin: 0 14px;
}
.plans .container .plan-list .owl-dot.active {
  background: #8A53FE;
}
.plans .container .plan-list .owl-stage-outer {
  overflow: unset;
}

.profile-part {
  padding: 50px 0 96px 0;
}
@media (max-width: 767px) {
  .profile-part {
    padding: 30px 0 70px 0;
    width: 100%;
  }
}
.profile-part .container {
  display: flex;
  gap: 29px;
  align-items: flex-start;
  position: relative;
}
.profile-part .container .left-panel {
  background: #FFFFFF;
  border: 1px solid #E7E3E3;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  position: sticky;
  top: 20px;
}
@media (max-width: 767px) {
  .profile-part .container .left-panel {
    display: none;
  }
}
.profile-part .container .left-panel a {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.profile-part .container .left-panel a:not(:last-child) {
  border-bottom: 1px solid #D6D2D2;
}
.profile-part .container .left-panel a span:not(.text):before {
  color: #787878;
  font-size: 31px;
}
.profile-part .container .left-panel a .text {
  font-size: 18px;
  font-family: DMM;
  color: #787878;
}
.profile-part .container .left-panel a.active .text {
  color: #8A53FE;
}
.profile-part .container .left-panel a.active span:not(.text):before {
  color: #8A53FE;
}
.profile-part .container .right-panel {
  background: #FFFFFF;
  border: 1px solid #E7E3E3;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  flex: 1;
  padding: 30px 40px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel {
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
  }
}
.profile-part .container .right-panel .title {
  font-size: 25px;
  color: #3C3C43;
  font-family: DMB;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .title {
    display: none;
  }
}
.profile-part .container .right-panel .profile-form {
  display: flex;
  gap: 30px 30px;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-form {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-form {
    gap: 0;
  }
}
.profile-part .container .right-panel .profile-form .input-part {
  width: calc(50% - 15px);
  position: relative;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-form .input-part {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-form .input-part:not(:last-child) {
    margin-bottom: 20px;
  }
}
.profile-part .container .right-panel .profile-form .input-part .plus {
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #6359FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-part .container .right-panel .profile-form .input-part .plus span:before {
  color: #fff;
  font-size: 12px;
}
.profile-part .container .right-panel .profile-form .input-part .remove {
  position: absolute;
  width: 21px;
  height: 21px;
  overflow: hidden;
  color: transparent;
  background: red;
  border-radius: 50%;
  top: 0px;
  right: 0px;
  z-index: 1;
  cursor: pointer;
}
.profile-part .container .right-panel .profile-form .input-part .remove:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.profile-part .container .right-panel .profile-form .input-part label {
  display: block;
  color: #8A53FE;
  font-family: DMM;
  font-size: 18px;
  padding-bottom: 10px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .profile-form .input-part label {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-form .input-part.required label:after {
  position: relative;
  content: "*";
}
.profile-part .container .right-panel .profile-form .input-part input:not([type=file]) {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.49);
  border-radius: 10px;
  font-size: 18px;
  padding: 0 15px;
  font-family: DMR;
  color: rgba(30, 30, 30, 0.6);
  padding-right: 45px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .profile-form .input-part input:not([type=file]) {
    font-size: 16px;
    width: 100%;
  }
}
.profile-part .container .right-panel .profile-form .input-part input[type=file] {
  font-family: DMR;
  color: rgba(30, 30, 30, 0.6);
  height: 50px;
  font-size: 18px;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .profile-form .input-part input[type=file] {
    font-size: 16px;
    width: 100%;
  }
}
.profile-part .container .right-panel .profile-form .input-part textarea {
  width: 100%;
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.49);
  border-radius: 10px;
  font-size: 18px;
  padding: 15px;
  font-family: DMR;
  color: rgba(30, 30, 30, 0.6);
  resize: vertical;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .profile-form .input-part textarea {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-form .input-part.full-row {
  width: 100%;
}
.profile-part .container .right-panel .profile-form .input-part.full-row input {
  width: calc(50% - 15px);
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-form .input-part.full-row input {
    width: 100%;
  }
}
.profile-part .container .right-panel .profile-form .input-part > span {
  position: absolute;
  right: 15px;
  top: 46px;
}
.profile-part .container .right-panel .profile-form .input-part > span:before {
  color: #9A93FF;
  font-size: 18px;
}
.profile-part .container .right-panel .profile-form .input-part > span.icon-icon-email:before {
  font-size: 16px;
}
.profile-part .container .right-panel .profile-form .multiple-part {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: calc(50% - 15px);
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-form .multiple-part {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-form .multiple-part {
    gap: 0;
  }
}
.profile-part .container .right-panel .profile-form .multiple-part .input-part {
  width: 100%;
}
.profile-part .container .right-panel .profile-form .buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 0px;
  padding-top: 40px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-form .buttons {
    padding-top: 20px;
  }
}
.profile-part .container .right-panel .profile-form .buttons a, .profile-part .container .right-panel .profile-form .buttons button {
  height: 50px;
  background-color: #8A53FE;
  color: #fff;
  padding: 0 25px;
  display: flex;
  align-items: center;
  font-family: DMM;
  font-size: 18px;
  border-radius: 10px;
  margin-left: 10px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .profile-form .buttons a, .profile-part .container .right-panel .profile-form .buttons button {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-form .buttons a, .profile-part .container .right-panel .profile-form .buttons button {
    font-size: 14px;
    padding: 0 20px;
  }
}
.profile-part .container .right-panel .announcements {
  display: flex;
  align-items: center;
  gap: 40px 30px;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements {
    gap: 0;
    margin: -10px -7.5px;
  }
}
.profile-part .container .right-panel .announcements .item {
  width: calc(33.3333333333% - 20px);
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (max-width: 1250px) {
  .profile-part .container .right-panel .announcements .item {
    width: calc(50% - 15px);
  }
}
@media (max-width: 950px) and (min-width: 767px) {
  .profile-part .container .right-panel .announcements .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item {
    width: calc(50% - 15px);
    margin: 10px 7.5px;
  }
}
.profile-part .container .right-panel .announcements .item .image {
  height: 272px;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image {
    height: 230px;
  }
}
.profile-part .container .right-panel .announcements .item .image .buttons {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .image .buttons {
    gap: 0;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .buttons {
    right: 11px;
    top: 11px;
  }
}
.profile-part .container .right-panel .announcements .item .image .buttons button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .image .buttons button {
    margin-bottom: 15px;
  }
}
.profile-part .container .right-panel .announcements .item .image .buttons button span:before {
  color: #3C3C43;
  font-size: 17px;
}
.profile-part .container .right-panel .announcements .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite {
  position: absolute;
  top: 14px;
  right: 18px;
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite span {
  font-size: 27px;
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite.added span:before {
  color: rgba(242, 18, 18, 0.93);
}
.profile-part .container .right-panel .announcements .item .image .vip {
  position: absolute;
  bottom: 27px;
  right: 25px;
  font-size: 20px;
}
.profile-part .container .right-panel .announcements .item .image .vip:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.profile-part .container .right-panel .announcements .item .image .vip:before {
  position: relative;
  z-index: 1;
}
.profile-part .container .right-panel .announcements .item .image .info {
  position: absolute;
  left: 10px;
  bottom: 16px;
  display: flex;
  align-items: center;
}
.profile-part .container .right-panel .announcements .item .image .info .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #8A53FE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-part .container .right-panel .announcements .item .image .info .icon span {
  font-size: 25px;
}
.profile-part .container .right-panel .announcements .item .image .info .text {
  height: 30px;
  line-height: 30px;
  background: #8A53FE;
  padding-left: 21px;
  margin-left: -10px;
  font-size: 18px;
  color: #fff;
  font-family: DMM;
  padding-right: 37px;
  position: relative;
}
.profile-part .container .right-panel .announcements .item .image .info .text:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0 solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 22px solid #8A53FE;
  left: 100%;
  top: 0;
}
.profile-part .container .right-panel .announcements .item .description-part {
  padding: 25px 13px 16px 13px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .right {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .right {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .right img {
  width: 41px;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .price {
  font-size: 20px;
  font-family: DMB;
  color: #000;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date span:not(.text) {
  font-size: 18px;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date .text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .name {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row > img {
  width: 30px;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .icon {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background: #000000;
  border: 1px solid #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(242, 18, 18, 0.93);
  font-family: DMB;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .address {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .view-count {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .view-count {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .view-count .text {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
.profile-part .container .right-panel .announcements .item .image {
  height: 272px;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image {
    height: 230px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image {
    height: 150px;
  }
}
.profile-part .container .right-panel .announcements .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite {
  position: absolute;
  top: 25px;
  right: 26px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .add-to-favorite {
    top: 18px;
    right: 18px;
  }
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .add-to-favorite:after {
    width: 30px;
    height: 30px;
  }
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite:before {
  position: relative;
  z-index: 1;
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite span {
  position: relative;
  z-index: 1;
  font-size: 20px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .add-to-favorite span {
    font-size: 15px;
  }
}
.profile-part .container .right-panel .announcements .item .image .add-to-favorite.added span:before {
  color: rgba(242, 18, 18, 0.93);
}
.profile-part .container .right-panel .announcements .item .image .vip {
  position: absolute;
  bottom: 27px;
  right: 25px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .vip {
    bottom: 18px;
    right: 18px;
  }
}
.profile-part .container .right-panel .announcements .item .image .vip:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .vip:after {
    width: 30px;
    height: 30px;
  }
}
.profile-part .container .right-panel .announcements .item .image .vip:before {
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .vip:before {
    font-size: 14px;
  }
}
.profile-part .container .right-panel .announcements .item .image .info {
  position: absolute;
  left: 10px;
  bottom: 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .info {
    bottom: 10px;
  }
}
.profile-part .container .right-panel .announcements .item .image .info .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #8A53FE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-part .container .right-panel .announcements .item .image .info .icon span {
  font-size: 25px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .info .icon span {
    font-size: 20px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .info .icon span {
    font-size: 17px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .info .icon {
    width: 30px;
    height: 30px;
  }
}
.profile-part .container .right-panel .announcements .item .image .info .text {
  height: 30px;
  line-height: 30px;
  background: #8A53FE;
  padding-left: 21px;
  margin-left: -7px;
  font-size: 18px;
  color: #fff;
  font-family: DMM;
  padding-right: 37px;
  position: relative;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .info .text {
    height: 25px;
    line-height: 25px;
    padding-left: 13px;
    padding-right: 20px;
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .info .text {
    font-size: 10px;
    height: 19px;
    line-height: 19px;
    padding-left: 9px;
    padding-right: 5px;
  }
}
.profile-part .container .right-panel .announcements .item .image .info .text:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0 solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 22px solid #8A53FE;
  left: 100%;
  top: 0;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .image .info .text:after {
    border-bottom: 25px solid transparent;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .image .info .text:after {
    border-bottom: 19px solid transparent;
  }
}
.profile-part .container .right-panel .announcements .item .description-part {
  padding: 25px 13px 16px 13px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part {
    padding-top: 19px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part {
    gap: 0px;
    padding-bottom: 26px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row:last-child {
    position: absolute;
    left: 13px;
    bottom: 11px;
    width: calc(100% - 26px);
  }
  .profile-part .container .right-panel .announcements .item .description-part .info-row:not(:last-child) {
    margin-bottom: 13px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .right {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .right {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .right img {
  width: 41px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .right img {
    margin-left: 7px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .right img {
    width: 22px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .price {
  font-size: 20px;
  font-family: DMB;
  color: #000;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .price {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .price {
    font-size: 14px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date {
    gap: 0;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date span:not(.text) {
  font-size: 18px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date span:not(.text) {
    display: inline-block;
    margin-right: 8px;
  }
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date span:not(.text) {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date span:not(.text) {
    font-size: 14px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .date .text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date .text {
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .date .text {
    font-size: 12px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .name {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  font-family: DMR;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .name {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .name {
    font-size: 14px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row > img {
  width: 30px;
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .icon {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background: #000000;
  border: 1px solid #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(242, 18, 18, 0.93);
  font-family: DMB;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .icon {
    width: 15px;
    height: 15px;
    font-size: 10px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .address {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .address {
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .address {
    font-size: 8px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .view-count {
  display: flex;
  align-items: center;
  gap: 5px;
  display: none;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .view-count span:not(.text) {
    font-size: 10px;
  }
}
.profile-part .container .right-panel .announcements .item .description-part .info-row .view-count .text {
  font-size: 14px;
  color: #8DA1CA;
  font-family: DMR;
}
@media (max-width: 1200px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .view-count .text {
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements .item .description-part .info-row .view-count .text {
    font-size: 8px;
  }
}
.profile-part .container .right-panel .announcements.expired .item {
  overflow: hidden;
}
.profile-part .container .right-panel .announcements.expired .item .image {
  position: relative;
}
@media (max-width: 750px) {
  .profile-part .container .right-panel .announcements.expired .item .image .buttons {
    flex-direction: row;
  }
  .profile-part .container .right-panel .announcements.expired .item .image .buttons button {
    margin-left: 15px;
  }
}
.profile-part .container .right-panel .announcements.expired .item .image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  z-index: 0;
}
.profile-part .container .right-panel .announcements.expired .item .image *:not(img) {
  z-index: 1;
}
.profile-part .container .right-panel .announcements.expired .item .description-part {
  position: relative;
}
.profile-part .container .right-panel .announcements.expired .item .description-part:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-subscribtion-container {
    overflow-x: scroll;
    width: calc(100vw - 30px);
    padding: 16px 10px;
  }
}
.profile-part .container .right-panel .profile-subscriptions {
  display: flex;
  background: #FFFFFF;
  flex-wrap: wrap;
  min-width: 750px;
}
.profile-part .container .right-panel .profile-subscriptions .column {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 0 10px 10px 0;
}
.profile-part .container .right-panel .profile-subscriptions .column:first-child {
  width: 24%;
  position: relative;
  z-index: 5;
}
.profile-part .container .right-panel .profile-subscriptions .column:nth-child(2) {
  position: relative;
  z-index: 4;
}
.profile-part .container .right-panel .profile-subscriptions .column:nth-child(3) {
  position: relative;
  z-index: 3;
}
.profile-part .container .right-panel .profile-subscriptions .column:nth-child(4) {
  position: relative;
  z-index: 2;
}
.profile-part .container .right-panel .profile-subscriptions .column:nth-child(5) {
  position: relative;
  z-index: 1;
}
.profile-part .container .right-panel .profile-subscriptions .column:not(:first-child) {
  width: 19%;
}
.profile-part .container .right-panel .profile-subscriptions .column .head {
  height: 190px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 28px;
  padding-bottom: 20px;
  position: relative;
}
.profile-part .container .right-panel .profile-subscriptions .column .head .text {
  font-size: 25px;
  font-family: DMB;
  color: rgba(60, 60, 67, 0.8);
  padding: 0 10px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .head .text {
    font-size: 22px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .head .icon {
  background-color: #edeaff;
  width: 72px;
  height: 72px;
  border-radius: 16px;
  margin-bottom: 20px;
}
.profile-part .container .right-panel .profile-subscriptions .column .head .icon img {
  width: 100%;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .head .icon {
    width: 60px;
    height: 60px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .head .name {
  font-size: 20px;
  color: #000;
  font-family: DMB;
  margin-bottom: 7px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .head .name {
    font-size: 18px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .head .price {
  font-size: 16px;
  font-family: DMB;
  color: #000;
}
.profile-part .container .right-panel .profile-subscriptions .column .head .price span {
  font-size: 22px;
  font-family: DMB;
  color: #000;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .head .price span {
    font-size: 20px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .rows {
  display: flex;
  flex-direction: column;
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:first-child, .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(3) {
  background: #F4F5F7;
  height: 50px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-family: DMRI;
  color: #3F414E;
  font-size: 18px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:first-child, .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(3) {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(2) {
  background: #fff;
  height: 76px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-family: DMRI;
  color: #3F414E;
  font-size: 18px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(2) {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(4) {
  height: 110px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(4) {
    height: 80px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(4) button {
  height: 40px;
  padding: 0 30px;
  border-radius: 10px;
  background: #8A53FE;
  font-size: 16px;
  font-family: DMM;
  color: #fff;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(4) button {
    height: 30px;
    padding: 0 20px;
    font-size: 14px;
  }
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item:nth-child(4) button.not-active {
  background: #E1E2E3;
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item.empty {
  position: relative;
}
.profile-part .container .right-panel .profile-subscriptions .column .rows .row-item.empty:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url("../images/svg/icon-empty-subscriptions.svg");
  background-size: cover;
}
.profile-part .container .right-panel .profile-subscriptions .column:not(:first-child) .rows .row-item {
  justify-content: center;
  padding: 0 15px;
  text-align: center;
  line-height: 1.3;
  border-radius: 0 0 10px 0;
}
.profile-part .container .right-panel .profile-subscriptions .column.gold .head {
  background: #FCC345;
}
.profile-part .container .right-panel .profile-subscriptions .column.gold .rows .row-item:nth-child(2), .profile-part .container .right-panel .profile-subscriptions .column.gold .rows .row-item:nth-child(4) {
  background: #FCC345;
}
.profile-part .container .right-panel .profile-subscriptions-info-text {
  width: 100%;
  padding-top: 40px;
  font-size: 20px;
  line-height: 1.5;
  font-family: DMM;
  color: #000;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-subscriptions-info-text {
    font-size: 18px;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-subscriptions-info-text {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-notifications {
  display: flex;
  flex-direction: column;
  margin-top: -15px;
  width: calc(100% + 80px);
  margin-left: -40px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-notifications {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.profile-part .container .right-panel .profile-notifications .item {
  display: flex;
  align-items: center;
  padding: 25px 40px;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-notifications .item {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-notifications .item {
    padding: 20px 15px;
  }
}
.profile-part .container .right-panel .profile-notifications .item:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.profile-part .container .right-panel .profile-notifications .item:hover {
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2);
}
.profile-part .container .right-panel .profile-notifications .item:hover:not(:first-child) {
  border-top: 1px solid #fff;
}
.profile-part .container .right-panel .profile-notifications .item:hover + .item {
  border-top: 1px solid #fff;
}
.profile-part .container .right-panel .profile-notifications .item span {
  display: inline-block;
  width: 60px;
  font-size: 35px;
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-notifications .item span {
    font-size: 20px;
    width: 35px;
  }
}
.profile-part .container .right-panel .profile-notifications .item span:before {
  color: #3F414E;
}
.profile-part .container .right-panel .profile-notifications .item .description {
  font-size: 18px;
  font-family: DMRI;
  color: #3F414E;
  line-height: 1.3;
  width: calc(100% - 170px);
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-notifications .item .description {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .profile-part .container .right-panel .profile-notifications .item .description {
    width: calc(100% - 100px);
  }
}
.profile-part .container .right-panel .profile-notifications .item .description a {
  color: #4C88F9;
  font-size: 18px;
  font-family: DMRI;
  line-height: 1.3;
  text-decoration: underline !important;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-notifications .item .description a {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-notifications .item .date {
  font-size: 18px;
  font-family: DMRI;
  color: #3F414E;
  line-height: 1.3;
  width: 110px;
  text-align: right;
}
@media (max-width: 1000px) {
  .profile-part .container .right-panel .profile-notifications .item .date {
    font-size: 16px;
  }
}
.profile-part .container .right-panel .profile-notifications .item:hover span:before {
  color: #8A53FE;
}

.static-pages .tab-header {
  background: rgba(207, 207, 207, 0.2);
  height: 59px;
}
@media (max-width: 767px) {
  .static-pages .tab-header {
    display: none;
  }
}
.static-pages .tab-header .container {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
}
.static-pages .tab-header .container a {
  color: rgba(30, 30, 30, 0.7);
  font-family: DMM;
  font-size: 18px;
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
}
.static-pages .tab-header .container a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #8A53FE;
  bottom: 0;
  left: 0;
}
.static-pages .tab-header .container a.active:after {
  width: 100%;
}
.static-pages .tab-header .container a:hover:after {
  width: 100%;
}
.static-pages .tab-body {
  padding: 50px 0 70px 0;
}
@media (max-width: 767px) {
  .static-pages .tab-body {
    padding: 30px 0 70px;
  }
}
.static-pages .tab-body .container .title {
  padding-bottom: 30px;
  font-size: 30px;
  font-family: DMB;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .static-pages .tab-body .container .title {
    padding-bottom: 15px;
    font-size: 25px;
    display: none;
  }
}
.static-pages .tab-body .container .text {
  font-size: 18px;
  line-height: 1.5;
  color: rgba(30, 30, 30, 0.7);
  font-family: DMR;
  text-align: justify;
}
@media (max-width: 767px) {
  .static-pages .tab-body .container .text {
    font-size: 16px;
  }
}
.static-pages .tab-body .container .accordion {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.static-pages .tab-body .container .accordion .accordion-item {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.static-pages .tab-body .container .accordion .accordion-item:not(:last-child) {
  margin-bottom: 18px;
}
.static-pages .tab-body .container .accordion .accordion-item:hover {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.static-pages .tab-body .container .accordion .accordion-item .accordion-header {
  height: auto;
  display: flex;
  align-items: center;
  padding: 20px 60px 20px 20px;
  line-height: 1.4;
  font-size: 18px;
  color: rgba(30, 30, 30, 0.7);
  font-family: DMM;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .static-pages .tab-body .container .accordion .accordion-item .accordion-header {
    font-size: 16px;
    padding: 15px 60px 15px 15px;
  }
}
.static-pages .tab-body .container .accordion .accordion-item .accordion-header:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/svg/icon-faq-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.static-pages .tab-body .container .accordion .accordion-item .accordion-content {
  border-top: 1px solid #DBD9D9;
  line-height: 1.5;
  color: rgba(30, 30, 30, 0.7);
  font-family: DMR;
  padding: 20px;
  display: none;
  font-size: 16px;
}
@media (max-width: 767px) {
  .static-pages .tab-body .container .accordion .accordion-item .accordion-content {
    font-size: 14px;
    padding: 15px;
  }
}
.static-pages .tab-body .container .contact-part {
  display: flex;
  flex-direction: column;
}
.static-pages .tab-body .container .contact-part .contact-item {
  padding-bottom: 20px;
}
.static-pages .tab-body .container .contact-part .contact-item:not(:first-child) {
  border-top: 1px solid #DBD9D9;
  padding-top: 20px;
}
.static-pages .tab-body .container .contact-part .contact-item .subtitle {
  font-size: 18px;
  font-family: DMM;
  color: rgba(30, 30, 30, 0.7);
  padding-bottom: 15px;
}
.static-pages .tab-body .container .contact-part .contact-item a {
  display: flex;
  gap: 0px;
  align-items: center;
}
.static-pages .tab-body .container .contact-part .contact-item a span:not(.text) {
  font-size: 18px;
  width: 20px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}
.static-pages .tab-body .container .contact-part .contact-item a span:not(.text):before {
  color: #9A93FF;
}
.static-pages .tab-body .container .contact-part .contact-item a .text {
  font-size: 16px;
  color: rgba(30, 30, 30, 0.7);
  font-family: DMR;
}
.static-pages .tab-body .container .contact-part .contact-item a:hover .text {
  color: #000;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.modal .close-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal .modal-content {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  padding: 20px 20px 30px 20px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
@media (max-width: 600px) {
  .modal .modal-content {
    width: calc(100% - 50px);
  }
}
.modal .modal-content.active {
  top: 150px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.modal .modal-content .title-bar {
  text-transform: uppercase;
  color: #8A53FE;
  font-family: DMB;
  font-size: 25px;
  padding-bottom: 20px;
}
.modal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 25px;
  color: #8A53FE;
}
.modal .modal-content .close:hover {
  transform: rotate(90deg);
}
.modal .modal-content .modal-text {
  font-size: 16px;
  font-family: DMR;
  color: #000;
  line-height: 1.5;
}
.modal .modal-content .modal-text a {
  font-family: DMR;
  color: #8A53FE;
  text-decoration: underline !important;
}
.modal .modal-content .modal-buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}
.modal .modal-content .modal-buttons a {
  display: flex;
  height: 40px;
  border-radius: 8px;
  color: #fff;
  font-family: DMM;
  padding: 0 15px;
  background: #8A53FE;
  align-items: center;
}

.alert-message {
  line-height: 20px;
  font-size: 15px;
  padding-bottom: 12px;
  font-family: DMR;
}

h1 {
  color: #e35154 !important;
  font-size: 18px;
  margin-left: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.unstyled {
  margin-top: 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.unstyled button, .unstyled #test {
  width: fit-content;
  text-decoration: none;
  padding: 0.5em 1em;
  background-color: #213347;
  border-radius: 4px;
  display: block;
  margin-bottom: 0.5em;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  font-family: DMR;
}

.unstyled button:hover, .unstyled #test:hover {
  background-color: #f25c5d;
}

.cf, .alert {
  *zoom: 1;
}

.cf:before, .alert:before, .cf:after, .alert:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after, .alert:after {
  clear: both;
}

#alerts {
  width: 400px;
  top: 12px;
  right: 20px;
  position: fixed;
  z-index: 9999;
  list-style: none;
}
@media (max-width: 500px) {
  #alerts {
    width: calc(100% - 40px);
  }
}

.alert {
  width: 100%;
  margin-bottom: 8px;
  display: block;
  position: relative;
  border-left: 4px solid;
  right: -50px;
  line-height: 1;
  padding: 0;
  transition: right 400ms, opacity 400ms, line-height 300ms 100ms, padding 300ms 100ms;
  display: table;
}

.alert:hover {
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.open {
  right: 0;
  opacity: 1;
  line-height: 2;
  padding: 3px 15px;
  transition: line-height 200ms, padding 200ms, right 350ms 200ms, opacity 350ms 200ms;
}

.alert-title {
  font-family: DMB;
}

.alert-block {
  width: 80%;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  text-align: left;
}

.alert-block em, .alert-block small {
  font-size: 0.75em;
  opacity: 0.75;
  display: block;
}

.alert i {
  font-size: 2em;
  width: 1.5em;
  max-height: 48px;
  top: 50%;
  margin-top: -12px;
  display: table-cell;
  vertical-align: middle;
}

}
.alert-success {
  color: #fff;
  border-color: #539753;
  background-color: #8fbf2f;
}

.alert-error {
  color: #fff;
  border-color: #dc4a4d;
  background-color: #f25c5d;
}

.alert-trash {
  color: #fff;
  border-color: #dc4a4d;
  background-color: #f25c5d;
}

.alert-info {
  color: #fff;
  border-color: #076d91;
  background-color: #3397db;
  padding: 10px;
}

.alert-warning {
  color: #fff;
  border-color: #dd6137;
  background-color: #f7931d;
}

body {
  display: flex;
  flex-direction: column;
}

.error-part {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}
.error-part .container .title {
  font-size: 120px;
  font-family: DMB;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .error-part .container .title {
    font-size: 70px;
  }
.error-part .container .subtitle {
  font-size: 20px;
  font-family: DMR;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .error-part .container .subtitle {
    font-size: 16px;
  }
}
.error-part .container .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.error-part .container .buttons a {
  display: flex;
  align-items: center;
  margin: 5px;
  height: 47px;
  padding: 0 20px;
  border-radius: 10px;
  color: #8A53FE;
  font-family: DMM;
  border: 1px solid #8A53FE;
  font-size: 16px;
  background-color: #fff;
}
.error-part .container .buttons a.home {
  background-color: #8A53FE;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.error-part .container .buttons a.home:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 0;
}
.error-part .container .buttons a.home:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.error-part .container .buttons a.contact:hover {
  background-color: #8A53FE;
  color: #fff;
}

.loading {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.loading div {
  animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.loading div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
}

.loading div:nth-child(1) {
  animation-delay: -0.036s;
}

.loading div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.loading div:nth-child(2) {
  animation-delay: -0.072s;
}

.loading div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.loading div:nth-child(3) {
  animation-delay: -0.108s;
}

.loading div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.loading div:nth-child(4) {
  animation-delay: -0.144s;
}

.loading div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.loading div:nth-child(5) {
  animation-delay: -0.18s;
}

.loading div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.loading div:nth-child(6) {
  animation-delay: -0.216s;
}

.loading div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.loading div:nth-child(7) {
  animation-delay: -0.252s;
}

.loading div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.loading div:nth-child(8) {
  animation-delay: -0.288s;
}

.loading div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.new-announcement .announcement-card {
  position: relative;
}
.new-announcement .announcement-card:after {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  height: calc(100% + 12px);
  left: -5px;
  top: -2px;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
}
.new-announcement button[type=submit] {
  position: relative;
}
.new-announcement button[type=submit] span {
  font-family: DMR;
}
.new-announcement button[type=submit] .loading {
  position: absolute;
  right: 0px;
  transform: scale(0.3);
  opacity: 0;
  visibility: hidden;
}
.new-announcement button[type=submit] .loading div:after {
  background: #fff;
}
.new-announcement button[type=submit]:disabled .loading div:after {
  background: #000;
}

@media (max-width: 767px) {
  .new-announcement .container form .announcement-card .announcement-step .step-title {
    padding-right: 10px;
    line-height: 1.5;
  }
}
.when-submit > div {
  opacity: 0.3;
  pointer-events: none;
}
.when-submit button[type=submit] {
  padding-right: 70px !important;
}
.when-submit button[type=submit] .loading {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 960px) {
    .plans {
      overflow: visible;
    }
    .plans .container {
      padding: 0;
    }
    .plans .owl-carousel .owl-stage-outer {
      overflow: hidden !important;
      padding: 20px;
    }
    .plans .owl-carousel .owl-stage-outer .owl-stage {
      margin-left: -20px;
    }
  }
  @media (max-width: 450px) {
    .plans .container .plan-list .plan-item {
      width: calc(100% - 40px);
    }
  }
  @media (max-width: 360px) {
    .products .container .items .item .description-part .info-row {
      flex-wrap: wrap;
    }
    .products .container .items .item .description-part .info-row .price {
      width: 100%;
      margin-bottom: 10px;
    }
    .products .container .items .item .description-part .info-row .date {
      width: 100%;
    }
  }
  @media (max-width: 400px) {
    .product-inside .container .product-middle-bar {
      align-items: stretch;
      height: auto;
    }
    .product-inside .container .product-middle-bar .left {
      height: auto;
    }
    .product-inside .container .product-middle-bar .middle {
      padding: 10px 10px;
    }
  }
  @media (max-width: 320px) {
    .product-inside .container .product-middle-bar {
      flex-direction: column;
    }
    .product-inside .container .product-middle-bar .left {
      padding: 20px 10px;
    }
  }
  .filter-form select {
    display: none;
  }
  .filter-form .nice-select-dropdown {
    width: 100%;
  }
  .filter-form .nice-select .nice-select-dropdown {
    box-shadow: none;
  }
  
 .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: calc(-.5 * var(--bs-gutter-x));
     margin-left: calc(-.5 * var(--bs-gutter-x));
 }
 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -0.75rem;
     margin-left: -0.75rem;
 }
 
 .col-md-12
 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 0.75rem;
     padding-left: 0.75rem;
 }
 @media (min-width: 768px)
 {
 	.col-md-12 {
 		-ms-flex: 0 0 100%;
 		flex: 0 0 100%;
 		max-width: 100%;
 	}
 }
 .alert {
     position: relative;
     padding: 1rem 1rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }
 .alert-primary {
     color: #084298;
     background-color: #cfe2ff;
     border-color: #b6d4fe;
 }
 .alert {
     position: relative;
     padding: 0.75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 3px;
 }
 .alert {
     font-size: .9375rem;
 }
 .alert-primary {
     color: #fcfdff;
     background-color: #084298;
     border-color: #084298;
 }
 .alert:first-child {
     margin-bottom: 1rem !important;
 }
 .alert:last-child {
     margin-bottom: 0;
 }

/*# sourceMappingURL=style.css.map */