* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: black;
}
a:hover {
  color: black;
}

div {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

.all {
  margin: 0;
  padding: 0;
}

body {
  scroll-behavior: smooth;
}

.validation-summary-errors ul {
  padding: 0 !important;
}

@media (min-width: 576px) and (max-width: 768px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-1-2 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-sm-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .col-sm-1-8 {
    flex: 0 0 auto;
    width: 15%;
  }
  .col-sm-1-9 {
    flex: 0 0 auto;
    width: 15.83333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-2-1 {
    flex: 0 0 auto;
    width: 17.5%;
  }
  .col-sm-2-2 {
    flex: 0 0 auto;
    width: 18.3333333333%;
  }
  .col-sm-2-3 {
    flex: 0 0 auto;
    width: 19.166%;
  }
  .col-sm-2-5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-sm-2-8 {
    flex: 0 0 auto;
    width: 23.3333333%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-3-5 {
    flex: 0 0 auto;
    width: 29.1666%;
  }
  .col-sm-3-8 {
    flex: 0 0 auto;
    width: 31.666666%;
  }
  .col-sm-3-9 {
    flex: 0 0 auto;
    width: 32.5%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-5-5 {
    flex: 0 0 auto;
    width: 45.833333%;
  }
  .col-sm-5-8 {
    flex: 0 0 auto;
    width: 48.333333%;
  }
  .col-sm-5-9 {
    flex: 0 0 auto;
    width: 49.1666%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-6-5 {
    flex: 0 0 auto;
    width: 54.166666%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-7-5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-8-5 {
    flex: 0 0 auto;
    width: 70.83333%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-9-5 {
    flex: 0 0 auto;
    width: 79.166666%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-10-5 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .col-md-0-5 {
    flex: 0 0 auto;
    width: 4.16666%;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-1-2 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-md-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .col-md-1-8 {
    flex: 0 0 auto;
    width: 15%;
  }
  .col-md-1-9 {
    flex: 0 0 auto;
    width: 15.83333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-2-1 {
    flex: 0 0 auto;
    width: 17.5%;
  }
  .col-md-2-2 {
    flex: 0 0 auto;
    width: 18.333%;
  }
  .col-md-2-3 {
    flex: 0 0 auto;
    width: 19.166%;
  }
  .col-md-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-md-2-5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-md-2-8 {
    flex: 0 0 auto;
    width: 23.3333333%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-3-5 {
    flex: 0 0 auto;
    width: 29.1666%;
  }
  .col-md-3-8 {
    flex: 0 0 auto;
    width: 31.666666%;
  }
  .col-md-3-9 {
    flex: 0 0 auto;
    width: 32.5%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-5-5 {
    flex: 0 0 auto;
    width: 45.833333%;
  }
  .col-md-5-8 {
    flex: 0 0 auto;
    width: 48.333333%;
  }
  .col-md-5-9 {
    flex: 0 0 auto;
    width: 49.1666%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-6-5 {
    flex: 0 0 auto;
    width: 54.166666%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-7-5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-8-5 {
    flex: 0 0 auto;
    width: 70.83333%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-9-5 {
    flex: 0 0 auto;
    width: 79.166666%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-10-5 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-1-2 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .col-1-8 {
    flex: 0 0 auto;
    width: 15%;
  }
  .col-1-9 {
    flex: 0 0 auto;
    width: 15.83333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-2-1 {
    flex: 0 0 auto;
    width: 17.5%;
  }
  .col-2-2 {
    flex: 0 0 auto;
    width: 18.3333%;
  }
  .col-2-3 {
    flex: 0 0 auto;
    width: 19.166%;
  }
  .col-2-5 {
    flex: 0 0 auto;
    width: 20.83333%;
  }
  .col-2-8 {
    flex: 0 0 auto;
    width: 23.3333333%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-3-5 {
    flex: 0 0 auto;
    width: 29.1666%;
  }
  .col-3-8 {
    flex: 0 0 auto;
    width: 31.666666%;
  }
  .col-3-9 {
    flex: 0 0 auto;
    width: 32.5%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-5-5 {
    flex: 0 0 auto;
    width: 45.833333%;
  }
  .col-5-8 {
    flex: 0 0 auto;
    width: 48.333333%;
  }
  .col-5-9 {
    flex: 0 0 auto;
    width: 49.1666%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-6-5 {
    flex: 0 0 auto;
    width: 54.166666%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-7-5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-8-5 {
    flex: 0 0 auto;
    width: 70.83333%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-9-5 {
    flex: 0 0 auto;
    width: 79.166666%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-10-5 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-1-9 {
    flex: 0 0 auto;
    width: 15.83333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-7-5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-8-5 {
    flex: 0 0 auto;
    width: 70.83333%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-lg-0-5 {
    flex: 0 0 auto;
    width: 4.16666666%;
  }
  .col-lg-0-8 {
    flex: 0 0 auto;
    width: 6.6666%;
  }
  .col-lg-0-7 {
    flex: 0 0 auto;
    width: 5.83333%;
  }
  .col-lg-1-2 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-lg-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .col-lg-1-8 {
    flex: 0 0 auto;
    width: 15%;
  }
  .col-lg-2-2 {
    flex: 0 0 auto;
    width: 18.333333%;
  }
  .col-lg-2-3 {
    flex: 0 0 auto;
    width: 19.1666666667%;
  }
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-2-5 {
    flex: 0 0 auto;
    width: 20.8333333%;
  }
  .col-lg-2-8 {
    flex: 0 0 auto;
    width: 23.3333333%;
  }
  .col-lg-3-5 {
    flex: 0 0 auto;
    width: 29.16666666%;
  }
  .col-lg-3-8 {
    flex: 0 0 auto;
    width: 31.6666%;
  }
  .col-lg-3-9 {
    flex: 0 0 auto;
    width: 32.5%;
  }
  .col-lg-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .col-lg-5-5 {
    flex: 0 0 auto;
    width: 45.8333%;
  }
  .col-lg-5-8 {
    flex: 0 0 auto;
    width: 48.3333333%;
  }
  .col-lg-5-9 {
    flex: 0 0 auto;
    width: 49.1666%;
  }
  .col-lg-6-5 {
    flex: 0 0 auto;
    width: 54.16666666%;
  }
  .col-lg-9-5 {
    flex: 0 0 auto;
    width: 79.16666%;
  }
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 100000000;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: var(--yellow);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes preloader-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

.header {
  z-index: 1000;
  background-color: transparent;
  width: 100%;
  font-family: var(--neueregular);
  position: fixed;
  left: 0;
  top: 0;
  color: var(--white);
  padding: 0;
  margin: 0;
}
.header .all {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0;
  transition: 0.25s;
}
.header .all .sidebarmenu {
  display: none;
}
.header .all .hamburgermenu {
  display: none;
}
.header .all .gender {
  padding: 0;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.header .all .gender a {
  transition: 0.2s;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--white);
  font-family: var(--neuemedium);
  position: relative;
}
.header .all .gender a:nth-child(1) {
  margin-right: 10px;
}
.header .all .gender a:nth-child(2) {
  margin-left: 10px;
}
.header .all .gender a::after {
  content: "";
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--yellow);
  transition: 0.3s ease-in-out;
}
.header .all .gender a::before {
  content: "";
  position: absolute;
  bottom: -20%;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: var(--yellow);
  transition: 0.3s ease-in-out;
}
.header .all .gender a:hover {
  color: var(--yellow);
}
.header .all .gender a:hover::after {
  width: 50%;
}
.header .all .gender a:hover::before {
  width: 50%;
}
.header .all .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
}
.header .all .nav a {
  transition: 0.2s;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--white);
  font-family: var(--neuemedium);
  position: relative;
}
.header .all .nav a::after {
  content: "";
  position: absolute;
  bottom: -10%;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--yellow);
  transition: 0.3s ease-in-out;
}
.header .all .nav a::before {
  content: "";
  position: absolute;
  bottom: -10%;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: var(--yellow);
  transition: 0.3s ease-in-out;
}
.header .all .nav a:hover {
  color: var(--yellow);
}
.header .all .nav a:hover::after {
  width: 50%;
}
.header .all .nav a:hover::before {
  width: 50%;
}
.header .all .search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #FFFFFF;
  margin: 0;
  padding: 0;
  position: relative;
}
.header .all .search .search_icon {
  margin-bottom: 1px;
}
.header .all .search .searchmenu {
  width: 120%;
  display: none;
  max-height: 230px;
  background-color: white;
  overflow-y: scroll;
  position: absolute;
  top: 137%;
  left: -10%;
  z-index: 1001;
  box-shadow: 0px 0px 5px var(--yellow);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.header .all .search .searchmenu .searchelements {
  padding: 0px 10px;
  width: 100%;
  height: 100%;
}
.header .all .search .searchmenu .searchelements ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .all .search .searchmenu .searchelements ul li:last-child a {
  border: none;
}
.header .all .search .searchmenu .searchelements ul li a {
  padding: 10px 0;
  border-bottom: 1px solid black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  transition: 0.2s;
  color: black;
}
.header .all .search .searchmenu .searchelements ul li a .osnovnayainfa {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .all .search .searchmenu .searchelements ul li a .osnovnayainfa span:nth-child(1) {
  font-family: var(--neueregular);
  font-weight: 400;
  font-size: 14px;
  line-height: 114%;
  padding: 0 10px;
  text-align: center;
  letter-spacing: 0.08em;
}
.header .all .search .searchmenu .searchelements ul li a .osnovnayainfa .strelka {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header .all .search .searchmenu .searchelements ul li:hover {
  color: var(--yellow);
}
.header .all .search .search_input {
  width: 90%;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
  background-color: transparent;
  outline: none;
  color: white;
  border: none;
}
.header .all .search .search_input::-moz-placeholder {
  color: var(--white);
}
.header .all .search .search_input::placeholder {
  color: var(--white);
}
.header .all .search .search_input:focus {
  color: var(--white);
}
.header .all .search .search_icon {
  color: var(--white);
  font-size: 18px;
  vertical-align: bottom;
  padding-bottom: 2px;
}
.header .all .menus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
}
.header .all .menus .cart {
  position: relative;
  margin: 0;
  padding: 5px 0;
}
.header .all .menus .cart .baskethref {
  position: relative;
}
.header .all .menus .cart .baskethref svg {
  color: #FFFFFF;
}
.header .all .menus .cart .baskethref span {
  position: absolute;
  top: -10px;
  right: -8px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--yellow);
  font-size: 11px;
  color: black;
}
.header .all .menus .cart:hover .minibasket {
  opacity: 1;
  visibility: visible;
}
.header .all .menus .cart .minibasket {
  box-shadow: 0px 0px 5px var(--yellow);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  position: absolute;
  top: 100%;
  right: 0%;
  width: 340px;
  height: 415px;
  background-color: white;
  z-index: 1002;
  color: black;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.header .all .menus .cart .minibasket .basket_count {
  font-family: var(--neuebold);
  font-size: 14px;
  letter-spacing: 0.08em;
  border-bottom: 0.5px solid black;
  background-color: white;
  width: 100%;
  padding: 10px;
}
.header .all .menus .cart .minibasket .basket_items {
  height: 68%;
  overflow-y: scroll;
  padding: 10px;
}
.header .all .menus .cart .minibasket .basket_items .basket_item {
  font-family: var(--neuemedium);
  letter-spacing: 0.08em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 0.5px solid black;
}
.header .all .menus .cart .minibasket .basket_items .basket_item:first-child {
  padding-top: 0;
}
.header .all .menus .cart .minibasket .basket_items .basket_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right {
  padding: 0 10px;
  position: relative;
  height: 100%;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right .classforbasketscssdelete {
  position: absolute;
  right: 0;
  top: 0%;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 14px;
  position: relative;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(2), .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(3), .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(4) {
  justify-content: flex-start;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(2) span:nth-child(1), .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(3) span:nth-child(1), .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(4) span:nth-child(1) {
  width: 32%;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) {
  justify-content: flex-start;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) span:nth-child(1) {
  width: 32%;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) span:nth-child(2) {
  width: 45%;
  text-align: start;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) span:nth-child(3) {
  text-align: end;
  font-family: var(--neuebold);
  color: var(--yellow);
  font-size: 20px;
  position: absolute;
  bottom: -3px;
  right: -10px;
}
.header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:last-child {
  margin: 0;
}
.header .all .menus .cart .minibasket .basketbottombtns {
  height: 27%;
  width: 100%;
  padding: 0;
  margin: 0;
  color: black;
  padding: 10px;
  letter-spacing: 0.08em;
  border-top: 1px solid black;
}
.header .all .menus .cart .minibasket .basketbottombtns .top {
  height: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .all .menus .cart .minibasket .basketbottombtns .top .lefttop {
  font-size: 14px;
  font-family: var(--neueultra);
}
.header .all .menus .cart .minibasket .basketbottombtns .top .leftbottom {
  font-size: 14px;
  font-family: var(--neuemedium);
}
.header .all .menus .cart .minibasket .basketbottombtns .top .righttop {
  font-size: 16px;
  font-family: var(--neueultra);
  letter-spacing: 0.1em;
}
.header .all .menus .cart .minibasket .basketbottombtns .top .rightbottom {
  font-size: 16px;
  font-family: var(--neuemedium);
}
.header .all .menus .cart .minibasket .basketbottombtns .bottom {
  height: 60%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.header .all .menus .cart .minibasket .basketbottombtns .bottom a {
  font-family: var(--neuebold);
  font-size: 16px;
  width: 47%;
  padding: 7px 0;
  color: black;
  background-color: white;
  border: 1px solid black;
  text-align: center;
}
.header .all .menus .cart .minibasket .basketbottombtns .bottom a:nth-child(2) {
  color: white;
  background-color: black;
  border: 1px solid white;
}
.header .all .menus .cart .minibasket .ifbasketisempty {
  height: 95%;
}
.header .all .menus .cart .minibasket .ifbasketisempty .allforp {
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.header .all .menus .cart .minibasket .ifbasketisempty .allforp p {
  text-align: center;
  font-family: var(--neueregular);
  font-size: 16px;
  letter-spacing: 0.1em;
  color: var(--yellow);
}
.header .all .menus .account {
  position: relative;
  padding: 7px 0;
}
.header .all .menus .account .accounthref {
  border-radius: 100%;
  padding: 10px;
  background-color: var(--yellow);
}
.header .all .menus .account .accounthref svg {
  padding-left: 1px;
  padding-bottom: 3px;
}
.header .all .menus .account:hover .accountinfo {
  opacity: 1;
  visibility: visible;
}
.header .all .menus .account .accountinfo {
  box-shadow: 0px 0px 5px var(--yellow);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 100%;
  right: 0%;
  width: 300px;
  z-index: 1002;
  background-color: white;
  color: black;
  opacity: 0;
  transition: 0.2s;
  visibility: hidden;
}
.header .all .menus .account .accountinfo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .all .menus .account .accountinfo ul li {
  width: 100%;
  padding: 10px;
  letter-spacing: 0.08em;
}
.header .all .menus .account .accountinfo ul li a {
  transition: 0.2s;
}
.header .all .menus .account .accountinfo ul li a:hover {
  color: var(--yellow);
}
.header .all .menus .account .accountinfo ul li:nth-child(1) {
  font-size: 14px;
  font-family: var(--neuemedium);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid black;
  padding-top: 15px;
}
.header .all .menus .account .accountinfo ul li:nth-child(1) a {
  background-color: black;
  color: white;
  padding: 10px 60px;
  transition: 0.2s;
}
.header .all .menus .account .accountinfo ul li:nth-child(1) div {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
}
.header .all .menus .account .accountinfo ul li:nth-child(1) div span {
  font-family: var(--neuemedium);
}
.header .all .menus .account .accountinfo ul li:nth-child(1) div a {
  background-color: white;
  color: black;
  padding: 0;
  text-align: right;
  text-decoration-line: underline;
  font-family: var(--neuebold);
  margin-top: 5px;
}
.header .all .menus .account .accountinfo ul li:nth-child(2), .header .all .menus .account .accountinfo ul li:nth-child(3), .header .all .menus .account .accountinfo ul li:nth-child(4), .header .all .menus .account .accountinfo ul li:nth-child(5) {
  border-bottom: 1px solid black;
}
.header .all .menus .account .accountinfo ul li:nth-child(2) a, .header .all .menus .account .accountinfo ul li:nth-child(3) a, .header .all .menus .account .accountinfo ul li:nth-child(4) a, .header .all .menus .account .accountinfo ul li:nth-child(5) a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .all .menus .account .accountinfo ul li:last-child {
  border: none;
}

@media (max-width: 576px) {
  .header .all {
    padding: 20px 0;
    position: relative;
  }
  .header .all .hamburgermenu {
    font-size: 30px;
    display: block;
    margin: 0;
    padding: 0;
  }
  .header .all .open {
    width: 100% !important;
    left: 0% !important;
  }
  .header .all .gender {
    display: none;
  }
  .header .all .nav {
    display: none;
  }
  .header .all .sidebarmenu {
    display: unset;
    height: 100vh;
    position: fixed;
    z-index: 2000;
    top: 0;
    margin: 0;
    padding: 0;
    left: -100%;
    background-color: var(--white);
    overflow-y: scroll;
    width: 100%;
    transition: 0.2s;
  }
  .header .all .sidebarmenu .active-tab {
    border-bottom: 2px solid black;
  }
  .header .all .sidebarmenu .tab_content {
    display: none;
  }
  .header .all .sidebarmenu .headersidebarmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu {
    font-family: var(--neuemedium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .home,
  .header .all .sidebarmenu .headersidebarmenu .headermenu .close {
    border-bottom: none !important;
    font-family: var(--neueultra);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .homehref {
    display: flex;
    justify-content: center;
    padding: 15px 8px;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .sidebar_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .sidebar_btn .icon-inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .close_btn {
    font-size: 30px;
  }
  .header .all .sidebarmenu .headersidebarmenu .tab_menu {
    font-family: var(--neuemedium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .tab_menu .woman,
  .header .all .sidebarmenu .headersidebarmenu .tab_menu .man {
    padding: 15px 8px;
    font-family: var(--neueultra);
    text-align: center;
  }
  .header .all .sidebarmenu .tab_container {
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .tab_container .tab_content {
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li {
    padding: 10px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-family: var(--neueultra);
    font-size: 22px;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li .imagekeeper {
    border-radius: 10%;
    overflow: hidden;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li:nth-child(1) {
    padding-top: 10px;
  }
  .header .all .sidebarmenu .footer_sidebar {
    margin: 0;
    padding: 0;
    padding-bottom: 100px;
  }
  .header .all .sidebarmenu .footer_sidebar li {
    padding: 10px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-family: var(--neueultra);
    font-size: 16px;
  }
  .header .all .search {
    position: unset;
  }
  .header .all .search .search_icon {
    margin-bottom: 1px;
  }
  .header .all .search .searchmenu {
    width: 95vw;
    max-width: 350px;
    max-height: 230px;
    top: 80%;
    transform: translateX(-50%);
    left: 50%;
  }
  .header .all .search .searchmenu .searchelements {
    padding: 0px 5px;
  }
  .header .all .search .searchmenu .searchelements ul li a {
    padding: 5px 0;
  }
  .header .all .search .searchmenu .searchelements ul li a .osnovnayainfa span:nth-child(1) {
    font-size: 12px;
    padding: 0 5px;
  }
  .header .all .menus .cart {
    position: unset;
    padding: 5px 0;
  }
  .header .all .menus .cart:hover .minibasket {
    opacity: unset;
    visibility: unset;
  }
  .header .all .menus .cart .minibasket {
    opacity: unset;
    visibility: unset;
    top: 80%;
    right: 0;
    transform: unset;
    display: none;
    transition: unset;
  }
  .header .all .menus .cart .minibasket .basket_count {
    font-size: 13px;
  }
  .header .all .menus .cart .minibasket .basket_items {
    height: 65%;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right {
    position: relative;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li {
    font-size: 13px;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) span:nth-child(3) {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns {
    height: 26%;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .lefttop {
    font-size: 14px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .leftbottom {
    font-size: 14px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .righttop {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .rightbottom {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .bottom a {
    font-size: 14px;
    padding: 7px 0;
  }
  .header .all .menus .cart .minibasket .ifbasketisempty .allforp p {
    font-size: 14px;
  }
  .header .all .menus .account {
    position: unset;
    padding: 7px 0;
  }
  .header .all .menus .account:hover .accountinfo {
    opacity: unset;
    visibility: unset;
  }
  .header .all .menus .account .accounthref {
    padding: 7px;
  }
  .header .all .menus .account .accountinfo {
    opacity: unset;
    visibility: unset;
    top: 80%;
    right: 0;
    transform: unset;
    display: none;
    transition: unset;
  }
  .header .all .menus .account .accountinfo ul li:nth-child(1) {
    font-size: 14px;
    padding-top: 10px;
  }
  .header .all .menus .account .accountinfo ul li:nth-child(1) div {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header .all {
    padding: 20px 0;
    position: relative;
  }
  .header .all .hamburgermenu {
    font-size: 30px;
    display: block;
    margin: 0;
    padding: 0;
  }
  .header .all .open {
    width: 100% !important;
    left: 0% !important;
  }
  .header .all .gender {
    display: none;
  }
  .header .all .nav {
    display: none;
  }
  .header .all .sidebarmenu {
    display: unset;
    height: 100vh;
    position: fixed;
    z-index: 2000;
    top: 0;
    margin: 0;
    padding: 0;
    left: -100%;
    background-color: var(--white);
    overflow-y: scroll;
    width: 100%;
    transition: 0.2s;
  }
  .header .all .sidebarmenu .active-tab {
    border-bottom: 2px solid black;
  }
  .header .all .sidebarmenu .tab_content {
    display: none;
  }
  .header .all .sidebarmenu .headersidebarmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu {
    font-family: var(--neuemedium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .home,
  .header .all .sidebarmenu .headersidebarmenu .headermenu .close {
    border-bottom: none !important;
    font-family: var(--neueultra);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .homehref {
    display: flex;
    justify-content: center;
    padding: 15px 8px;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .sidebar_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .sidebar_btn .icon-inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .all .sidebarmenu .headersidebarmenu .headermenu .close_btn {
    font-size: 30px;
  }
  .header .all .sidebarmenu .headersidebarmenu .tab_menu {
    font-family: var(--neuemedium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .headersidebarmenu .tab_menu .woman,
  .header .all .sidebarmenu .headersidebarmenu .tab_menu .man {
    padding: 15px 8px;
    font-family: var(--neueultra);
    text-align: center;
  }
  .header .all .sidebarmenu .tab_container {
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .tab_container .tab_content {
    margin: 0;
    padding: 0;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li {
    padding: 10px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-family: var(--neueultra);
    font-size: 22px;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li .imagekeeper {
    border-radius: 10%;
    overflow: hidden;
  }
  .header .all .sidebarmenu .tab_container .tab_content .sidebar_menu_li:nth-child(1) {
    padding-top: 10px;
  }
  .header .all .sidebarmenu .footer_sidebar {
    margin: 0;
    padding: 0;
    padding-bottom: 100px;
  }
  .header .all .sidebarmenu .footer_sidebar li {
    padding: 10px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-family: var(--neueultra);
    font-size: 16px;
  }
  .header .all .search {
    position: unset;
  }
  .header .all .search .search_icon {
    margin-bottom: 1px;
  }
  .header .all .search .searchmenu {
    width: 95vw;
    max-width: 350px;
    max-height: 230px;
    top: 80%;
    transform: translateX(-50%);
    left: 50%;
  }
  .header .all .search .searchmenu .searchelements {
    padding: 0px 5px;
  }
  .header .all .search .searchmenu .searchelements ul li a {
    padding: 5px 0;
  }
  .header .all .search .searchmenu .searchelements ul li a .osnovnayainfa span:nth-child(1) {
    font-size: 12px;
    padding: 0 5px;
  }
  .header .all .menus .cart {
    position: unset;
    padding: 5px 0;
  }
  .header .all .menus .cart:hover .minibasket {
    opacity: unset;
    visibility: unset;
  }
  .header .all .menus .cart .minibasket {
    opacity: unset;
    visibility: unset;
    top: 80%;
    right: 0;
    transform: unset;
    display: none;
    transition: unset;
  }
  .header .all .menus .cart .minibasket .basket_count {
    font-size: 13px;
  }
  .header .all .menus .cart .minibasket .basket_items {
    height: 65%;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right {
    position: relative;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li {
    font-size: 13px;
  }
  .header .all .menus .cart .minibasket .basket_items .basket_item .right ul li:nth-child(5) span:nth-child(3) {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns {
    height: 26%;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .lefttop {
    font-size: 14px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .leftbottom {
    font-size: 14px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .righttop {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .top .rightbottom {
    font-size: 16px;
  }
  .header .all .menus .cart .minibasket .basketbottombtns .bottom a {
    font-size: 14px;
    padding: 7px 0;
  }
  .header .all .menus .cart .minibasket .ifbasketisempty .allforp p {
    font-size: 14px;
  }
  .header .all .menus .account {
    position: unset;
    padding: 7px 0;
  }
  .header .all .menus .account:hover .accountinfo {
    opacity: unset;
    visibility: unset;
  }
  .header .all .menus .account .accountinfo {
    opacity: unset;
    visibility: unset;
    top: 80%;
    right: 0;
    transform: unset;
    display: none;
    transition: unset;
  }
  .header .all .menus .account .accountinfo ul li:nth-child(1) {
    font-size: 14px;
    padding-top: 10px;
  }
  .header .all .menus .account .accountinfo ul li:nth-child(1) div {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header .all .gender {
    display: none;
  }
  .header .all .nav a {
    font-size: 14px;
  }
  .header .all .search .searchmenu {
    width: 200%;
  }
  .header .all .search .search_input {
    width: 90%;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
    background-color: transparent;
    outline: none;
    color: white;
    border: none;
  }
  .header .all .search .search_input::-moz-placeholder {
    color: var(--white);
  }
  .header .all .search .search_input::placeholder {
    color: var(--white);
  }
  .header .all .search .search_input:focus {
    color: var(--white);
  }
  .header .all .search .search_icon {
    color: var(--white);
    font-size: 18px;
    vertical-align: bottom;
    padding-bottom: 2px;
  }
  .header .all .menus .cart .minibasket {
    height: 415px;
  }
  .header .all .menus .cart .minibasket .basket_count {
    font-size: 14px;
  }
  .header .all .menus .cart .minibasket .ifbasketisempty .allforp p {
    font-size: 14px;
  }
  .header .all .menus .account .accountinfo ul li:nth-child(1) {
    padding-top: 10px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

.footer {
  background-color: white;
}
.footer .mainpart {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  margin: 0;
  padding: 0;
}
.footer .all {
  padding: 40px 0px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  flex-wrap: wrap;
}
.footer .all .parent_div {
  display: flex;
  flex-direction: column;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.footer .all .parent_div a {
  margin: 4px 0;
  transition: 0.2s;
}
.footer .all .parent_div a:hover {
  color: var(--yellow);
}
.footer .all .parent_div:nth-child(3) {
  flex-direction: column;
  justify-content: baseline;
  align-items: baseline;
  display: flex;
}
.footer .all .parent_div:nth-child(3) .socialmedias {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.footer .all .parent_div .footer_header {
  font-size: 16px;
  font-family: var(--neuebold);
  margin-bottom: 20px;
}
.footer .all .parent_div a {
  font-family: var(--neueregular);
  font-size: 14px;
}
.footer .all .parent_div .socialmedias {
  display: grid;
  grid-template-columns: auto auto auto auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.footer .all .parent_div .socialmedias ion-icon {
  font-size: 35px;
}
.footer .bye {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-family: var(--neueregular);
  margin: 0;
  padding: 0;
}
.footer .bye .all {
  margin: 0;
  padding: 15px 0;
}
.footer .bye .all div {
  letter-spacing: 0.08em;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.footer .bye .all div a {
  transition: 0.2s;
}
.footer .bye .all div a:hover {
  color: var(--yellow);
}
.footer .bye .all div:nth-child(1) {
  display: grid;
  -moz-column-gap: 15px;
       column-gap: 15px;
  grid-template-columns: auto auto auto auto;
  justify-content: flex-start;
}
.footer .bye .all div:nth-child(1) a {
  position: relative;
}
.footer .bye .all div:nth-child(1) a::before {
  content: "|";
  position: absolute;
  right: -7px;
  height: 100%;
  width: 1px;
}
.footer .bye .all div:nth-child(1) a:last-child::before {
  content: "";
}
.footer .bye .all div:nth-child(2) {
  display: grid;
  -moz-column-gap: 15px;
       column-gap: 15px;
  grid-template-columns: auto auto auto auto;
  justify-content: flex-end;
}
.footer .bye .all div:nth-child(2) a {
  position: relative;
}
.footer .bye .all div:nth-child(2) a::before {
  content: "|";
  position: absolute;
  right: -7px;
  height: 100%;
  width: 1px;
}
.footer .bye .all div:nth-child(2) a:last-child::before {
  content: "";
}
.footer .bye .all div:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.footer .bye .all div:nth-child(3) a {
  display: block;
  text-align: center;
}

@media (max-width: 576px) {
  .footer .all {
    padding: 20px 0px;
  }
  .footer .all .parent_div {
    font-size: 12px;
  }
  .footer .all .parent_div:nth-child(3), .footer .all .parent_div:nth-child(4) {
    margin-top: 20px;
  }
  .footer .all .parent_div:nth-child(even) {
    flex-direction: column;
    justify-content: baseline;
    text-align: end;
    display: flex;
  }
  .footer .all .parent_div:nth-child(odd) {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }
  .footer .all .parent_div .footer_header {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .footer .all .parent_div a {
    font-size: 13px;
  }
  .footer .all .parent_div .socialmedias {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .footer .all .parent_div .socialmedias ion-icon {
    font-size: 25px;
  }
  .footer .bye .all {
    padding: 10px 0;
  }
  .footer .bye .all div {
    font-size: 13px;
  }
  .footer .bye .all div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .footer .bye .all div:nth-child(1) a::before {
    content: "";
  }
  .footer .bye .all div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }
  .footer .bye .all div:nth-child(2) a {
    margin: 0 15px;
  }
  .footer .bye .all div:nth-child(2) a::before {
    right: -22px;
  }
  .footer .bye .all div:nth-child(3) {
    margin-top: 15px;
    justify-content: center;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .footer .all {
    padding: 20px 0px;
  }
  .footer .all .parent_div {
    font-size: 13px;
  }
  .footer .all .parent_div:nth-child(3), .footer .all .parent_div:nth-child(4) {
    margin-top: 20px;
  }
  .footer .all .parent_div:nth-child(even) {
    flex-direction: column;
    justify-content: baseline;
    text-align: end;
    display: flex;
  }
  .footer .all .parent_div:nth-child(odd) {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }
  .footer .all .parent_div .footer_header {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .footer .all .parent_div a {
    font-size: 14px;
  }
  .footer .all .parent_div .socialmedias {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .footer .all .parent_div .socialmedias ion-icon {
    font-size: 30px;
  }
  .footer .bye .all {
    padding: 10px 0;
  }
  .footer .bye .all div {
    font-size: 14px;
  }
  .footer .bye .all div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .footer .bye .all div:nth-child(1) a::before {
    content: "";
  }
  .footer .bye .all div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }
  .footer .bye .all div:nth-child(2) a {
    margin: 0 15px;
  }
  .footer .bye .all div:nth-child(2) a::before {
    right: -22px;
  }
  .footer .bye .all div:nth-child(3) {
    margin-top: 15px;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .footer .all {
    padding: 30px 0px;
  }
  .footer .all .parent_div .footer_header {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .footer .all .parent_div a {
    font-size: 14px;
  }
  .footer .bye .all div:nth-child(3) a {
    text-align: start;
  }
  .footer .bye .all div:nth-child(3) a:nth-child(2) {
    text-align: end;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .footer .bye .all div:nth-child(3) a {
    text-align: start;
  }
  .footer .bye .all div:nth-child(3) a:nth-child(2) {
    text-align: end;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

.mainfirst {
  overflow: hidden;
  height: 100vh;
  font-family: var(--neuebold);
  background-image: url(../images/main_Page/background.jpg);
  background-attachment: fixed;
  background-size: cover;
  max-width: 100%;
  filter: brightness(1.2);
  position: relative;
}
.mainfirst .overlay {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mainfirst .overlay:nth-child(2) {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mainfirst .overlay:nth-child(3) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.mainfirst .overlay:nth-child(4) {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.mainfirst .section_keeper .brand_name {
  color: var(--yellow);
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 160px;
  letter-spacing: 0.08em;
}
.mainfirst .section_keeper .brand_name span {
  font-style: italic;
}
.mainfirst .section_keeper .trynew {
  font-family: var(--neueregular);
  font-size: 50px;
  letter-spacing: 0.08em;
  color: var(--white);
  z-index: 2;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%);
}
.mainfirst .section_keeper a {
  font-family: var(--neueregular);
  font-size: 17px;
  letter-spacing: 0.08em;
  text-decoration-line: underline;
  color: var(--white);
  width: 100%;
  text-align: center;
  z-index: 2;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.2s;
}
.mainfirst .section_keeper a:hover {
  color: var(--yellow);
}
.mainfirst .section_keeper .discount {
  font-family: var(--neuemedium);
  padding: 2px 18px;
  background-color: var(--yellow);
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.08em;
  z-index: 2;
  position: absolute;
  bottom: 8%;
  left: 76%;
}

@media (max-width: 576px) {
  .mainfirst {
    background-image: url(../images/main_Page/tel_background.jpg);
    background-attachment: unset;
    background-size: cover;
    background-position: center;
  }
  .mainfirst .overlay {
    height: 100vh;
  }
  .mainfirst .section_keeper .brand_name {
    font-size: 45px;
  }
  .mainfirst .section_keeper .trynew {
    width: 100%;
    font-size: 24px;
    bottom: 25%;
  }
  .mainfirst .section_keeper a {
    width: 100%;
    font-size: 14px;
    bottom: 21%;
  }
  .mainfirst .section_keeper .discount {
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    padding: 3px;
    font-size: 14px;
    bottom: 15%;
    transform: translateX(-50%);
    left: 50%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfirst {
    background-image: url(../images/main_Page/tel_background.jpg);
    background-position: 0% 50%;
  }
  .mainfirst .overlay {
    height: 100vh;
  }
  .mainfirst .section_keeper .brand_name {
    font-size: 70px;
  }
  .mainfirst .section_keeper .trynew {
    width: 100%;
    font-size: 28px;
    bottom: 18%;
  }
  .mainfirst .section_keeper a {
    width: 100%;
    font-size: 16px;
    bottom: 12%;
  }
  .mainfirst .section_keeper .discount {
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    padding: 3px;
    font-size: 16px;
    bottom: 5%;
    transform: translateX(-50%);
    left: 50%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainfirst {
    background-position: 30% 0%;
  }
  .mainfirst .section_keeper .brand_name {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 95px;
  }
  .mainfirst .section_keeper .trynew {
    font-size: 40px;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mainfirst .section_keeper a {
    font-size: 15px;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mainfirst .section_keeper .discount {
    width: -moz-max-content;
    width: max-content;
    padding: 2px 15px;
    font-size: 14px;
    bottom: 2%;
    left: 62%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainfirst .section_keeper .brand_name {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 120px;
  }
  .mainfirst .section_keeper .trynew {
    font-size: 40px;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mainfirst .section_keeper a {
    font-size: 15px;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mainfirst .section_keeper .discount {
    width: -moz-max-content;
    width: max-content;
    padding: 2px 15px;
    font-size: 14px;
    bottom: 2%;
    left: 62%;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

.mainsecond {
  overflow: hidden;
}
.mainsecond .all {
  position: relative;
  letter-spacing: 0.08em;
  font-family: var(--neuebold);
  height: 600px;
}
.mainsecond .all .mission {
  width: 45%;
  font-size: 65px;
  color: var(--yellow);
  position: absolute;
  left: 0%;
  top: 5%;
}
.mainsecond .all .mission span {
  font-style: italic;
}
.mainsecond .all .image1 {
  position: absolute;
  top: 8%;
  right: 22%;
  width: 18%;
  z-index: 8;
}
.mainsecond .all .keeper {
  position: absolute;
  width: 40%;
  top: 40%;
  left: 0%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mainsecond .all .keeper .image2 {
  width: 70%;
}
.mainsecond .all .keeper p {
  padding-left: 18px;
  font-family: var(--neueregular);
  font-size: 20px;
}
.mainsecond .all .image3 {
  position: absolute;
  top: 36%;
  right: 0%;
  width: 24%;
  z-index: 6;
}
.mainsecond .all .seemore {
  font-family: var(--neueregular);
  border: 1px solid #000000;
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 60px;
  background-color: var(--white);
  color: black;
  transition: 0.2s;
  font-size: 18px;
}
.mainsecond .all .seemore:hover {
  background-color: var(--yellow);
}

@media (max-width: 576px) {
  .mainsecond .all {
    height: 380px;
  }
  .mainsecond .all .mission {
    width: 100%;
    font-size: 25px;
    left: 0%;
    top: 5%;
  }
  .mainsecond .all .image1 {
    top: 5%;
    right: 0%;
    width: 26%;
  }
  .mainsecond .all .keeper {
    width: 60%;
    top: 33%;
    left: 0%;
  }
  .mainsecond .all .keeper .image2 {
    width: 50%;
  }
  .mainsecond .all .keeper p {
    padding-left: 10px;
    font-size: 14px;
  }
  .mainsecond .all .image3 {
    top: 56%;
    right: 0%;
    width: 26%;
  }
  .mainsecond .all .seemore {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainsecond .all {
    height: 500px;
  }
  .mainsecond .all .mission {
    width: 100%;
    font-size: 35px;
    left: 0%;
    top: 5%;
  }
  .mainsecond .all .image1 {
    top: 10%;
    right: 16%;
    width: 24%;
  }
  .mainsecond .all .keeper {
    width: 45%;
    top: 33%;
    left: 0%;
  }
  .mainsecond .all .keeper .image2 {
    width: 65%;
  }
  .mainsecond .all .keeper p {
    padding-left: 10px;
    font-size: 18px;
  }
  .mainsecond .all .image3 {
    top: 50%;
    right: 0%;
    width: 25%;
  }
  .mainsecond .all .seemore {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 30px;
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainsecond .all {
    height: 500px;
  }
  .mainsecond .all .mission {
    width: 100%;
    font-size: 45px;
    left: 0%;
    top: 5%;
  }
  .mainsecond .all .image1 {
    top: 5%;
    right: 16%;
    width: 22%;
  }
  .mainsecond .all .keeper {
    width: 50%;
    top: 33%;
    left: 0%;
  }
  .mainsecond .all .keeper .image2 {
    width: 65%;
  }
  .mainsecond .all .keeper p {
    padding-left: 10px;
    font-size: 20px;
  }
  .mainsecond .all .image3 {
    top: 50%;
    right: 0%;
    width: 25%;
  }
  .mainsecond .all .seemore {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 40px;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainsecond .all {
    height: 550px;
  }
  .mainsecond .all .mission {
    width: 100%;
    font-size: 55px;
    left: 0%;
    top: 5%;
  }
  .mainsecond .all .image1 {
    top: 5%;
    right: 16%;
    width: 20%;
  }
  .mainsecond .all .keeper {
    width: 50%;
    top: 33%;
    left: 0%;
  }
  .mainsecond .all .keeper .image2 {
    width: 65%;
  }
  .mainsecond .all .keeper p {
    padding-left: 10px;
    font-size: 22px;
  }
  .mainsecond .all .image3 {
    top: 50%;
    right: 0%;
    width: 22%;
  }
  .mainsecond .all .seemore {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 50px;
    font-size: 17px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
.mainthird {
  position: relative;
  overflow: visible;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}
.mainthird .mainpart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
  letter-spacing: 0.08em;
}
.mainthird .mainpart .preorder_prods {
  font-family: var(--neuemedium);
  font-size: 65px;
  width: -moz-max-content;
  width: max-content;
  color: var(--yellow);
}
.mainthird .mainpart .seemore {
  font-family: var(--neueregular);
  border: 1px solid #000000;
  display: block;
  padding: 20px 60px;
  background-color: var(--white);
  color: black;
  transition: 0.2s;
  font-size: 18px;
}
.mainthird .mainpart .seemore:hover {
  background-color: var(--yellow);
}
.mainthird .sliderfirst {
  margin: 0;
  padding: 0;
}
.mainthird .sliderfirst .slick-slide {
  margin: 0 10px;
}
.mainthird .sliderfirst .slider_element {
  letter-spacing: 0.08em;
  font-family: var(--neuebold);
}
.mainthird .sliderfirst .slider_element .imagekeeper {
  position: relative;
}
.mainthird .sliderfirst .slider_element .imagekeeper .price {
  font-size: 14px;
  position: absolute;
  top: 3%;
  left: 3%;
  color: black;
  padding: 4px;
  background-color: var(--yellow);
}
.mainthird .sliderfirst .slider_element .imagekeeper .wishlist {
  position: absolute;
  top: 4%;
  right: 4%;
  transition: 0.2s;
  cursor: pointer;
}
.mainthird .sliderfirst .slider_element .imagekeeper .wishlist:hover svg {
  fill: var(--yellow);
}
.mainthird .sliderfirst .slider_element .preorder {
  margin-top: 5px;
  font-size: 13px;
}
.mainthird .sliderfirst .slider_element .name {
  font-family: var(--neueregular);
  margin-top: 5px;
  font-size: 15px;
}
.mainthird .slick-dots {
  width: 50%;
  right: 0;
  bottom: -46px !important;
  display: flex;
  justify-content: flex-end;
}
.mainthird .arrows {
  margin-top: 15px;
  cursor: pointer;
}
.mainthird .arrows .nextfirst {
  margin-top: 2px;
}

@media (max-width: 576px) {
  .mainthird .mainpart {
    margin-bottom: 15px;
  }
  .mainthird .mainpart .preorder_prods {
    font-size: 25px;
  }
  .mainthird .mainpart .seemore {
    padding: 10px 20px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 14px;
  }
  .mainthird .sliderfirst .slider_element .preorder {
    font-size: 11px;
  }
  .mainthird .sliderfirst .slider_element .name {
    font-size: 13px;
  }
  .mainthird .sliderfirst .slider_element .price {
    font-size: 12px;
  }
  .mainthird .arrows {
    margin-left: 10px;
    margin-top: 10px;
  }
  .mainthird .slick-dots {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainthird .mainpart .preorder_prods {
    font-size: 35px;
  }
  .mainthird .mainpart .seemore {
    padding: 10px 30px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 15px;
  }
  .mainthird .sliderfirst .slider_element .preorder {
    font-size: 12px;
  }
  .mainthird .sliderfirst .slider_element .name {
    font-size: 14px;
  }
  .mainthird .sliderfirst .slider_element .price {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainthird .mainpart .preorder_prods {
    font-size: 45px;
  }
  .mainthird .mainpart .seemore {
    padding: 15px 40px;
    font-size: 16px;
  }
  .mainthird .sliderfirst .slider_element .preorder {
    font-size: 13px;
  }
  .mainthird .sliderfirst .slider_element .name {
    font-size: 15px;
  }
  .mainthird .sliderfirst .slider_element .price {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainthird .mainpart .preorder_prods {
    font-size: 55px;
  }
  .mainthird .mainpart .seemore {
    padding: 15px 50px;
    font-size: 17px;
  }
  .mainthird .sliderfirst .slider_element .preorder {
    font-size: 14px;
  }
  .mainthird .sliderfirst .slider_element .name {
    font-size: 16px;
  }
  .mainthird .sliderfirst .slider_element .price {
    font-size: 15px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes carousel {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
.mainfourth {
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}
.mainfourth .mainpart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.08em;
}
.mainfourth .mainpart .new_products {
  font-family: var(--neuemedium);
  width: -moz-fit-content;
  width: fit-content;
  font-size: 65px;
  color: var(--yellow);
}
.mainfourth .mainpart .seemore {
  font-family: var(--neueregular);
  border: 1px solid #000000;
  display: block;
  padding: 20px 60px;
  background-color: var(--white);
  color: black;
  transition: 0.2s;
  font-size: 18px;
  text-wrap: nowrap;
}
.mainfourth .mainpart .seemore:hover {
  background-color: var(--yellow);
}
.mainfourth .transformed_p {
  position: absolute;
  top: 50%;
  width: 500%;
  padding: 15px 30px;
  background-color: var(--yellow);
  font-family: var(--neuelight);
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainfourth .transformed_left {
  left: 50%;
  transform: translateX(-50%) rotate(13.48deg);
}
.mainfourth .transformed_right {
  left: 50%;
  transform: translateX(-50%) rotate(-13.48deg);
}
.mainfourth .spans_key {
  overflow: hidden;
}
.mainfourth .animation_hashtag {
  animation: carousel 18s linear infinite;
  display: inline-block;
  white-space: nowrap;
}
.mainfourth .all {
  height: 500px;
  margin: 0;
  padding: 0;
  position: relative;
  letter-spacing: 0.08em;
}
.mainfourth .all .newprodcs_element {
  padding: 0;
  margin: 0;
  width: 30%;
  z-index: 1;
  font-family: var(--neuemedium);
  position: absolute;
  top: 5%;
  transition: 0.2s;
}
.mainfourth .all .newprodcs_element:hover {
  transform: scale(1.05);
}
.mainfourth .all .newprodcs_element:nth-child(1) {
  left: 0%;
}
.mainfourth .all .newprodcs_element:nth-child(2) {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.mainfourth .all .newprodcs_element:nth-child(2):hover {
  transform: scale(1.05) translateX(-50%);
}
.mainfourth .all .newprodcs_element:nth-child(3) {
  right: 0%;
}
.mainfourth .all .newprodcs_element .element {
  position: relative;
  transition: 0.2s;
  width: 100%;
}
.mainfourth .all .newprodcs_element .element .product_name {
  position: absolute;
  left: 5%;
  bottom: 5%;
  text-shadow: 2px 2px 2px black;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-family: var(--neuebold);
  color: var(--yellow);
}
.mainfourth .all .newprodcs_element .element img {
  width: 100%;
}
.mainfourth .all .newprodcs_element .element .product_price {
  position: absolute;
  top: 4%;
  right: 4%;
  padding: 5px 10px;
  background-color: var(--yellow);
  transform: rotate(-9.44deg);
  color: black;
  font-size: 15px;
}
.mainfourth .all .newprodcs_element .element .wishlist {
  position: absolute;
  top: 5%;
  right: 5%;
  transition: 0.2s;
  cursor: pointer;
}
.mainfourth .all .newprodcs_element .element .wishlist:hover svg {
  fill: var(--yellow);
}

@media (max-width: 576px) {
  .mainfourth .mainpart {
    margin-bottom: 15px;
  }
  .mainfourth .mainpart .new_products {
    font-size: 25px;
  }
  .mainfourth .mainpart .seemore {
    padding: 10px 20px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 14px;
  }
  .mainfourth .transformed_left {
    left: 50%;
    transform: translateX(-50%) rotate(25deg);
  }
  .mainfourth .transformed_right {
    left: 50%;
    transform: translateX(-50%) rotate(-25deg);
  }
  .mainfourth .transformed_p {
    top: 50%;
    width: 400%;
    padding: 10px 30px;
    font-size: 20px;
  }
  .mainfourth .all {
    height: 300px;
  }
}
@media (max-width: 576px) and (min-width: 440px) and (max-width: 576px) {
  .mainfourth .all {
    height: 400px;
  }
}
@media (max-width: 576px) {
  .mainfourth .all .newprodcs_element {
    width: 47%;
  }
  .mainfourth .all .newprodcs_element:nth-child(2) {
    right: 0;
    transform: unset;
    left: unset;
  }
  .mainfourth .all .newprodcs_element:nth-child(3) {
    display: none;
  }
  .mainfourth .all .newprodcs_element .element .product_name {
    left: 5%;
    bottom: 5%;
    font-size: 14px;
  }
  .mainfourth .all .newprodcs_element .element .product_price {
    top: 4%;
    right: 4%;
    padding: 4px 8px;
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfourth .mainpart {
    margin-bottom: 15px;
  }
  .mainfourth .mainpart .new_products {
    font-size: 35px;
  }
  .mainfourth .mainpart .seemore {
    padding: 10px 30px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 15px;
  }
  .mainfourth .transformed_left {
    left: 50%;
    transform: translateX(-50%) rotate(25deg);
  }
  .mainfourth .transformed_right {
    left: 50%;
    transform: translateX(-50%) rotate(-25deg);
  }
  .mainfourth .transformed_p {
    top: 50%;
    width: 450%;
    padding: 12px 30px;
    font-size: 22px;
  }
  .mainfourth .all {
    height: 400px;
  }
  .mainfourth .all .newprodcs_element {
    width: 47%;
  }
  .mainfourth .all .newprodcs_element:nth-child(2) {
    right: 0;
    transform: unset;
    left: unset;
  }
  .mainfourth .all .newprodcs_element:nth-child(3) {
    display: none;
  }
  .mainfourth .all .newprodcs_element .element .product_name {
    left: 5%;
    bottom: 5%;
    font-size: 15px;
  }
  .mainfourth .all .newprodcs_element .element .product_price {
    top: 4%;
    right: 4%;
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainfourth .mainpart .new_products {
    font-size: 45px;
  }
  .mainfourth .mainpart .seemore {
    padding: 15px 40px;
    font-size: 16px;
  }
  .mainfourth .transformed_p {
    padding: 14px 30px;
    font-size: 30px;
  }
  .mainfourth .transformed_left {
    left: 50%;
    transform: translateX(-50%) rotate(15deg);
  }
  .mainfourth .transformed_right {
    left: 50%;
    transform: translateX(-50%) rotate(-15deg);
  }
  .mainfourth .all {
    height: 350px;
  }
  .mainfourth .all .newprodcs_element {
    top: 5%;
  }
  .mainfourth .all .newprodcs_element .element .product_name {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainfourth .mainpart .new_products {
    font-size: 55px;
  }
  .mainfourth .mainpart .seemore {
    padding: 15px 50px;
    font-size: 17px;
  }
  .mainfourth .transformed_p {
    padding: 14px 30px;
    font-size: 30px;
  }
  .mainfourth .transformed_left {
    left: 50%;
    transform: translateX(-50%) rotate(17deg);
  }
  .mainfourth .transformed_right {
    left: 50%;
    transform: translateX(-50%) rotate(-17deg);
  }
  .mainfourth .all {
    height: 430px;
  }
  .mainfourth .all .newprodcs_element {
    top: 5%;
  }
  .mainfourth .all .newprodcs_element .element .product_name {
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
.mainfifth {
  position: relative;
  overflow: visible;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}
.mainfifth .mainpart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
  letter-spacing: 0.08em;
}
.mainfifth .mainpart .preorder_prods {
  font-family: var(--neuemedium);
  font-size: 65px;
  width: -moz-max-content;
  width: max-content;
  color: var(--yellow);
}
.mainfifth .mainpart .seemore {
  font-family: var(--neueregular);
  border: 1px solid #000000;
  display: block;
  padding: 20px 60px;
  background-color: var(--white);
  color: black;
  transition: 0.2s;
  font-size: 18px;
}
.mainfifth .mainpart .seemore:hover {
  background-color: var(--yellow);
}
.mainfifth .slidersecond {
  margin: 0;
  padding: 0;
}
.mainfifth .slidersecond .slick-slide {
  margin: 0 10px;
}
.mainfifth .slidersecond .slider_element {
  letter-spacing: 0.08em;
  font-family: var(--neuebold);
}
.mainfifth .slidersecond .slider_element .imagekeeper {
  position: relative;
}
.mainfifth .slidersecond .slider_element .imagekeeper .price {
  font-size: 14px;
  position: absolute;
  top: 3%;
  left: 3%;
  color: black;
  padding: 4px;
  background-color: var(--yellow);
}
.mainfifth .slidersecond .slider_element .imagekeeper .discount {
  font-size: 14px;
  position: absolute;
  bottom: 3%;
  left: 3%;
  color: black;
  padding: 4px;
  background-color: var(--yellow);
}
.mainfifth .slidersecond .slider_element .imagekeeper .wishlist {
  position: absolute;
  top: 4%;
  right: 4%;
  transition: 0.2s;
  cursor: pointer;
}
.mainfifth .slidersecond .slider_element .imagekeeper .wishlist:hover svg {
  fill: var(--yellow);
}
.mainfifth .slidersecond .slider_element .preorder {
  margin-top: 5px;
  font-size: 13px;
}
.mainfifth .slidersecond .slider_element .name {
  font-family: var(--neueregular);
  margin-top: 5px;
  font-size: 15px;
}
.mainfifth .slick-dots {
  width: 50%;
  right: 0;
  bottom: -46px !important;
  display: flex;
  justify-content: flex-end;
}
.mainfifth .arrows {
  margin-top: 15px;
  cursor: pointer;
}

@media (max-width: 576px) {
  .mainfifth .mainpart {
    margin-bottom: 15px;
  }
  .mainfifth .mainpart .preorder_prods {
    font-size: 25px;
  }
  .mainfifth .mainpart .seemore {
    padding: 10px 20px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 14px;
  }
  .mainfifth .slidersecond .slider_element .preorder {
    font-size: 11px;
  }
  .mainfifth .slidersecond .slider_element .name {
    font-size: 13px;
  }
  .mainfifth .slidersecond .slider_element .price {
    font-size: 12px;
  }
  .mainfifth .slidersecond .slider_element .discount {
    font-size: 12px;
  }
  .mainfifth .arrows {
    margin-left: 10px;
    margin-top: 10px;
  }
  .mainfifth .slick-dots {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfifth .mainpart .preorder_prods {
    font-size: 35px;
  }
  .mainfifth .mainpart .seemore {
    padding: 10px 30px;
    background-color: var(--white);
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 15px;
  }
  .mainfifth .slidersecond .slider_element .preorder {
    font-size: 12px;
  }
  .mainfifth .slidersecond .slider_element .name {
    font-size: 14px;
  }
  .mainfifth .slidersecond .slider_element .price {
    font-size: 14px;
  }
  .mainfifth .slidersecond .slider_element .discount {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainfifth .mainpart .preorder_prods {
    font-size: 45px;
  }
  .mainfifth .mainpart .seemore {
    padding: 15px 40px;
    font-size: 16px;
  }
  .mainfifth .slidersecond .slider_element .preorder {
    font-size: 13px;
  }
  .mainfifth .slidersecond .slider_element .name {
    font-size: 15px;
  }
  .mainfifth .slidersecond .slider_element .price {
    font-size: 15px;
  }
  .mainfifth .slidersecond .slider_element .discount {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainfifth .mainpart .preorder_prods {
    font-size: 55px;
  }
  .mainfifth .mainpart .seemore {
    padding: 15px 50px;
    font-size: 17px;
  }
  .mainfifth .slidersecond .slider_element .preorder {
    font-size: 14px;
  }
  .mainfifth .slidersecond .slider_element .name {
    font-size: 16px;
  }
  .mainfifth .slidersecond .slider_element .price {
    font-size: 15px;
  }
  .mainfifth .slidersecond .slider_element .discount {
    font-size: 15px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

.mainsixth {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}
.mainsixth .all {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.mainsixth .all .left {
  height: 540px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.mainsixth .all .right {
  margin: 0;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: relative;
  transition: 0.2s;
  letter-spacing: 0.08em;
  height: 540px;
}
.mainsixth .all .right:hover .left_up_for_border {
  height: 100%;
}
.mainsixth .all .right:hover .left_down_for_border {
  width: 100%;
}
.mainsixth .all .right:hover .right_up_for_border {
  width: 100%;
}
.mainsixth .all .right:hover .right_down_for_border {
  height: 100%;
}
.mainsixth .all .right .borderblogger {
  height: 0px;
  width: 2px;
  position: absolute;
  background-color: var(--yellow);
  transition: 0.5s;
}
.mainsixth .all .right .left_up_for_border {
  left: 0;
  top: 0;
  height: 0px;
  width: 2px;
}
.mainsixth .all .right .left_down_for_border {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0px;
}
.mainsixth .all .right .right_up_for_border {
  right: 0;
  top: 0;
  height: 2px;
  width: 0px;
}
.mainsixth .all .right .right_down_for_border {
  right: 0;
  bottom: 0;
  height: 0px;
  width: 2px;
}
.mainsixth .all .right img {
  height: 70%;
  width: auto;
}
.mainsixth .all .right .text {
  font-size: 18px;
  font-family: var(--neuemedium);
}
.mainsixth .all .right .linktobloggerclothes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s;
}
.mainsixth .all .right .linktobloggerclothes:hover {
  color: var(--yellow);
  transform: scale(1.02);
}
.mainsixth .all .right .linktobloggerclothes .second {
  font-family: var(--neueultra);
  font-size: 14px;
}
.mainsixth .all .right .linktobloggerclothes svg {
  transition: 0.2s;
  margin-left: 8px;
}
.mainsixth .all .right .linktobloggerclothes:hover svg {
  fill: var(--yellow);
  stroke: var(--yellow);
}

@media (max-width: 576px) {
  .mainsixth .all {
    align-items: center;
  }
  .mainsixth .all .left {
    height: unset;
  }
  .mainsixth .all .right {
    height: unset;
    padding: 0;
    padding-left: 10px;
  }
  .mainsixth .all .right img {
    display: none;
  }
  .mainsixth .all .right .text {
    font-size: 12px;
    text-align: center;
  }
  .mainsixth .all .right .linktobloggerclothes .second {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--yellow);
    margin-top: 20px;
  }
  .mainsixth .all .right .linktobloggerclothes svg {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainsixth .all {
    align-items: center;
  }
  .mainsixth .all .left {
    height: unset;
  }
  .mainsixth .all .right {
    height: unset;
    padding: 0;
    padding-left: 10px;
  }
  .mainsixth .all .right img {
    display: none;
  }
  .mainsixth .all .right .text {
    font-size: 14px;
    text-align: center;
  }
  .mainsixth .all .right .linktobloggerclothes .second {
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--yellow);
    margin-top: 20px;
  }
  .mainsixth .all .right .linktobloggerclothes svg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainsixth .all .left {
    height: 365px;
  }
  .mainsixth .all .right {
    padding: 15px;
    height: 365px;
  }
  .mainsixth .all .right img {
    height: 70%;
    width: auto;
  }
  .mainsixth .all .right .text {
    font-size: 18px;
    text-align: center;
  }
  .mainsixth .all .right .linktobloggerclothes .second {
    text-align: center;
    font-size: 15px;
  }
  .mainsixth .all .right .linktobloggerclothes svg {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainsixth .all .left {
    height: 490px;
  }
  .mainsixth .all .right {
    height: 490px;
  }
  .mainsixth .all .right .text {
    text-align: center;
  }
  .mainsixth .all .right .linktobloggerclothes .second {
    font-size: 16px;
    text-align: center;
  }
  .mainsixth .all .right .linktobloggerclothes svg {
    display: none;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
.mainseventh {
  overflow: hidden;
  margin-top: 40px;
  height: 96vh;
  font-family: var(--neuebold);
  background-image: url(../images/main_Page/just_launched.jpg);
  background-attachment: fixed;
  background-size: cover;
  max-width: 100%;
  position: relative;
  letter-spacing: 0.08em;
}
.mainseventh .just_launched {
  font-family: var(--neuemedium);
  font-size: 18px;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 20px;
  background-color: var(--yellow);
  color: black;
}
.mainseventh .shipping {
  width: 70%;
  font-size: 86px;
  font-family: var(--neuemedium);
  text-align: center;
  color: var(--yellow);
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.mainseventh .section_keeper {
  padding: 10px;
  background-color: white;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--neuebold);
  font-size: 14px;
}
.mainseventh .section_keeper p {
  margin-left: 20px;
}
.mainseventh .section_keeper a {
  font-family: var(--neueregular);
  border: 1px solid #000000;
  display: block;
  padding: 15px 50px;
  background-color: var(--white);
  color: black;
  transition: 0.2s;
  margin-right: 20px;
  white-space: nowrap;
  margin-left: 10px;
}
.mainseventh .section_keeper a:hover {
  background-color: var(--yellow);
}

@media (max-width: 576px) {
  .mainseventh {
    height: 50vh;
    background-attachment: unset;
    position: relative;
    background-position: 0% 0%;
  }
  .mainseventh .just_launched {
    display: none;
  }
  .mainseventh .shipping {
    width: 100%;
    font-size: 35px;
    top: 30%;
    line-height: 1;
  }
  .mainseventh .section_keeper {
    padding: 5px;
    bottom: 3%;
    font-size: 12px;
  }
  .mainseventh .section_keeper p {
    margin: 0;
  }
  .mainseventh .section_keeper a {
    font-size: 12px;
    padding: 10px 20px;
    width: -moz-max-content;
    width: max-content;
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin: 0;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainseventh {
    height: 60vh;
    background-attachment: unset;
  }
  .mainseventh .just_launched {
    font-size: 14px;
  }
  .mainseventh .shipping {
    width: 100%;
    font-size: 45px;
    top: 20%;
  }
  .mainseventh .section_keeper {
    padding: 10px;
    left: 0;
    bottom: 5%;
    font-size: 14px;
  }
  .mainseventh .section_keeper a {
    padding: 10px 30px;
    width: -moz-max-content;
    width: max-content;
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainseventh {
    height: 80vh;
    background-attachment: unset;
  }
  .mainseventh .just_launched {
    font-size: 15px;
  }
  .mainseventh .shipping {
    width: 100%;
    font-size: 55px;
    top: 25%;
  }
  .mainseventh .section_keeper {
    padding: 10px;
    left: 0;
    bottom: 5%;
    font-size: 15px;
  }
  .mainseventh .section_keeper a {
    padding: 10px 30px;
    width: -moz-max-content;
    width: max-content;
    animation-name: mercaniye;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainseventh {
    height: 90vh;
  }
  .mainseventh .just_launched {
    font-size: 16px;
    top: 5%;
    padding: 3px 17px;
  }
  .mainseventh .shipping {
    width: 100%;
    font-size: 65px;
  }
  .mainseventh .section_keeper {
    font-size: 14px;
  }
  .mainseventh .section_keeper a {
    padding: 15px 40px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
.maineighth {
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}
.maineighth .top_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  letter-spacing: 0.08em;
  padding: 0;
  margin: 0;
}
.maineighth .top_main .right {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
.maineighth .top_main .right .top {
  font-size: 65px;
  font-family: var(--neuemedium);
  color: var(--yellow);
  padding: 0;
  margin: 0;
}
.maineighth .top_main .right .bottom {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: var(--neuemedium);
  font-size: 25px;
}
.maineighth .top_main .right .bottom li {
  padding: 0;
  margin: 0;
  margin: 30px 0;
}
.maineighth .top_main .right .bottom li:nth-child(1)::before {
  content: "1";
  margin-right: 50px;
  padding: 5px 15px;
  border-radius: 100%;
  background-color: var(--yellow);
}
.maineighth .top_main .right .bottom li:nth-child(2)::before {
  content: "2";
  margin-right: 50px;
  padding: 5px 12px;
  border-radius: 100%;
  background-color: var(--yellow);
}
.maineighth .top_main .right .bottom li:nth-child(3)::before {
  content: "3";
  margin-right: 50px;
  padding: 5px 11px;
  border-radius: 100%;
  background-color: var(--yellow);
}
.maineighth .bottom_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
  padding: 0;
  margin: 0;
}
.maineighth .bottom_main .testimoninal_div {
  padding: 0;
  margin: 0;
  padding: 10px 18px;
}
.maineighth .bottom_main .testimoninal_div div {
  text-align: center;
  padding: 0;
  margin: 0;
}
.maineighth .bottom_main .testimoninal_div div:nth-child(1) {
  font-family: var(--neueultra);
  font-size: 20px;
  margin-bottom: 15px;
}
.maineighth .bottom_main .testimoninal_div div:nth-child(2) {
  font-family: var(--neuemedium);
  font-size: 17px;
}
.maineighth .bottom_main .testimoninal_div div:nth-child(2) a {
  text-decoration: underline;
  color: var(--yellow);
}

@media (max-width: 576px) {
  .maineighth {
    padding: 0 10px;
  }
  .maineighth .top_main .right .top {
    font-size: 22px;
  }
  .maineighth .top_main .right .bottom {
    font-size: 9px;
  }
  .maineighth .top_main .right .bottom li {
    margin: 13px 0;
  }
  .maineighth .top_main .right .bottom li:nth-child(1)::before {
    content: "1";
    margin-right: 10px;
    padding: 3px 6px;
  }
  .maineighth .top_main .right .bottom li:nth-child(2)::before {
    content: "2";
    margin-right: 10px;
    padding: 3px 5px;
  }
  .maineighth .top_main .right .bottom li:nth-child(3)::before {
    content: "3";
    margin-right: 10px;
    padding: 3px 5px;
    margin-bottom: 0;
  }
  .maineighth .bottom_main {
    margin-top: 25px;
  }
  .maineighth .bottom_main .testimoninal_div {
    padding: 3px 8px;
    width: 100%;
    margin-bottom: 15px;
  }
  .maineighth .bottom_main .testimoninal_div div {
    text-align: center;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(1) {
    text-align: center;
    font-size: 17px;
    margin-bottom: 8px;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(2) {
    text-align: center;
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .maineighth {
    padding: 0 10px;
  }
  .maineighth .top_main .right .top {
    font-size: 30px;
  }
  .maineighth .top_main .right .bottom {
    font-size: 17px;
  }
  .maineighth .top_main .right .bottom li {
    margin: 18px 0;
  }
  .maineighth .top_main .right .bottom li:nth-child(1)::before {
    content: "1";
    margin-right: 10px;
    padding: 3px 6px;
  }
  .maineighth .top_main .right .bottom li:nth-child(2)::before {
    content: "2";
    margin-right: 10px;
    padding: 3px 5px;
  }
  .maineighth .top_main .right .bottom li:nth-child(3)::before {
    content: "3";
    margin-right: 10px;
    padding: 3px 5px;
    margin-bottom: 0;
  }
  .maineighth .bottom_main {
    margin-top: 25px;
  }
  .maineighth .bottom_main .testimoninal_div {
    padding: 3px 8px;
    width: 100%;
    margin-bottom: 15px;
  }
  .maineighth .bottom_main .testimoninal_div div {
    text-align: center;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(1) {
    text-align: center;
    font-size: 17px;
    margin-bottom: 8px;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(2) {
    text-align: center;
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .maineighth .top_main .right .top {
    font-size: 45px;
  }
  .maineighth .top_main .right .bottom {
    font-size: 18px;
  }
  .maineighth .top_main .right .bottom li {
    margin: 25px 0;
  }
  .maineighth .top_main .right .bottom li:nth-child(1)::before {
    content: "1";
    margin-right: 30px;
  }
  .maineighth .top_main .right .bottom li:nth-child(2)::before {
    content: "2";
    margin-right: 30px;
  }
  .maineighth .top_main .right .bottom li:nth-child(3)::before {
    content: "3";
    margin-right: 30px;
  }
  .maineighth .bottom_main .testimoninal_div {
    padding: 10px;
  }
  .maineighth .bottom_main .testimoninal_div div {
    text-align: center;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(1) {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(2) {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .maineighth .top_main .right .top {
    font-size: 55px;
  }
  .maineighth .top_main .right .bottom {
    font-size: 22px;
  }
  .maineighth .top_main .right .bottom li {
    margin: 25px 0;
  }
  .maineighth .top_main .right .bottom li:nth-child(1)::before {
    content: "1";
    margin-right: 40px;
  }
  .maineighth .top_main .right .bottom li:nth-child(2)::before {
    content: "2";
    margin-right: 40px;
  }
  .maineighth .top_main .right .bottom li:nth-child(3)::before {
    content: "3";
    margin-right: 40px;
  }
  .maineighth .bottom_main .testimoninal_div {
    padding: 10px;
  }
  .maineighth .bottom_main .testimoninal_div div {
    text-align: center;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(1) {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .maineighth .bottom_main .testimoninal_div div:nth-child(2) {
    font-size: 14px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
@keyframes carousel1 {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(200%);
  }
}
.mainninth {
  height: 300px;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.08em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainninth .top {
  position: absolute;
  padding: 15px 0;
  overflow: hidden;
  color: var(--yellow);
  width: 600%;
  top: 0;
  font-family: var(--neuemedium);
  font-size: 35px;
}
.mainninth .top span {
  animation: carousel1 8s linear infinite;
  display: inline-block;
  white-space: nowrap;
}
.mainninth form {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainninth form .forminside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  border-bottom: 1px solid black;
}
.mainninth form .forminside input {
  padding: 14px;
  width: 95%;
  border: none;
  outline: none;
  font-family: var(--neuemedium);
}
.mainninth form .forminside input::-moz-placeholder {
  font-size: 18px;
}
.mainninth form .forminside input::placeholder {
  font-size: 18px;
}
.mainninth form button {
  width: 23%;
  background-color: black;
  padding: 14px 40px;
  color: white;
  transition: 0.25s;
  outline: none;
  border: none;
}
.mainninth form button:hover {
  background-color: var(--yellow);
  color: black;
}

@media (max-width: 576px) {
  .mainninth {
    height: 200px;
  }
  .mainninth .top {
    padding: 15px 0;
    width: 700%;
    font-size: 20px;
  }
  .mainninth form .forminside {
    width: 75%;
  }
  .mainninth form .forminside input {
    padding: 14px;
    width: 95%;
  }
  .mainninth form .forminside input::-moz-placeholder {
    font-size: 14px;
  }
  .mainninth form .forminside input::placeholder {
    font-size: 14px;
  }
  .mainninth form button {
    width: 23%;
    padding: 14px;
    text-align: center;
  }
}
.where {
  opacity: 0;
  margin-top: 30px;
}

.shopname .all .top {
  text-align: center;
  font-family: var(--neueultra);
  font-size: 50px;
  text-align: center;
  color: var(--yellow);
  letter-spacing: 0.08em;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.shopcategories {
  width: 100%;
  background-color: white;
  color: black;
  border-bottom: 1px solid black;
}
.shopcategories .head_categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-family: var(--neueregular);
  position: relative;
  letter-spacing: 0.08em;
}
.shopcategories .head_categories .activeli {
  background-color: var(--yellow);
  text-decoration: underline;
}
.shopcategories .head_categories li {
  padding: 12px 10px;
}
.shopcategories .head_categories li:hover .categorymenu {
  opacity: 1;
  visibility: visible;
}
.shopcategories .head_categories li .categoryhref {
  font-size: 15px;
  cursor: pointer;
}
.shopcategories .head_categories li .categoryhref:hover {
  text-decoration: underline;
}
.shopcategories .head_categories li .categorymenu {
  width: 100%;
  height: 450px;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  transition: 0.2s;
  background-color: white;
  box-shadow: 0px 0px 2px 0px var(--yellow);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 101%;
  z-index: 32;
}
.shopcategories .head_categories li .categorymenu .seeall {
  display: none;
}
.shopcategories .head_categories li .categorymenu .closeshopbtn {
  display: none;
}
.shopcategories .head_categories li .categorymenu .left {
  padding: 0 10px;
  padding-right: 10px;
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
}
.shopcategories .head_categories li .categorymenu .left::-webkit-scrollbar-track {
  background: white;
}
.shopcategories .head_categories li .categorymenu .left::-webkit-scrollbar-thumb {
  background: white;
}
.shopcategories .head_categories li .categorymenu .left::-webkit-scrollbar-thumb:hover {
  background: white;
}
.shopcategories .head_categories li .categorymenu .left .mainp {
  margin-bottom: 15px;
  font-size: 15px;
  text-align: start;
  font-family: var(--neuebold);
  text-decoration: underline;
  width: 100%;
}
.shopcategories .head_categories li .categorymenu .left .categories {
  display: grid;
  gap: 25px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}
.shopcategories .head_categories li .categorymenu .left .categories .category {
  margin: 10px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.shopcategories .head_categories li .categorymenu .left .categories .category .namecate {
  font-size: 14px;
  font-family: var(--neuemedium);
  text-align: center;
  margin-top: 10px;
}
.shopcategories .head_categories li .categorymenu .left .categories .category .imgkeeper {
  width: 90%;
  padding: 10px;
  border-radius: 100%;
  border: 1px solid var(--yellow);
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopcategories .head_categories li .categorymenu .left .categories .category .imgkeeper img {
  border-radius: 100%;
}
.shopcategories .head_categories li .categorymenu .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 10px;
}
.shopcategories .head_categories li .categorymenu .right .mainp {
  margin-bottom: 15px;
  font-size: 15px;
  text-align: start;
  font-family: var(--neuebold);
  text-decoration: underline;
}
.shopcategories .head_categories li .categorymenu .right .topphoto {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.shopcategories .head_categories li .categorymenu .right .topphoto img {
  width: 90%;
}
.shopcategories .head_categories li .categorymenu .right .topphoto .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(255, 255, 255, 0) 100%);
}
.shopcategories .head_categories li .categorymenu .right .topphoto .nazvanie {
  position: absolute;
  bottom: 5%;
  left: 50%;
  color: white;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-family: var(--neuemedium);
  transform: translateX(-40%);
}
.shopcategories .head_categories li .categorymenu .right .bottomphoto {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.shopcategories .head_categories li .categorymenu .right .bottomphoto img {
  width: 90%;
}
.shopcategories .head_categories li .categorymenu .right .bottomphoto .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(255, 255, 255, 0) 100%);
}
.shopcategories .head_categories li .categorymenu .right .bottomphoto .nazvanie {
  position: absolute;
  bottom: 5%;
  left: 50%;
  color: white;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-family: var(--neuemedium);
  transform: translateX(-40%);
}

@media (max-width: 576px) {
  .shopcategories .head_categories li {
    text-align: center;
    padding: 5px;
  }
  .shopcategories .head_categories li:last-child {
    margin: 0 auto;
  }
  .shopcategories .head_categories li:hover .categorymenu {
    opacity: unset;
    visibility: unset;
  }
  .shopcategories .head_categories li .categorymenu {
    height: 300px;
    visibility: hidden;
    opacity: 0;
    overflow-y: scroll;
    padding: 10px;
  }
  .shopcategories .head_categories li .categorymenu .seeall {
    display: inline;
    position: absolute;
    top: 10px;
    left: 65%;
    font-size: 16px;
    font-family: var(--neuebold);
    color: var(--yellow);
    text-decoration: none;
  }
  .shopcategories .head_categories li .categorymenu .closeshopbtn {
    display: inline;
    position: absolute;
    top: 2%;
    right: 2%;
    color: var(--yellow);
  }
  .shopcategories .head_categories li .categorymenu .closeshopbtn ion-icon {
    font-size: 35px;
  }
  .shopcategories .head_categories li .categorymenu .left {
    overflow-y: unset;
    height: -moz-max-content;
    height: max-content;
  }
  .shopcategories .head_categories li .categorymenu .left .mainp {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .shopcategories .head_categories li .categorymenu .left .categories {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .shopcategories .head_categories li .categorymenu .left .categories .category .namecate {
    font-size: 13px;
  }
  .shopcategories .head_categories li .categorymenu .right {
    overflow-y: unset;
    height: -moz-max-content;
    height: max-content;
  }
  .shopcategories .head_categories li .categorymenu .right .mainp {
    font-size: 16px;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .overlay {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .nazvanie {
    font-size: 14px;
    font-family: var(--neuemedium);
    transform: translateX(-50%);
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .overlay {
    width: 100%;
    height: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .nazvanie {
    font-size: 15px;
    transform: translateX(-50%);
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .shopcategories .head_categories li {
    text-align: center;
    padding: 5px;
  }
  .shopcategories .head_categories li:last-child {
    margin: 0 auto;
  }
  .shopcategories .head_categories li:hover .categorymenu {
    opacity: unset;
    visibility: unset;
  }
  .shopcategories .head_categories li .categorymenu {
    height: 300px;
    visibility: hidden;
    opacity: 0;
    overflow-y: scroll;
    padding: 10px;
  }
  .shopcategories .head_categories li .categorymenu .seeall {
    display: inline;
    position: absolute;
    top: 10px;
    left: 60%;
    font-size: 18px;
    font-family: var(--neuebold);
    color: var(--yellow);
    text-decoration: none;
  }
  .shopcategories .head_categories li .categorymenu .closeshopbtn {
    display: inline;
    position: absolute;
    top: 2%;
    right: 2%;
    color: var(--yellow);
  }
  .shopcategories .head_categories li .categorymenu .closeshopbtn ion-icon {
    font-size: 35px;
  }
  .shopcategories .head_categories li .categorymenu .left {
    overflow-y: unset;
    height: -moz-max-content;
    height: max-content;
  }
  .shopcategories .head_categories li .categorymenu .left .mainp {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .shopcategories .head_categories li .categorymenu .left .categories {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .shopcategories .head_categories li .categorymenu .left .categories .category .namecate {
    font-size: 13px;
  }
  .shopcategories .head_categories li .categorymenu .right {
    overflow-y: unset;
    height: -moz-max-content;
    height: max-content;
  }
  .shopcategories .head_categories li .categorymenu .right .mainp {
    font-size: 16px;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .overlay {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .nazvanie {
    font-size: 14px;
    font-family: var(--neuemedium);
    transform: translateX(-50%);
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .overlay {
    width: 100%;
    height: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .nazvanie {
    font-size: 15px;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .shopcategories .head_categories li {
    padding: 10px;
  }
  .shopcategories .head_categories li:last-child {
    margin: 0 auto;
  }
  .shopcategories .head_categories li .categorymenu {
    height: 370px;
    padding: 15px;
  }
  .shopcategories .head_categories li .categorymenu .left .categories {
    gap: 20px;
  }
  .shopcategories .head_categories li .categorymenu .right {
    justify-content: flex-start;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .overlay {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .nazvanie {
    transform: translateX(-50%);
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto {
    justify-content: center;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto img {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .overlay {
    width: 100%;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .nazvanie {
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .shopcategories .head_categories li .categorymenu {
    width: 100%;
    height: 400px;
    padding: 15px;
  }
  .shopcategories .head_categories li .categorymenu .seeall {
    display: none;
  }
  .shopcategories .head_categories li .categorymenu .closeshopbtn {
    display: none;
  }
  .shopcategories .head_categories li .categorymenu .left .categories .category .namecate {
    font-size: 13px;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto {
    margin-bottom: 10px;
  }
  .shopcategories .head_categories li .categorymenu .right .topphoto .nazvanie {
    font-size: 15px;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto {
    margin-bottom: 10px;
  }
  .shopcategories .head_categories li .categorymenu .right .bottomphoto .nazvanie {
    font-size: 15px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.shoptext {
  padding: 20px 0;
  border-bottom: 1px solid black;
  letter-spacing: 0.08em;
}
.shoptext p {
  font-family: var(--neueregular);
  font-size: 40px;
  text-align: center;
}
.shoptext p span:first-child {
  color: var(--yellow);
  font-family: var(--neuebold);
}
.shoptext p span:last-child {
  font-style: italic;
}

@media (max-width: 576px) {
  .shoptext {
    padding: 10px 0;
  }
  .shoptext p {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .shoptext {
    padding: 15px 0;
  }
  .shoptext p {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .shoptext {
    padding: 20px 0;
  }
  .shoptext p {
    font-size: 33px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.shopfilter {
  background-color: white;
  color: black;
  margin: 0;
  padding: 0;
  margin: 20px 0;
}
.shopfilter .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
}
.shopfilter .all .price-input-mobile {
  display: none;
}
.shopfilter .all .filterdiv {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 15px;
  font-family: var(--neueregular);
  padding-bottom: 3px;
  position: relative;
  border-bottom: 1px solid black;
  cursor: pointer;
  padding: 6px 2px;
}
.shopfilter .all .filterdiv .svgkeeper {
  transition: 0.2s;
}
.shopfilter .all .filterdiv .roundarrow {
  transform: rotate(180deg) !important;
}
.shopfilter .all .filterdiv ul {
  list-style: none;
  display: none;
  background-color: white;
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid black;
  z-index: 200;
}
.shopfilter .all .filterdiv ul .yellowli {
  background-color: var(--yellow);
}
.shopfilter .all .filterdiv ul li {
  padding: 5px;
}
.shopfilter .all .filterdiv ul li:hover {
  background-color: var(--yellow);
}
.shopfilter .pricerange {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  font-family: var(--neuemedium);
}
.shopfilter .pricerange .price-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  border-bottom: 1px solid black;
}
.shopfilter .pricerange .price-input .inputspan {
  margin: 0 5px;
}
.shopfilter .pricerange .price-input span {
  font-size: 17px;
}
.shopfilter .pricerange input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.shopfilter .pricerange input {
  width: 50px;
  font-size: 15px;
  font-family: var(--neueregular);
  border: none;
  outline: none;
  letter-spacing: 2px;
  text-align: start;
}
.shopfilter .pricerange ::-moz-selection {
  color: #fff;
  background: var(--yellow);
  cursor: pointer;
}
.shopfilter .pricerange ::selection {
  color: #fff;
  background: var(--yellow);
  cursor: pointer;
}
.shopfilter .pricerange input[type=number]::-webkit-outer-spin-button,
.shopfilter .pricerange input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.shopfilter .pricerange .slider1 {
  height: 1px;
  right: 0;
  top: 78%;
  width: 85%;
  position: absolute;
  border-radius: 5px;
  background: black;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .shopfilter .pricerange .slider1 {
    top: 76.8%;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .shopfilter .pricerange .slider1 {
    top: 77.2%;
  }
}
@media (min-width: 1000px) and (max-width: 1100px) {
  .shopfilter .pricerange .slider1 {
    top: 76.8%;
  }
}
.shopfilter .pricerange .range-input {
  position: relative;
  width: 84%;
  margin-top: 17px;
  height: 0px;
}
.shopfilter .pricerange .range-input input {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 5px;
  top: 48%;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.shopfilter .pricerange input[type=range]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: var(--yellow);
  outline: 1px solid black;
  padding: 10px;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.shopfilter .pricerange input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--yellow);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

@media (max-width: 576px) {
  .shopfilter .all .filterdiv {
    font-size: 14px;
    padding: 6px 2px;
    margin-bottom: 10px;
  }
  .shopfilter .all .filterdiv ul li {
    padding: 5px;
  }
  .shopfilter .all .price-input-mobile {
    font-family: var(--neuemedium);
    margin: 0;
    padding: 4.5px 2px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
  }
  .shopfilter .all .price-input-mobile input {
    width: 41px;
    border: none;
    outline: none;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-align: start;
  }
  .shopfilter .all .price-input-mobile .inputspan {
    font-size: 10px;
    margin-right: 4px;
  }
  .shopfilter .pricerange {
    margin: 0;
    padding: 0;
    padding: 30px 0;
  }
  .shopfilter .pricerange .price-input {
    display: none;
  }
  .shopfilter .pricerange .slider1 {
    top: 52%;
    width: 100%;
  }
  .shopfilter .pricerange .range-input {
    width: 100%;
    margin-top: 0px;
  }
  .shopfilter .pricerange input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    padding: 10px;
  }
  .shopfilter .pricerange input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 20px;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .shopfilter .all .filterdiv {
    font-size: 15px;
    padding: 6px 2px;
    margin-bottom: 10px;
  }
  .shopfilter .all .filterdiv ul li {
    padding: 5px;
  }
  .shopfilter .all .price-input-mobile {
    font-family: var(--neuemedium);
    margin: 0;
    padding: 4.5px 2px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
  }
  .shopfilter .all .price-input-mobile input {
    width: 41px;
    border: none;
    outline: none;
    font-size: 15px;
    letter-spacing: 1.2px;
    text-align: start;
  }
  .shopfilter .all .price-input-mobile .inputspan {
    font-size: 10px;
    margin-right: 4px;
  }
  .shopfilter .pricerange {
    margin: 0;
    padding: 0;
    padding: 30px 0;
  }
  .shopfilter .pricerange .price-input {
    display: none;
  }
  .shopfilter .pricerange .slider1 {
    top: 52%;
    width: 100%;
  }
  .shopfilter .pricerange .range-input {
    width: 100%;
    margin-top: 0px;
  }
  .shopfilter .pricerange input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    padding: 10px;
  }
  .shopfilter .pricerange input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 20px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.shopclothes {
  margin: 40px 0;
  padding: 0;
  background-color: white;
}
.shopclothes .all {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  padding: 0;
  margin: 0;
}
.shopclothes .all .product {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 0;
}
.shopclothes .all .product .top {
  margin: 0;
  padding: 0;
}
.shopclothes .all .product .top .wishlist {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 5%;
  right: 5%;
  transition: 0.2s;
  cursor: pointer;
  background-color: transparent;
}
.shopclothes .all .product .top .wishlist svg {
  transition: 0.2s;
}
.shopclothes .all .product .top .wishlist svg path {
  transition: 0.2s;
}
.shopclothes .all .product .top .wishlist:hover svg {
  fill: var(--yellow);
}
.shopclothes .all .product .top .wishlist:hover svg path {
  fill: var(--yellow);
  stroke: var(--yellow);
}
.shopclothes .all .product .top .discount_percent {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 16%;
  right: 3%;
}
.shopclothes .all .product .top .discount_percent span {
  font-size: 13px;
  padding: 5px 10px;
  background-color: var(--yellow);
  color: black;
  font-family: var(--neuemedium);
  letter-spacing: 2px;
}
.shopclothes .all .product .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  letter-spacing: 0.08em;
}
.shopclothes .all .product .bottom .botop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
.shopclothes .all .product .bottom .botop .botopleft {
  max-width: 80%;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: var(--neuemedium);
}
.shopclothes .all .product .bottom .botop .botopright {
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  padding: 0;
  font-family: var(--neuebold);
  font-size: 19px;
}
.shopclothes .all .product .bottom .bobottom {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
  letter-spacing: 0.08em;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.shopclothes .all .product .bottom .bobottom .basket {
  position: absolute;
  top: 5%;
  left: 5%;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
}
.shopclothes .all .product .bottom .bobottom .basket svg {
  transition: 0.2s;
}
.shopclothes .all .product .bottom .bobottom .basket svg path {
  transition: 0.2s;
}
.shopclothes .all .product .bottom .bobottom .basket:hover svg {
  fill: var(--yellow);
  stroke: var(--yellow);
}
.shopclothes .all .product .bottom .bobottom .basket:hover svg path {
  fill: var(--yellow);
  stroke: var(--yellow);
}
.shopclothes .all .product .bottom .bobottom .bobotleft {
  padding: 0;
  margin: 0;
}
.shopclothes .all .product .bottom .bobottom .bobotleft select {
  width: 100%;
  outline: none;
  font-family: var(--neuemedium);
  border-radius: 0;
  letter-spacing: 0.08em;
  font-size: 14px;
}
.shopclothes .all .product .bottom .bobottom .bobotright {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.shopclothes .all .product .bottom .bobottom .bobotright input {
  display: none;
}
.shopclothes .all .product .bottom .bobottom .bobotright label,
.shopclothes .all .product .bottom .bobottom .bobotright .color_box {
  height: 15px;
  width: 15px;
  cursor: pointer;
  border: 0.3px solid white;
  outline: 0.3px solid black;
  position: relative;
  margin-left: 8px;
}
.shopclothes .all .product .bottom .bobottom .bobotright label .markicon,
.shopclothes .all .product .bottom .bobottom .bobotright .color_box .markicon {
  font-size: 20px;
  position: absolute;
  bottom: -30%;
  left: -25%;
}
.shopclothes .all .product:hover .top .wishlist {
  visibility: visible;
  opacity: 1;
}
.shopclothes .all .product:hover .bottom .bobottom {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 576px) {
  .shopclothes {
    margin: 30px 0;
  }
  .shopclothes .all {
    grid-template-columns: 1fr;
    gap: none;
  }
  .shopclothes .all .product {
    margin-bottom: 20px;
  }
  .shopclothes .all .product .top .wishlist {
    visibility: visible;
    opacity: 1;
    top: 3%;
    right: 3%;
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg {
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg path {
    transition: none;
  }
  .shopclothes .all .product .top .discount_percent {
    bottom: 15%;
    right: 3%;
  }
  .shopclothes .all .product .bottom .botop .botopleft {
    max-width: 80%;
    font-size: 15px;
  }
  .shopclothes .all .product .bottom .botop .botopright {
    font-size: 17px;
  }
  .shopclothes .all .product .bottom .bobottom {
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket {
    top: 3%;
    left: 3%;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg path {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .bobotleft select {
    font-size: 15px;
    background-color: white;
    background: white;
    border: 0.8px solid black;
    color: black;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box {
    height: 20px;
    width: 20px;
    border: 0.5px solid white;
    outline: 0.5px solid black;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label .markicon,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .shopclothes {
    margin: 30px 0;
  }
  .shopclothes .all {
    grid-template-columns: 1fr 1fr;
  }
  .shopclothes .all .product .top .wishlist {
    visibility: visible;
    opacity: 1;
    top: 3%;
    right: 3%;
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg {
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg path {
    transition: none;
  }
  .shopclothes .all .product .top .discount_percent {
    bottom: 20%;
    right: 3%;
  }
  .shopclothes .all .product .bottom .botop .botopleft {
    max-width: 80%;
    font-size: 15px;
  }
  .shopclothes .all .product .bottom .botop .botopright {
    font-size: 17px;
  }
  .shopclothes .all .product .bottom .bobottom {
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket {
    top: 3%;
    left: 3%;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg path {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .bobotleft select {
    font-size: 15px;
    background-color: white;
    background: white;
    border: 0.8px solid black;
    color: black;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box {
    height: 18px;
    width: 18px;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label .markicon,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .shopclothes .all {
    grid-template-columns: 1fr 1fr;
  }
  .shopclothes .all .product .top .wishlist {
    visibility: visible;
    opacity: 1;
    top: 3%;
    right: 3%;
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg {
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg path {
    transition: none;
  }
  .shopclothes .all .product .top .discount_percent {
    bottom: 16%;
    right: 3%;
  }
  .shopclothes .all .product .bottom .botop .botopleft {
    max-width: 80%;
    font-size: 15px;
  }
  .shopclothes .all .product .bottom .botop .botopright {
    font-size: 17px;
  }
  .shopclothes .all .product .bottom .bobottom {
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket {
    top: 3%;
    left: 3%;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg path {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .bobotleft select {
    font-size: 15px;
    background-color: white;
    background: white;
    border: 0.8px solid black;
    color: black;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box {
    height: 18px;
    width: 18px;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label .markicon,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .shopclothes .all {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .shopclothes .all .product .top .wishlist {
    visibility: visible;
    opacity: 1;
    top: 3%;
    right: 3%;
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg {
    transition: none;
  }
  .shopclothes .all .product .top .wishlist svg path {
    transition: none;
  }
  .shopclothes .all .product .top .discount_percent {
    bottom: 17%;
    right: 3%;
  }
  .shopclothes .all .product .bottom .botop .botopleft {
    max-width: 80%;
    font-size: 15px;
  }
  .shopclothes .all .product .bottom .botop .botopright {
    font-size: 17px;
  }
  .shopclothes .all .product .bottom .bobottom {
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket {
    top: 3%;
    left: 3%;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .basket svg path {
    transition: none;
  }
  .shopclothes .all .product .bottom .bobottom .bobotleft select {
    font-size: 15px;
    background-color: white;
    background: white;
    border: 0.8px solid black;
    color: black;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box {
    height: 18px;
    width: 18px;
  }
  .shopclothes .all .product .bottom .bobottom .bobotright label .markicon,
  .shopclothes .all .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 26px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.shoppagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.shoppagination ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}
.shoppagination ul li {
  background-color: black;
  width: 7%;
  padding: 2px;
  cursor: pointer;
  transition: 0.2s;
}
.shoppagination ul li:hover {
  background-color: var(--yellow);
  padding: 3px;
}
.shoppagination ul .activepagination {
  background-color: var(--yellow);
  padding: 3px 0;
}

@media (max-width: 576px) {
  .shoppagination ul li {
    width: 10%;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.breadcrumb {
  padding: 20px 0;
  margin: 0;
}
.breadcrumb .all {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: 0.08em;
}
.breadcrumb .all div {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: var(--neuelight);
}
.breadcrumb .all a {
  font-family: var(--neueregular);
  font-size: 15px;
}
.breadcrumb .all a:hover {
  text-decoration: underline;
}

@media (max-width: 576px) {
  .breadcrumb {
    padding: 15px 0;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@media (min-width: 1100px) {
  body {
    position: relative;
  }
  .breadcrumb a:nth-child(1) {
    padding-left: 5px;
  }
  .all {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .all .leftmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .leftmain .mainimgkeeper {
    padding: 5px;
    overflow: hidden;
  }
}
@media (min-width: 1100px) and (min-width: 1350px) {
  .all .leftmain .photos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all .leftmain .photos .photo {
    overflow: hidden;
    padding: 2px;
  }
}
@media (min-width: 1100px) {
  .all .leftmain .productinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 5px;
  }
  .all .leftmain .productinfo .productinfoinner {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .top {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top p {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.08em;
    padding: 0;
  }
  .all .leftmain .productinfo .productinfoinner .middle {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .all .leftmain .productinfo .productinfoinner .bottom {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .bottom span {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    font-family: var(--neuebold);
  }
  .all .leftmain .productinfo .productinfoinner .bottom p {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
}
@media (min-width: 1100px) {
  .all .rightmain {
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top {
    height: 500px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .all .rightmain .top .wishlistphone {
    display: none;
  }
  .all .rightmain .top .wishlist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 123;
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist svg {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist path {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .name {
    font-weight: 700;
    font-size: 25px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .all .rightmain .top .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin-bottom: 15px;
  }
  .all .rightmain .top .price span {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 23px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .price span:nth-child(2) {
    margin-left: 10px;
    text-decoration: line-through;
  }
  .all .rightmain .top .imgofprod {
    margin-bottom: 15px;
    cursor: pointer;
  }
  .all .rightmain .top .feedbackdiv {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .all .rightmain .top .feedbackdiv .formobilesizecolor {
    display: none;
  }
  .all .rightmain .top .feedbackdiv .openmodalreview {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    font-family: var(--neuebold);
    cursor: pointer;
  }
  .all .rightmain .top .feedbackdiv div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .all .rightmain .top .feedbackdiv div .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .all .rightmain .top .feedbackdiv div .yellow {
    color: var(--yellow);
  }
  .all .rightmain .top .detailform {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top .detailform .buydiv {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-bottom: 3px;
    position: relative;
    border: 1.7px solid black;
    cursor: pointer;
    padding: 10px 5px;
    margin-bottom: 30px;
  }
  .all .rightmain .top .detailform .buydiv svg {
    transition: 0.5s;
    width: 100%;
  }
  .all .rightmain .top .detailform .buydiv .svgkeeper {
    transition: 0.1s;
  }
  .all .rightmain .top .detailform .buydiv span {
    padding-left: 2px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv .roundarrow {
    transform: rotate(180deg) !important;
  }
  .all .rightmain .top .detailform .buydiv ul {
    list-style: none;
    display: none;
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid black;
    z-index: 43432;
  }
  .all .rightmain .top .detailform .buydiv ul .yellowli {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform .buydiv ul li {
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv ul li:hover {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform button {
    border: 1px solid black;
    outline: none;
    padding: 20px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .all .rightmain .bottom .moreinfo {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .rightmain .bottom .togglemenutop {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenutop span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenutop .infotop {
    display: none;
    padding-top: 20px;
  }
  .all .rightmain .bottom .togglemenubottom {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenubottom span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom {
    padding-top: 20px;
    display: none;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial a {
    width: 20%;
  }
}
@media (min-width: 1100px) {
  .all .completing_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .completing_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .completing_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .completing_all .completing_div {
    padding: 5px;
  }
  .all .completing_all .completing_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .completing_all .completing_div .arrows {
    margin-top: 15px;
    cursor: pointer;
  }
  .all .completing_all .completing_div .completing_products .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product .top {
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .completing_all .completing_div .completing_products .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label .markicon,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
}
@media (min-width: 1100px) {
  .all .related_items_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .related_items_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .related_items_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .related_items_all .relateditems_div {
    padding: 5px;
  }
  .all .related_items_all .relateditems_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .related_items_all .relateditems_div .arrows {
    margin-top: 15px;
    cursor: pointer;
  }
  .all .related_items_all .relateditems_div .related_items .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .top {
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label .markicon,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
}
@media (min-width: 1100px) {
  .all .discover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
  }
  .all .discover a {
    padding: 15px 40px;
    color: black;
    background-color: white;
    border: 1px solid black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
}
@media (min-width: 1100px) {
  .all .modalotkroysa {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
@media (min-width: 1100px) {
  .all .modal {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 95%;
    height: 95vh;
    border-radius: 10px;
    border: 1px solid var(--yellow);
    box-shadow: 0px 0px 10px var(--yellow);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }
  .all .modal .content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .all .modal .content span {
    position: absolute;
    top: 5px;
    right: 0;
    color: var(--yellow);
    cursor: pointer;
    font-size: 30px;
  }
  .all .modal .content img {
    height: 90%;
  }
}
@media (min-width: 1100px) {
  .modalmoy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 96vh;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    z-index: 432531532523523500;
    background-color: white;
    padding: 20px 30px;
    border-radius: 8px;
    display: none;
  }
  .modalmoy .overlaymodall {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modalmoy .overlaymodall .modalall {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    justify-content: flex-start;
  }
  .modalmoy .overlaymodall .modalall .closemodal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .firstp {
    font-family: var(--neueultra);
    font-size: 30px;
    color: var(--yellow);
    text-align: center;
    letter-spacing: 0.08em;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .left .avgrating {
    font-family: var(--neuebold);
    font-size: 22px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .staricon {
    margin-left: 3px;
    font-size: 20px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .rating .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .right .reviewcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-right: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .right .commentcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .reviews {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    height: 60%;
    overflow-y: scroll;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-thumb {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-button {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews .review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review:nth-child(1) {
    padding-top: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    letter-spacing: 0.08em;
    padding-right: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos .photokeeper {
    padding: 5px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .name {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .reviewdate {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 10px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk {
    position: absolute;
    bottom: -5px;
    right: 0;
    transition: 0.2s;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk svg {
    width: 25px;
    height: 27px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .likescount {
    position: absolute;
    bottom: 0;
    right: 4%;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .writereview {
    height: 25%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .modalmoy .overlaymodall .modalall .writereview form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview {
    position: absolute;
    top: 6%;
    right: 25.5%;
    display: none;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview .clearreviewicon {
    font-size: 20px;
  }
  .modalmoy .overlaymodall .modalall .writereview form .uploadimg .ionik {
    font-size: 35px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .writereview form .lastdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form textarea {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
    resize: none;
    height: 77px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input:nth-child(1) {
    margin-bottom: 10px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div .gl-star-rating--stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form div button {
    background-color: black;
    text-align: center;
    padding: 8px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
}
@media (min-width: 1100px) {
  .slideropen {
    height: 90vh !important;
    overflow-y: visible !important;
  }
}
@media (min-width: 1100px) {
  .photoslider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 432533245454345;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    height: 0px;
    overflow-y: hidden;
  }
  .photoslider .modalslider {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 10px;
  }
  .photoslider .modalslider .closemodalphoto {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    z-index: 100000000000000000000000;
  }
  .photoslider .modalslider .closemodalphoto svg {
    width: 40px;
    height: 40px;
  }
  .photoslider .modalslider .detailarrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    z-index: 999999999999;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext path {
    stroke: white;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev path {
    stroke: white;
  }
  .photoslider .modalslider .photoslider1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    position: relative;
    margin: auto auto;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper img {
    margin: 0 auto;
    width: 400px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0) 100%);
    color: white;
    width: 400px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 20px;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon {
    margin-left: 3px;
    font-size: 13px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon:nth-child(1) {
    margin: 0;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .yellow {
    color: var(--yellow);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin-top: 8px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .name {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .reviewdate {
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 10px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
@media (max-width: 576px) {
  .all {
    display: flex;
    flex-wrap: wrap;
  }
  .leftmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
  .leftmain .mainimgkeeper {
    overflow: hidden;
    padding: 5px;
  }
  .leftmain .productinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 25px 5px;
  }
  .leftmain .productinfo .productinfoinner {
    display: flex;
    flex-direction: column;
  }
  .leftmain .productinfo .productinfoinner .top {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .leftmain .productinfo .productinfoinner .top span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .leftmain .productinfo .productinfoinner .top span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .leftmain .productinfo .productinfoinner .top p {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.08em;
    padding: 0;
  }
  .leftmain .productinfo .productinfoinner .middle {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .leftmain .productinfo .productinfoinner .middle span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .leftmain .productinfo .productinfoinner .middle span:nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .leftmain .productinfo .productinfoinner .bottom {
    display: flex;
    flex-direction: column;
  }
  .leftmain .productinfo .productinfoinner .bottom span {
    font-weight: 700;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    font-family: var(--neuebold);
  }
  .leftmain .productinfo .productinfoinner .bottom p {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .leftmain .wishlist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 123;
  }
  .leftmain .photos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .leftmain .photos .photo {
    overflow: hidden;
    padding: 2px;
  }
  .rightmain {
    display: flex;
    margin-top: 30px;
    padding: 17px;
    flex-wrap: wrap;
  }
  .rightmain .top {
    order: 2;
    margin-top: 20px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rightmain .top .wishlist {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 123;
  }
  .rightmain .top .wishlist svg {
    width: 30px;
    height: 30px;
  }
  .rightmain .top .name {
    font-weight: 700;
    font-size: 22px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    margin: 0;
  }
  .rightmain .top .price {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .rightmain .top .price span {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 20px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .rightmain .top .price span:nth-child(2) {
    margin-left: 5px;
    margin-left: 15px;
    text-decoration: line-through;
  }
  .rightmain .top .imgofprod {
    margin-bottom: 15px;
  }
  .rightmain .top .feedbackdiv {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
  }
  .rightmain .top .feedbackdiv .formobilesizecolor {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    padding-left: 15px;
  }
  .rightmain .top .feedbackdiv .formobilesizecolor div {
    padding: 0;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 12px;
  }
  .rightmain .top .feedbackdiv .formobilesizecolor div span:nth-child(1) {
    font-size: 12px;
    font-family: var(--neuebold);
  }
  .rightmain .top .feedbackdiv .formobilesizecolor div span {
    font-size: 10px;
  }
  .rightmain .top .feedbackdiv .openmodalreview {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    font-family: var(--neuebold);
    padding-left: 15px;
    margin-top: 2px;
  }
  .rightmain .top .feedbackdiv .stardiv {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
  }
  .rightmain .top .feedbackdiv .stardiv .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .rightmain .top .feedbackdiv .stardiv .yellow {
    color: var(--yellow);
  }
  .rightmain .top .detailform {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .rightmain .top .detailform .buydiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    font-family: var(--neueregular);
    letter-spacing: 0.1em;
    padding-bottom: 3px;
    position: relative;
    border: 0.7px solid black;
    padding: 10px 5px;
    margin-bottom: 30px;
  }
  .rightmain .top .detailform .buydiv svg {
    transition: 0.5s;
    width: 100%;
  }
  .rightmain .top .detailform .buydiv .svgkeeper {
    transition: 0.1s;
  }
  .rightmain .top .detailform .buydiv span {
    padding-left: 2px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .rightmain .top .detailform .buydiv .roundarrow {
    transform: rotate(180deg) !important;
  }
  .rightmain .top .detailform .buydiv ul {
    list-style: none;
    display: none;
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid black;
    z-index: 43432;
  }
  .rightmain .top .detailform .buydiv ul .yellowli {
    background-color: var(--yellow);
  }
  .rightmain .top .detailform .buydiv ul li {
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .rightmain .top .detailform .buydiv ul li:hover {
    background-color: var(--yellow);
  }
  .rightmain .top .detailform button {
    border: 1px solid black;
    outline: none;
    padding: 20px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .rightmain .bottom {
    order: 1;
    display: flex;
    position: relative;
    flex-wrap: wrap;
  }
  .rightmain .bottom .moreinfo {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .rightmain .bottom .togglemenutop {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .rightmain .bottom .togglemenutop span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .rightmain .bottom .togglemenutop .infotop {
    display: none;
    padding-top: 8px;
  }
  .rightmain .bottom .togglemenubottom {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .rightmain .bottom .togglemenubottom span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .rightmain .bottom .togglemenubottom .infobottom {
    padding-top: 8px;
    display: none;
  }
  .rightmain .bottom .togglemenubottom .infobottom .allsocial {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .rightmain .bottom .togglemenubottom .infobottom .allsocial a {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .completing_all {
    margin: 20px 0;
    padding-left: 17px;
  }
  .completing_all p {
    font-weight: 800;
    font-size: 30px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 15px;
  }
  .completing_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .completing_all .completing_div {
    padding: 5px;
  }
  .completing_all .completing_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .completing_all .completing_div .arrows {
    margin-top: 10px;
  }
  .completing_all .completing_div .completing_products {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .completing_all .completing_div .completing_products .product {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 0 5px;
  }
  .completing_all .completing_div .completing_products .product .top {
    position: relative;
  }
  .completing_all .completing_div .completing_products .product .top .wishlist {
    position: absolute;
    top: 4.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .completing_all .completing_div .completing_products .product .top .wishlist svg {
    transition: 0.2s;
  }
  .completing_all .completing_div .completing_products .product .top .wishlist:focus svg {
    fill: var(--yellow);
  }
  .completing_all .completing_div .completing_products .product .top .wishlist:focus svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .completing_all .completing_div .completing_products .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    right: 2%;
  }
  .completing_all .completing_div .completing_products .product .top .discount_percent span {
    font-size: 11px;
    padding: 3px 7px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
  }
  .completing_all .completing_div .completing_products .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .completing_all .completing_div .completing_products .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .completing_all .completing_div .completing_products .product .bottom .botop .botopleft {
    padding-left: 8px;
    font-size: 13px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .completing_all .completing_div .completing_products .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .completing_all .completing_div .completing_products .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .basket {
    position: absolute;
    top: 4%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft {
    padding-left: 10px;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: black;
    background-color: white;
    border: 0.7px solid black;
    border-radius: 2px;
    letter-spacing: 0.08em;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft select option {
    background-color: white;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright {
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label,
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box {
    height: 20px;
    width: 20px;
    max-width: 19px;
    max-height: 19px;
    cursor: pointer;
    outline: 0.8px solid black;
    position: relative;
    margin-left: 8px;
  }
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label .markicon,
  .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 25px;
    position: absolute;
    bottom: -10%;
    left: -10%;
  }
  .related_items_all {
    margin: 20px 0;
    padding-left: 17px;
  }
  .related_items_all p {
    font-weight: 800;
    font-size: 30px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 15px;
  }
  .related_items_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .related_items_all .relateditems_div {
    padding: 5px;
  }
  .related_items_all .relateditems_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .related_items_all .relateditems_div .arrows {
    margin-top: 10px;
  }
  .related_items_all .relateditems_div .related_items {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .related_items_all .relateditems_div .related_items .product {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 0 5px;
  }
  .related_items_all .relateditems_div .related_items .product .top {
    position: relative;
  }
  .related_items_all .relateditems_div .related_items .product .top .wishlist {
    position: absolute;
    top: 4.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .related_items_all .relateditems_div .related_items .product .top .wishlist svg {
    transition: 0.2s;
  }
  .related_items_all .relateditems_div .related_items .product .top .wishlist:focus svg {
    fill: var(--yellow);
  }
  .related_items_all .relateditems_div .related_items .product .top .wishlist:focus svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .related_items_all .relateditems_div .related_items .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    right: 2%;
  }
  .related_items_all .relateditems_div .related_items .product .top .discount_percent span {
    font-size: 11px;
    padding: 3px 7px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
  }
  .related_items_all .relateditems_div .related_items .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .botop .botopleft {
    padding-left: 8px;
    font-size: 13px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket {
    position: absolute;
    top: 4%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft {
    padding-left: 10px;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: black;
    background-color: white;
    border: 0.7px solid black;
    border-radius: 2px;
    letter-spacing: 0.08em;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft select option {
    background-color: white;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright {
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label,
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box {
    height: 20px;
    width: 20px;
    max-width: 19px;
    max-height: 19px;
    cursor: pointer;
    outline: 0.8px solid black;
    position: relative;
    margin-left: 8px;
  }
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label .markicon,
  .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 25px;
    position: absolute;
    bottom: -10%;
    left: -10%;
  }
  .discover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
  }
  .discover a {
    padding: 15px 40px;
    color: black;
    background-color: white;
    border: 1px solid black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .modalmoy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 85vh;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5);
    z-index: 432531532523523500;
    background-color: white;
    border-radius: 8px;
    padding: 10px 14px;
    display: none;
  }
  .modalmoy .overlaymodall {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modalmoy .overlaymodall .modalall {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    justify-content: flex-start;
  }
  .modalmoy .overlaymodall .modalall .closemodal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .firstp {
    font-family: var(--neueultra);
    font-size: 20px;
    color: var(--yellow);
    text-align: center;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .modalmoy .overlaymodall .modalall .rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .left .avgrating {
    font-family: var(--neuebold);
    font-size: 12px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-bottom: 3px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .staricon {
    margin-left: 3px;
    font-size: 12px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .rating .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .right .reviewcount {
    font-size: 10px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-right: 10px;
  }
  .modalmoy .overlaymodall .modalall .rating .right .commentcount {
    font-size: 10px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .reviews {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 14px;
    height: 60%;
    overflow-y: scroll;
  }
  .modalmoy .overlaymodall .modalall .reviews .review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 7px;
    padding-top: 14px;
    border-bottom: 0.7px solid var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review:nth-child(1) {
    padding-top: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    order: 1;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .staricon {
    margin-left: 3px;
    font-size: 14px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .staricon:nth-child(1) {
    margin-left: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 144%;
    letter-spacing: 0.08em;
    padding-right: 10px;
    order: 3;
    margin-top: 10px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos {
    order: 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos .photokeeper {
    padding: 5px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .name {
    font-weight: 300;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .reviewdate {
    font-weight: 300;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 15px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk {
    position: absolute;
    bottom: 0px;
    right: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk svg {
    width: 20px;
    height: 22px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .likescount {
    position: absolute;
    bottom: 0;
    right: 10%;
    font-weight: 300;
    font-size: 9px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .writereview {
    height: 25%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .modalmoy .overlaymodall .modalall .writereview form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview {
    position: absolute;
    top: 10px;
    right: 0px;
    display: none;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview .clearreviewicon {
    font-size: 18px;
  }
  .modalmoy .overlaymodall .modalall .writereview form .uploadimg {
    position: absolute;
    bottom: 8%;
    left: 50%;
  }
  .modalmoy .overlaymodall .modalall .writereview form .uploadimg .ionik {
    font-size: 20px;
  }
  .modalmoy .overlaymodall .modalall .writereview form textarea {
    border: 0.5px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px;
    font-family: var(--neuelight);
    font-size: 11px;
    letter-spacing: 0.08em;
    resize: none;
    height: 47%;
  }
  .modalmoy .overlaymodall .modalall .writereview form .lastdiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .writereview form .lastdiv .star_rating {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input {
    border: 0.5px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input:nth-child(1) {
    margin-bottom: 10px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div .gl-star-rating--stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form div button {
    background-color: black;
    text-align: center;
    padding: 8px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-top: 5px;
  }
  .slideropen {
    height: 85vh !important;
    overflow-y: visible !important;
  }
  .photoslider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    z-index: 432533245454345;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    height: 0px;
    overflow-y: hidden;
  }
  .photoslider .modalslider {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 10px;
  }
  .photoslider .modalslider .closemodalphoto {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    z-index: 100000000000000000000000;
  }
  .photoslider .modalslider .closemodalphoto svg {
    width: 25px;
    height: 25px;
  }
  .photoslider .modalslider .detailarrows {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    z-index: 999999999999;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext {
    width: 30px;
    height: 30px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext path {
    stroke: white;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev {
    width: 30px;
    height: 30px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev path {
    stroke: white;
  }
  .photoslider .modalslider .photoslider1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    position: relative;
    margin: 0 auto;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper img {
    margin: 0 auto;
    width: 340px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0) 100%);
    color: white;
    width: 340px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon {
    margin-left: 3px;
    font-size: 12px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon:nth-child(1) {
    margin: 0;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .yellow {
    color: var(--yellow);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 0.08em;
    margin-top: 8px;
    text-align: start;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .name {
    font-weight: 300;
    font-size: 9px;
    text-align: center;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .reviewdate {
    font-weight: 300;
    font-size: 9px;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    text-align: end;
    padding-left: 8px;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .formobilesizecolor {
    display: none !important;
  }
  .all {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .all .leftmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .leftmain .mainimgkeeper {
    overflow: hidden;
    padding: 5px;
  }
  .all .leftmain .photos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all .leftmain .photos .photo {
    overflow: hidden;
    padding: 2px;
  }
  .all .leftmain .productinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 5px;
  }
  .all .leftmain .productinfo .productinfoinner {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .top {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top p {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.08em;
    padding: 0;
  }
  .all .leftmain .productinfo .productinfoinner .middle {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .all .leftmain .productinfo .productinfoinner .bottom {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .bottom span {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    font-family: var(--neuebold);
  }
  .all .leftmain .productinfo .productinfoinner .bottom p {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .all .rightmain {
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top {
    height: 500px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .all .rightmain .top .wishlist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 123;
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist svg {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist path {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .name {
    font-weight: 700;
    font-size: 25px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .all .rightmain .top .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin-bottom: 15px;
  }
  .all .rightmain .top .price span {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 23px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .price span:nth-child(2) {
    margin-left: 10px;
    text-decoration: line-through;
  }
  .all .rightmain .top .imgofprod {
    margin-bottom: 15px;
  }
  .all .rightmain .top .feedbackdiv {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .all .rightmain .top .feedbackdiv .formobilesizecolor {
    display: none;
  }
  .all .rightmain .top .feedbackdiv .openmodalreview {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    font-family: var(--neuebold);
    cursor: pointer;
  }
  .all .rightmain .top .feedbackdiv div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
  }
  .all .rightmain .top .feedbackdiv div .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .all .rightmain .top .feedbackdiv div .yellow {
    color: var(--yellow);
  }
  .all .rightmain .top .detailform {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top .detailform .buydiv {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-bottom: 3px;
    position: relative;
    border: 1.7px solid black;
    cursor: pointer;
    padding: 10px 5px;
    margin-bottom: 30px;
  }
  .all .rightmain .top .detailform .buydiv svg {
    transition: 0.5s;
    width: 100%;
  }
  .all .rightmain .top .detailform .buydiv .svgkeeper {
    transition: 0.1s;
  }
  .all .rightmain .top .detailform .buydiv span {
    padding-left: 2px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv .roundarrow {
    transform: rotate(180deg) !important;
  }
  .all .rightmain .top .detailform .buydiv ul {
    list-style: none;
    display: none;
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid black;
    z-index: 43432;
  }
  .all .rightmain .top .detailform .buydiv ul .yellowli {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform .buydiv ul li {
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv ul li:hover {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform button {
    border: 1px solid black;
    outline: none;
    padding: 20px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    order: 1;
    flex-wrap: wrap;
  }
  .all .rightmain .bottom .moreinfo {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .rightmain .bottom .togglemenutop {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenutop span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenutop .infotop {
    display: none;
    padding-top: 8px;
  }
  .all .rightmain .bottom .togglemenubottom {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenubottom span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom {
    padding-top: 8px;
    display: none;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial a {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .all .completing_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .completing_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .completing_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .completing_all .completing_div {
    padding: 5px;
  }
  .all .completing_all .completing_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .completing_all .completing_div .arrows {
    cursor: pointer;
    margin-top: 15px;
  }
  .all .completing_all .completing_div .completing_products .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product .top {
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .completing_all .completing_div .completing_products .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label .markicon,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
  .all .related_items_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .related_items_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .related_items_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .related_items_all .relateditems_div {
    padding: 5px;
  }
  .all .related_items_all .relateditems_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .related_items_all .relateditems_div .arrows {
    cursor: pointer;
    margin-top: 15px;
  }
  .all .related_items_all .relateditems_div .related_items .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .top {
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label .markicon,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
  .all .discover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
  }
  .all .discover a {
    padding: 15px 40px;
    color: black;
    background-color: white;
    border: 1px solid black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .modalotkroysa {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .all .modal {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 95%;
    height: 95vh;
    border-radius: 10px;
    border: 1px solid var(--yellow);
    box-shadow: 0px 0px 10px var(--yellow);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }
  .all .modal .content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .all .modal .content span {
    position: absolute;
    top: 5px;
    right: 0;
    color: var(--yellow);
    cursor: pointer;
    font-size: 30px;
  }
  .all .modal .content img {
    height: 90%;
  }
  .breadcrumb {
    margin-top: 30px;
  }
  .breadcrumb a:nth-child(1) {
    padding-left: 5px;
  }
  .modalmoy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 96vh;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    z-index: 432531532523523500;
    background-color: white;
    padding: 20px 30px;
    display: none;
  }
  .modalmoy .overlaymodall {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modalmoy .overlaymodall .modalall {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    justify-content: flex-start;
  }
  .modalmoy .overlaymodall .modalall .closemodal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .firstp {
    font-family: var(--neueultra);
    font-size: 30px;
    color: var(--yellow);
    text-align: center;
    letter-spacing: 0.08em;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .left .avgrating {
    font-family: var(--neuebold);
    font-size: 22px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .staricon {
    margin-left: 3px;
    font-size: 20px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .rating .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .right .reviewcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-right: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .right .commentcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .reviews {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    height: 60%;
    overflow-y: scroll;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-thumb {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-button {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews .review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review:nth-child(1) {
    padding-top: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    letter-spacing: 0.08em;
    padding-right: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos .photokeeper {
    padding: 5px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .name {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .reviewdate {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 10px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk {
    position: absolute;
    bottom: -5px;
    right: 0;
    transition: 0.2s;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .likescount {
    position: absolute;
    bottom: 0;
    right: 4%;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .writereview {
    height: 25%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .modalmoy .overlaymodall .modalall .writereview form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview {
    position: absolute;
    top: 6%;
    right: 19%;
    display: none;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview .clearreviewicon {
    font-size: 23px;
  }
  .modalmoy .overlaymodall .modalall .writereview form .lastdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form textarea {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
    resize: none;
    height: 77px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input:nth-child(1) {
    margin-bottom: 10px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div .gl-star-rating--stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form div button {
    background-color: black;
    text-align: center;
    padding: 8px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .slideropen {
    height: 90vh !important;
    overflow-y: visible !important;
  }
  .photoslider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 432533245454345;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    height: 0px;
    overflow-y: hidden;
  }
  .photoslider .modalslider {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 10px;
  }
  .photoslider .modalslider .closemodalphoto {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    z-index: 100000000000000000000000;
  }
  .photoslider .modalslider .closemodalphoto svg {
    width: 35px;
    height: 35px;
  }
  .photoslider .modalslider .detailarrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    z-index: 999999999999;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext path {
    stroke: white;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev path {
    stroke: white;
  }
  .photoslider .modalslider .photoslider1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    position: relative;
    margin: 0 auto;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper img {
    margin: 0 auto;
    width: 500px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0) 100%);
    color: white;
    width: 500px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 20px;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon {
    margin-left: 3px;
    font-size: 13px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon:nth-child(1) {
    margin: 0;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .yellow {
    color: var(--yellow);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: start;
    letter-spacing: 0.08em;
    margin-top: 8px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .name {
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .reviewdate {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 10px;
    text-align: end;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .breadcrumb {
    margin-top: 30px;
  }
  .breadcrumb a:nth-child(1) {
    padding-left: 5px;
  }
  .all {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .all .leftmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .leftmain .mainimgkeeper {
    overflow: hidden;
    padding: 5px;
  }
  .all .leftmain .photos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all .leftmain .photos .photo {
    overflow: hidden;
    padding: 2px;
  }
  .all .leftmain .productinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 5px;
  }
  .all .leftmain .productinfo .productinfoinner {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .top {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .top p {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.08em;
    padding: 0;
  }
  .all .leftmain .productinfo .productinfoinner .middle {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(1) {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .leftmain .productinfo .productinfoinner .middle span:nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .all .leftmain .productinfo .productinfoinner .bottom {
    display: flex;
    flex-direction: column;
  }
  .all .leftmain .productinfo .productinfoinner .bottom span {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    font-family: var(--neuebold);
  }
  .all .leftmain .productinfo .productinfoinner .bottom p {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.08em;
    font-family: var(--neuelight);
  }
  .all .rightmain {
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top {
    height: 500px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .all .rightmain .top .wishlistphone {
    display: none;
  }
  .all .rightmain .top .wishlist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 123;
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist svg {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist path {
    transition: 0.4s;
  }
  .all .rightmain .top .wishlist:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .rightmain .top .name {
    font-weight: 700;
    font-size: 25px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .all .rightmain .top .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin-bottom: 15px;
  }
  .all .rightmain .top .price span {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 23px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .price span:nth-child(2) {
    margin-left: 10px;
    text-decoration: line-through;
  }
  .all .rightmain .top .imgofprod {
    margin-bottom: 15px;
  }
  .all .rightmain .top .feedbackdiv {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .all .rightmain .top .feedbackdiv .formobilesizecolor {
    display: none;
  }
  .all .rightmain .top .feedbackdiv .openmodalreview {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    cursor: pointer;
    font-family: var(--neuebold);
  }
  .all .rightmain .top .feedbackdiv .stardiv {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 16px;
  }
  .all .rightmain .top .feedbackdiv .stardiv .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .all .rightmain .top .feedbackdiv .stardiv .yellow {
    color: var(--yellow);
  }
  .all .rightmain .top .detailform {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
  }
  .all .rightmain .top .detailform .buydiv {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-bottom: 3px;
    position: relative;
    border: 1.7px solid black;
    cursor: pointer;
    padding: 10px 5px;
    margin-bottom: 30px;
  }
  .all .rightmain .top .detailform .buydiv svg {
    transition: 0.5s;
    width: 100%;
  }
  .all .rightmain .top .detailform .buydiv .svgkeeper {
    transition: 0.1s;
  }
  .all .rightmain .top .detailform .buydiv span {
    padding-left: 2px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv .roundarrow {
    transform: rotate(180deg) !important;
  }
  .all .rightmain .top .detailform .buydiv ul {
    list-style: none;
    display: none;
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid black;
    z-index: 43432;
  }
  .all .rightmain .top .detailform .buydiv ul .yellowli {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform .buydiv ul li {
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .all .rightmain .top .detailform .buydiv ul li:hover {
    background-color: var(--yellow);
  }
  .all .rightmain .top .detailform button {
    border: 1px solid black;
    outline: none;
    padding: 20px;
    background-color: var(--yellow);
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .all .rightmain .bottom .moreinfo {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .all .rightmain .bottom .togglemenutop {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenutop span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenutop .infotop {
    display: none;
    padding-top: 8px;
  }
  .all .rightmain .bottom .togglemenubottom {
    margin-bottom: 15px;
    padding: 12px;
    border: 0.5px solid black;
    cursor: pointer;
  }
  .all .rightmain .bottom .togglemenubottom span {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom {
    padding-top: 8px;
    display: none;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .rightmain .bottom .togglemenubottom .infobottom .allsocial a {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .all .completing_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .completing_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .completing_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .completing_all .completing_div {
    padding: 5px;
  }
  .all .completing_all .completing_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .completing_all .completing_div .arrows {
    margin-top: 15px;
    cursor: pointer;
  }
  .all .completing_all .completing_div .completing_products .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .completing_all .completing_div .completing_products .product .top {
    position: relative;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .completing_all .completing_div .completing_products .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .completing_all .completing_div .completing_products .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright label .markicon,
  .all .completing_all .completing_div .completing_products .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
  .all .related_items_all {
    margin: 30px 0;
    padding-left: 17px;
  }
  .all .related_items_all p {
    font-weight: 800;
    font-size: 50px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .all .related_items_all p span {
    font-style: oblique;
    padding: 0;
    margin: 0;
  }
  .all .related_items_all .relateditems_div {
    padding: 5px;
  }
  .all .related_items_all .relateditems_div .nextfirstdetail {
    margin-bottom: -1px;
  }
  .all .related_items_all .relateditems_div .arrows {
    cursor: pointer;
    margin-top: 15px;
  }
  .all .related_items_all .relateditems_div .related_items .product {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .top .wishlist {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .basket {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotleft {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product:hover .bottom .bobotright {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .top {
    position: relative;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5.8%;
    right: 5%;
    transition: 0.2s;
    cursor: pointer;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg {
    fill: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .wishlist:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3%;
    right: 3%;
  }
  .all .related_items_all .relateditems_div .related_items .product .top .discount_percent span {
    font-family: var(--neuebold);
    font-size: 13px;
    padding: 5px 10px;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    color: black;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopleft {
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright {
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .botop .botopright .discprice {
    text-align: end;
    font-size: 19px;
    text-decoration: none !important;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket svg {
    transition: 0.2s;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .basket:hover svg path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    padding-left: 10px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotleft select {
    width: 100%;
    outline: none;
    font-family: var(--neueregular);
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright {
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright input {
    display: none;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0.3px solid white;
    outline: 0.3px solid black;
    position: relative;
    margin-left: 8px;
  }
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright label .markicon,
  .all .related_items_all .relateditems_div .related_items .product .bottom .bobottom .bobotright .color_box .markicon {
    font-size: 20px;
    position: absolute;
    bottom: -30%;
    left: -25%;
  }
  .all .discover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
  }
  .all .discover a {
    padding: 15px 40px;
    color: black;
    background-color: white;
    border: 1px solid black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .all .modalotkroysa {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .all .modal {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 95%;
    height: 95vh;
    border-radius: 10px;
    border: 1px solid var(--yellow);
    box-shadow: 0px 0px 10px var(--yellow);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }
  .all .modal .content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .all .modal .content span {
    position: absolute;
    top: 5px;
    right: 0;
    color: var(--yellow);
    cursor: pointer;
    font-size: 30px;
  }
  .all .modal .content img {
    height: 90%;
  }
  .modalmoy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 96vh;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    z-index: 432531532523523500;
    background-color: white;
    padding: 20px 30px;
    display: none;
  }
  .modalmoy .overlaymodall {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modalmoy .overlaymodall .modalall {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    justify-content: flex-start;
  }
  .modalmoy .overlaymodall .modalall .closemodal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .firstp {
    font-family: var(--neueultra);
    font-size: 30px;
    color: var(--yellow);
    text-align: center;
    letter-spacing: 0.08em;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7.5%;
  }
  .modalmoy .overlaymodall .modalall .rating .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .left .avgrating {
    font-family: var(--neuebold);
    font-size: 22px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .staricon {
    margin-left: 3px;
    font-size: 20px;
  }
  .modalmoy .overlaymodall .modalall .rating .left .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .rating .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .rating .right .reviewcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    padding-right: 30px;
  }
  .modalmoy .overlaymodall .modalall .rating .right .commentcount {
    font-size: 14px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .reviews {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    height: 60%;
    overflow-y: scroll;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-thumb {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews::-webkit-scrollbar-button {
    background: white;
    background-color: white;
    color: white;
  }
  .modalmoy .overlaymodall .modalall .reviews .review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review:nth-child(1) {
    padding-top: 0;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .staricon {
    margin-left: 3px;
    font-size: 16px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .stardiv .yellow {
    color: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    letter-spacing: 0.08em;
    padding-right: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .top .reviewphotos .photokeeper {
    padding: 5px;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .name {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .reviewdate {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
    padding-left: 10px;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk {
    position: absolute;
    bottom: -5px;
    right: 0;
    transition: 0.2s;
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .layk:hover path {
    fill: var(--yellow);
    stroke: var(--yellow);
  }
  .modalmoy .overlaymodall .modalall .reviews .review .bottom .likescount {
    position: absolute;
    bottom: 0;
    right: 4%;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .modalmoy .overlaymodall .modalall .writereview {
    height: 25%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .modalmoy .overlaymodall .modalall .writereview form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview {
    position: absolute;
    top: 6%;
    right: 19%;
    display: none;
    cursor: pointer;
  }
  .modalmoy .overlaymodall .modalall .writereview form .clearreview .clearreviewicon {
    font-size: 18px;
  }
  .modalmoy .overlaymodall .modalall .writereview form .lastdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form textarea {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
    resize: none;
    height: 77px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .modalmoy .overlaymodall .modalall .writereview form div input:nth-child(1) {
    margin-bottom: 10px;
  }
  .modalmoy .overlaymodall .modalall .writereview form div .gl-star-rating--stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalmoy .overlaymodall .modalall .writereview form div button {
    background-color: black;
    text-align: center;
    padding: 8px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .slideropen {
    height: 90vh !important;
    overflow-y: visible !important;
  }
  .photoslider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 432533245454345;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    height: 0px;
    overflow-y: hidden;
  }
  .photoslider .modalslider {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 10px;
  }
  .photoslider .modalslider .closemodalphoto {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    z-index: 100000000000000000000000;
  }
  .photoslider .modalslider .closemodalphoto svg {
    width: 40px;
    height: 40px;
  }
  .photoslider .modalslider .detailarrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    z-index: 999999999999;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalnext path {
    stroke: white;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev {
    width: 40px;
    height: 40px;
    fill: white;
    stroke: white;
    cursor: pointer;
  }
  .photoslider .modalslider .detailarrows .detailmodalprev path {
    stroke: white;
  }
  .photoslider .modalslider .photoslider1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    position: relative;
    margin: 0 auto;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper img {
    margin: 0 auto;
    width: 500px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0) 100%);
    color: white;
    width: 500px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 20px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon {
    margin-left: 3px;
    font-size: 13px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .staricon:nth-child(1) {
    margin: 0;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .stardiv .yellow {
    color: var(--yellow);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo p {
    font-family: var(--neueregular);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: start;
    letter-spacing: 0.08em;
    margin-top: 8px;
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .name {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-align: center;
    font-family: var(--neueregular);
  }
  .photoslider .modalslider .photoslider1 .sliderimgkeeper .sliderinfo .reviewdate {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-align: end;
    font-family: var(--neueregular);
    padding-left: 10px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.basketfirst {
  width: 100%;
  margin-top: 20px;
}
.basketfirst .all {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 0;
  margin: 0;
}
.basketfirst .all .keeper {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.basketfirst .all .keeper .top {
  font-family: var(--neueultra);
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
}
.basketfirst .all .keeper .bottom {
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.08em;
  font-family: var(--neuemedium);
}

@media (max-width: 768px) {
  .basketfirst {
    display: none;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.basketsecond {
  margin-top: 20px;
}
.basketsecond .firstp {
  font-family: var(--neueultra);
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.08em;
  color: var(--yellow);
  margin-bottom: 20px;
}
.basketsecond ::-webkit-scrollbar-thumb {
  background: rgb(220, 220, 220);
}
.basketsecond ::-webkit-scrollbar-thumb:hover {
  background: rgb(220, 220, 220);
}
.basketsecond .all {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0;
}
.basketsecond .all .left {
  display: flex;
  flex-direction: column;
  height: 460px;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
.basketsecond .all .left .basketlement {
  display: grid;
  grid-template-columns: 200px auto;
  margin: 0;
  padding: 0;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid black;
}
.basketsecond .all .left .basketlement:first-child {
  padding-top: 0;
}
.basketsecond .all .left .basketlement:last-child {
  padding: 0;
  border: none;
}
.basketsecond .all .left .basketlement .rightleft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin: 0;
  padding: 0;
}
.basketsecond .all .left .basketlement .rightleft .top {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  margin-bottom: 10px;
  padding-left: 20px;
}
.basketsecond .all .left .basketlement .rightleft .top p {
  font-family: var(--neuebold);
  font-size: 20px;
  letter-spacing: 0.08em;
}
.basketsecond .all .left .basketlement .rightleft .top .total {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 3%;
  font-size: 20px;
  letter-spacing: 0.08em;
  font-family: var(--neueultra);
}
.basketsecond .all .left .basketlement .rightleft .middle {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding-left: 20px;
}
.basketsecond .all .left .basketlement .rightleft .middle div {
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 100px auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.basketsecond .all .left .basketlement .rightleft .middle div:nth-child(1), .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(2) {
  margin-bottom: 15px;
}
.basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(1) {
  font-family: var(--neuemedium);
  font-size: 17px;
  letter-spacing: 0.08em;
}
.basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(2) {
  font-size: 18px;
  font-family: var(--neuebold);
  letter-spacing: 0.08em;
}
.basketsecond .all .left .basketlement .rightleft .bottom {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
  padding-left: 20px;
}
.basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage {
  position: absolute;
  bottom: 1px;
  right: 3%;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
}
.basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage ion-icon {
  font-size: 35px;
}
.basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist {
  position: absolute;
  right: 11%;
  bottom: 0%;
  display: flex;
  align-items: flex-end;
}
.basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist ion-icon {
  font-size: 35px;
}
.basketsecond .all .left .basketlement .rightleft .bottom .productquantity {
  display: flex;
  padding: 0;
  margin: 0;
  border: 0.8px solid black;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.basketsecond .all .left .basketlement .rightleft .bottom .productquantity a {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basketsecond .all .left .basketlement .rightleft .bottom .productquantity ion-icon {
  font-size: 30px;
}
.basketsecond .all .left .basketlement .rightleft .bottom .productquantity input {
  width: 20%;
  text-align: center;
  border: none;
  outline: none;
  font-style: normal;
  font-size: 18px;
  font-family: var(--neuemedium);
}
.basketsecond .all .right {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.basketsecond .all .right .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
}
.basketsecond .all .right .top span {
  font-size: 18px;
  letter-spacing: 0.08em;
  font-family: var(--neuemedium);
}
.basketsecond .all .right .top span:nth-child(1), .basketsecond .all .right .top span:nth-child(2) {
  padding-bottom: 15px;
}
.basketsecond .all .right .top span:nth-child(2), .basketsecond .all .right .top span:nth-child(4) {
  font-family: var(--neuebold);
  text-align: end;
}
.basketsecond .all .right .middle {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid black;
  padding: 15px 0;
}
.basketsecond .all .right .middle span {
  font-size: 18px;
  letter-spacing: 0.08em;
  font-family: var(--neuemedium);
}
.basketsecond .all .right .middle span:nth-child(2) {
  text-align: end;
  font-family: var(--neuebold);
}
.basketsecond .all .right .bottom {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  padding: 15px 0;
  width: 100%;
}
.basketsecond .all .right .bottom .checkouthref {
  font-family: var(--neuemedium);
  font-size: 16px;
  letter-spacing: 0.08em;
  width: 100%;
  padding: 20px;
  background-color: var(--yellow);
  border: 1px solid black;
  color: black;
  text-align: center;
  margin-bottom: 15px;
}
.basketsecond .all .right .bottom .paywith {
  border-top: 1px solid black;
  margin: 0;
  padding: 0;
  font-family: var(--neuemedium);
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.basketsecond .all .right .bottom .paywith p {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.basketsecond .all .right .bottom .paywith p a {
  text-decoration: underline;
  font-family: var(--neuebold);
  font-size: 12px;
}
.basketsecond .all .right .bottom .paywith span {
  margin-left: 10px;
  margin-bottom: 10px;
}
.basketsecond .all .right .bottom .paywith .policyhref {
  margin-top: 0px;
  padding: 10px;
  text-align: center;
  width: 100%;
  border: 1px solid black;
  font-size: 14px;
  letter-spacing: 0.08em;
}
.basketsecond .all .basketboshdu {
  margin: 60px 0;
}
.basketsecond .all .basketboshdu .bskp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.basketsecond .all .basketboshdu .bskp p {
  text-align: center;
  font-family: var(--neuebold);
  font-size: 28px;
  letter-spacing: 0.1em;
  color: var(--yellow);
}

@media (max-width: 576px) {
  .basketsecond {
    margin-top: 0;
  }
  .basketsecond .firstp {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .basketsecond .all {
    border-top: unset;
    border-bottom: unset;
    padding: 0;
  }
  .basketsecond .all .left {
    height: unset;
    overflow-y: unset;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;
  }
  .basketsecond .all .left .basketlement {
    display: grid;
    grid-template-columns: 152px auto;
    padding: 10px 0;
  }
  .basketsecond .all .left .basketlement .rightleft .top {
    margin-bottom: 5px;
    padding-left: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .top p {
    font-size: 13px;
    font-family: var(--neuemedium);
    width: 70%;
  }
  .basketsecond .all .left .basketlement .rightleft .top .total {
    right: 0%;
    font-size: 16px;
    font-family: var(--neueultra);
  }
  .basketsecond .all .left .basketlement .rightleft .middle {
    margin-bottom: 5px;
    padding-left: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div {
    grid-template-columns: 60px auto;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(1), .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(2) {
    margin-bottom: 5px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(1) {
    font-size: 13px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(2) {
    font-size: 13px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom {
    padding-left: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage {
    bottom: 1px;
    right: 0%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage ion-icon {
    font-size: 30px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist {
    right: 20%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist ion-icon {
    font-size: 30px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity {
    height: 30px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity ion-icon {
    font-size: 35px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity input {
    font-size: 14px;
  }
  .basketsecond .all .right {
    margin: 0;
    padding: 0;
  }
  .basketsecond .all .right .top {
    padding: 10px 0;
  }
  .basketsecond .all .right .top span {
    font-size: 16px;
    font-family: var(--neuemedium);
  }
  .basketsecond .all .right .top span:nth-child(1), .basketsecond .all .right .top span:nth-child(2) {
    padding-bottom: 10px;
  }
  .basketsecond .all .right .middle {
    padding: 10px 0;
  }
  .basketsecond .all .right .middle span {
    font-size: 16px;
  }
  .basketsecond .all .right .bottom {
    padding: 10px 0;
  }
  .basketsecond .all .right .bottom .checkouthref {
    font-size: 20px;
    padding: 20px;
    margin-bottom: 10px;
  }
  .basketsecond .all .right .bottom .paywith {
    padding-top: 10px;
  }
  .basketsecond .all .right .bottom .paywith p {
    font-size: 14px;
  }
  .basketsecond .all .right .bottom .paywith p a {
    font-size: 14px;
  }
  .basketsecond .all .right .bottom .paywith span {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .basketsecond .all .right .bottom .paywith .policyhref {
    margin-top: 10px;
    font-size: 15px;
  }
  .basketsecond .all .basketboshdu {
    margin: 40px 0;
  }
  .basketsecond .all .basketboshdu .bskp p {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .basketsecond {
    margin-top: 0;
  }
  .basketsecond .firstp {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .basketsecond .all {
    border-top: unset;
    border-bottom: unset;
    padding: 0;
  }
  .basketsecond .all .left {
    height: unset;
    overflow-y: unset;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 13px 0;
  }
  .basketsecond .all .left .basketlement {
    display: grid;
    grid-template-columns: 180px auto;
    padding: 13px 0;
  }
  .basketsecond .all .left .basketlement .rightleft .top {
    margin-bottom: 7px;
    padding-left: 13px;
  }
  .basketsecond .all .left .basketlement .rightleft .top p {
    font-size: 18px;
    font-family: var(--neuemedium);
    width: 70%;
  }
  .basketsecond .all .left .basketlement .rightleft .top .total {
    right: 0%;
    font-size: 20px;
    font-family: var(--neueultra);
  }
  .basketsecond .all .left .basketlement .rightleft .middle {
    margin-bottom: 7px;
    padding-left: 13px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div {
    grid-template-columns: 70px auto;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(1), .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(2) {
    margin-bottom: 7px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(1) {
    font-size: 16px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(2) {
    font-size: 16px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom {
    padding-left: 13px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage {
    bottom: 1px;
    right: 0%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage ion-icon {
    font-size: 35px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist {
    right: 13%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist ion-icon {
    font-size: 35px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity {
    height: 35px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity ion-icon {
    font-size: 35px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity input {
    font-size: 20px;
  }
  .basketsecond .all .right {
    margin: 0;
    padding: 0;
  }
  .basketsecond .all .right .top {
    padding: 13px 0;
  }
  .basketsecond .all .right .top span {
    font-size: 18px;
    font-family: var(--neuemedium);
  }
  .basketsecond .all .right .top span:nth-child(1), .basketsecond .all .right .top span:nth-child(2) {
    padding-bottom: 13px;
  }
  .basketsecond .all .right .middle {
    padding: 13px 0;
  }
  .basketsecond .all .right .middle span {
    font-size: 18px;
  }
  .basketsecond .all .right .bottom {
    padding: 13px 0;
  }
  .basketsecond .all .right .bottom .checkouthref {
    font-size: 20px;
    padding: 20px;
    margin-bottom: 13px;
  }
  .basketsecond .all .right .bottom .paywith {
    padding-top: 13px;
  }
  .basketsecond .all .right .bottom .paywith p {
    font-size: 15px;
  }
  .basketsecond .all .right .bottom .paywith p a {
    font-size: 15px;
  }
  .basketsecond .all .right .bottom .paywith span {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .basketsecond .all .right .bottom .paywith .policyhref {
    margin-top: 13px;
    font-size: 15px;
  }
  .basketsecond .all .basketboshdu {
    margin: 40px 0;
  }
  .basketsecond .all .basketboshdu .bskp p {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .basketsecond {
    margin-top: 0;
  }
  .basketsecond .firstp {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .basketsecond .all {
    border-top: unset;
    border-bottom: unset;
    padding: 0;
  }
  .basketsecond .all .left {
    height: unset;
    overflow-y: unset;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0;
  }
  .basketsecond .all .left .basketlement {
    display: grid;
    grid-template-columns: 220px auto;
    padding: 15px 0;
  }
  .basketsecond .all .left .basketlement .rightleft .top {
    margin-bottom: 10px;
    padding-left: 15px;
  }
  .basketsecond .all .left .basketlement .rightleft .top p {
    font-size: 22px;
    font-family: var(--neuemedium);
    width: 80%;
  }
  .basketsecond .all .left .basketlement .rightleft .top .total {
    right: 0%;
    font-size: 25px;
    font-family: var(--neueultra);
  }
  .basketsecond .all .left .basketlement .rightleft .middle {
    margin-bottom: 10px;
    padding-left: 15px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div {
    grid-template-columns: 90px auto;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(1), .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(2) {
    margin-bottom: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(1) {
    font-size: 18px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(2) {
    font-size: 18px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom {
    padding-left: 15px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage {
    bottom: 1px;
    right: 0%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage ion-icon {
    font-size: 40px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist {
    right: 12%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist ion-icon {
    font-size: 40px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity ion-icon {
    font-size: 40px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity input {
    font-size: 20px;
  }
  .basketsecond .all .right {
    margin: 0;
    padding: 0;
  }
  .basketsecond .all .right .top {
    padding: 15px 0;
  }
  .basketsecond .all .right .top span {
    font-size: 25px;
    font-family: var(--neuemedium);
  }
  .basketsecond .all .right .top span:nth-child(1), .basketsecond .all .right .top span:nth-child(2) {
    padding-bottom: 15px;
  }
  .basketsecond .all .right .middle {
    padding: 15px 0;
  }
  .basketsecond .all .right .middle span {
    font-size: 25px;
  }
  .basketsecond .all .right .bottom {
    padding: 15px 0;
  }
  .basketsecond .all .right .bottom .checkouthref {
    font-size: 30px;
    padding: 20px;
    margin-bottom: 15px;
  }
  .basketsecond .all .right .bottom .paywith {
    padding-top: 15px;
  }
  .basketsecond .all .right .bottom .paywith p {
    font-size: 18px;
  }
  .basketsecond .all .right .bottom .paywith p a {
    font-size: 18px;
  }
  .basketsecond .all .right .bottom .paywith span {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .basketsecond .all .right .bottom .paywith .policyhref {
    font-size: 18px;
    margin-top: 15px;
  }
  .basketsecond .all .basketboshdu {
    margin: 50px 0;
  }
  .basketsecond .all .basketboshdu .bskp p {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .basketsecond .firstp {
    font-size: 45px;
  }
  .basketsecond .all .left {
    height: 450px;
  }
  .basketsecond .all .left .basketlement {
    grid-template-columns: 165px auto;
  }
  .basketsecond .all .left .basketlement .rightleft .top p {
    font-size: 17px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div {
    grid-template-columns: 90px auto;
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(1), .basketsecond .all .left .basketlement .rightleft .middle div:nth-child(2) {
    margin-bottom: 10px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(1) {
    font-size: 16px;
  }
  .basketsecond .all .left .basketlement .rightleft .middle div span:nth-child(2) {
    font-size: 16px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage {
    bottom: 1px;
    right: 3%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .deletefrombasketinbaskethtmlpage ion-icon {
    font-size: 30px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist {
    right: 12%;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .addtowishlist ion-icon {
    font-size: 30px;
  }
  .basketsecond .all .left .basketlement .rightleft .bottom .productquantity input {
    font-size: 16px;
  }
  .basketsecond .all .right {
    padding-left: 30px;
  }
  .basketsecond .all .right .top {
    padding-bottom: 12px;
  }
  .basketsecond .all .right .top span {
    font-size: 17px;
  }
  .basketsecond .all .right .top span:nth-child(1), .basketsecond .all .right .top span:nth-child(2) {
    padding-bottom: 12px;
  }
  .basketsecond .all .right .middle {
    padding: 12px 0;
  }
  .basketsecond .all .right .middle span {
    font-size: 17px;
  }
  .basketsecond .all .right .bottom {
    padding: 12px 0;
  }
  .basketsecond .all .right .bottom .checkouthref {
    margin-bottom: 12px;
  }
  .basketsecond .all .right .bottom .paywith {
    padding-top: 12px;
  }
  .basketsecond .all .right .bottom .paywith .policyhref {
    margin-top: 0px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #7c7c75;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.basketthird {
  margin-top: 40px;
}
.basketthird .firstp {
  font-size: 50px;
  letter-spacing: 0.08em;
  font-family: var(--neuebold);
  color: var(--yellow);
  margin-bottom: 20px;
}
.basketthird .firstp span {
  font-style: oblique;
  padding: 0;
  margin: 0;
}
.basketthird .sliderkeeper {
  margin: 0;
  padding: 0;
}
.basketthird .sliderkeeper .slick-slide {
  margin: 0 10px;
}
.basketthird .sliderkeeper .slider_element {
  letter-spacing: 0.08em;
  font-family: var(--neuebold);
}
.basketthird .sliderkeeper .slider_element .imagekeeper {
  position: relative;
}
.basketthird .sliderkeeper .slider_element .imagekeeper .price {
  font-size: 14px;
  position: absolute;
  top: 3%;
  left: 3%;
  color: black;
  padding: 4px;
  background-color: var(--yellow);
}
.basketthird .sliderkeeper .slider_element .imagekeeper .discount {
  font-size: 14px;
  position: absolute;
  bottom: 3%;
  left: 3%;
  color: black;
  padding: 4px;
  background-color: var(--yellow);
}
.basketthird .sliderkeeper .slider_element .imagekeeper .wishlist {
  position: absolute;
  top: 4%;
  right: 4%;
  transition: 0.2s;
  cursor: pointer;
}
.basketthird .sliderkeeper .slider_element .imagekeeper .wishlist:hover svg {
  fill: var(--yellow);
}
.basketthird .sliderkeeper .slider_element .preorder {
  margin-top: 5px;
  font-size: 13px;
}
.basketthird .sliderkeeper .slider_element .name {
  font-family: var(--neueregular);
  margin-top: 5px;
  font-size: 15px;
}
.basketthird .sliderkeeper .slick-dots {
  width: 50%;
  right: 0;
  bottom: -64px !important;
  display: flex;
  justify-content: flex-end;
}
.basketthird .sliderkeeper .arrows {
  margin-top: 15px;
  cursor: pointer;
}
.basketthird .sliderkeeper .arrows .basketnextfirst,
.basketthird .sliderkeeper .arrows .basketnextsecond {
  margin-top: 2px;
}

@media (max-width: 576px) {
  .basketthird .firstp {
    font-size: 25px;
  }
  .basketthird .sliderkeeper .slider_element .preorder {
    font-size: 11px;
  }
  .basketthird .sliderkeeper .slider_element .name {
    font-size: 13px;
  }
  .basketthird .sliderkeeper .slider_element .price {
    font-size: 12px;
  }
  .basketthird .sliderkeeper .slider_element .discount {
    font-size: 12px;
  }
  .basketthird .sliderkeeper .arrows {
    margin-left: 10px;
    margin-top: 10px;
  }
  .basketthird .sliderkeeper .slick-dots {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .basketthird .firstp {
    font-size: 30px;
  }
  .basketthird .sliderkeeper .slider_element .preorder {
    font-size: 12px;
  }
  .basketthird .sliderkeeper .slider_element .name {
    font-size: 14px;
  }
  .basketthird .sliderkeeper .slider_element .price {
    font-size: 14px;
  }
  .basketthird .sliderkeeper .slider_element .discount {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .basketthird .firstp {
    font-size: 40px;
  }
  .basketthird .sliderkeeper .slider_element .preorder {
    font-size: 13px;
  }
  .basketthird .sliderkeeper .slider_element .name {
    font-size: 15px;
  }
  .basketthird .sliderkeeper .slider_element .price {
    font-size: 15px;
  }
  .basketthird .sliderkeeper .slider_element .discount {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .basketthird .firstp {
    font-size: 45px;
  }
  .basketthird .sliderkeeper .slider_element .preorder {
    font-size: 14px;
  }
  .basketthird .sliderkeeper .slider_element .name {
    font-size: 16px;
  }
  .basketthird .sliderkeeper .slider_element .price {
    font-size: 15px;
  }
  .basketthird .sliderkeeper .slider_element .discount {
    font-size: 15px;
  }
}
.discover {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  margin-top: 30px;
}
.discover a {
  padding: 15px 40px;
  color: black;
  background-color: white;
  border: 1px solid black;
  font-family: var(--neueregular);
  font-weight: 400;
  font-size: 16px;
  line-height: 114%;
  letter-spacing: 0.08em;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

.breadcrumbregsiter {
  padding: 10px 0;
  margin: 0;
}
.breadcrumbregsiter .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
}
.breadcrumbregsiter .keeper div {
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
}
.breadcrumbregsiter .keeper a {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.08em;
}
.breadcrumbregsiter .keeper a:hover {
  text-decoration: underline;
}

.registersection {
  width: 100%;
  margin-bottom: 35px;
}
.registersection .all {
  display: flex;
  justify-content: center;
  align-items: center;
}
.registersection .all .firstp {
  font-family: var(--neueultra);
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.08em;
  color: var(--yellow);
  margin-bottom: 20px;
}
.registersection .all form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.registersection .all form label {
  font-family: var(--neuelight);
  font-weight: 300;
  font-size: 14px;
  line-height: 127%;
  letter-spacing: 0.08em;
}
.registersection .all form label span {
  color: red;
}
.registersection .all form button {
  margin-top: 20px;
  width: 100%;
  background-color: black;
  text-align: center;
  padding: 10px 0;
  color: white;
  font-family: var(--neueregular);
  font-weight: 400;
  font-size: 16px;
  line-height: 114%;
  letter-spacing: 0.08em;
}
.registersection .all form .passworddiv {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.registersection .all form .passworddiv .seepass {
  position: absolute;
  top: 33%;
  right: 2%;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.registersection .all form .passworddiv .closepass {
  position: absolute;
  display: none;
  top: 31%;
  right: 2%;
  cursor: pointer;
  width: 35px;
  height: 35px;
}
.registersection .all form .passworddiv .infopass {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.registersection .all form .genderdiv {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.registersection .all form .genderdiv p {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 13px;
  line-height: 127%;
  letter-spacing: 0.08em;
}
.registersection .all form .genderdiv label {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 13.5px;
  line-height: 127%;
  letter-spacing: 0.08em;
}
.registersection .all form .genderdiv div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.registersection .all form .genderdiv input {
  border: none;
  outline: none;
  border-radius: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: none;
  padding: 0;
  margin-left: 10px;
}
.registersection .all form input {
  width: 100%;
  border: 1px solid black;
  outline: none;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  font-family: var(--neuelight);
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0.08em;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

.breadcrumblogin {
  padding: 10px 0;
  margin: 0;
}
.breadcrumblogin .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
}
.breadcrumblogin .keeper div {
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
}
.breadcrumblogin .keeper a {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.08em;
}
.breadcrumblogin .keeper a:hover {
  text-decoration: underline;
}

@media (min-width: 576px) {
  .loginsection {
    width: 100%;
    margin-bottom: 35px;
  }
  .loginsection .all {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loginsection .all .firstp {
    font-family: var(--neueultra);
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 10px;
  }
  .loginsection .all .secondp {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 127%;
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: 0.08em;
  }
  .loginsection .all form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .loginsection .all form label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .loginsection .all form label span {
    color: red;
  }
  .loginsection .all form .loginbtn {
    margin: 0 auto;
    margin-top: 40px;
    background-color: var(--yellow);
    text-align: center;
    padding: 10px 0;
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    border: 1px solid black;
  }
  .loginsection .all form .bottomlogin {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .loginsection .all form .bottomlogin .rememberme {
    display: flex;
    align-items: center;
  }
  .loginsection .all form .bottomlogin .rememberme label {
    font-family: var(--neuemedium);
    font-weight: 500;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    padding: 0;
    margin: 0;
  }
  .loginsection .all form .bottomlogin .rememberme input {
    text-align: start;
    margin-right: 10px;
  }
  .loginsection .all form .bottomlogin .forgot {
    text-align: end;
    font-family: var(--neuemedium);
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
  }
  .loginsection .all form .textinp {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-bottom: 30px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .loginsection .all form .passworddiv {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .loginsection .all form .passworddiv .seepass {
    position: absolute;
    top: 40%;
    width: 30px;
    height: 30px;
    right: 2%;
    cursor: pointer;
  }
  .loginsection .all form .passworddiv .closepass {
    position: absolute;
    display: none;
    top: 38%;
    right: 2%;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .loginsection .all form .passworddiv .infopass {
    font-family: var(--neueregular);
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .loginsection {
    width: 100%;
    margin-bottom: 35px;
  }
  .loginsection .all {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loginsection .all .firstp {
    font-family: var(--neueultra);
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 10px;
  }
  .loginsection .all .secondp {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 127%;
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: 0.08em;
  }
  .loginsection .all form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .loginsection .all form label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .loginsection .all form label span {
    color: red;
  }
  .loginsection .all form .loginbtn {
    margin: 0 auto;
    margin-top: 40px;
    background-color: var(--yellow);
    text-align: center;
    padding: 10px 0;
    color: black;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    border: 1px solid black;
  }
  .loginsection .all form .bottomlogin {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .loginsection .all form .bottomlogin .rememberme {
    display: flex;
    align-items: center;
  }
  .loginsection .all form .bottomlogin .rememberme label {
    font-family: var(--neuemedium);
    font-weight: 500;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    padding: 0;
    margin: 0;
  }
  .loginsection .all form .bottomlogin .rememberme input {
    text-align: start;
    margin-right: 10px;
  }
  .loginsection .all form .bottomlogin .forgot {
    text-align: end;
    font-family: var(--neuemedium);
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
  }
  .loginsection .all form .textinp {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-bottom: 30px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .loginsection .all form .passworddiv {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .loginsection .all form .passworddiv .seepass {
    position: absolute;
    top: 37%;
    right: 3%;
    cursor: pointer;
    width: 35px;
    height: 35px;
  }
  .loginsection .all form .passworddiv .closepass {
    position: absolute;
    display: none;
    top: 36%;
    right: 3%;
    cursor: pointer;
    width: 35px;
    height: 35px;
  }
  .loginsection .all form .passworddiv .infopass {
    font-family: var(--neueregular);
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@media (min-width: 577px) {
  .checkoutsection {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .checkoutsection .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .checkoutsection .all .firstp {
    font-family: var(--neueultra);
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .checkoutsection .all .leftcheckout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .top,
  .checkoutsection .all .leftcheckout .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }
  .checkoutsection .all .leftcheckout .top input,
  .checkoutsection .all .leftcheckout .bottom input {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    background-color: white;
    border: none;
    outline: none;
    color: black;
  }
  .checkoutsection .all .leftcheckout .top div,
  .checkoutsection .all .leftcheckout .bottom div {
    margin-bottom: 8px;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(1),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(1) {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(2),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(2) {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    cursor: pointer;
    text-align: end;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(3),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(3) {
    position: absolute;
    top: 0px;
    right: 80px;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    cursor: pointer;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(2), .checkoutsection .all .leftcheckout .top div:nth-child(3), .checkoutsection .all .leftcheckout .top div:nth-child(4),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(2),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(3),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(4) {
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform,
  .checkoutsection .all .leftcheckout .bottom .addaddressform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform .checkoutcity,
  .checkoutsection .all .leftcheckout .bottom .addaddressform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform .checkoutcountry,
  .checkoutsection .all .leftcheckout .bottom .addaddressform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform label,
  .checkoutsection .all .leftcheckout .bottom .addaddressform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform label span,
  .checkoutsection .all .leftcheckout .bottom .addaddressform label span {
    color: red;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform button,
  .checkoutsection .all .leftcheckout .bottom .addaddressform button {
    background-color: black;
    text-align: center;
    padding: 4px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform input,
  .checkoutsection .all .leftcheckout .bottom .addaddressform input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .carddiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .carddiv span {
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: black;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(1) {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(2) {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    text-align: end;
    cursor: pointer;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(3) {
    position: absolute;
    top: 0px;
    right: 80px;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    cursor: pointer;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu {
    border: 0.8px solid black;
    border-radius: 10px;
    background-color: white;
    height: 200px;
    color: black;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input {
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    border: none;
    outline: none;
    color: black;
    background-color: white;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(2) {
    top: 4%;
    left: 12px;
    text-align: start;
    width: 60%;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(3) {
    top: 16%;
    left: 12px;
    text-align: start;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(4) {
    bottom: 0%;
    left: 12px;
    width: 80%;
    text-align: start;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(2) {
    position: absolute;
    bottom: 10%;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(3) {
    position: absolute;
    bottom: 0%;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(4) {
    position: absolute;
    bottom: 0%;
    left: 10px;
  }
  .checkoutsection .all .leftcheckout .cardform {
    position: relative;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent {
    border: 0.8px solid black;
    border-radius: 10px;
    height: 200px;
    color: black;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu {
    background-color: white;
    color: black;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu button {
    margin-top: 10px;
    background-color: black;
    text-align: center;
    padding: 5px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .rightcheckout {
    display: flex;
    flex-direction: column;
  }
  .checkoutsection .all .rightcheckout .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .checkoutsection .all .rightcheckout .top span {
    font-weight: 400;
    font-size: 18px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .rightcheckout .top span:nth-child(1), .checkoutsection .all .rightcheckout .top span:nth-child(2) {
    padding-bottom: 20px;
  }
  .checkoutsection .all .rightcheckout .top span:nth-child(2), .checkoutsection .all .rightcheckout .top span:nth-child(4) {
    font-family: var(--neuebold);
  }
  .checkoutsection .all .rightcheckout .middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .checkoutsection .all .rightcheckout .middle span {
    font-weight: 400;
    font-size: 18px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .rightcheckout .middle span:nth-child(2) {
    font-family: var(--neuebold);
  }
  .checkoutsection .all .rightcheckout .bottom {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
  }
  .checkoutsection .all .rightcheckout .bottom .aldiq {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    width: 100%;
    padding: 20px;
    background-color: var(--yellow);
    border: 1px solid black;
    color: black;
    text-align: center;
    margin-bottom: 25px;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith {
    border-top: 1px solid black;
    font-family: var(--neuemedium);
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith span {
    font-weight: 500;
    font-size: 12px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(1) {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-decoration: underline;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(2) {
    font-family: var(--neuemedium);
    font-weight: 500;
    font-size: 10px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(3) {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
    border: 1px solid black;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formkeeper {
    position: relative;
  }
  .checkoutsection .all .formkeeper .closeform {
    position: absolute;
    top: -20px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
  }
  .checkoutsection .all .forminfokeeper {
    display: none;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform .checkoutaccinfoname {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform .checkoutaccinfosurname {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform label span {
    color: red;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform button {
    margin-top: 20px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform input {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper {
    display: none;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform label span {
    color: red;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform button {
    margin-top: 10px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform input {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formcardkeeper {
    display: none;
  }
  .checkoutsection .all .formcardkeeper .closeform {
    position: absolute;
    top: -35px !important;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
  }
  .checkoutsection .all .formcardkeeper .bash {
    border: 1px solid black;
    border-radius: 3px;
    margin-bottom: 10px;
    display: flex;
    padding: 5px 20px;
    justify-content: space-between;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(1) {
    padding-bottom: 2px;
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(1) img {
    padding-bottom: 2px;
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(2) {
    padding-left: 10px;
  }
  .checkoutsection .all .formcardkeeper .bash .right {
    display: flex;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .right span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .right span:nth-child(2) {
    justify-content: flex-start;
    padding-left: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .formcardkeeper .changecardform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formcardkeeper .changecardform label span {
    color: red;
  }
  .checkoutsection .all .formcardkeeper .changecardform button {
    margin-top: 10px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formcardkeeper .changecardform input {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .boughtorders {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .boughtorders .orderdet {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .checkoutsection .all .boughtorders div {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .checkoutsection .all .boughtorders div .deletebasketelementfromcheckout {
    position: absolute;
    top: 3%;
    right: 5%;
  }
  .cardmodal {
    position: fixed;
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    z-index: 987654;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 3px var(--yellow);
    display: none;
  }
  .cardmodal .closekeeper {
    position: relative;
    width: 100%;
  }
  .cardmodal .closekeeper .closecardmodal {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 10px;
    font-size: 25px;
  }
  .cardmodal .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .cardmodal .all .firstp {
    font-family: var(--neueultra);
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 20px;
  }
  .cardmodal .all .carddiv {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center;
  }
  .cardmodal .all .carddiv .cardinozu {
    padding: 0 10px;
    margin-top: 20px;
    cursor: pointer;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu {
    border: 0.8px solid black;
    border-radius: 10px;
    background-color: white;
    height: 200px;
    color: black;
    position: relative;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span {
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    color: black;
    background-color: white;
    margin-bottom: 10px;
    position: absolute;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(2) {
    position: absolute;
    top: 4%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(3) {
    position: absolute;
    top: 14%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(4) {
    position: absolute;
    bottom: 0%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(5) {
    position: absolute;
    top: 27%;
    right: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu .headword {
    position: absolute;
    bottom: 14%;
    left: 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    width: 40%;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu .ismain {
    position: absolute;
    right: 10px;
    bottom: 0%;
    text-decoration: underline;
    font-size: 12px;
    color: var(--yellow);
  }
  .addressmodal {
    position: fixed;
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    z-index: 987654;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 3px var(--yellow);
    display: none;
  }
  .addressmodal .closekeeper {
    position: relative;
    width: 100%;
  }
  .addressmodal .closekeeper .closeaddressmodal {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 10px;
    font-size: 25px;
  }
  .addressmodal .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .addressmodal .all .firstp {
    font-family: var(--neueultra);
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 20px;
  }
  .addressmodal .all .addressdiv {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
  }
  .addressmodal .all .addressdiv .addressinozu {
    padding: 0 10px;
    margin-top: 20px;
    cursor: pointer;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu {
    border: 0.8px solid black;
    background-color: white;
    height: 300px;
    color: black;
    border-radius: 10px;
    position: relative;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top {
    border-bottom: 0.8px solid black;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.08em;
    padding: 0 20px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span:nth-child(1) {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span:nth-child(2) {
    padding-bottom: 15px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span {
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span span {
    padding-bottom: 10px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span span:nth-child(2) {
    font-family: var(--neuebold);
    font-size: 14px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .ismain {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: var(--yellow);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@media (max-width: 576px) {
  .checkoutsection {
    margin-top: 10px;
  }
  .checkoutsection .all {
    display: flex;
    justify-content: space-between;
  }
  .checkoutsection .all .firstp {
    font-family: var(--neueultra);
    font-size: 25px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 20px;
  }
  .checkoutsection .all .leftcheckout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 1;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .top,
  .checkoutsection .all .leftcheckout .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  .checkoutsection .all .leftcheckout .top input,
  .checkoutsection .all .leftcheckout .bottom input {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    background-color: white;
    border: none;
    outline: none;
    color: black;
  }
  .checkoutsection .all .leftcheckout .top input[disabled],
  .checkoutsection .all .leftcheckout .bottom input[disabled] {
    -webkit-text-fill-color: black;
    opacity: 1;
  }
  .checkoutsection .all .leftcheckout .top div,
  .checkoutsection .all .leftcheckout .bottom div {
    margin-bottom: 8px;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(1),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(1) {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(2),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(2) {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    text-align: end;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(1) span:nth-child(3),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(1) span:nth-child(3) {
    position: absolute;
    top: 0px;
    right: 80px;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    cursor: pointer;
  }
  .checkoutsection .all .leftcheckout .top div:nth-child(2), .checkoutsection .all .leftcheckout .top div:nth-child(3), .checkoutsection .all .leftcheckout .top div:nth-child(4),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(2),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(3),
  .checkoutsection .all .leftcheckout .bottom div:nth-child(4) {
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform,
  .checkoutsection .all .leftcheckout .bottom .addaddressform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform .checkoutcity,
  .checkoutsection .all .leftcheckout .bottom .addaddressform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform .checkoutcountry,
  .checkoutsection .all .leftcheckout .bottom .addaddressform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform label,
  .checkoutsection .all .leftcheckout .bottom .addaddressform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform label span,
  .checkoutsection .all .leftcheckout .bottom .addaddressform label span {
    color: red;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform button,
  .checkoutsection .all .leftcheckout .bottom .addaddressform button {
    background-color: black;
    text-align: center;
    padding: 4px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .top .addaddressform input,
  .checkoutsection .all .leftcheckout .bottom .addaddressform input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .carddiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .carddiv span {
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(1) {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(2) {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    text-align: end;
  }
  .checkoutsection .all .leftcheckout .carddiv .bashliq span:nth-child(3) {
    position: absolute;
    top: 0px;
    right: 80px;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    text-decoration: underline;
    cursor: pointer;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu {
    border: 0.8px solid black;
    border-radius: 10px;
    background-color: white;
    height: 200px;
    position: relative;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input {
    font-weight: 700;
    font-size: 12px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    border: none;
    outline: none;
    color: black;
    background-color: white;
    position: absolute;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input[disabled] {
    -webkit-text-fill-color: black;
    opacity: 1;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(2) {
    top: 4%;
    left: 12px;
    text-align: start;
    width: 60%;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(3) {
    top: 16%;
    left: 12px;
    text-align: start;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu input:nth-child(4) {
    bottom: 0%;
    left: 12px;
    width: 80%;
    text-align: start;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(2) {
    position: absolute;
    bottom: 10%;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(3) {
    position: absolute;
    bottom: 0%;
    right: 10px;
  }
  .checkoutsection .all .leftcheckout .carddiv .cardozu span:nth-child(4) {
    position: absolute;
    bottom: 0%;
    left: 10px;
  }
  .checkoutsection .all .leftcheckout .cardform {
    position: relative;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent {
    border: 0.8px solid black;
    border-radius: 10px;
    height: 200px;
    color: black;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu {
    background-color: white;
    color: black;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu button {
    margin-top: 10px;
    background-color: black;
    text-align: center;
    padding: 5px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .leftcheckout .cardform .again_allcontent .allcontent .cardozu input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .rightcheckout {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    order: 3;
  }
  .checkoutsection .all .rightcheckout .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .checkoutsection .all .rightcheckout .top span {
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .rightcheckout .top span:nth-child(1), .checkoutsection .all .rightcheckout .top span:nth-child(2) {
    padding-bottom: 10px;
  }
  .checkoutsection .all .rightcheckout .top span:nth-child(2), .checkoutsection .all .rightcheckout .top span:nth-child(4) {
    font-family: var(--neuebold);
    text-align: end;
  }
  .checkoutsection .all .rightcheckout .middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .checkoutsection .all .rightcheckout .middle span {
    font-weight: 400;
    font-size: 15px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .rightcheckout .middle span:nth-child(2) {
    text-align: end;
    font-family: var(--neuebold);
  }
  .checkoutsection .all .rightcheckout .bottom {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
  }
  .checkoutsection .all .rightcheckout .bottom .aldiq {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    width: 100%;
    padding: 20px;
    background-color: var(--yellow);
    border: 1px solid black;
    color: black;
    text-align: center;
    margin-bottom: 25px;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith {
    border-top: 1px solid black;
    font-family: var(--neuemedium);
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith span {
    font-weight: 500;
    font-size: 12px;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(1) {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-decoration: underline;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(2) {
    font-family: var(--neuemedium);
    font-weight: 500;
    font-size: 10px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .rightcheckout .bottom .paywith a:nth-child(3) {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
    border: 1px solid black;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formkeeper {
    position: relative;
    margin-bottom: 30px;
    order: 3;
  }
  .checkoutsection .all .formkeeper .closeform {
    position: absolute;
    top: -20px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
  }
  .checkoutsection .all .forminfokeeper {
    display: none;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform .checkoutaccinfoname {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform .checkoutaccinfosurname {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform label span {
    color: red;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform button {
    margin-top: 20px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform input {
    width: 100%;
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .forminfokeeper .changeaccountinfoform input[disabled] {
    -webkit-text-fill-color: black;
    opacity: 1;
  }
  .checkoutsection .all .formaddresskeeper {
    display: none;
    margin-top: 30px;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform label span {
    color: red;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform button {
    margin-top: 10px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formaddresskeeper .changeaddressform input[disabled] {
    -webkit-text-fill-color: black;
    opacity: 1;
  }
  .checkoutsection .all .formcardkeeper {
    display: none;
    margin-top: 30px;
  }
  .checkoutsection .all .formcardkeeper .closeform {
    position: absolute;
    top: -35px !important;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
  }
  .checkoutsection .all .formcardkeeper .bash {
    border: 1px solid black;
    border-radius: 3px;
    margin-bottom: 10px;
    display: flex;
    padding: 5px 20px;
    justify-content: space-between;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--neueregular);
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(1) {
    padding-bottom: 2px;
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(1) img {
    padding-bottom: 2px;
  }
  .checkoutsection .all .formcardkeeper .bash .left span:nth-child(2) {
    padding-left: 10px;
  }
  .checkoutsection .all .formcardkeeper .bash .right {
    display: flex;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .right span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .checkoutsection .all .formcardkeeper .bash .right span:nth-child(2) {
    justify-content: flex-start;
    padding-left: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .formcardkeeper .changecardform .checkoutcity {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform .checkoutcountry {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .checkoutsection .all .formcardkeeper .changecardform label {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 14px;
    line-height: 127%;
    letter-spacing: 0.08em;
    width: 100%;
  }
  .checkoutsection .all .formcardkeeper .changecardform label span {
    color: red;
  }
  .checkoutsection .all .formcardkeeper .changecardform button {
    margin-top: 10px;
    width: 100%;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    color: white;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formcardkeeper .changecardform input {
    border: 1px solid black;
    outline: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
  .checkoutsection .all .formcardkeeper .changecardform input[disabled] {
    -webkit-text-fill-color: black;
    opacity: 1;
  }
  .checkoutsection .all .boughtorders {
    margin-top: 20px;
    margin-bottom: 40px;
    order: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .checkoutsection .all .boughtorders .orderdet {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--neueultra);
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .checkoutsection .all .boughtorders div {
    position: relative;
    padding: 4px;
  }
  .checkoutsection .all .boughtorders div .deletebasketelementfromcheckout {
    position: absolute;
    top: 3%;
    right: 5%;
  }
  .cardmodal {
    position: fixed;
    width: 90%;
    height: 85vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    z-index: 987654;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 3px var(--yellow);
    overflow-y: scroll;
    display: none;
  }
  .cardmodal .closekeeper {
    position: relative;
    width: 100%;
  }
  .cardmodal .closekeeper .closecardmodal {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 0px;
    font-size: 35px;
    z-index: 21432432;
  }
  .cardmodal .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .cardmodal .all .firstp {
    font-family: var(--neueultra);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 15px;
  }
  .cardmodal .all .carddiv {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center;
  }
  .cardmodal .all .carddiv .cardinozu {
    padding: 0 10px;
    margin-top: 20px;
    cursor: pointer;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu {
    border: 0.8px solid black;
    border-radius: 10px;
    background-color: white;
    height: 150px;
    color: black;
    position: relative;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span {
    font-weight: 700;
    font-size: 10px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    color: black;
    background-color: white;
    margin-bottom: 10px;
    position: absolute;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(2) {
    position: absolute;
    top: 4%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(3) {
    position: absolute;
    top: 14%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(4) {
    position: absolute;
    bottom: 0%;
    left: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu span:nth-child(5) {
    position: absolute;
    top: 27%;
    right: 10px;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu .headword {
    position: absolute;
    bottom: 14%;
    left: 10px;
    font-weight: 700;
    font-size: 9px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
    width: 40%;
  }
  .cardmodal .all .carddiv .cardinozu .cardozu .ismain {
    position: absolute;
    right: 10px;
    bottom: 0%;
    text-decoration: underline;
    font-size: 10px;
    color: var(--yellow);
  }
  .addressmodal {
    position: fixed;
    width: 90%;
    height: 80vh;
    overflow-y: scroll;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    z-index: 987654;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 3px var(--yellow);
    display: none;
  }
  .addressmodal .closekeeper {
    position: relative;
    width: 100%;
  }
  .addressmodal .closekeeper .closeaddressmodal {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 0px;
    font-size: 35px;
    z-index: 21432432;
  }
  .addressmodal .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .addressmodal .all .firstp {
    font-family: var(--neueultra);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 15px;
  }
  .addressmodal .all .addressdiv {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    align-items: center;
  }
  .addressmodal .all .addressdiv .addressinozu {
    padding: 0 10px;
    margin-top: 15px;
    cursor: pointer;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu {
    border: 0.8px solid black;
    background-color: white;
    height: 200px;
    color: black;
    border-radius: 10px;
    position: relative;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top {
    border-bottom: 0.8px solid black;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span {
    font-family: var(--neuebold);
    font-size: 10px;
    letter-spacing: 0.08em;
    padding: 0 15px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span:nth-child(1) {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .top span:nth-child(2) {
    padding-bottom: 10px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span {
    font-weight: 300;
    font-size: 9px;
    line-height: 114%;
    font-family: var(--neueregular);
    letter-spacing: 0.08em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span span {
    padding-bottom: 10px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .bottom span span:nth-child(2) {
    font-family: var(--neuebold);
    font-size: 11px;
  }
  .addressmodal .all .addressdiv .addressinozu .addressozu .ismain {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: var(--yellow);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@media (min-width: 576px) {
  .ordersection {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .ordersection .all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ordersection .all .firstp {
    font-family: var(--neueultra);
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .ordersection .all .ordersearchkeeper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding: 0;
    margin-left: 12px;
    padding-left: 12px;
  }
  .ordersection .all .ordersearchkeeper .search_input_order {
    width: 90%;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
    background-color: transparent;
    outline: none;
    border: none;
  }
  .ordersection .all .ordersearchkeeper .search_input_order::-moz-placeholder {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_input_order::placeholder {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_input_order:focus {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_icon_order {
    color: var(--white);
    color: black;
    font-size: 22px;
    vertical-align: bottom;
    padding-bottom: 2px;
  }
  .ordersection .all ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--neueregular);
    position: relative;
    padding-right: 12px;
  }
  .ordersection .all ul li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.08em;
  }
  .ordersection .all ul li a:hover {
    text-decoration: underline;
  }
  .ordersection .all ul li .activespan {
    padding: 2px 8px;
    background-color: var(--yellow);
    text-decoration: underline;
  }
  .ordersection .all .orders {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .ordersection .all .orders .order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 0;
    border-top: 1px solid var(--yellow);
    border-bottom: 1px solid var(--yellow);
    cursor: pointer;
  }
  .ordersection .all .orders .order .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .top div:nth-child(1), .ordersection .all .orders .order .top div:nth-child(2), .ordersection .all .orders .order .top div:nth-child(3), .ordersection .all .orders .order .top div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .top div:nth-child(1) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(2) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(3) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(4) span:nth-child(1) {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
  }
  .ordersection .all .orders .order .top div:nth-child(1) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(2) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(3) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(4) span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 500;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .top div:nth-child(5) span:nth-child(1) {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    margin-bottom: 10px;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
  }
  .ordersection .all .orders .order .top div:nth-child(5) span:nth-child(2) {
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: var(--yellow);
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    font-family: var(--neueultra);
    cursor: pointer;
  }
  .ordersection .all .orders .order .bottom {
    display: none;
  }
  .ordersection .all .orders .order .bottom .orderitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid black;
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .ordersection .all .orders .order .bottom .orderitem:nth-child(1) {
    border-top: 1px solid black;
    margin-top: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem:last-child {
    border: none;
    padding-bottom: 0;
  }
  .ordersection .all .orders .order .bottom .orderitem .first {
    font-family: var(--neuebold);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem .first svg {
    margin-left: 20px;
  }
  .ordersection .all .orders .order .bottom .orderitem .second {
    font-weight: 500;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuemedium);
  }
  .ordersection .all .orders .order .bottom .orderitem .third {
    font-weight: 500;
    font-size: 12px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuemedium);
    margin-top: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop {
    display: flex;
    margin-bottom: 15px;
    padding-left: 20px;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop span {
    font-weight: 700;
    font-size: 15px;
    line-height: 114%;
    margin-bottom: 9px;
    letter-spacing: 0.08em;
    padding-left: 10px;
    font-family: var(--neueultra);
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(1) {
    margin-bottom: 11px;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(3) {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(3) span {
    font-weight: 700;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(2), .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(4) {
    padding-left: 20px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(1), .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(2) {
    margin-bottom: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div span:nth-child(1) {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div span:nth-child(2) {
    font-weight: 700;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .noordersyet {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
  }
  .ordersection .all .orders .noordersyet p {
    font-family: var(--neuebold);
    font-size: 28px;
    color: var(--yellow);
    letter-spacing: 0.1em;
    text-align: center;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

@media (max-width: 576px) {
  .ordersection {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .ordersection .all {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
  .ordersection .all .firstp {
    font-family: var(--neueultra);
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.08em;
    color: var(--yellow);
    margin-bottom: 30px;
  }
  .ordersection .all .head_categories {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    padding: 12px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: var(--neueregular);
    position: relative;
  }
  .ordersection .all .head_categories li {
    padding: 5px 5px;
  }
  .ordersection .all .head_categories li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.1em;
  }
  .ordersection .all .head_categories li .activespan {
    padding: 3px 8px;
    background-color: var(--yellow);
    text-decoration: underline;
  }
  .ordersection .all .ordersearchkeeper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid black;
    padding: 0;
  }
  .ordersection .all .ordersearchkeeper .search_input_order {
    width: 90%;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
    background-color: transparent;
    outline: none;
    border: none;
  }
  .ordersection .all .ordersearchkeeper .search_input_order::-moz-placeholder {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_input_order::placeholder {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_input_order:focus {
    color: black;
  }
  .ordersection .all .ordersearchkeeper .search_icon_order {
    color: var(--white);
    color: black;
    font-size: 22px;
    vertical-align: bottom;
    padding-bottom: 2px;
  }
  .ordersection .all .orders {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 0;
    border-top: 1px solid var(--yellow);
    border-bottom: 1px solid var(--yellow);
    cursor: pointer;
  }
  .ordersection .all .orders .order .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .top div {
    margin-bottom: 18px;
  }
  .ordersection .all .orders .order .top div:nth-child(1), .ordersection .all .orders .order .top div:nth-child(2), .ordersection .all .orders .order .top div:nth-child(3), .ordersection .all .orders .order .top div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .top div:nth-child(1) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(2) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(3) span:nth-child(1), .ordersection .all .orders .order .top div:nth-child(4) span:nth-child(1) {
    font-family: var(--neuelight);
    font-weight: 300;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 7px;
  }
  .ordersection .all .orders .order .top div:nth-child(1) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(2) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(3) span:nth-child(2), .ordersection .all .orders .order .top div:nth-child(4) span:nth-child(2) {
    font-family: var(--neueultra);
    font-weight: 500;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .top div:nth-child(5) {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .top div:nth-child(5) span:nth-child(1) {
    font-size: 14px;
    line-height: 18px;
    text-align: start;
    letter-spacing: 0.08em;
    font-family: var(--neuebold);
  }
  .ordersection .all .orders .order .top div:nth-child(5) span:nth-child(2) {
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    text-align: end;
    color: var(--yellow);
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    font-family: var(--neueultra);
    cursor: pointer;
  }
  .ordersection .all .orders .order .top div:nth-child(2) span, .ordersection .all .orders .order .top div:nth-child(4) span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .ordersection .all .orders .order .bottom {
    display: none;
  }
  .ordersection .all .orders .order .bottom .orderitem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    padding: 20px 0;
    cursor: pointer;
  }
  .ordersection .all .orders .order .bottom .orderitem:nth-child(1) {
    border-top: 1px solid black;
    margin-top: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem:last-child {
    border: none;
    padding-bottom: 0;
  }
  .ordersection .all .orders .order .bottom .orderitem .first {
    font-family: var(--neuebold);
    font-weight: 700;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 7px;
  }
  .ordersection .all .orders .order .bottom .orderitem .first svg {
    margin-left: 10px;
    padding-bottom: 3px;
  }
  .ordersection .all .orders .order .bottom .orderitem .second {
    font-weight: 500;
    font-size: 8px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuemedium);
  }
  .ordersection .all .orders .order .bottom .orderitem .third {
    font-weight: 500;
    font-size: 8px;
    line-height: 114%;
    letter-spacing: 0.08em;
    font-family: var(--neuemedium);
    margin-top: 7px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop span {
    font-weight: 700;
    font-size: 15px;
    line-height: 114%;
    margin-bottom: 9px;
    letter-spacing: 0.08em;
    padding-left: 10px;
    font-family: var(--neueultra);
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(1) {
    margin-bottom: 11px;
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(3) {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .toptop p:nth-child(3) span {
    font-weight: 700;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div {
    display: flex;
    justify-content: space-between;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(2), .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(4) {
    padding-left: 20px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(1), .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div:nth-child(2) {
    margin-bottom: 15px;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div span:nth-child(1) {
    font-family: var(--neueregular);
    font-weight: 400;
    font-size: 13px;
    line-height: 114%;
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .order .bottom .orderitem .orderinfo .bottombottom div span:nth-child(2) {
    font-weight: 700;
    font-size: 13px;
    line-height: 114%;
    font-family: var(--neuebold);
    letter-spacing: 0.08em;
  }
  .ordersection .all .orders .noordersyet {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
  }
  .ordersection .all .orders .noordersyet p {
    font-family: var(--neuebold);
    font-size: 18px;
    color: var(--yellow);
    letter-spacing: 0.1em;
    text-align: center;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.mycards {
  margin-bottom: 30px;
}
.mycards .all {
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.08em;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.mycards .all .firstp {
  font-family: var(--neueultra);
  margin: 0;
  padding: 0;
  font-size: 50px;
  text-align: center;
  color: var(--yellow);
  margin-bottom: 30px;
  width: 100%;
}
.mycards .all .cards {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.mycards .all .cards .karta {
  border: 0.8px solid black;
  background-color: white;
  height: 220px;
  margin: 0;
  padding: 0;
  color: black;
  border-radius: 10px;
  position: relative;
}
.mycards .all .cards .karta span {
  font-size: 14px;
  font-family: var(--neuebold);
  color: black;
  background-color: white;
  position: absolute;
}
.mycards .all .cards .karta span:nth-child(1) {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mycards .all .cards .karta span:nth-child(2) {
  position: absolute;
  top: 4%;
  left: 10px;
}
.mycards .all .cards .karta span:nth-child(3) {
  position: absolute;
  top: 20%;
  left: 10px;
}
.mycards .all .cards .karta span:nth-child(4) {
  position: absolute;
  bottom: 4%;
  left: 10px;
}
.mycards .all .cards .karta span:nth-child(5) {
  position: absolute;
  top: 27%;
  right: 10px;
}
.mycards .all .cards .karta .makemain {
  position: absolute;
  bottom: 4%;
  right: 10px;
  text-decoration: underline;
  font-size: 14px;
  transition: 0.2s;
}
.mycards .all .cards .karta .makemain:hover {
  color: var(--yellow);
}
.mycards .all .cards .karta .ismain {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: var(--yellow);
}
.mycards .all .cards .cardform {
  border: 0.8px solid black;
  background-color: white;
  height: 220px;
  margin: 0;
  padding: 0;
  color: black;
  border-radius: 10px;
  position: relative;
}
.mycards .all .cards .cardform .clicktoaddnewcard {
  font-size: 30px;
  font-family: var(--neueultra);
  opacity: 0.6;
  color: black;
  cursor: pointer;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 14;
}
.mycards .all .cards .cardform .clicktoaddnewcard:hover {
  opacity: 1;
}
.mycards .all .cards .cardform .addcard {
  margin: 0;
  display: none;
  padding: 10px;
}
.mycards .all .cards .cardform .addcard .cardozu {
  background-color: white;
  color: black;
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.mycards .all .cards .cardform .addcard .cardozu button {
  margin-top: 10px;
  background-color: black;
  text-align: center;
  padding: 5px 0;
  color: white;
  font-family: var(--neueregular);
  font-size: 12px;
}
.mycards .all .cards .cardform .addcard .cardozu input {
  border: 0.8px solid black;
  outline: none;
  border-radius: 3px;
  margin: 5px 0;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 5px;
  font-family: var(--neuemedium);
  letter-spacing: 0.08em;
  font-size: 14px;
}

@media (max-width: 576px) {
  .mycards .all .firstp {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .mycards .all .cards {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
  .mycards .all .cards .karta {
    height: 240px;
  }
  .mycards .all .cards .karta span {
    font-size: 13px;
  }
  .mycards .all .cards .cardform {
    height: 240px;
  }
  .mycards .all .cards .cardform .clicktoaddnewcard {
    font-size: 20px;
  }
  .mycards .all .cards .cardform .addcard .cardozu button {
    font-size: 11px;
  }
  .mycards .all .cards .cardform .addcard .cardozu input {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mycards .all .firstp {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .mycards .all .cards {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
  .mycards .all .cards .karta {
    height: 300px;
  }
  .mycards .all .cards .karta span {
    font-size: 13px;
  }
  .mycards .all .cards .cardform {
    height: 300px;
  }
  .mycards .all .cards .cardform .clicktoaddnewcard {
    font-size: 20px;
  }
  .mycards .all .cards .cardform .addcard .cardozu button {
    font-size: 11px;
  }
  .mycards .all .cards .cardform .addcard .cardozu input {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mycards .all .firstp {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .mycards .all .cards {
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.myaddresses {
  margin-bottom: 30px;
}
.myaddresses .all {
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.08em;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.myaddresses .all .firstp {
  font-family: var(--neueultra);
  margin: 0;
  padding: 0;
  font-size: 50px;
  text-align: center;
  color: var(--yellow);
  margin-bottom: 30px;
}
.myaddresses .all .addresses {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.myaddresses .all .addresses .address {
  border: 0.8px solid black;
  background-color: white;
  height: 300px;
  margin: 0;
  padding: 0;
  color: black;
  border-radius: 10px;
  position: relative;
}
.myaddresses .all .addresses .address .top {
  border-bottom: 0.8px solid black;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.myaddresses .all .addresses .address .top p {
  width: 100%;
  font-family: var(--neuebold);
  font-size: 14px;
  margin: 0;
  padding: 10px;
}
.myaddresses .all .addresses .address .top p:nth-child(2) {
  padding-top: 0;
}
.myaddresses .all .addresses .address .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px;
}
.myaddresses .all .addresses .address .bottom div {
  font-size: 14px;
  font-family: var(--neuemedium);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.myaddresses .all .addresses .address .bottom div p {
  padding-bottom: 10px;
  width: 100%;
}
.myaddresses .all .addresses .address .bottom div p:nth-child(2) {
  font-family: var(--neuebold);
  font-size: 14px;
}
.myaddresses .all .addresses .address .deleteaddress {
  position: absolute;
  top: 10px;
  right: 10px;
}
.myaddresses .all .addresses .address .makemain {
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-decoration: underline;
  font-size: 14px;
  transition: 0.2s;
}
.myaddresses .all .addresses .address .makemain:hover {
  color: var(--yellow);
}
.myaddresses .all .addresses .address .ismain {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: var(--yellow);
}
.myaddresses .all .addresses .addressform {
  border: 0.8px solid black;
  background-color: white;
  height: 300px;
  margin: 0;
  padding: 0;
  color: black;
  border-radius: 10px;
  position: relative;
}
.myaddresses .all .addresses .addressform .clicktoaddnewaddress {
  font-size: 30px;
  font-family: var(--neueultra);
  opacity: 0.6;
  color: black;
  cursor: pointer;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 14;
}
.myaddresses .all .addresses .addressform .clicktoaddnewaddress:hover {
  opacity: 1;
}
.myaddresses .all .addresses .addressform .addaddress {
  margin: 0;
  display: none;
  padding: 15px;
}
.myaddresses .all .addresses .addressform .addaddress .addressozu {
  background-color: white;
  color: black;
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.myaddresses .all .addresses .addressform .addaddress .addressozu button {
  margin-top: 10px;
  background-color: black;
  text-align: center;
  padding: 5px 0;
  color: white;
  font-family: var(--neueregular);
  letter-spacing: 0.08em;
  font-size: 12px;
}
.myaddresses .all .addresses .addressform .addaddress .addressozu input {
  border: 0.8px solid black;
  outline: none;
  border-radius: 3px;
  width: 100%;
  margin: 5px 0;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 5px;
  font-family: var(--neuemedium);
  letter-spacing: 0.08em;
  font-size: 14px;
}

@media (max-width: 768px) {
  .myaddresses .all .firstp {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .myaddresses .all .addresses {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
  .myaddresses .all .addresses .address {
    height: 300px;
  }
  .myaddresses .all .addresses .address .top p {
    font-size: 13px;
  }
  .myaddresses .all .addresses .address .bottom div {
    font-size: 13px;
  }
  .myaddresses .all .addresses .addressform .addaddress {
    padding: 10px;
  }
  .myaddresses .all .addresses .addressform .addaddress .addressozu button {
    font-size: 11px;
  }
  .myaddresses .all .addresses .addressform .addaddress .addressozu input {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .myaddresses .all .firstp {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .myaddresses .all .addresses {
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .myaddresses .all .addresses .address {
    height: 300px;
  }
  .myaddresses .all .addresses .address .top p {
    font-size: 13px;
  }
  .myaddresses .all .addresses .address .bottom div {
    font-size: 13px;
  }
  .myaddresses .all .addresses .addressform .addaddress .addressozu button {
    font-size: 11px;
  }
  .myaddresses .all .addresses .addressform .addaddress .addressozu input {
    font-size: 13px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.accountinfoall {
  width: 100%;
  margin-bottom: 30px;
}
.accountinfoall .all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.accountinfoall .all .firstp {
  font-family: var(--neueultra);
  font-size: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--yellow);
}
.accountinfoall .all form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}
.accountinfoall .all form .head {
  font-family: var(--neuebold);
  font-size: 18px;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.accountinfoall .all form label {
  font-family: var(--neuemedium);
  font-size: 14px;
}
.accountinfoall .all form button {
  width: 100%;
  background-color: black;
  text-align: center;
  padding: 10px 0;
  color: white;
  font-family: var(--neuemedium);
  font-size: 16px;
  margin-top: 20px;
}
.accountinfoall .all form input {
  border: 1px solid black;
  outline: none;
  border-radius: 3px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-family: var(--neuemedium);
  font-size: 15px;
}
.accountinfoall .all form .keeperdiv {
  margin: 10px 0;
}
.accountinfoall .all form .left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.accountinfoall .all form .left .genderdiv {
  display: flex;
  justify-content: space-around;
  align-self: flex-end;
  flex-wrap: wrap;
  align-items: center;
}
.accountinfoall .all form .left .genderdiv label {
  font-family: var(--neuemedium);
  font-size: 14px;
  transition: 0.2s;
  padding: 10px;
}
.accountinfoall .all form .left .genderdiv input {
  display: none;
}
.accountinfoall .all form .left .genderdiv .checkedlabel {
  border-radius: 3px;
  border: 1px solid var(--yellow);
}
.accountinfoall .all form .right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .accountinfoall .all .firstp {
    font-size: 30px;
  }
  .accountinfoall .all form {
    margin-top: 20px;
  }
  .accountinfoall .all form .right {
    margin-top: 40px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

.breadcrumbregsiter {
  padding: 10px 0;
  margin: 0;
}
.breadcrumbregsiter .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
}
.breadcrumbregsiter .keeper div {
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
}
.breadcrumbregsiter .keeper a {
  font-family: var(--neueregular);
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.08em;
}
.breadcrumbregsiter .keeper a:hover {
  text-decoration: underline;
}

.faqsection {
  width: 100%;
  margin-bottom: 35px;
}
.faqsection .all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.faqsection .all .firstp {
  font-family: var(--neueultra);
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.08em;
  color: var(--yellow);
  margin-bottom: 30px;
}
.faqsection .all div {
  padding: 20px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--yellow);
}
.faqsection .all div p {
  font-weight: 400;
  font-size: 18px;
  line-height: 114%;
  letter-spacing: 0.08em;
  font-family: var(--neuemedium);
}
.faqsection .all div p:nth-child(1) {
  text-align: center;
}
.faqsection .all div p:nth-child(2) {
  font-size: 14px;
  font-family: var(--neuemedium);
  margin-top: 20px;
  display: none;
}
.faqsection .all div:last-child {
  border: none;
  font-family: var(--neuemedium);
  font-weight: 500;
  font-size: 18px;
  line-height: 114%;
  letter-spacing: 0.08em;
  margin-top: 50px;
}
.faqsection .all div:last-child a {
  text-decoration: underline;
  color: var(--yellow);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}

.where {
  opacity: 0;
  margin-top: 30px;
}

.contact {
  margin-bottom: 30px;
}
.contact .all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.contact .all .firstp {
  font-family: var(--neueultra);
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.08em;
  color: var(--yellow);
  margin-bottom: 20px;
}
.contact .all form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact .all form input {
  border: 1px solid black;
  outline: none;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  font-family: var(--neuelight);
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0.08em;
}
.contact .all form textarea {
  border: 1px solid black;
  outline: none;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  font-family: var(--neuelight);
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0.08em;
}
.contact .all form button {
  margin-top: 20px;
  background-color: black;
  text-align: center;
  padding: 10px 0;
  color: white;
  font-family: var(--neueregular);
  font-weight: 400;
  font-size: 16px;
  line-height: 114%;
  letter-spacing: 0.08em;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.aboutfirst {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}
.aboutfirst .all {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.aboutfirst .all .firstp {
  grid-column: 1/3;
  font-family: var(--neueultra);
  font-size: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--yellow);
}
.aboutfirst .all .firstabout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  height: 100%;
}
.aboutfirst .all .firstabout .mission {
  font-size: 40px;
  margin: 0;
  padding: 0;
  color: var(--yellow);
  font-family: var(--neuebold);
  margin-bottom: 25px;
}
.aboutfirst .all .firstabout .mission span {
  font-style: italic;
}
.aboutfirst .all .firstabout .missiontext {
  margin: 0;
  padding: 0;
  font-size: 23px;
  font-family: var(--neueregular);
  margin-bottom: 25px;
}
.aboutfirst .all .firstabout img {
  vertical-align: bottom;
}

@media (max-width: 576px) {
  .aboutfirst {
    margin-bottom: 20px;
  }
  .aboutfirst .all {
    gap: 15px;
  }
  .aboutfirst .all .firstp {
    font-size: 25px;
  }
  .aboutfirst .all .firstabout .mission {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .aboutfirst .all .firstabout .missiontext {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutfirst {
    margin-bottom: 20px;
  }
  .aboutfirst .all {
    gap: 15px;
  }
  .aboutfirst .all .firstp {
    font-size: 30px;
  }
  .aboutfirst .all .firstabout .mission {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .aboutfirst .all .firstabout .missiontext {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

@keyframes carousel2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.aboutsecond {
  position: relative;
  margin: 40px 0;
  background-color: black;
  overflow: hidden;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutsecond .carouselsecond {
  background-color: black;
  color: var(--yellow);
  position: absolute;
  display: flex;
  width: 200%;
}
.aboutsecond .carouselsecond span {
  animation: carousel2 12s linear infinite;
  display: inline-block;
  font-size: 35px;
  font-family: var(--neuemedium);
  white-space: nowrap;
  color: var(--yellow);
  margin-right: 15px;
}

@media (max-width: 576px) {
  .aboutsecond {
    margin: 30px 0;
    height: 40px;
  }
  .aboutsecond .carouselsecond span {
    font-size: 20px;
    margin-right: 10px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.aboutthird {
  margin-bottom: 30px;
}
.aboutthird .all {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.aboutthird .all div {
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.aboutthird .all div:nth-child(even) {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.aboutthird .all div:nth-child(even) span {
  display: flex;
  justify-content: flex-end;
}
.aboutthird .all div:nth-child(even) span:nth-child(1) {
  font-size: 20px;
  font-family: var(--neueultra);
  text-align: right;
  margin-bottom: 20px;
}
.aboutthird .all div:nth-child(even) span:nth-child(2) {
  font-size: 17px;
  font-family: var(--neuemedium);
  text-align: right;
}
.aboutthird .all div:nth-child(odd) {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.aboutthird .all div:nth-child(odd) span {
  display: flex;
  justify-content: flex-start;
}
.aboutthird .all div:nth-child(odd) span:nth-child(1) {
  font-size: 20px;
  font-family: var(--neueultra);
  text-align: left;
  margin-bottom: 20px;
}
.aboutthird .all div:nth-child(odd) span:nth-child(2) {
  font-size: 17px;
  font-family: var(--neuemedium);
  text-align: left;
}

@media (max-width: 576px) {
  .aboutthird .all div:nth-child(even) span:nth-child(1) {
    font-size: 17px;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .aboutthird .all div:nth-child(even) span:nth-child(2) {
    font-size: 14px;
  }
  .aboutthird .all div:nth-child(odd) span:nth-child(1) {
    font-size: 17px;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .aboutthird .all div:nth-child(odd) span:nth-child(2) {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .aboutthird .all div:nth-child(even) span:nth-child(1) {
    font-size: 19px;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .aboutthird .all div:nth-child(even) span:nth-child(2) {
    font-size: 16px;
  }
  .aboutthird .all div:nth-child(odd) span:nth-child(1) {
    font-size: 19px;
    font-family: var(--neuebold);
    margin-bottom: 15px;
  }
  .aboutthird .all div:nth-child(odd) span:nth-child(2) {
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.aboutfourth {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  letter-spacing: 0.08em;
}
.aboutfourth .imgkeeperabout {
  width: 100%;
  position: relative;
}
.aboutfourth .imgkeeperabout img {
  width: 100%;
}
.aboutfourth .imgkeeperabout .forabs {
  font-size: 80px;
  font-family: var(--neuemedium);
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--yellow);
}
.aboutfourth .imgkeeperabout .textleft {
  background-color: white;
  padding: 20px;
  position: absolute;
  bottom: 0%;
  left: 0%;
  font-family: var(--neuebold);
  font-size: 20px;
}
.aboutfourth .imgkeeperabout .textright {
  background-color: white;
  padding: 20px;
  position: absolute;
  bottom: 0%;
  right: 0%;
  font-family: var(--neuebold);
  font-size: 20px;
}

@media (max-width: 576px) {
  .aboutfourth {
    margin-bottom: 20px;
  }
  .aboutfourth .imgkeeperabout .forabs {
    display: none;
  }
  .aboutfourth .imgkeeperabout .textleft {
    display: none;
  }
  .aboutfourth .imgkeeperabout .textright {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutfourth {
    margin-bottom: 20px;
  }
  .aboutfourth .imgkeeperabout .forabs {
    font-size: 40px;
    top: 5%;
  }
  .aboutfourth .imgkeeperabout .textleft {
    padding: 15px;
    font-size: 16px;
  }
  .aboutfourth .imgkeeperabout .textright {
    padding: 15px;
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aboutfourth {
    margin-bottom: 25px;
  }
  .aboutfourth .imgkeeperabout .forabs {
    font-size: 50px;
    top: 3%;
  }
  .aboutfourth .imgkeeperabout .textleft {
    padding: 15px;
    font-size: 18px;
  }
  .aboutfourth .imgkeeperabout .textright {
    padding: 15px;
    font-size: 18px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

.aboutfifth {
  margin-bottom: 30px;
}
.aboutfifth .all {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.aboutfifth .all .secondpabout {
  font-family: var(--neueultra);
  font-size: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--yellow);
  margin-bottom: 10px;
}
.aboutfifth .all .keeperfirst {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.aboutfifth .all .keeperfirst div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.aboutfifth .all .keeperfirst div .headoff {
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-family: var(--neueultra);
}
.aboutfifth .all .keeperfirst div .adresler {
  font-family: var(--neuelight);
  margin: 0;
  padding: 0;
  font-size: 17px;
  text-align: center;
}
.aboutfifth .all .keepersecond {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
}
.aboutfifth .all .keepersecond div {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: 25px;
  margin-top: 25px;
  letter-spacing: 0.08em;
}
.aboutfifth .all .keepersecond div .topmainaddress {
  text-align: start;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: var(--neuemedium);
  margin-bottom: 10px;
}
.aboutfifth .all .keepersecond div .bottommainaddress {
  font-family: var(--neuelight);
  margin: 0;
  padding: 0;
  font-size: 17px;
  text-align: start;
}

@media (max-width: 576px) {
  .aboutfifth {
    margin-bottom: 20px;
  }
  .aboutfifth .all .secondpabout {
    font-size: 30px;
  }
  .aboutfifth .all .keeperfirst div .headoff {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .aboutfifth .all .keeperfirst div .adresler {
    font-size: 13px;
  }
  .aboutfifth .all .keepersecond div {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .aboutfifth .all .keepersecond div .topmainaddress {
    font-size: 15px;
  }
  .aboutfifth .all .keepersecond div .bottommainaddress {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutfifth {
    margin-bottom: 20px;
  }
  .aboutfifth .all .secondpabout {
    font-size: 40px;
  }
  .aboutfifth .all .keeperfirst div .headoff {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .aboutfifth .all .keeperfirst div .adresler {
    font-size: 14px;
  }
  .aboutfifth .all .keepersecond div {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .aboutfifth .all .keepersecond div .topmainaddress {
    font-size: 16px;
  }
  .aboutfifth .all .keepersecond div .bottommainaddress {
    font-size: 14px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}

@keyframes carousel3 {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0%);
  }
}
.aboutsixth {
  margin-bottom: 30px;
}
.aboutsixth .all {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}
.aboutsixth .all .thirdpabout {
  font-family: var(--neueultra);
  font-size: 50px;
  text-align: center;
  margin: 0;
  padding: 0;
  color: var(--yellow);
}
.aboutsixth .all .left {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding: 20px;
}
.aboutsixth .all .left img {
  width: 100%;
}
.aboutsixth .all .left .firstcar {
  position: absolute;
  left: 7px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 95%;
  overflow: hidden;
}
.aboutsixth .all .left .firstcar .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 220%;
}
.aboutsixth .all .left .firstcar .keeper .karuselitem {
  margin-right: 8px;
  font-size: 14px;
  animation: carousel3 12s linear infinite;
  font-family: var(--neuemedium);
}
.aboutsixth .all .left .secondcar {
  position: absolute;
  left: 43%;
  top: 47%;
  margin: 0;
  padding: 0;
  width: 110%;
  overflow: hidden;
  transform: rotate(90deg);
}
.aboutsixth .all .left .secondcar .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 220%;
}
.aboutsixth .all .left .secondcar .keeper .karuselitem {
  margin-right: 8px;
  font-size: 14px;
  animation: carousel3 12s linear infinite;
  font-family: var(--neuemedium);
}
.aboutsixth .all .left .thirdcar {
  position: absolute;
  right: 7px;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 95%;
  overflow: hidden;
  transform: rotate(180deg);
}
.aboutsixth .all .left .thirdcar .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 220%;
}
.aboutsixth .all .left .thirdcar .keeper .karuselitem {
  margin-right: 8px;
  font-size: 14px;
  animation: carousel3 12s linear infinite;
  font-family: var(--neuemedium);
}
.aboutsixth .all .left .fourthcar {
  position: absolute;
  right: 43%;
  bottom: 47%;
  margin: 0;
  padding: 0;
  width: 110%;
  overflow: hidden;
  transform: rotate(-90deg);
}
.aboutsixth .all .left .fourthcar .keeper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 220%;
}
.aboutsixth .all .left .fourthcar .keeper .karuselitem {
  margin-right: 8px;
  font-size: 14px;
  animation: carousel3 12s linear infinite;
  font-family: var(--neuemedium);
}
.aboutsixth .all .right {
  margin: 0;
  padding: 0;
  letter-spacing: 0.08em;
}
.aboutsixth .all .right p {
  font-size: 22px;
  font-family: var(--neueregular);
  margin-bottom: 25px;
}
.aboutsixth .all .right a {
  font-family: var(--neueultra);
  margin-bottom: 0;
  font-size: 24px;
}

@media (max-width: 576px) {
  .aboutsixth {
    margin-bottom: 20px;
  }
  .aboutsixth .all .thirdpabout {
    font-size: 30px;
  }
  .aboutsixth .all .left {
    padding: 15px;
  }
  .aboutsixth .all .left .firstcar {
    left: 7px;
    top: -2px;
    width: 94%;
  }
  .aboutsixth .all .left .firstcar .keeper {
    width: 330%;
  }
  .aboutsixth .all .left .firstcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .secondcar {
    left: 43%;
    top: 46.5%;
    width: 110%;
  }
  .aboutsixth .all .left .secondcar .keeper {
    width: 330%;
  }
  .aboutsixth .all .left .secondcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .thirdcar {
    right: 7px;
    bottom: -2px;
    width: 94%;
  }
  .aboutsixth .all .left .thirdcar .keeper {
    width: 330%;
  }
  .aboutsixth .all .left .thirdcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .fourthcar {
    right: 43%;
    bottom: 46.5%;
    width: 110%;
  }
  .aboutsixth .all .left .fourthcar .keeper {
    width: 330%;
  }
  .aboutsixth .all .left .fourthcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .right {
    margin-top: 20px;
  }
  .aboutsixth .all .right p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .aboutsixth .all .right a {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutsixth .all .thirdpabout {
    font-size: 35px;
  }
  .aboutsixth .all .left {
    padding: 15px;
  }
  .aboutsixth .all .left .firstcar {
    left: 7px;
    top: -2px;
    width: 95%;
  }
  .aboutsixth .all .left .firstcar .keeper {
    width: 200%;
  }
  .aboutsixth .all .left .firstcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .secondcar {
    left: 43%;
    top: 47%;
    width: 111%;
  }
  .aboutsixth .all .left .secondcar .keeper {
    width: 200%;
  }
  .aboutsixth .all .left .secondcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .thirdcar {
    right: 7px;
    bottom: -2px;
    width: 95%;
  }
  .aboutsixth .all .left .thirdcar .keeper {
    width: 200%;
  }
  .aboutsixth .all .left .thirdcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .fourthcar {
    right: 43%;
    bottom: 47%;
    width: 111%;
  }
  .aboutsixth .all .left .fourthcar .keeper {
    width: 200%;
  }
  .aboutsixth .all .left .fourthcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .right {
    margin-top: 20px;
  }
  .aboutsixth .all .right p {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .aboutsixth .all .right a {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aboutsixth .all .thirdpabout {
    font-size: 40px;
  }
  .aboutsixth .all .left {
    padding: 15px;
  }
  .aboutsixth .all .left .firstcar {
    left: 4px;
    top: -2px;
    width: 94%;
  }
  .aboutsixth .all .left .firstcar .keeper {
    width: 300%;
  }
  .aboutsixth .all .left .firstcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .secondcar {
    left: 44%;
    top: 46%;
    width: 108%;
  }
  .aboutsixth .all .left .secondcar .keeper {
    width: 300%;
  }
  .aboutsixth .all .left .secondcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .thirdcar {
    right: 6px;
    bottom: -2px;
    width: 94%;
  }
  .aboutsixth .all .left .thirdcar .keeper {
    width: 300%;
  }
  .aboutsixth .all .left .thirdcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .left .fourthcar {
    right: 44%;
    bottom: 46%;
    width: 108%;
  }
  .aboutsixth .all .left .fourthcar .keeper {
    width: 300%;
  }
  .aboutsixth .all .left .fourthcar .keeper .karuselitem {
    margin-right: 5px;
    font-size: 12px;
  }
  .aboutsixth .all .right {
    margin-top: 0px;
  }
  .aboutsixth .all .right p {
    font-size: 17px;
    margin-bottom: 0px;
  }
  .aboutsixth .all .right a {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .aboutsixth .all .thirdpabout {
    font-size: 45px;
  }
  .aboutsixth .all .left .firstcar {
    left: 7px;
    top: 0;
    width: 95%;
  }
  .aboutsixth .all .left .firstcar .keeper {
    width: 250%;
  }
  .aboutsixth .all .left .firstcar .keeper .karuselitem {
    margin-right: 8px;
  }
  .aboutsixth .all .left .secondcar {
    left: 43%;
    top: 47%;
    width: 110%;
  }
  .aboutsixth .all .left .secondcar .keeper {
    width: 250%;
  }
  .aboutsixth .all .left .secondcar .keeper .karuselitem {
    margin-right: 8px;
  }
  .aboutsixth .all .left .thirdcar {
    right: 7px;
    bottom: 0;
    width: 95%;
  }
  .aboutsixth .all .left .thirdcar .keeper {
    width: 250%;
  }
  .aboutsixth .all .left .thirdcar .keeper .karuselitem {
    margin-right: 8px;
  }
  .aboutsixth .all .left .fourthcar {
    right: 43%;
    bottom: 47%;
    width: 110%;
  }
  .aboutsixth .all .left .fourthcar .keeper {
    width: 250%;
  }
  .aboutsixth .all .left .fourthcar .keeper .karuselitem {
    margin-right: 8px;
  }
  .aboutsixth .all .right p {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .aboutsixth .all .right a {
    font-size: 20px;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#wishlist {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
#wishlist .all {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#wishlist .all .wishlistboshdu {
  margin: 60px 0;
}
#wishlist .all .wishlistboshdu .wishlistbosh {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#wishlist .all .wishlistboshdu .wishlistbosh p {
  text-align: center;
  font-family: var(--neuebold);
  font-size: 28px;
  letter-spacing: 0.1em;
  color: var(--yellow);
}
#wishlist .all .wishlistitem {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-family: var(--neuemedium);
  font-weight: 500;
  font-size: 14px;
  line-height: 114%;
  letter-spacing: 0.08em;
}
#wishlist .all .wishlistitem span {
  margin-top: 15px;
}
#wishlist .all .wishlistitem span:nth-child(3) {
  font-size: 18px;
}
#wishlist .all .wishlistitem .discpercent {
  position: absolute;
  right: 6%;
  bottom: 10%;
  font-size: 12px;
  color: black;
  background-color: var(--yellow);
  padding: 2px 3px;
}
#wishlist .all .wishlistitem .removefromwishlist {
  position: absolute;
  font-size: 30px;
  color: var(--yellow);
  right: 6%;
  top: 3%;
  transition: 0.2s;
}
#wishlist .all .wishlistitem .removefromwishlist:hover {
  color: black;
}

@media (max-width: 576px) {
  #wishlist {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
  }
  #wishlist .all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #wishlist .all .wishlistboshdu {
    margin: 60px 0;
  }
  #wishlist .all .wishlistboshdu .wishlistbosh {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  #wishlist .all .wishlistboshdu .wishlistbosh p {
    text-align: center;
    font-family: var(--neuebold);
    font-size: 28px;
    letter-spacing: 0.1em;
    color: var(--yellow);
  }
  #wishlist .all .wishlistitem {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-family: var(--neuemedium);
    font-weight: 500;
    font-size: 10px;
    line-height: 114%;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
  }
  #wishlist .all .wishlistitem span {
    margin-top: 10px;
  }
  #wishlist .all .wishlistitem span:nth-child(3) {
    font-size: 12px;
  }
  #wishlist .all .wishlistitem .discpercent {
    position: absolute;
    right: 8%;
    bottom: 18%;
    font-size: 10px;
    color: black;
    background-color: var(--yellow);
    padding: 2px 3px;
  }
  #wishlist .all .wishlistitem .removefromwishlist {
    position: absolute;
    font-size: 30px;
    color: var(--yellow);
    right: 6%;
    top: 3%;
    transition: 0.2s;
  }
  #wishlist .all .wishlistitem .removefromwishlist:hover {
    color: black;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

#forgot {
  margin: 30px 0;
  width: 100%;
  font-family: var(--neuemedium);
}
#forgot .all {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90vh;
  padding: 0;
  margin: 0;
}
#forgot .all p {
  text-align: center;
  font-size: 45px;
  font-family: var(--neuebold);
  margin-bottom: 20px;
  color: var(--yellow);
}
#forgot .all form {
  width: 100%;
  border: 0.5px solid var(--yellow);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 3px;
  flex-wrap: wrap;
}
#forgot .all form input {
  border: 0.5px solid black;
  padding: 7px;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
  border-radius: 3px;
  color: black;
  font-size: 20px;
  outline: none;
}
#forgot .all form button {
  padding: 10px;
  color: black;
  border-radius: 3px;
  background-color: var(--yellow);
  border: none;
  outline: none;
  cursor: pointer;
}

@media (max-width: 576px) {
  #forgot {
    margin: 30px 0;
    width: 100%;
    font-family: var(--neuemedium);
  }
  #forgot .all {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    padding: 0;
    margin: 0;
  }
  #forgot .all p {
    text-align: center;
    font-size: 20px !important;
    font-family: var(--neuebold);
    margin-bottom: 20px;
    color: var(--yellow);
  }
  #forgot .all form {
    width: 100%;
    border: 0.5px solid var(--yellow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
  }
  #forgot .all form input {
    border: 0.5px solid black;
    padding: 7px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
    border-radius: 4px;
    color: black;
    font-size: 12px;
    outline: none;
  }
  #forgot .all form button {
    padding: 6px;
    font-size: 12px;
    color: black;
    border-radius: 3px;
    background-color: var(--yellow);
    border: none;
    outline: none;
    cursor: pointer;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

#reset {
  margin: 30px 0;
  width: 100%;
  font-family: var(--neuemedium);
}
#reset .all {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90vh;
  padding: 0;
  margin: 0;
}
#reset .all p {
  text-align: center;
  font-size: 45px;
  font-family: var(--neuebold);
  margin-bottom: 20px;
  color: var(--yellow);
}
#reset .all form {
  width: 100%;
  border: 0.5px solid var(--yellow);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 3px;
  flex-wrap: wrap;
}
#reset .all form input {
  border: 0.5px solid black;
  padding: 7px;
  font-family: var(--neuelight);
  letter-spacing: 0.08em;
  border-radius: 3px;
  color: black;
  margin-bottom: 15px;
  font-size: 20px;
  outline: none;
}
#reset .all form button {
  padding: 10px;
  color: black;
  border-radius: 3px;
  background-color: var(--yellow);
  border: none;
  outline: none;
  cursor: pointer;
}

@media (max-width: 576px) {
  #reset {
    margin: 30px 0;
    width: 100%;
    font-family: var(--neuemedium);
  }
  #reset .all {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    padding: 0;
    margin: 0;
  }
  #reset .all p {
    text-align: center;
    font-size: 20px !important;
    font-family: var(--neuebold);
    margin-bottom: 20px;
    color: var(--yellow);
  }
  #reset .all form {
    width: 100%;
    border: 0.5px solid var(--yellow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    flex-wrap: wrap;
    border-radius: 4px;
  }
  #reset .all form input {
    border: 0.5px solid black;
    padding: 7px;
    font-family: var(--neuelight);
    letter-spacing: 0.08em;
    border-radius: 4px;
    color: black;
    font-size: 12px;
    margin-bottom: 15px;
    outline: none;
  }
  #reset .all form button {
    padding: 6px;
    font-size: 12px;
    color: black;
    border-radius: 3px;
    background-color: var(--yellow);
    border: none;
    outline: none;
    cursor: pointer;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

#hasbeenreset {
  margin: 30px 0;
  width: 100%;
  font-family: var(--neuemedium);
}
#hasbeenreset .all {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90vh;
  padding: 0;
  margin: 0;
}
#hasbeenreset .all div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#hasbeenreset .all div p {
  text-align: center;
  font-size: 30px !important;
  font-family: var(--neuebold);
  margin-bottom: 20px;
  color: var(--yellow);
}
#hasbeenreset .all div a {
  text-align: center;
  font-size: 17px !important;
  font-family: var(--neuemedium);
  padding: 20px;
  border: none;
  outline: none;
  border-radius: 1px;
  color: black;
  margin: 0 auto;
  background-color: var(--yellow);
}

@media (max-width: 576px) {
  #hasbeenreset {
    margin: 30px 0;
    width: 100%;
    font-family: var(--neuemedium);
  }
  #hasbeenreset .all {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  #hasbeenreset .all div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #hasbeenreset .all div p {
    text-align: center;
    font-size: 20px !important;
    font-family: var(--neuebold);
    margin-bottom: 20px;
    color: var(--yellow);
  }
  #hasbeenreset .all div a {
    text-align: center;
    font-size: 17px !important;
    font-family: var(--neuemedium);
    padding: 20px;
    border: none;
    outline: none;
    border-radius: 1px;
    color: black;
    margin: 0 auto;
    background-color: var(--yellow);
  }
}
@font-face {
  font-family: NeuePowerLight;
  src: url(../fonts/Neue_Power/NeuePower-Light.ttf);
}
@font-face {
  font-family: NeuePowerMedium;
  src: url(../fonts/Neue_Power/NeuePower-Medium.ttf);
}
@font-face {
  font-family: NeuePowerRegular;
  src: url(../fonts/Neue_Power/NeuePower-Regular.ttf);
}
@font-face {
  font-family: NeuePowerUltra;
  src: url(../fonts/Neue_Power/NeuePower-Ultra.ttf);
}
@font-face {
  font-family: NeuePowerBold;
  src: url(../fonts/Neue_Power/NeuePower-Bold.ttf);
}
@keyframes join_newsletter {
  from {
    left: -100%;
  }
  to {
    left: 0%;
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1000px);
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: black;
}

::-webkit-scrollbar-thumb:hover {
  background: grey;
}

:root {
  --white: #FFFFFF;
  --yellow: #EDF109;
  --neueregular: NeuePowerRegular;
  --neuemedium: NeuePowerMedium;
  --neuelight: NeuePowerLight;
  --neueultra: NeuePowerUltra;
  --neuebold: NeuePowerBold;
}

@keyframes mercaniye {
  from {
    background-color: var(--yellow);
    color: black;
  }
  to {
    background-color: white;
    color: white;
  }
}
@keyframes carousel {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}/*# sourceMappingURL=style.css.map */