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

img {
  display: block;
}

/* html {
   height: 100%;
} */
body {
  /* overflow: hidden; */
  height: 200%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #777777;
  font-family: sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* COLORS */
.header__top {
  /* padding: 10px; */
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  background-color: white;
}
.header__top--container {
  width: 100%;
  max-width: 1460px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.header__top--container .about__us {
  display: none;
  align-items: center;
  cursor: pointer;
}
.header__top--container .about__us i {
  margin-left: 5px;
  font-size: 0.7rem;
}
.header__top--container .about__us .bi-chevron-down.notactive {
  display: none;
}
.header__top--container .about__us .bi-chevron-up {
  display: none;
}
.header__top--container .about__us .bi-chevron-up.active {
  display: block;
}
@media screen and (max-width: 600px) {
  .header__top--container .about__us {
    display: flex;
  }
}
.header__top--container h1 {
  font-size: 0.8rem;
  font-weight: lighter;
  flex: 1 1 auto;
}
@media screen and (max-width: 500px) {
  .header__top--container h1 {
    max-width: 150px;
  }
}
.header__top--container a {
  display: flex;
  text-decoration: none;
  color: #777777;
  transition: all 0.5s ease;
}
.header__top--container a i {
  margin-right: 5px;
}
@media screen and (max-width: 600px) {
  .header__top--container a {
    display: none;
    background-color: white;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 2;
    padding: 10px;
    width: 150px;
    border: 1px solid rgba(108, 117, 125, 0.3019607843);
  }
}
@media screen and (max-width: 500px) {
  .header__top--container a {
    top: 50px;
  }
}
.header__top--container .info.active,
.header__top--container .delivery.active {
  display: flex;
  z-index: 3;
}
.header__top--container a:hover {
  color: #80ed99;
}
.header__top--container a:last-child {
  margin-left: 10px;
}
@media screen and (max-width: 600px) {
  .header__top--container a:last-child {
    top: 70px;
  }
}
@media screen and (max-width: 500px) {
  .header__top--container a:last-child {
    top: 88px;
  }
}

.header__main {
  position: relative;
  min-width: 100%;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #264653;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  border-top: 1px solid #80ed99;
  border-bottom: 1px solid #80ed99;
}
.header__main--container {
  padding-inline: 10px;
  width: 100%;
  max-width: 1460px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
}
.header__main--container h1 {
  color: #80ed99;
}
.header__main--container > div {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header__main--container i {
  color: white;
  font-size: 1.5rem;
}
.header__main--container h2 {
  color: white;
  font-size: 0.9rem;
}
.header__main--container .logo img {
  width: 160px;
}
.header__main--container .work__time h2, .header__main--container a h2, .header__main--container a, .header__main--container .cart i {
  transition: all 0.5s;
  text-decoration: none;
  position: relative;
}
.header__main--container a:hover h2 {
  color: #80ed99;
}
.header__main--container a:hover i {
  color: #80ed99;
}
.header__main--container .work__time:hover h2 {
  color: #80ed99;
}
.header__main--container .work__time {
  position: relative;
}
.header__main--container .work__time .work__time--days {
  position: absolute;
  font-size: 0.8rem;
  top: 38px;
  left: 50%;
  background-color: white;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  padding: 10px;
  width: 200px;
  transition: all 0.3s ease;
  transform: translateX(-50%);
  scale: 0;
  transform-origin: top left;
  cursor: default;
}
.header__main--container .work__time .work__time--days p:first-child {
  text-align: end;
}
.header__main--container .work__time .work__time--days i {
  color: #777777;
  cursor: pointer;
}
.header__main--container .work__time .work__time--days i:hover {
  color: #80ed99;
}
.header__main--container .work__time .work__time--days.active {
  scale: 1;
}
@media screen and (max-width: 1200px) {
  .header__main--container .buy__car {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .header__main--container .service {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .header__main--container .work__time {
    display: none;
  }
}

.categories {
  background-color: #f77f00;
  width: 250px;
  height: 60px;
  justify-content: space-between;
}
.categories h2, .categories i {
  padding-inline: 10px;
}
.categories nav {
  position: absolute;
  top: 60px;
  z-index: 2;
  background-color: white;
  display: none;
  /* NAV MAX-WIDTH 700px */
}
.categories nav a, .categories nav i {
  text-decoration: none;
  color: #777777;
}
.categories nav ul .close__burger, .categories nav ul .burger__menu, .categories nav ul .social__media, .categories nav ul .tel, .categories nav ul .email {
  display: none;
}
.categories nav ul li {
  line-height: 3;
  list-style-type: none;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  border-top: none;
  padding-inline: 10px;
  font-size: 0.9rem;
  width: 250px;
  transition: all 0.3s ease;
}
.categories nav ul li:first-child {
  border-top: 1px solid rgba(108, 117, 125, 0.3019607843);
}
.categories nav ul a:hover li {
  color: #80ed99;
}
@media screen and (max-width: 700px) {
  .categories nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.264);
    transition: all 0.3s ease;
    visibility: hidden;
    cursor: default;
  }
  .categories nav ul {
    background-color: white;
    position: absolute;
    left: -100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    /* & a li:hover {
       color: $link-hover;
    } */
  }
  .categories nav ul .close__burger {
    display: flex;
    justify-content: flex-end;
    border-bottom: none;
    height: 50px;
    cursor: pointer;
  }
  .categories nav ul .close__burger i:hover {
    color: #80ed99;
  }
  .categories nav ul .burger__menu {
    display: block;
    font-weight: bolder;
    color: #264653;
    border-bottom: 2px solid;
  }
  .categories nav ul .social__media {
    display: flex;
    justify-content: center;
    font-size: 2rem;
  }
  .categories nav ul .social__media a i {
    font-size: 2rem;
  }
  .categories nav ul .tel, .categories nav ul .email {
    display: flex;
    align-items: center;
  }
  .categories nav ul li {
    background-color: white;
  }
  .categories nav ul.active {
    left: 0;
  }
}
.categories nav.active {
  visibility: visible;
}
@media screen and (max-width: 700px) {
  .categories {
    width: 20px;
    justify-content: center;
    background-color: transparent;
  }
  .categories h2 {
    display: none;
  }
}

.categories:hover nav {
  display: block;
  /* @media screen and (max-width: 700px) {
     display: none;
  } */
}

.cart {
  position: relative;
  margin-right: 10px;
}
.cart i {
  padding-inline: 0;
}
.cart .cartAmount {
  /* background: #cd3d0f; */
  position: absolute;
  top: -10px;
  right: -8px;
  background-color: #f77f00;
  border-radius: 0.625rem;
  color: #fff;
  font-family: SSTPro-Roman, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  font-style: normal;
  font-stretch: normal;
  height: 20px;
  height: 1.25rem;
  /* left: -5px;
  left: -0.3125rem;
  position: absolute; */
  text-align: center;
  /* top: -5px;
  top: -0.3125rem; */
  width: 20px;
  width: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  flex: 1 1 auto;
  /* border: 1px solid red; */
  /* min-height: 100%; */
  width: 100%;
  max-width: 1460px;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  main {
    padding-top: 0;
  }
}

.recomendations h1 {
  padding: 10px 0;
  color: black;
  /* border-bottom: 1px solid $borders; */
}
@media screen and (max-width: 1060px) {
  .recomendations h1 {
    margin-top: 465px;
  }
}
@media screen and (max-width: 700px) {
  .recomendations h1 {
    margin-top: 355px;
  }
}
@media screen and (max-width: 500px) {
  .recomendations h1 {
    margin-top: 300px;
  }
}
.recomendations .products__h1 {
  /* @media screen and (max-width: 700px) {
     margin-top: 355px;
  }
  @media screen and (max-width: 500px) {
     margin-top: 300px;
  } */
}
@media screen and (max-width: 1060px) {
  .recomendations .products__h1 {
    margin-top: 300px;
  }
}
.recomendations .recomendations__products {
  display: flex;
  /* padding-top: 10px; */
  /* justify-content: space-between; */
  flex-wrap: wrap;
  column-gap: 10px;
}
.recomendations .recomendations__products--about {
  width: calc((100% - 30px) / 4);
  /* height: 400px; */
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  cursor: pointer;
  /*  @media screen and (max-width: 900px) {

      width: calc((100% - 100px) / 3);
   }  */
}
@media screen and (max-width: 850px) {
  .recomendations .recomendations__products--about {
    width: calc((100% - 10px) / 2);
    justify-content: center;
  }
}
.recomendations .recomendations__products--about figure {
  flex: 1 1 auto;
  margin-bottom: 20px;
}
.recomendations .recomendations__products--about figure img {
  width: 100%;
  height: auto;
}
.recomendations .recomendations__products--about p {
  text-align: center;
}
.recomendations .recomendations__products--about p span {
  color: red;
}
.recomendations .recomendations__products--about .price {
  color: #80ed99;
  padding: 10px 0;
}
.recomendations .recomendations__products--about button {
  color: white;
  width: 100%;
  padding: 10px;
  border: 1px solid #80ed99;
  font-size: 0.8rem;
  cursor: pointer;
  background-color: #264653;
  transition: all 0.3s ease;
  text-transform: uppercase;
}
.recomendations .recomendations__products--about button:hover {
  background-color: #80ed99;
}
.recomendations .recomendations__products--about button:active {
  background-color: white;
}
.recomendations .recomendations__products--about .quantity {
  display: none;
}
@media screen and (max-width: 450px) {
  .recomendations .recomendations__products .remont {
    width: 100%;
  }
}
@media screen and (min-width: 700px) {
  .recomendations .recomendations__products--about:hover {
    box-shadow: 1px 1px 5px 1px;
  }
}

.main__banner {
  display: flex;
  justify-content: center;
  background-color: gray;
  /* height: 100%; */
  overflow: hidden;
  position: relative;
}
.main__banner img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 1060px) {
  .main__banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 460px;
  }
}
@media screen and (max-width: 700px) {
  .main__banner {
    height: 350px;
  }
}
@media screen and (max-width: 500px) {
  .main__banner {
    height: 300px;
  }
}
.main__banner .main__banner--sub {
  position: absolute;
  color: white;
  top: 50%;
  transform: translateY(-50%);
}
.main__banner .main__banner--sub h1 {
  padding: 20px;
  background-color: hsla(0, 0%, 2%, 0.889);
  border-radius: 15px;
  border: 1px solid #80ed99;
  text-align: center;
  font-size: 1rem;
  margin: 10px;
}

.marks__wrap {
  /* border: 1px solid; */
  margin: 60px 0;
  user-select: none;
}
@media screen and (max-width: 1050px) {
  .marks__wrap {
    margin-bottom: 470px;
  }
}
@media screen and (max-width: 700px) {
  .marks__wrap {
    margin-bottom: 355px;
  }
}
@media screen and (max-width: 500px) {
  .marks__wrap {
    margin-bottom: 250px;
  }
}
.marks__wrap .swiper {
  width: 100%;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  /*  .swiper-wrapper {

   } */
  /*  .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   } */
}
.marks__wrap .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .marks__wrap .swiper .swiper-wrapper .swiper-slide {
    width: 20%;
  }
}
@media screen and (max-width: 650px) {
  .marks__wrap .swiper .swiper-wrapper .swiper-slide {
    /* max-width: 20%; */
    justify-content: space-between;
  }
}
@media screen and (max-width: 500px) {
  .marks__wrap .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    /* max-width: 150px; */
    justify-content: center;
  }
}
.marks__wrap .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: fit-content;
  /* border: 1px solid; */
}
@media screen and (max-width: 400px) {
  .marks__wrap .swiper .swiper-wrapper .swiper-slide img {
    max-width: 40%;
    height: fit-content;
  }
}
.marks__wrap .swiper .swiper-button-prev, .marks__wrap .swiper .swiper-button-next::after {
  color: #777777;
}
.marks__wrap .swiper .swiper-pagination-bullet-active {
  background-color: #80ed99;
  font-size: 1rem;
}

/* .main__bottom {
   width: 100%;
   background-color: #1D232F;
   figure {
      img {
         width: 100%;
         height: auto;
      }
   }
} */
.main__bottom {
  display: flex;
  justify-content: center;
  background-color: gray;
  /* height: 100%; */
  overflow: hidden;
  position: relative;
}
.main__bottom img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 1060px) {
  .main__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 460px;
  }
}
@media screen and (max-width: 700px) {
  .main__bottom {
    height: 350px;
  }
}
@media screen and (max-width: 500px) {
  .main__bottom {
    height: 250px;
  }
}
.main__bottom a {
  position: absolute;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
}
.main__bottom a h1 {
  padding: 20px 10px;
  background-color: hsla(0, 0%, 2%, 0.889);
  border-radius: 15px;
  border: 1px solid #80ed99;
  text-align: center;
  font-size: 1rem;
  margin: 10px;
}

.viber {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  color: white;
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 1;
  background-color: transparent;
  border-radius: 100%;
  /* border-radius: 15px; */
  width: 47px;
  height: 47px;
  animation: waves-viber linear 3s infinite;
  z-index: 5;
  /*  @keyframes animat {
      0% {
         transform: rotate(-20deg);
      }
      20% {
         transform: rotate(0deg);
      }
      40% {
         transform: rotate(-20deg);
      }
      60% {
         transform: rotate(0deg);
      }
      80% {
         transform: rotate(-20deg);
      }
      100% {
         transform: rotate(0deg);
      }
   } */
}
.viber__wrap {
  background-color: rgb(115, 96, 242);
  border-radius: 15px;
  padding: 0 5px 5px 5px;
  height: 60px;
  display: flex;
  align-items: center;
}
.viber i {
  font-size: 3rem;
}
.viber a, .viber a:visited {
  /* color:  rgb(115, 96, 242); */
  color: white;
}
.viber__message {
  width: 10px;
  height: 10px;
  background-color: red;
  position: absolute;
  right: -8px;
  top: -8px;
  border-radius: 50%;
}
.viber .fa-viber {
  animation: 1.5s linear infinite animat;
}
@keyframes animat {
  0% {
    transform: rotate(0) skew(0.017rad);
  }
  25% {
    transform: rotate(0) skew(0.017rad);
  }
  35% {
    transform: rotate(-0.3rad) skew(0.017rad);
  }
  45% {
    transform: rotate(0.3rad) skew(0.017rad);
  }
  55% {
    transform: rotate(-0.3rad) skew(0.017rad);
  }
  65% {
    transform: rotate(0.3rad) skew(0.017rad);
  }
  75% {
    transform: rotate(0) skew(0.017rad);
  }
  100% {
    transform: rotate(0) skew(0.017rad);
  }
}
@keyframes waves-viber {
  0% {
    box-shadow: 0 8px 10px rgba(115, 96, 242, 0.3), 0 0 0 0 rgba(115, 96, 242, 0.2), 0 0 0 0 rgba(115, 96, 242, 0.2);
  }
  40% {
    box-shadow: 0 8px 10px rgba(115, 96, 242, 0.3), 0 0 0 35px rgba(115, 96, 242, 0.2), 0 0 0 0 rgba(115, 96, 242, 0.2);
  }
  80% {
    box-shadow: 0 8px 10px rgba(115, 96, 242, 0.3), 0 0 0 55px rgba(115, 96, 242, 0), 0 0 0 26.7px rgba(115, 96, 242, 0.067);
  }
  100% {
    box-shadow: 0 8px 10px rgba(115, 96, 242, 0.3), 0 0 0 80px rgba(115, 96, 242, 0), 0 0 0 40px rgba(115, 96, 242, 0);
  }
}

.cart__menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.264);
  z-index: 5;
  transition: all 0.3s ease;
  visibility: hidden;
}
.cart__menu .menu__container {
  background-color: white;
  position: absolute;
  right: -100%;
  /* right: 0; */
  height: 100%;
  width: 360px;
  transition: all 0.5s ease-in-out;
  padding: 20px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.cart__menu .menu__container--close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #264653;
  /* border-bottom: 2px solid $head-bg; */
  padding-bottom: 10px;
  font-size: 0.9rem;
}
.cart__menu .menu__container--close i {
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cart__menu .menu__container--close i:hover {
  color: #80ed99;
}
.cart__menu .menu__container .menu__container--products {
  border-top: 2px solid #264653;
}
.cart__menu .menu__container .menu__container--products figure {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  display: flex;
  justify-content: center;
}
.cart__menu .menu__container .menu__container--products figure img {
  width: 30%;
  height: auto;
}
.cart__menu .menu__container .menu__container--products p {
  padding-top: 10px;
  text-align: center;
}
.cart__menu .menu__container .menu__container--products .quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.cart__menu .menu__container .menu__container--products .quantity .quantity__items {
  display: flex;
  align-items: center;
}
.cart__menu .menu__container .menu__container--products .quantity .quantity__items i {
  cursor: pointer;
  margin: 0 15px;
  display: none;
}
.cart__menu .menu__container .menu__container--products .quantity .quantity__items .fa-plus {
  margin-right: 0;
}
.cart__menu .menu__container .menu__container--products .quantity .quantity__items i:hover {
  color: #80ed99;
}
.cart__menu .menu__container .menu__container--products .summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.cart__menu .menu__container .total {
  border-top: 2px solid #264653;
  padding-top: 10px;
}
.cart__menu .menu__container .total .total__items {
  padding: 10px 0;
}
.cart__menu .menu__container .total .total__items, .cart__menu .menu__container .total .total__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__menu .menu__container .total .total__summary--numb {
  font-weight: bolder;
}
.cart__menu .menu__container button {
  padding: 12px;
  margin-top: 15px;
  cursor: pointer;
}
.cart__menu .menu__container a {
  text-decoration: none;
}
.cart__menu .menu__container--confirmation {
  color: white;
  background-color: #264653;
  border: 1px solid #80ed99;
  transition: all 0.3s ease;
  padding: 12px;
  margin-top: 15px;
  cursor: pointer;
  text-align: center;
}
.cart__menu .menu__container--confirmation:hover {
  background-color: #80ed99;
}
.cart__menu .menu__container--continue {
  background-color: whitesmoke;
  border: 1px solid #80ed99;
  font-size: 1rem;
}
.cart__menu .menu__container.active {
  right: 0;
}

.cart__menu.active {
  visibility: visible;
}

.about__service {
  margin-top: 20px;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  /* background-color: #058c42; */
  /* background-color: #38a3a5; */
  /* background-color: #669bbc; */
  padding: 10px;
  /* color: white; */
  /* border: 1px solid $link-hover; */
  margin-bottom: 20px;
}
.about__service h1 {
  color: black;
}
.about__service p {
  font-size: 0.9rem;
  line-height: 1.5;
}
.about__service ul li {
  font-size: 0.9rem;
  line-height: 1.5;
  list-style-position: inside;
}

.skin {
  /* color: black; */
}
.skin h1 {
  color: black;
  padding: 20px 0;
}
.skin__products {
  display: flex;
  column-gap: 5px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1210px) {
  .skin__products {
    justify-content: center;
  }
}
.skin__products--services {
  text-align: center;
  width: 100%;
  max-width: 235px;
}
@media screen and (max-width: 502px) {
  .skin__products--services {
    max-width: calc((100% - 10px) / 2);
  }
}
.skin__products--services figure {
  overflow: hidden;
  height: 140px;
  border-radius: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 502px) {
  .skin__products--services figure {
    height: 120px;
  }
}
@media screen and (max-width: 440px) {
  .skin__products--services figure {
    height: 100px;
  }
}
@media screen and (max-width: 370px) {
  .skin__products--services figure {
    height: 80px;
  }
}
.skin__products--services figure img {
  width: 100%;
  height: auto;
}
.skin__products--services p {
  padding-bottom: 20px;
}
.skin__materials {
  font-size: 0.8rem;
  text-align: center;
}

.callback {
  line-height: 2;
  width: 100%;
  /* border: 1px solid red; */
}
.callback h1 {
  color: black;
}
@media screen and (max-width: 1060px) {
  .callback {
    margin-top: 300px;
  }
}
.callback__firm {
  display: flex;
  column-gap: 20px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  /* border: 1px solid green; */
}
@media screen and (max-width: 1000px) {
  .callback__firm {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 611px) {
  .callback__firm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 611px) {
  .callback__firm .time {
    width: 325.7px;
  }
}
.callback__firm .time .time__days {
  display: flex;
}
.callback__firm .time .time__days--icon {
  margin-right: 5px;
}
.callback__firm .forms {
  /* border: 1px solid yellow; */
  width: 470px;
  /* & input:focus-within {
     border: none;
  } */
}
@media screen and (max-width: 1000px) {
  .callback__firm .forms {
    width: 100%;
    border-top: 1px solid black;
    padding-top: 10px;
    margin-top: 20px;
  }
}
.callback__firm .forms span {
  color: red;
}
.callback__firm .forms input {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  outline: none;
}
.callback__firm .forms .textarea {
  width: 100%;
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  outline: none;
  padding: 10px;
}
.callback__firm .forms .submit {
  background-color: #264653;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}
.callback__firm .forms .submit:hover {
  background-color: #80ed99;
}

.faq {
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1060px) {
  .faq {
    margin-top: 300px;
  }
}
@media screen and (max-width: 500px) {
  .faq {
    margin: 360px 0 50px;
    height: 100%;
  }
}
.faq .faq__container {
  width: 100%;
}
.faq .faq__container .question {
  border: 1px solid rgba(108, 117, 125, 0.3019607843);
  height: 100%;
  overflow: hidden;
  /* transition: all 0.3s ease; */
}
.faq .faq__container .question .question__h1 {
  color: black;
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-size: 0.9rem;
}
.faq .faq__container .question .question__h1 .bi-dash-lg {
  display: none;
}
.faq .faq__container .question .question__content {
  /* display: flex;
  align-items: center; */
  height: 0;
  transition: all 0.5s ease;
}
.faq .faq__container .question .question__content.active {
  height: 50px;
  padding: 0 10px 10px 10px;
}
@media screen and (max-width: 1150px) {
  .faq .faq__container .question .question__content.active {
    height: 70px;
  }
}
@media screen and (max-width: 805px) {
  .faq .faq__container .question .question__content.active {
    height: 90px;
  }
}
@media screen and (max-width: 515px) {
  .faq .faq__container .question .question__content.active {
    height: 150px;
  }
}

.about__company {
  padding-top: 20px;
  line-height: 1.8;
  font-size: 0.9rem;
}
@media screen and (max-width: 1060px) {
  .about__company {
    margin-top: 320px;
  }
}
.about__company h1 {
  color: black;
}
.about__company span {
  color: black;
  font-weight: bolder;
}
.about__company i {
  color: #f77f00;
  margin-right: 5px;
}
.about__company li {
  list-style-position: inside;
}

.incart {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  column-gap: 40px;
  font-size: 0.8rem;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  .incart {
    flex-direction: column;
  }
}
.incart .shopping-cart {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* .cart-items:first-child {
     border-top: 1px solid hsla(0, 0%, 50%, 0.5);
  } */
}
.incart .shopping-cart .cart-items {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 130px;
  padding: 30px 0;
  column-gap: 20px;
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 500px) {
  .incart .shopping-cart .cart-items {
    column-gap: 60px;
  }
}
@media screen and (max-width: 450px) {
  .incart .shopping-cart .cart-items {
    column-gap: 40px;
  }
}
@media screen and (max-width: 410px) {
  .incart .shopping-cart .cart-items {
    column-gap: 10px;
  }
}
.incart .shopping-cart .cart-items img {
  width: 80px;
  height: auto;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  /* border-radius: 15px; */
  padding: 5px;
  background-color: white;
}
.incart .shopping-cart .cart-items .prod__items {
  display: flex;
  align-items: flex-end;
  column-gap: 20px;
  flex: 1 1 auto;
}
.incart .shopping-cart .cart-items .prod__items .name__products {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
}
.incart .shopping-cart .cart-items .prod__items .name__products p:first-child {
  padding-bottom: 5px;
  /* margin-top: 5px; */
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items .prod__items .name__products p:first-child {
    padding-top: 5px;
  }
}
.incart .shopping-cart .cart-items .prod__items .name__products p:nth-child(2) {
  font-size: 0.9rem;
  /* font-weight: bolder; */
  /* color: black; */
  background-color: white;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  padding: 10px;
  /* text-transform: uppercase; */
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 350px) {
  .incart .shopping-cart .cart-items .prod__items .name__products p:nth-child(2) {
    font-size: 0.7rem;
  }
}
.incart .shopping-cart .cart-items .platform {
  width: 100%;
  max-width: 150px;
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.incart .shopping-cart .cart-items .platform p:first-child {
  padding-bottom: 5px;
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items .platform p:first-child {
    padding-top: 5px;
  }
}
.incart .shopping-cart .cart-items .platform p:nth-child(2) {
  background-color: white;
  padding: 10px;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  /* border-radius: 15px; */
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
}
.incart .shopping-cart .cart-items .buttons {
  display: flex;
  flex-direction: column;
}
.incart .shopping-cart .cart-items .buttons p:first-child {
  padding-bottom: 5px;
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items .buttons p:first-child {
    padding-top: 5px;
  }
}
.incart .shopping-cart .cart-items .buttons .buttons__plus-minus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  background-color: white;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  /* border-radius: 15px; */
  padding: 10px;
  min-width: 100px;
}
.incart .shopping-cart .cart-items .buttons .buttons__plus-minus i {
  font-size: 0.9rem;
  cursor: pointer;
}
.incart .shopping-cart .cart-items .summary {
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
}
.incart .shopping-cart .cart-items .summary p:first-child {
  padding-bottom: 5px;
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items .summary p:first-child {
    padding-top: 5px;
  }
}
.incart .shopping-cart .cart-items .summary p:nth-child(3) {
  background-color: white;
  padding: 10px;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  /* border-radius: 15px; */
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  font-weight: bolder;
  min-width: 100px;
}
.incart .shopping-cart .cart-items .remove__container {
  display: flex;
  /* flex: 1 1 auto; */
  justify-content: flex-end;
}
@media screen and (max-width: 735px) {
  .incart .shopping-cart .cart-items .remove__container {
    flex: 1 1 auto;
  }
}
.incart .shopping-cart .cart-items .bi-x-square {
  color: hsla(0, 0%, 50%, 0.5);
  font-size: 1.5rem;
  cursor: pointer;
  padding-bottom: 5px;
}
.incart .shopping-cart .cart-items .bi-x-square:hover {
  color: #80ed99;
}
.incart .cart__aside h1 {
  padding-bottom: 20px;
  font-size: 1rem;
}
.incart .cart__aside .empty__cart {
  width: 80%;
  position: absolute;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
  /* background-color: white; */
  background-color: hsla(0, 0%, 0%, 0.75);
  border: 1px solid #80ed99;
  /* border-radius: 15px; */
  padding: 20px;
  color: white;
  text-align: center;
}
.incart .cart__aside .empty__cart h1 {
  font-size: 1.5rem;
  padding-bottom: 0;
}
.incart .cart__aside .cart__aside--h1 {
  color: black;
}
.incart .cart__aside .cart__aside--wrap {
  font-size: 1rem;
  /* width: 100%; */
  width: 320px;
  height: 100%;
  min-height: 300px;
  max-height: 300px;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  /*  border-radius: 15px; */
  background-color: white;
  position: sticky;
  top: 100px;
  /* margin-right: 50px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
@media screen and (max-width: 1100px) {
  .incart .cart__aside .cart__aside--wrap {
    width: 100%;
  }
}
.incart .cart__aside .cart__aside--wrap div, .incart .cart__aside .cart__aside--wrap h1 {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
  padding: 10px 0;
}
.incart .cart__aside .cart__aside--wrap .quantity__sum,
.incart .cart__aside .cart__aside--wrap .transport,
.incart .cart__aside .cart__aside--wrap .total {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.incart .cart__aside .cart__aside--wrap .transport {
  flex-direction: column;
}
.incart .cart__aside .cart__aside--wrap .quantity__how-much,
.incart .cart__aside .cart__aside--wrap .transport__how-much,
.incart .cart__aside .cart__aside--wrap .total__how-much {
  font-size: 0.9rem;
  /* padding-bottom: 5px; */
}
.incart .cart__aside .cart__aside--wrap .quantity__sum p:nth-child(2),
.incart .cart__aside .cart__aside--wrap .transport p:nth-child(2),
.incart .cart__aside .cart__aside--wrap .total__sum {
  font-weight: bolder;
}
.incart .cart__aside .cart__aside--wrap .product__card-btn {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #80ed99;
  cursor: pointer;
  background-color: #264653;
  color: white;
}
.incart .cart__aside .cart__aside--wrap .product__card-btn:hover {
  background-color: #80ed99;
  color: white;
}

.user__name {
  width: 100%;
  /* max-width: 1040px; */
  padding: 20px 0;
  /* border-bottom: 1px solid hsla(0, 0%, 50%, 0.5); */
  /*  display: flex;
   justify-content: space-between; */
  /* align-items: flex-end; */
}
.user__name h1 {
  padding-bottom: 20px;
  font-size: 1rem;
  color: black;
}
.user__name form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  /* @media screen and (max-width: 650px) {
     gap: 5px;
  } */
}
.user__name input {
  padding: 10px;
  font-size: 0.8rem;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
  outline: none;
  /* width: 100%;
  max-width: 300px; */
  /* width: calc(100% / 4); */
  width: calc((100% - 51px) / 4);
}
@media screen and (max-width: 650px) {
  .user__name input {
    width: calc((100% - 51px) / 3);
  }
}
@media screen and (max-width: 500px) {
  .user__name input {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 390px) {
  .user__name input {
    width: 100%;
  }
}
.user__name form .user__name--buyer {
  width: calc((100% - 21px) / 2);
}
@media screen and (max-width: 650px) {
  .user__name form .user__name--buyer {
    width: calc((100% - 51px) / 3);
  }
}
@media screen and (max-width: 500px) {
  .user__name form .user__name--buyer {
    /* width: calc((100% - 10px) / 2); */
    width: 100%;
  }
}
.user__name--textarea {
  position: absolute;
  left: -10000px;
  visibility: hidden;
}
.user__name--submit {
  position: absolute;
  left: -10000px;
  visibility: hidden;
}

footer {
  background-color: #264653;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  color: white;
}
footer h1 {
  font-size: 1rem;
  /* font-weight: lighter; */
}
footer .footer__wrap {
  width: 100%;
  max-width: 1460px;
  padding: 40px 10px;
  display: flex;
  justify-content: space-between;
  /* flex-direction: row; */
}
@media screen and (max-width: 1000px) {
  footer .footer__wrap {
    flex-direction: column;
  }
}
footer .footer__wrap--left {
  display: flex;
  justify-content: space-between;
  flex: 1 1 auto;
}
@media screen and (max-width: 1400px) {
  footer .footer__wrap--left {
    flex-direction: column;
  }
}
@media screen and (max-width: 1000px) {
  footer .footer__wrap--left {
    flex-direction: row;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 720px) {
  footer .footer__wrap--left {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }
}
/* footer .footer__wrap--left h1 {
  text-align: center;
} */
footer .footer__wrap--left img {
  width: 100%;
  height: auto;
}
footer .footer__wrap--left .footer__logo {
  max-width: 350px;
}
@media screen and (max-width: 720px) {
  footer .footer__wrap--left .footer__logo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 370px) {
  footer .footer__wrap--left .footer__logo h1 {
    font-size: 0.9rem;
  }
}
footer .footer__wrap--left .footer__viber {
  /* display: flex; */
  /*  h1 {
      font-size: 1.4rem;
   } */
}
footer .footer__wrap--left .footer__viber span {
  white-space: nowrap;
}
footer .footer__wrap--left .footer__viber i {
  font-size: 1.9rem;
}
footer .footer__wrap--left .footer__viber p {
  font-size: 1.5rem;
  text-decoration: none;
  color: white;
}
@media screen and (max-width: 370px) {
  footer .footer__wrap--left .footer__viber h1 {
    font-size: 0.9rem;
  }
}
footer .footer__wrap--left .footer__viber--social {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
footer .footer__wrap--left .footer__viber--social .fa-viber {
  color: #7360f2;
  margin-left: 10px;
}
footer .footer__wrap--left .footer__viber--social .fa-telegram {
  color: #00d8ff;
  margin-inline: 10px;
}
footer .footer__wrap--left .footer__viber--social .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  /* Also define standard property for compatibility */
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .footer__wrap--right {
  display: flex;
  margin-left: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 670px) {
  footer .footer__wrap--right {
    flex-wrap: wrap;
  }
}
footer .footer__wrap--right .categories__footer,
footer .footer__wrap--right .usa__cars {
  margin-right: 40px;
}
@media screen and (max-width: 1150px) {
  footer .footer__wrap--right .categories__footer,
  footer .footer__wrap--right .usa__cars {
    margin-right: 20px;
  }
}
@media screen and (max-width: 670px) {
  footer .footer__wrap--right .categories__footer,
  footer .footer__wrap--right .usa__cars {
    margin-bottom: 40px;
  }
}
footer .footer__wrap--right ul li {
  list-style-type: none;
}
footer .footer__wrap--right ul li a {
  color: white;
  text-decoration: none;
  line-height: 2;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}
footer .footer__wrap--right ul li a:hover {
  color: #80ed99;
}
footer .copyrights {
  width: 100%;
  max-width: 1460px;
  padding-inline: 10px;
}
footer .copyrights__wrap {
  padding: 15px 0;
  /* margin-inline: 50px; */
  border-top: 1px solid white;
  text-align: center;
}
footer .copyrights__wrap h1 {
  font-size: 0.9rem;
}
footer .copyrights__wrap h1 span {
  font-weight: lighter;
}/*# sourceMappingURL=index.css.map */