@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
    url("../fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Bold.woff2") format("woff2"),
    url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Black.woff2") format("woff2"),
    url("../fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"),
    url("../fonts/Montserrat-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Light.woff2") format("woff2"),
    url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Thin.woff2") format("woff2"),
    url("../fonts/Montserrat-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2"), url("../fonts/Inter18pt-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Black.woff2") format("woff2"), url("../fonts/Inter18pt-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraBold.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Light.woff2") format("woff2"), url("../fonts/Inter18pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraLight.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Thin.woff2") format("woff2"), url("../fonts/Inter18pt-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Medium.woff2") format("woff2"), url("../fonts/Inter18pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Regular.woff2") format("woff2"), url("../fonts/Inter18pt-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-SemiBold.woff2") format("woff2"), url("../fonts/Inter18pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Kalam';
    src: url('../fonts/Kalam-Bold.woff2') format('woff2'),
        url('../fonts/Kalam-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalam';
    src: url('../fonts/Kalam-Light.woff2') format('woff2'),
        url('../fonts/Kalam-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalam';
    src: url('../fonts/Kalam-Regular.woff2') format('woff2'),
        url('../fonts/Kalam-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ////////// NOVI FONTOVI //////////////////////////////////////////////////// */
@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/DMSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Bold.woff2') format('woff2'),
        url('../fonts/DMSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('../fonts/DMSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Medium.woff2') format('woff2'),
        url('../fonts/DMSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans';
    src: url('../fonts/DMSans-Regular.woff2') format('woff2'),
        url('../fonts/DMSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* /// */

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-Light.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ///////////////////////////////////////////////////////////////////// */

:root {
  --primary-color: #00121E;
  --secondary-color: #FEB600;
}

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

html {
  font-size: 62.5%;
  overflow-x: hidden;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: "DMSans", sans-serif;
  overflow-x: hidden;
  margin: 0;
  box-sizing: border-box;
  font-size: 16px;
  padding: 0;
  color: var(--primary-color);
  position: relative;
}

.page-width {
  max-width: 1260px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1600px) {
  .page-width {
    max-width: 80%;
  }
}
@media only screen and (max-width: 900px) {
  .page-width {
    max-width: 90%;
  }
}

.page-padding {
  padding: 70px 0;
}
@media screen and (max-width: 575px) {
  .page-padding {
    padding: 50px 0;
  }
}

.page-padding-top {
  padding-top: 70px;
}
@media screen and (max-width: 575px) {
  .page-padding-top {
    padding-top: 50px;
  }
}

.overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}

a {
  text-decoration: none;
}

button {
  cursor: pointer;
}

hr {
  border: none;
  height: 1px;
  background-color: #00121E33;
}

.no-scroll {
  overflow: hidden;
}

.d-none {
  display: none !important;
}

.image {
  width: 100%;
  height: 0;
  position: relative;
  display: block;
  padding-top: 100%;
}

.image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.image2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

details > summary {
  list-style: none;
}
details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
}

.mb {
  margin-bottom: 50px;
}

.mt {
  margin-top: 50px;
}

.mtb {
  margin: 50px 0;
}

.m0 {
  margin: 0 !important;
}

.margin-top {
  margin-top: 168px;
}
@media screen and (max-width: 1299px) {
  .margin-top {
    margin-top: 100px;
  }
}
@media screen and (max-width: 575px) {
  .margin-top {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 450px) {
  .margin-top {
    margin-top: 75px;
  }
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.35px;
}



.whiteBtn, .smallWhiteBtn {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 5px;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 20px 50px;
  
  transition: all 0.5s;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .whiteBtn, .smallWhiteBtn {
    font-size: 20px;
    letter-spacing: 3.5px;
  }
}
@media screen and (max-width: 575px) {
  .whiteBtn, .smallWhiteBtn {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 15px 30px;
  }
}

.smallWhiteBtn {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
  border: 1px solid #fff;
  padding: 10px 30px;
}
@media screen and (max-width: 575px) {
  .smallWhiteBtn {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 20px;
  }
}

.whiteBtn2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 2.5px;
  text-align: center;
  color: #202020;
  background-color: transparent;
  border: 1px solid #202020;
  
  padding: 15px 50px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  transition: all 0.5s;
}
@media screen and (max-width: 1399px) {
  .whiteBtn2 {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 575px) {
  .whiteBtn2 {
    font-size: 16px;
    letter-spacing: 1.8px;
  }
}

.light-bg {
  background-color: #F5F5F5;
}

.light-bg2 {
  background: linear-gradient(to top, #fff 40px, #F8F8F8 0);
}

.center-text * {
  text-align: center;
}
.title span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--secondary-color);
  display: block;
  text-transform: uppercase;
  text-align: center;
}
.title.title2 span {
  text-align: center;
}
.title.center span {
   text-align: center;
}
.title.center h2 {
   text-align: center;
}

@media screen and (max-width: 1399px) {
  .title span {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .title span {
    font-size: 14px;
    letter-spacing: 3px;
  }
}

.line-title h2 {
  position: relative;
}
.line-title.title2 h2 {
  text-align: center;
  margin-bottom: 70px;
}
.line-title.title2 h2::after {
    position: absolute;
    display: block;
    content: "";
    height: 27px;
    width: 100%;
    background-image: url("../images/line.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 100%;
}



h1, h2 {
  font-family: "SpaceGrotesk", sans-serif;
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}
@media screen and (max-width: 1399px) {
  h1, h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  h1, h2 {
    font-size: 30px;
  }
}

h3, .checkout-form h4 {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-color);
}
.checkout-form h4 {
  text-align: left;
  text-transform: none;
  margin: 30px 0;
}
@media screen and (max-width: 1199px) {
  h3, .checkout-form h4 {
    font-size: 28px;
  }
}
@media screen and (max-width: 575px) {
  h3, .checkout-form h4 {
    font-size: 26px;
  }
}

.learnMoreBtn {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 3.5px;
  color: #CC0202;
  width: max-content;
  display: flex;
  /* align-items: center;
  justify-content: center; */
  border: none;
  outline: none;
  border-bottom: 3px solid #CC0202;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
.learnMoreBtn svg {
  margin-left: 5px;
}
.productsBtn {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  margin-left: auto;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--primary-color);
  border-bottom: 1px solid var(--secondary-color);
}
.productsBtn svg {
  margin-left: 5px;
}
.blueBtn, .blueBtn1 {
  color: #fff;
  background-color: var(--secondary-color);
  width: 100%;
  max-width: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.35px;
  /* margin-bottom: 10px; */
  text-transform: uppercase;
}
.blueBtn svg, .blueBtn1 svg {
  margin-right: 5px;
}
.wishBtn1 {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #fff;
  width: 100%;
  /* max-width: 200px; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  background-color: #00121EB2;
  /* border: 1px solid rgba(32, 32, 32, 0.5); */
}
.wishBtn1 svg path {
  fill: white;
}
.wishBtn1::before {
  display: none;
}
.wishBtn1 svg {
  margin-right: 5px;
}
.wishBtn1 svg path:last-child {
  /* transform: scale(0); */
  /* transform-origin: center center; */
  transition: all 0.5s;
}
.wishBtn1.active svg path:last-child {
  /* transform: scale(1); */
  fill: var(--secondary-color);
}
.wishBtn1:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 575px) {
  .blueBtn span, .blueBtn1 span, .wishBtn span, .wishBtn1 span {
    display: none;
  }
  .blueBtn svg, .blueBtn1 svg, .wishBtn svg, .wishBtn1 svg {
    margin: 0;
  }
  .blueBtn, .blueBtn1, .wishBtn, .wishBtn1 {
    padding: 10px;
  }
}

.wishBtn::before {
  display: none;
}
.wishBtn svg {
  margin-right: 7px;
}
.wishBtn svg path {
  /* transform: scale(0);
  transform-origin: center center; */
  transition: all 0.5s;
}

.wishBtn.active svg path {
  /* transform: scale(1); */
  fill: var(--secondary-color);
}

.whiteBtn:hover, .smallWhiteBtn:hover, .whiteBtn2:hover, .blueBtn:hover, .blueBtn1:hover, .wishBtn:hover, .final-buttons .white:hover, .final-buttons .blue:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}




.form-control {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1px;
  color: #202020;
  display: flex;
  align-items: center;
}












/* .form-control input[type=checkbox], .form-control input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  color: #202020;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(28, 39, 76, 0.3);
  margin-right: 10px;
  cursor: pointer;
  display: grid;
  place-content: center;
}
.form-control input[type=checkbox]::before, .form-control input[type=radio]::before {
  content: "";
  width: 18px;
  height: 18px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #202020;
  background-image: url("../images/check-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.form-control input[type=checkbox]:checked::before, .form-control input[type=radio]:checked::before {
  -moz-transform: scale(1);
  transform: scale(1);
} */



.form-control input[type=checkbox], .form-control input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  color: var(--primary-color);
  width: 28px;
  height: 28px;
  margin-right: 5px;
  cursor: pointer;
  display: grid;
  place-content: center;
  padding: 0;
}

.form-control input[type=checkbox]:checked,
.form-control input[type=radio]:checked {
  background-color: var(--secondary-color);
  background-image: url("../images/check-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-color: var(--secondary-color) !important;
}

.filter-section .form-control input[type=checkbox], .filter-section .form-control input[type=radio] {
  width: 20px;
  height: 20px;
  border: 1px solid #00121E33;
  margin-right: 8px;
}
.filter-section .form-control input[type=checkbox]:checked,
.filter-section .form-control input[type=radio]:checked {
  background-size: 80%;
  border: 1px solid var(--secondary-color);
}

.downloads a {
  display: flex;
  align-items: start;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #202020;
  width: -moz-fit-content;
  width: fit-content;
}
.downloads a::before {
  width: 25px;
  height: 28px;
  content: "";
  background-image: url("../images/pdf.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
  transform: translateY(-3px);
}
.downloads a + a {
  margin-top: 15px;
}
.downloads a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 575px) {
  .downloads a {
    font-size: 16px;
  }
  .downloads a::before {
    width: 22px;
    height: 25px;
  }
}

.white-form form {
  display: grid;
  gap: 20px;
}
.inputs2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.white-form .inputs3 {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  gap: 20px;
}
.white-form input, .white-form textarea, .white-form select {
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.35px;
  color: var(--primary-color);
  font-family: "DMSans";
}
.white-form label {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: var(--primary-color); 
  display: block;
  margin-bottom: 10px;
}
.white-form input, .white-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #20202033;
  outline: none;
  padding: 0 0;
}
.white-form select {
  border: none;
  border-bottom: 1px solid #20202033;
  outline: none;
  padding: 0 0;
}
.white-form input, .white-form select {
  height: 50px;
  padding: 0 15px;
  overflow: hidden;
}
.white-form textarea {
  resize: none;
  padding: 0px;
  height: 92px;
}
/* .white-form label {
  display: block;
  margin-bottom: 5px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
} */
.form-control {
  display: flex !important;
  align-items: center;
}
.white-form .blueBtn {
  margin-left: auto;
  padding: 22px 15px;
}
/* .white-form .password input {
  background-image: url("../images/pass.svg");
  background-position: calc(100% - 20px);
  background-repeat: no-repeat;
  background-size: 21px;
} */
.white-form .form-control input[type=radio], .white-form .form-control input[type=checkbox] {
  width: 25px;
  height: 25px;
  border: 1px solid #BBBEC9;
  
}
.white-form .form-control input[type=radio]::before, .white-form .form-control input[type=checkbox]::before {
  width: 25px;
  height: 25px;
  background-color: #fff;
  
  background-image: url("../images/check.svg");
}
@media screen and (max-width: 767px) {
  .white-form .form-control input[type=radio], .white-form .form-control input[type=radio]::before, .white-form .form-control input[type=checkbox], .white-form .form-control input[type=checkbox]::before {
    width: 30px;
    height: 30px;
  }
}
.radioBtns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.radioBtns .form-control:first-child {
  justify-content: end;
}
/* @media screen and (max-width: 767px) {
  .white-form .radioBtns .form-control:first-child {
    justify-content: start;
  }
} */
.polja-za-pravno {
  display: none;
}
.register-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.register-links a {
  display: flex;
  align-items: center;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.35px;
  color: var(--primary-color);
  text-transform: uppercase;
}
.register-links a svg {margin-right: 5px;}
.register-links .blueBtn {
  background-color: var(--primary-color);
}
/* .white-form .register-links p, .white-form .register-links a {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  color: #202020;
} */
/* .white-form .register-links a {
  font-weight: 800;
}
.white-form .register-links p:last-child {
  margin-left: auto;
  text-align: right;
} */
/* @media screen and (max-width: 575px) {
  .white-form .register-links p, .white-form .register-links a {
    font-size: 12px;
  }
} */
@media screen and (max-width: 767px) {
  .inputs2 {
    grid-template-columns: 1fr;
  }
  .white-form .inputs3 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .white-form form, .white-form .inputs2 {
    gap: 20px;
  }
  .white-form label {
    font-size: 14px;
  }
  .white-form input, .white-form textarea, .white-form select {
    font-size: 16px;
  }
  .white-form input {
    height: 45px;
    padding: 0 10px;
  }
  .white-form textarea {
    height: 100px;
    padding: 10px;
  }
  .white-form .blueBtn {
    max-width: 100%;
    padding: 15px;
  }
}
.white-form .inputs2-radio {
  display: flex;
  align-items: center;
}
.white-form .inputs2-radio .form-control:first-child {
  margin-right: 15px;
}
.white-form .inputs2-radio .form-control {
  min-width: 250px;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .white-form .inputs2-radio .form-control {
    min-width: unset;
  }
  .white-form .inputs2-radio .form-control + .form-control {
    margin-left: 20px;
  }
   .white-form .inputs2-radio .label-wrapper + .label-wrapper {
    margin-left: 20px;
  }
}

.contact-form:has(.law-entity:checked) .polja-za-pravno {
  display: block;
}

.iti {
  width: 100%;
}

.thank-you-page {
  max-width: 665px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thank-you-page p {
  text-align: center;
  margin: 50px 0;
}
.thank-you-page .line-title2 {
  flex-direction: column;
}
.thank-you-page .line-title2 span {
  display: block;
  text-align: center;
}

.dark-overlay35 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  z-index: 2;
}

.dark-overlay20 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 51%, rgba(255, 255, 255, 0) 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.dark-overlay10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.0957633053) 68%, rgba(255, 255, 255, 0) 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.dark-overlay50 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5019257703) 94%, rgba(0, 0, 0, 0.5019257703) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.to-top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1461834734) 68%, rgba(255, 255, 255, 0) 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.home-banner .banner-more {
  z-index: 2;
}
@media screen and (max-width: 575px) {
  .home-banner .title {
    font-size: 30px;
  }
}


.dark-overlay50blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(28, 39, 76, 0.5); */
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43.18%, rgba(0, 0, 0, 0.308982) 64.77%, rgba(0, 0, 0, 0.5) 100%),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}



.line-title2 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-title2::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: #dddee4;
}
@media screen and (max-width: 767px) {
  .line-title2::before {
    display: none;
  }
}
.line-title2 h2 {
  position: relative;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding-bottom: 15px;
}
.line-title2 h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 5px;
  background-color: #202020;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: var(--primary-color);
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham1 .top {
  stroke-dasharray: 40 139;
}

.ham1 .bottom {
  stroke-dasharray: 40 180;
}

.ham1.active .top {
  stroke-dashoffset: -98px;
}

.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.ham2 .top {
  stroke-dasharray: 40 121;
}

.ham2 .bottom {
  stroke-dasharray: 40 121;
}

.ham2.active .top {
  stroke-dashoffset: -102px;
}

.ham2.active .bottom {
  stroke-dashoffset: -102px;
}

.ham3 .top {
  stroke-dasharray: 40 130;
}

.ham3 .middle {
  stroke-dasharray: 40 140;
}

.ham3 .bottom {
  stroke-dasharray: 40 205;
}

.ham3.active .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}

.ham3.active .middle {
  stroke-dashoffset: -102px;
}

.ham3.active .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}

.ham4 .top {
  stroke-dasharray: 40 121;
}

.ham4 .bottom {
  stroke-dasharray: 40 121;
}

.ham4.active .top {
  stroke-dashoffset: -68px;
}

.ham4.active .bottom {
  stroke-dashoffset: -68px;
}

.ham5 .top {
  stroke-dasharray: 40 82;
}

.ham5 .bottom {
  stroke-dasharray: 40 82;
}

.ham5.active .top {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}

.ham5.active .bottom {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}

.ham6 .top {
  stroke-dasharray: 40 172;
}

.ham6 .middle {
  stroke-dasharray: 40 111;
}

.ham6 .bottom {
  stroke-dasharray: 40 172;
}

.ham6.active .top {
  stroke-dashoffset: -132px;
}

.ham6.active .middle {
  stroke-dashoffset: -71px;
}

.ham6.active .bottom {
  stroke-dashoffset: -132px;
}

.ham7 .top {
  stroke-dasharray: 40 82;
}

.ham7 .middle {
  stroke-dasharray: 40 111;
}

.ham7 .bottom {
  stroke-dasharray: 40 161;
}

.ham7.active .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}

.ham7.active .middle {
  stroke-dashoffset: 23px;
}

.ham7.active .bottom {
  stroke-dashoffset: -83px;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
  stroke-dashoffset: -64px;
}

.ham8.active .middle {
  transform: rotate(90deg);
}

.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

header {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  transition: all 0.5s;
  box-shadow: 0px 0px 20px 0px #00000026;

}

/* header.small-header {
  transform: translateY(-47px);
}
@media screen and (max-width: 1299px) {
  header.small-header {
    transform: none;
  }
} */

.header-social {
  display: flex;
  align-items: center;
}
.header-social a + a {
  margin-left: 15px;
}
.header-social a svg {
  transition: all 0.5s;
  max-width: 18px;
  max-height: 18px;
}
.header-social a:hover svg {
  opacity: 1;
}

.lang {
  list-style: none;
  display: flex;
  align-items: center;
}
.lang li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
}
.lang li .active {
  opacity: 1;
  font-weight: 700;
}
.lang li + li {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1299px) {
  .lang li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .lang li a {
    font-size: 16px;
  }
}

.header-logo img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
  transition: all 0.5s;
  max-height: 76px;
}
@media screen and (max-width: 1299px) {
  .header-logo img {
 
  }
}
@media screen and (max-width: 575px) {
  .header-logo img {

  }
}
@media screen and (max-width: 450px) {
  .header-logo img {
    max-height: 50px;
  }
}

.general-search {
  display: flex;
  align-items: end;
  overflow: hidden;
  width: 100%;
  max-width: 220px;
  box-shadow: 0px 0px 20px 0px #0000001A;

}
.general-search input, .general-search button {
  outline: none;
  height: 45px;
}
@media screen and (max-width: 575px) {
  .general-search input, .general-search button {
    height: 40px;
  }
}
.general-search input::-moz-placeholder {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.35px; 
}
.general-search input, .general-search input::placeholder {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.35px; 
}
@media screen and (max-width: 575px) {
  .general-search input::-moz-placeholder {
    font-size: 14px;
  }
  .general-search input, .general-search input::placeholder {
    font-size: 14px;
  }
}
.general-search input::-moz-placeholder {
  color: rgba(0, 18, 30, 0.7);
}
.general-search input::placeholder {
  color: rgba(0, 18, 30, 0.7);
}
.general-search input {
  background-color: transparent;
  width: 100%;
  color: var(--primary-color);
  border: none;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  padding: 0 10px;
  letter-spacing: 0.35px;
  /* height: 30px; */
}
.general-search button {
  background-color: var(--secondary-color);
  border: none;
  border-left: none;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: -5px; */
  /* padding-right: 15px; */
}

.options {
  list-style: none;
  display: flex;
  align-items: center;
}
.options .cart-header {
  position: relative;
  z-index: 100;
}
.options .cart-header .small-cart {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  max-width: 475px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid #BBBEC9;
  
  padding: 20px 15px;
}
@media screen and (max-width: 575px) {
  .options .cart-header .small-cart {
    max-width: 290px;
    left: unset;
    transform: none;
    right: -100px;
  }
 
}
.options .cart-header .small-cart .product-details {
  display: grid;
  grid-template-columns: 100px 1.5fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}
.options .cart-header .small-cart .product-details .img-cart {
  position: relative;
  width: 100%;
  max-width: 90px;
  height: 90px;
  border: 1px solid #BBBEC9;
}
.options .cart-header .small-cart .product-details .img-cart img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.options .cart-header .small-cart .product-details .img-cart .delete-product {
  position: absolute;
  top: -13px;
  right: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--primary-color);
  background-image: url("../images/close-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
  cursor: pointer;
}
/* .options .cart-header .small-cart .product-details .p-name span, .options .cart-header .small-cart .product-details .p-price span {
  color: #202020;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
} */
.options .cart-header .small-cart .product-details .p-name span {
  color: #F83000;
  font-weight: 700;
  font-size: 12px;
  display: block;
  margin-bottom: 0px;
  letter-spacing: 2px;
}

.options .cart-header .small-cart .product-details .p-name p, .options .cart-header .small-cart .product-details .p-price p {
  letter-spacing: 0;
}
@media screen and (max-width: 575px) {
  .options .cart-header .small-cart .product-details {
    grid-template-columns: 80px 1fr;
  }
  .options .cart-header .small-cart .product-details .img-cart {
    grid-row: span 2;
    max-width: 70px;
    height: 70px;
  }
  /* .options .cart-header .small-cart .product-details .p-name span, .options .cart-header .small-cart .product-details .p-price span {
    margin-bottom: 5px;
  } */
}
.options .cart-header .small-cart .product-details .p-name p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: "SpaceGrotesk";
  color: var(--primary-color);
}
.options .cart-header .small-cart .product-details .p-price p {
  font-family: "SpaceGrotesk";
  color: var(--primary-color);
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: right;
}
.options .cart-header .small-cart .total {
  border-top: 1px solid var(--primary-color);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--primary-color);
  letter-spacing: 1px;
}
.options .cart-header .small-cart .total span {
  font-weight: 500;
  font-size: 32px;
  font-family: "SpaceGrotesk";
  color: var(--primary-color);
}
.options .cart-header .small-cart .go-cart {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.options .cart {
  position: relative;
  cursor: pointer;
}
.options .cart, .options .cart span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.options .cart span,
.wish-icon span {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  /* background-color: #CC0202; */
  border-radius: 50%;
  /* padding: 2px; */
  /* min-width: 21px; */
  position: absolute;
  /* top: -12px; */
  /* right: -10px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.options .cart span {
  left: 60%;
}
@media screen and (max-width: 1299px) {
  .options .cart span {
    font-size: 12px;
  }
}
/* @media screen and (max-width: 575px) {
  .options .cart span {
    right: -6px;
  }
} */
.options .wish-li2 {
  margin: 0 25px;
}
/* .options .wish-li {
  margin: 0 25px;
  padding: 0 25px;
  padding-left: 0;
  margin-left: 0;
  border-right: 1px solid #00121E1A;
} */
.options .wish-li a {
  display: flex;
}
.options .profile-options {
  position: relative;
  z-index: 100;
}
.options .profile-options summary {
  list-style: none;
  cursor: pointer;
}
.options .profile-options ul {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  top: calc(100% + 20px);
  right: 0;
  background-color: #fff;
  
  overflow: hidden;
  border: 1px solid rgba(28, 39, 76, 0.2);
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 575px) {
  .options .profile-options ul {
    top: 100%;
  }
}
.options .profile-options ul li a {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 18px;
  color: #202020;
  transition: all 0.5s;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .options .profile-options ul li a {
    padding: 10px 15px;
    font-size: 15px;
  }
}
.options .profile-options ul li a svg {
  margin-right: 15px;
}
.options .profile-options ul li a svg path {
  stroke: #202020;
  transition: all 0.5s;
}
.options .profile-options ul li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.options .profile-options ul li a:hover svg path {
  stroke: #fff;
}
.options .profile-options ul li + li {
  border-top: 1px solid rgba(28, 39, 76, 0.2);
}
/* .options svg {
  max-width: 30px;
} */
@media screen and (max-width: 575px) {
  .options svg {
    max-width: 24px;
    max-height: 24px;
  }

}
@media screen and (max-width: 450px) {
  .options svg {
    max-width: 20px;
    max-height: 20px;
  }

}

.desktop-header {
  /* transition: all 0.5s; */
}
.desktop-header .head1, .desktop-header .head2 {
  /* transition: all 0.5s; */
}
.desktop-header .head1 .page-width, .desktop-header .head2 .page-width {
  display: flex;
  align-items: center;
}
.desktop-header .head1 {
  background-color: #202020;
  padding: 7px 0;
}
.desktop-header .head1 p {
  color: #fff;
  margin-right: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: normal;
}
.desktop-header .head1 .lang {
  margin-left: 35px;
}
.desktop-header .head2 {
  background-color: #fff;
  /* padding: 2px 0; */
  transition: all 0.5s;
}
.desktop-header .head2 .page-width {
  justify-content: space-between;
}
.desktop-header .head3 {
  background-color: #fff;
}
.desktop-header .head3 .main-nav {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.desktop-header .head3 .main-nav summary {
  cursor: pointer;
  list-style: none;
}
.desktop-header .head3 .main-nav > li {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  position: relative;
}
.desktop-header .head3 .main-nav > li + li {
  margin-left: 50px;
}
.desktop-header .head3 .main-nav > li > details > summary, .desktop-header .head3 .main-nav > li > details > summary > a, .desktop-header .head3 .main-nav > li > a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--primary-color);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  transition: all 0.3s;
}
.desktop-header .head3 .main-nav > li > details > summary:not(:has(a)), .desktop-header .head3 .main-nav > li > details > summary > a, .desktop-header .head3 .main-nav > li > a {
  padding: 10px 0;

}

.desktop-header .head3 .main-nav > li:hover > details > summary, .desktop-header .head3 .main-nav > li:hover > details > summary > a, .desktop-header .head3 .main-nav > li:hover > a {
  color: var(--secondary-color);
}
.desktop-header .head3 .main-nav > li a {
   border-bottom: 2px solid white;
}

.desktop-header .head3 .main-nav > li:hover a {
  border-bottom: 2px solid var(--secondary-color);
}
.desktop-header .head3 .main-nav > li > a.active {
  color: var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
}
.desktop-header .head3 .main-nav .nav > summary {
  padding-right: 15px;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: 100% 52%;
  background-repeat: no-repeat;
  background-size: 12px;
}
.desktop-header .head3 .main-nav .nav .subnav {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  list-style: none;
  width: -moz-max-content;
  width: max-content;
}
.desktop-header .head3 .main-nav .nav .subnav li a {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  color: #202020;
  opacity: 0.7;
  transition: all 0.5s;
  padding: 10px 0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.desktop-header .head3 .main-nav .nav .subnav li details {
  display: flex;
  width: 100%;
}
.desktop-header .head3 .main-nav .nav .subnav li details summary {
  display: flex;
  align-items: center;
  /* padding: 10px 30px; */
  padding: 0px 30px;
}
.desktop-header .head3 .main-nav .nav .subnav li details summary::after {
  content: "";
  width: 10px;
  height: 15px;
  background-image: url("../images/chevron-right-blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
  transition: all 0.5s;
  margin-left: 5px;
}
.desktop-header .head3 .main-nav .nav .subnav li details summary img {
  width: 36px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin-right: 15px;
}
.desktop-header .head3 .main-nav .nav .subnav li details summary a {
  font-weight: 700;
}
.desktop-header .head3 .main-nav .nav .subnav li details summary:hover a, .desktop-header .head3 .main-nav .nav .subnav li details summary:hover::after {
  opacity: 1;
}

/* .desktop-header .head3 .main-nav .nav .subnav li details .subnav2 {
  position: absolute;
  left: calc(100% - 20px);
  top: 0;
} */

.desktop-header .head3 .main-nav .nav .subnav li details ul {
  position: absolute;
  /* left: calc(100% - 20px); */
  left: calc(100% - 15px);
  top: 0;
  list-style: none;
  background-color: #fff;
  border-bottom-right-radius: 20px;
  /* border-bottom-left-radius: 20px; */
  width: -moz-max-content;
  width: max-content;
  max-width: 500px;
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
.desktop-header .head3 .main-nav .nav .subnav li details ul li {
  display: flex;
  /* padding: 10px 40px; */
  padding: 0px;
}
.desktop-header .head3 .main-nav .nav .subnav li details ul li a {
  font-weight: 600;
}
.desktop-header .head3 .main-nav .nav .subnav li details ul li a:hover {
  opacity: 1;
}
@media screen and (max-width: 1299px) {
  .desktop-header {
    display: none;
  }
}

/* .desktop-header.small-header .head2 {
  padding: 25px 0 10px;
} */
.desktop-header .header-logo img {
  /* transition: all 0.5s; */
  max-height: 121px;
}
.desktop-header.small-header .header-logo img {
  max-height: 46px;
}

.mobile-header {
  display: none;
  position: relative;
}
.mobile-header .head1, .mobile-header .head2 {
  background-color: #fff;
}
.mobile-header .head1 .page-width, .mobile-header .head2 .page-width {
  display: flex;
  align-items: center;
}
.mobile-header .head1 {
  position: relative;
  z-index: 105;
  padding: 10px 0;
}
.mobile-header .head1 .header-logo {
  margin-right: auto;
}
.mobile-header .head1 .hamburger {
  margin: -20px -20px -20px 10px;
}
@media screen and (max-width: 575px) {
  .mobile-header .head1 .hamburger {
    margin: -15px -15px -15px 7px;
  }
  .mobile-header .head1 .hamburger svg {
    width: 60px;
  }
}
@media screen and (max-width: 450px) {
  .mobile-header .head1 .hamburger {
    margin: -15px -12px -15px 0px;
  }
  .mobile-header .head1 .hamburger svg {
    width: 50px;
  }
}
.mobile-header .head2 {
  position: relative;
  z-index: 101;
  padding: 10px 0;
  transition: all 0.5s;
}
.mobile-header .head2 .page-width {
  justify-content: center;
}
/* .mobile-header .head2.hide {
  transform: translateY(-100%);
} */
.mobile-header .head2.hide {
  /* transform: translate3d(0, -100%, 0); */
  margin-top: -65px;
}
.mobile-header .head3 {
  position: fixed;
  top: 74px;
  left: 0;
  width: 100%;
  height: calc(100% - 74px);
  background-color: #fff;
  overflow-y: scroll;
  z-index: 102;
  transform: translateX(-120%);
  transition: all 0.5s;
}
@media screen and (max-width: 575px) {
  .mobile-header .head3 {
    top: 64px;
    height: calc(100% - 64px);
  }
}
@media screen and (max-width: 450px) {
  .mobile-header .head3 {
    top: 55px;
    height: calc(100% - 55px);
  }
}
.mobile-header .head3 .page-width {
  padding: 40px 0 50px;
}
.mobile-header .head3 .main-nav a {
  color: var(--primary-color);
}
.mobile-header .head3 .main-nav .subnav a {
   font-family: "SpaceGrotesk";
   font-weight: 500;
}
.mobile-header .head3 .main-nav li {
  margin-top: 10px;
}
.mobile-header .head3 .main-nav, .mobile-header .head3 .main-nav ul, .mobile-header .head3 .main-nav summary {
  list-style: none;
}
.mobile-header .head3 .main-nav > li > a, .mobile-header .head3 .main-nav > li > details > summary, .mobile-header .head3 .main-nav > li > div > summary {
  text-transform: uppercase;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  /* letter-spacing: 2px; */
}
@media screen and (max-width: 575px) {
  .mobile-header .head3 .main-nav > li > a, .mobile-header .head3 .main-nav > li > details > summary, .mobile-header .head3 .main-nav > li > div > summary {
    font-size: 20px;
  }
}
.mobile-header .head3 .main-nav > li > details > summary {
  position: relative;
}
.mobile-header .head3 .main-nav > li > details > summary::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../images/chevron-right-blue.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-header .head3 .main-nav > li > details > ul > li > a, .mobile-header .head3 .main-nav > li > details > ul > li > details summary {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 2px;
  padding-left: 20px;
}
@media screen and (max-width: 575px) {
  .mobile-header .head3 .main-nav > li > details > ul > li > a, .mobile-header .head3 .main-nav > li > details > ul > li > details summary {
    font-size: 18px;
  }
}
.mobile-header .head3 .main-nav > li > details > ul > li > details ul li a {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
  padding-left: 40px;
}
@media screen and (max-width: 575px) {
  .mobile-header .head3 .main-nav > li > details > ul > li > details ul li a {
    font-size: 16px;
  }
}
.mobile-header .head3 .main-nav > li > details > ul > li > details summary {
  position: relative;
}
.mobile-header .head3 .main-nav > li > details > ul > li > details summary::after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-image: url("../images/chevron-right-blue.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-header .head3 .header-social {
  margin: 40px 0;
}
.mobile-header .head3 .header-social svg {
  opacity: 1;
  max-width: unset;
  max-height: unset;
}
.mobile-header .head3 .lang li a {
  color: var(--primary-color);
}
.mobile-header .head3 .lang li + li {
  border-color: #00121E33;
}
.mobile-header .head3.mobile-opened {
  transform: none;
}
@media screen and (max-width: 1299px) {
  .mobile-header {
    display: block;
  }
}

footer {
  position: relative;
  background-image: url("../images/footer-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
footer * {
  color: #fff;
}

footer .foot {
  position: relative;
  z-index: 2;
}

.foot-copyright {
  position: relative;
  z-index: 2;
  padding: 10px 0;
  background-color: #fff;

}
.foot-copyright .page-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .foot-payment {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
} */
.foot-copyright p, .foot-copyright a {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-color);
}
/* @media screen and (max-width: 575px) {
  .foot-copyright p, .foot-copyright a {
    font-size: 10px;
  }
} */

.f-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 32px;
  letter-spacing: 1px;
}
@media screen and (max-width: 575px) {
  .f-title {
    font-size: 22px;
  }
}

.foot {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
  grid-template-columns: 0.35fr 1fr 0.35fr;
  gap: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.foot .f-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "SpaceGrotesk";
  letter-spacing: 0.5px;
}
.foot .footer-contact .f-title {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .foot .f-title {
    font-size: 22px;
  }
}
/* @media screen and (max-width: 1399px) { */
@media screen and (max-width: 1199px) {
  .foot {

    gap: 45px;
  }
}
@media screen and (max-width: 991px) {
  .foot {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
@media screen and (max-width: 575px) {
  .foot {
    gap: 45px;
  }
}
.desktop-side-menu .foot1,
.foot .foot1 {
  display: grid;
  gap: 15px;
}
.desktop-side-menu .foot1 .footer-logo {
  width: 121px;
  height: 121px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.foot .foot1 .footer-logo {
  background-color: white;
  height: 150px;
  width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -100px;
}
.desktop-side-menu .foot1 .footer-logo img,
.foot .foot1 .footer-logo img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.foot .foot1 .footer-logo img {
  width: 70%;
}
.desktop-side-menu .foot1 .footer-logo img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  .desktop-side-menu .foot1,
  .foot .foot1 {
    gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  .desktop-side-menu .foot1 .footer-logo img,
  .foot .foot1 .footer-logo img {
    max-width: 80%;
  }
}
.foot .foot1 .footer-desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 1px;
}
@media screen and (max-width: 575px) {
  .desktop-side-menu .foot1 .footer-desc p,
  .foot .foot1 .footer-desc p {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.5px;
  }
}
.desktop-side-menu .foot1 .social,
.desktop-side-menu .foot1 .contact-links,
.foot .foot1 .social, 
.foot .foot1 .contact-links {
  /* margin-top: 25px; */
  margin-top: 0px; 
}
.desktop-side-menu .foot1 .social,
.foot .foot1 .social {
  display: flex;
  justify-content: center;
}
.desktop-side-menu .foot1 .contact-links,
 .foot .foot1 .contact-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }
.desktop-side-menu .foot1 .social,
.foot .foot1 .social {
  margin-top: 0;
}


/* .foot .foot2 .newsletter-wrap {
  padding-left: 25%;
} */
@media screen and (max-width: 1399px) {
  .foot .foot2 .newsletter-wrap {
    padding-left: 0;
  }
}
.foot .foot2 .newsletter-form {
  max-width: unset;
  margin: 20px 0 20px;
}
.foot .foot2 .newsletter-form input::-moz-placeholder {
  height: 60px;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}
.foot .foot2 .newsletter-form input, .foot .foot2 .newsletter-form input::placeholder, .foot .foot2 .newsletter-form button {
  height: 60px;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1199px) {
  
}
@media screen and (max-width: 991px) {
  .foot .foot2 .newsletter-form input::-moz-placeholder {
    font-size: 20px;
  }
  .foot .foot2 .newsletter-form input, .foot .foot2 .newsletter-form input::placeholder, .foot .foot2 .newsletter-form button {
    font-size: 20px;
  }
}
.foot .foot2 .newsletter-form input {
  background-color: #fff;
}
.foot .foot2 .newsletter-form button {
  font-weight: 800;
  padding: 0 45px;
}
@media screen and (max-width: 575px) {
  .foot .foot2 .newsletter-form {
    margin: 25px 0 20px;
  }
  .foot .foot2 .newsletter-form input::-moz-placeholder {
    font-size: 16px;
  }
  .foot .foot2 .newsletter-form input, .foot .foot2 .newsletter-form input::placeholder, .foot .foot2 .newsletter-form button {
    font-size: 16px;
  }
  .foot .foot2 .newsletter-form input, .foot .foot2 .newsletter-form button {
    height: 50px;
  }
  .foot .foot2 .newsletter-form button {
    padding: 0 20px;
  }
}
.foot .foot2 .terms {
  display: flex;
  align-items: center;
}
.foot .foot2 .terms input {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.foot .foot2 .terms label, .foot .foot2 .terms a {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
@media screen and (max-width: 575px) {
  .foot .foot2 .terms label, .foot .foot2 .terms a {
    font-size: 14px;
  }
}
.foot .foot2 .terms a {
  font-weight: 800;
}
/* .foot .foot2 .footer-navigation {
  margin-top: 30px;
} */
.foot .foot2 .footer-navigation .f-title {
  margin-bottom: 30px;
}
.foot .foot2 .footer-navigation ul {
  list-style: none;
}
.foot .foot2 .footer-navigation ul li, .foot .foot2 .footer-navigation ul li a {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.35px;
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
  width: fit-content;
}
.foot .foot2 .footer-navigation ul li {
  display: flex;
  align-items: center;
}
.foot .foot2 .footer-navigation ul li img {
  width: 40px;
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin-right: 10px;
}
.foot .foot2 .footer-navigation ul li + li {
  margin-top: 15px;
}
.foot .foot2 .footer-navigation ul a {
  transition: all 0.5s;
}
.foot .foot2 .footer-navigation ul a:hover {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
}
@media screen and (max-width: 1399px) {
  /* .foot .foot2 .footer-navigation {
    margin-top: 45px;
  } */
}
@media screen and (max-width: 991px) {
  .foot .foot2 .footer-navigation {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  /* .foot .foot2 .footer-navigation {
    margin-top: 45px;
  } */
  .foot .foot2 .footer-navigation .f-title {
    margin-bottom: 20px;
  }
  .foot .foot2 .footer-navigation ul li, .foot .foot2 .footer-navigation ul li a {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .foot .foot2 .footer-navigation ul li + li {
    margin-top: 10px;
  }
  .foot .foot2 .footer-navigation ul li img {
    width: 30px;
    height: 20px;
  }
}

.social {
  display: flex;
  align-items: center;
}
.social a + a {
  margin-left: 30px;
}
.social a svg path {
  transition: all 0.5s;
}
.social a:hover svg path {
  fill: #CC0202;
}
.social .tiktok:hover svg path {
  fill: none;
  stroke: #CC0202;
}

.contact-links a {
  font-weight: 700;
  letter-spacing: 0.35px;
  font-size: 16px;
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.5s;
}
.contact-links a:hover {
  color: var(--secondary-color);
}
.contact-links a + a {
  /* margin-top: 25px; */
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .contact-links a {
    font-size: 14px;
  }
}

.main-slider {
  position: relative;
  display: flex;
  align-items: center;
}
.main-slider .page-width {
  position: relative;
  z-index: 2;
}
.main-slider .mainSwiperMob,
.main-slider .mainSwiper {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 610px;
}
.main-slider .mainSwiper img,
.main-slider .mainSwiperMob img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.main-slider .main-paginationMob,
.main-slider .main-pagination {
  bottom: 50px;
}
.main-slider .main-paginationMob .swiper-pagination-bullet,
.main-slider .main-pagination .swiper-pagination-bullet {
  width: 26px;
  height: 26px;
  opacity: 1;
  border: 1px solid #202020;
  background-color: transparent;
  margin: 0 30px;
  cursor: pointer;
  transition: all 1.5s;
}
.main-slider .main-paginationMob .swiper-pagination-bullet-active,
.main-slider .main-pagination .swiper-pagination-bullet-active {
  background-color: #202020;
}
@media screen and (max-width: 1399px) {
  .main-slider {

  }
  .main-slider .mainSwiperMob, 
  .main-slider .mainSwiper {
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .main-slider {

  }
  .main-slider .mainSwiperMob,
  .main-slider .mainSwiper {
    height: 350px;
  }
  .main-slider .main-paginationMob,
  .main-slider .main-pagination {
    bottom: 25px;
  }
  .main-slider .main-paginationMob .swiper-pagination-bullet,
  .main-slider .main-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 15px;
  }
}

.popular-categories-wrap {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 30px;
  min-height: 460px;
}
.popular-categories-wrap .ctg {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
}
.popular-categories-wrap .ctg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.popular-categories-wrap .ctg *:not(img) {
  position: relative;
  z-index: 1;
}
.popular-categories-wrap .ctg * {
  color: #fff;
}
.popular-categories-wrap .ctg h3 {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 5px;
  text-align: center;
  margin-bottom: 50px;
}
.popular-categories-wrap .ctg .ctg-discount-wrap {
  border: 3px solid #fff;
  padding: 50px;
}
.popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount {
  background-color: #202020;
  padding: 40px 30px;
  max-width: 260px;
}
.popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount h3 {
  font-weight: 900;
  font-size: 24px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 2px;
  text-align: center;
}
.popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount .smallWhiteBtn {
  margin: 20px auto 0;
}
@media screen and (max-width: 1399px) {
  .popular-categories-wrap {
    gap: 20px;
    min-height: 400px;
  }
  .popular-categories-wrap .ctg h3 {
    font-size: 26px;
    letter-spacing: 2px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .popular-categories-wrap {
    grid-template-columns: 1fr 1fr;
    min-height: unset;
  }
  .popular-categories-wrap .ctg {
    min-height: 300px;
  }
  .popular-categories-wrap .ctg:first-child {
    grid-column: span 2;
  }
}
@media screen and (max-width: 575px) {
  .popular-categories-wrap {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .popular-categories-wrap .ctg:first-child {
    grid-column: span 1;
  }
  .popular-categories-wrap .ctg {
    padding: 20px;
    min-height: 200px;
  }
  .popular-categories-wrap .ctg .ctg-discount-wrap {
    padding: 20px;
  }
  .popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount {
    padding: 30px 20px;
  }
  .popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount h3 {
    font-size: 18px;
  }
  .popular-categories-wrap .ctg h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.section-shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}

.home-banner {
  position: relative;
}
@media screen and (max-width: 575px) {
  .home-banner {
  }
}
.home-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.home-banner .banner-more {
  position: absolute;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 5px;
  text-align: center;
  text-transform: uppercase;
  bottom: 40px;
  left: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.home-banner .banner-more::after {
  width: 38px;
  height: 22px;
  content: "";
  background-image: url("../images/chevron-down-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 10px;
}
@media screen and (max-width: 1399px) {
  .home-banner .banner-more {
    font-size: 20px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 575px) {
  .home-banner .banner-more {
    font-size: 18px;
  }
  .home-banner .banner-more::after {
    width: 30px;
    height: 20px;
  }
}
.home-banner .title {
  z-index: 2;
}
.home-banner .title {
  position: relative;
}
.home-banner .title span, .home-banner .title h2 {
  color: #fff;
  font-weight: 900;
}

@media screen and (max-width: 575px) {
  .home1Swiper .product {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.swiper-commands {
  position: relative;
  padding-bottom: 60px;
}
.swiper-commands .swiper-pagination {
  bottom: 0;
}
.swiper-commands .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  opacity: 1;
  background-color: transparent;
  transition: all 1.5s;
  border: 1px solid #202020;
  margin: 0 22px;
}
@media only screen and (max-width: 900px) {
  .swiper-commands .swiper-pagination .swiper-pagination-bullet {
    margin: 0 15px;
  }
}
@media screen and (max-width: 575px) {
  .swiper-commands .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 8px;
  }
}
.swiper-commands .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #202020;
}
.swiper-commands .swiper-button-next, .swiper-commands .swiper-button-prev {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px 0;
  top: 50%;
  transform: translateY(-50%);
}
.swiper-commands .swiper-button-next::after, .swiper-commands .swiper-button-prev::after {
  content: "";
  width: 38px;
  height: 22px;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 900px) {
  .swiper-commands .swiper-button-next, .swiper-commands .swiper-button-prev {
    display: none;
  }
}
.swiper-commands .swiper-button-next {
  left: unset;
  right: -70px;
}
.swiper-commands .swiper-button-next::after {
  transform: rotate(-90deg);
}
.swiper-commands .swiper-button-prev {
  right: unset;
  left: -70px;
}
.swiper-commands .swiper-button-prev::after {
  transform: rotate(90deg);
}

.home-about {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}
.home-about img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  max-height: 630px;
}
.home-about .title span {
  text-align: left;
  color: #CC0202CC;
}

.home-about .home-about-text {
  position: relative;
  z-index: 2;
}
.home-about .home-about-text h2 {
  font-size: 72px;
  line-height: 110%;
  letter-spacing: 0.35px;
  margin: 0 0 20px;
}
.home-about .home-about-text .smallWhiteBtn {
  font-size: 18px;
  letter-spacing: 2.5px;
  padding: 15px 75px;
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .home-about::before {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .home-about .home-about-text .smallWhiteBtn {
    font-size: 16px;
  }
}

.contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.contact-wrapper .f-title {
  margin-bottom: 25px;
  margin-top: 30px;
}


.contact-socials {
  padding-bottom: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 575px) {
  .contact-socials {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
/* .contact-socials svg path {
  fill: #202020;
}
.contact-socials .tiktok svg path {
  fill: none;
  stroke: #202020;
} */

.footer-contact2 a {
  color: #202020;
}
.footer-contact2 .tel::before {
  background-image: url("../images/tel2.png");
}
.footer-contact2 .location::before {
  background-image: url("../images/location2.svg");
}
.footer-contact2 .mail::before {
  background-image: url("../images/mail2.svg");
}

@media only screen and (max-width: 1600px) {
  .contact-wrapper {
    gap: 50px;
  }
}
@media screen and (max-width: 1299px) {
  .contact-wrapper {
    grid-template-columns: 1fr;
  }
  .right-part-contact {
    padding-left: 0;
    border-left: none;
  }
}
.home-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 35px;
}
@media screen and (max-width: 1299px) {
  .home-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .home-product-grid {
    grid-template-columns: repeat(1, 1fr);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .home-product-grid {
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 25px;
  }
}
@media screen and (max-width: 575px) {
  .home-product-grid {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  /* .home-product-grid .product {
    max-width: 300px;
  } */
}

.product {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.product .discount {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 30px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  background-color:#A70D00;
  color: #fff;
  padding: 10px 13px;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-transform: uppercase;

}
.product .discount::before {
  position: absolute;
  content: "";
  display: block;
  top: 100%;
  left: 0;
  width: 50%;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  background-color: #A70D00;
  margin-top: -1px;
}
.product .discount::after {
  position: absolute;
  content: "";
  display: block;
  top: 100%;
  right: 0;
  width: 50%;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background-color: #A70D00;
  margin-top: -1px;
}
.product .new {
  background-color: #A70D00;
  /* left: 80px; */
}
.product .discount + .new {
  left: 80px;
}
.product .new::before {
  background-color: #A70D00;
}
.product .new::after {
  background-color: #A70D00;
}
.product .product-mark {
  padding: 10px;
  padding-top: 15px;
  min-width: 235px;
  position: relative;
  background-color: #202020B2;
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: 'Kalam', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  color: white;
  height: max-content;
}

.product .product-image {
  position: relative;
  height: 350px;
  width: 100%;
  background-color: #fff;
  padding: 50px;
  margin-bottom: 20px;
}
.product .product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.products-list .product .product-image img {
  max-height: 200px;
}
.product .blueBtn1 {
  /* position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  opacity: 0; */

  /* transition: all 0.5s;
  margin-left: auto;
  margin-right: auto;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 5px;
  margin-right: 5px;

  width: 100%;
  max-width: 100%;
  padding: 7.5px 15px; */
}
.product .blueBtn1::before {
  display: none;
}
.product .blueBtn1 svg {
  margin-right: 5px;
}
.product .wishBtn {
  top: 140px;
}
.product .product-name {
  margin: 0;
  margin-bottom: 10px;
  display: block;
}
.product .product-price {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.product .product-price span {
  color: #202020;
  letter-spacing: 1px;
  font-weight: 400;
}
.product .product-price .price {
  /* font-family: "SpaceGrotesk"; */
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--primary-color);
}
.product .product-price .old-price {
  font-size: 16px;
  letter-spacing: 0.35px;
  color: #00121E80;
  position: relative;
  margin-right: 10px;
}
/* .product .product-price .old-price + .price {
  color: var(--secondary-color);
} */
.product .product-price .old-price::after {
  height: 2px;
  width: 100%;
  display: block;
  content: "";
  background-color: #A70D00;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: rotate(-15deg);
}
@media screen and (max-width: 1299px) {
  .product .blueBtn1 {
    opacity: 1;
    position: static;
    transform: none;
  }
  .product .wishBtn {
    margin-top: 10px;
  }

  .product .product-price {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* .product {
    padding: 30px 20px;
  } */
  .product .blueBtn1 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .product .blueBtn1 {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}

.product:hover .blueBtn1 {
  /* opacity: 1; */
  /* opacity: 0.7; */
}

.shop-page {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 70px;
  position: relative;
}
@media screen and (max-width: 1299px) {
  .shop-page {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1299px) {
  .shop-wrap {
    order: 1;
  }
}

@media screen and (max-width: 1299px) {
  .shop-left {
    order: 2;
    
  }
}

.filters-mobile {
  display: none;
  letter-spacing: 0.35px;
  color: var(--primary-color);
  font-weight: 700;
  font-size: 24px;
  border: 1px solid #00121E33;
  
  padding: 20px;
  background-image: url("../images/filter.png");
  background-position: calc(100% - 20px);
  background-repeat: no-repeat;
  background-size: 35px;

  background-color: #fff;
}
@media screen and (max-width: 1299px) {
  .filters-mobile {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .filters-mobile {
    font-size: 18px;
    background-size: 25px;
    padding: 15px;
  }
}

.filters-wrap {
  height: -moz-fit-content;
  height: fit-content;
}
/* .filters-wrap .filter-section.cat-section {
  border: 1px solid #E8E8E8;
  margin-bottom: 15px;
}
.filters-wrap .filter-section-form {
  border: 1px solid #E8E8E8;
} */
@media screen and (max-width: 1299px) {
  .filters-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    max-width: 350px;
    height: 100%;
    z-index: 110;
    background-color: #fff;
    overflow-y: scroll;
    transition: all 0.5s;
    transform: translateX(-100%);
    border-radius: 0;
  }
  .filter-section.discount-section .checkbox-discount-wrapper {
    padding: 0 20px;
  }
}
/* .filters-wrap .filter-open, .filters-wrap .filter-section {
  padding: 20px;
} */
/* .filters-wrap .filter-open, .filters-wrap .filter-open p, .filters-wrap .filter-section, .filters-wrap .filter-section p {
  letter-spacing: 2px;
  color: #202020;
  font-weight: 700;
} */
.filters-wrap .filter-section {
  /* background-color: #fff; */
  margin-bottom: 30px;
}
/* .filters-wrap .filter-section {
  border-top: 1px solid rgba(28, 39, 76, 0.3);
} */
/* .filters-wrap .filter-section p {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
} */
.filters-wrap .filter-open, .filters-wrap .price-section p {
  font-size: 24px;
}
.filters-wrap .categories, .filters-wrap .categories2 {
  list-style: none;
}
.filters-wrap .categories *, .filters-wrap .categories2 * {
  transition: all 0.5s;
}
.filters-wrap .categories summary, .filters-wrap .categories ul, .filters-wrap .categories2 summary, .filters-wrap .categories2 ul {
  list-style: none;
}
.filters-wrap .categories li + li, .filters-wrap .categories2 li + li {
  margin-top: 15px;
}
.filters-wrap .categories summary, .filters-wrap .categories a, .filters-wrap .categories label, .filters-wrap .categories2 summary, .filters-wrap .categories2 a, .filters-wrap .categories2 label {
  line-height: normal;
  cursor: pointer;
  font-family: "DMSans";
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.35px;
  color: var(--primary-color);
}
.filters-wrap .categories a.active {
  color: #CC0202;
}
.filters-wrap .categories summary:hover, .filters-wrap .categories a:hover, .filters-wrap .categories label:hover, .filters-wrap .categories2 summary:hover, .filters-wrap .categories2 a:hover, .filters-wrap .categories2 label:hover {
  color: #202020;
}
.filters-wrap .categories summary, .filters-wrap .categories2 summary {
  display: flex;
  align-items: center;
}
.filters-wrap .categories summary::before, .filters-wrap .categories2 summary::before {
  width: 15px;
  height: 12px;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  margin-right: 10px;
}
/* .filters-wrap .categories details[open] summary::before, .filters-wrap .categories2 details[open] summary::before {
  transform: rotate(-180deg);
} */
.filters-wrap .categories2 details[open] summary::before {
  transform: rotate(-180deg);
}
.filters-wrap .categories details[open] summary.cat1::before {
  transform: rotate(-180deg);
}
.filters-wrap .categories details details[open] summary.cat2::before {
  transform: rotate(-180deg);
}
.filters-wrap .categories details details details[open] summary.cat3::before {
  transform: rotate(-180deg);
}
.filters-wrap .categories details ul, .filters-wrap .categories2 details ul {
  padding-left: 25px;
}
.filters-wrap .categories details ul li, .filters-wrap .categories details ul li + li, .filters-wrap .categories2 details ul li, .filters-wrap .categories2 details ul li + li {
  margin-top: 10px;
}
.filters-wrap .categories details ul a, .filters-wrap .categories2 details ul a {
  font-size: 16px;
}
.filters-wrap .categories2 .form-control span {
  margin-left: 10px;
  color: #CC0202;
}
.filters-wrap .blueBtn {
  margin: 0 auto;
}
.filters-wrap .blueBtn + .blueBtn {
  margin-top: 10px;
}

@media screen and (max-width: 1299px) {
  .filters-wrap.opened {
    transform: translateX(0);
  }
}

.range-slider {
  height: 1px;
  position: relative;
  background-color: #00121E33;
  /* border-radius: 2px; */
}

.range-selected {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
  background-color: #FF0000;
}

.range-input {
  position: relative;
}

.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -6px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input input::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #202020;
  background-color: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}

.range-input input::-moz-range-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #202020;
  background-color: #fff;
  pointer-events: auto;
  -moz-appearance: none;
}

.range-price {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.range-price, .range-price input, .range-input-box {
  font-family: "DMSans";
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.35px;
  color: var(--primary-color);
}
.range-input-box {
  padding: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #00121E33;
  min-width: 105px;
}
.range-price input {
  width: fit-content;
  border: none;
  outline: none;
}
.range-price label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.35px;
}
.range-price div + div label {
  text-align: right;
}

.products-form {
  display: flex;
  align-items: center;
  /* border: 1px solid #E8E8E8; */
  padding: 7.5px;
  padding-left: 20px;
  background-color: #fff;
}
.products-form .products-sort label, .products-form p {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 1px;
}
.products-form p {
  padding-left: 20px;
  border-left: 1px solid #00121E33;
}
.products-form p span {
  color: var(--secondary-color);
  font-weight: 700;
}
.products-form .products-sort {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.products-form .products-sort label {
  font-weight: 400;
  color: #000;
  font-family: "Montserrat", sans-serif;
  margin-right: 10px;
}
@media screen and (max-width: 575px) {
  .products-form {
    flex-direction: column;
    align-items: start;
  }
  .products-form .products-sort {
    margin-left: 0;
    margin-top: 10px;
  }
}
.products-form .view {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
@media screen and (max-width: 1299px) {
  .products-form .view {
    display: none;
  }
  .products-form p {
    padding-left: 0;
    border: none;
  }
}
/* .products-form .view svg {
  opacity: 0.7;
} */
.products-form .view svg rect {
  fill: #00121E33;
}
.products-form .view input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.products-form .active-view svg rect {
  fill: var(--secondary-color);
}
.products-form .active-view svg {
  opacity: 1;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;
  border: 1px solid #BBBEC9;
  
  width: 165px;
  padding: 7px 30px 7px 15px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #202020;
  cursor: pointer;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: 12px auto;
}

/* style the items (options), including the selected item: */
.select-items div {
  color: #202020;
  padding: 5px;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 1px;
}

.select-items div + div {
  border-top: 1px solid #BBBEC9;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 15px;
  right: 15px;
  z-index: 9;
  border: 1px solid #BBBEC9;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #202020;
  color: #fff !important;
}

.products-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 40px;
}
.products-grid .product .product-description {
  display: none;
}
.products-grid .product .btns-and-price {
  margin-top: auto;
}
@media screen and (max-width: 991px) {
  .products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .products-grid {
    grid-template-columns: 1fr;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.products-list {
  grid-template-columns: 1fr;
}
.products-list .product {
  display: grid;
  grid-template-columns: 240px 1fr 260px;
  padding: 0;
}
.products-list .product .product-mark {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
  padding-right: 0;
  font-size: 16px;
  display: none;
}
.products-list .product .mini-crumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.products-list .product .product-description {
  display: block;
}
.products-list .product .blueBtn1 {
  position: static;
  opacity: 1;
  transform: none;
}
.products-list .product .product-image {
  padding: 20px;
  /* padding-top: 60px; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-list .product .product-middle {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 2px solid #00121E33;
  border-bottom: 2px solid #00121E33;
}
.products-list .product .product-middle .mini-crumb {
  list-style: none;
}
/* .products-list .product .product-middle .mini-crumb li {
  margin-right: 5px;
} */
.mini-crumb li, 
.mini-crumb a, 
.mini-crumb span {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--secondary-color);
}
/* .products-list .product .product-middle .mini-crumb li + li::before {
  content: "/";
  margin-right: 5px;
} */
.mini-crumb2 {
  display: flex;
  align-items: center;
  list-style: none;
}
.mini-crumb2 li + li {
  margin-left: 10px;
}
.mini-crumb2 .p-id {
  color: #F83000;
}
.products-list .product .product-middle .product-name {
  margin: 10px 0;
}
.products-list .product .product-middle .product-name p {
  font-weight: 600;
  text-align: left;
  line-height: 130%;
}
.products-list .product .product-middle .product-description {
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0;
  color: #00121EB2;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.products-list .product .product-middle .product-description::after {
  content: attr(data-title);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 1;
  font-weight: 800;
}
.products-list .product .btns-and-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 20px;
  background-color: #fff;
}
.products-list .blueBtn, .products-list .blueBtn1 {
  font-size: 12px;
  padding: 10px;
}
.products-list .product .btns-and-price .product-price {
  margin-top: 0;
  margin-bottom: 30px;
  flex-direction: column;
}
.products-list .product .btns-and-price .card-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.products-list .product .btns-and-price .card-btns .wishBtn {
  margin-top: 10px;
}
.product .btns-and-price .wishBtn {
  color: white;
  background-color: #00121EB2;
  border: none;
}

.shop-discounts-wrap {
  display: grid;
  gap: 15px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 30px;
  position: relative;
  height: 350px;
}
@media screen and (max-width: 1299px) {
  .shop-discounts-wrap {
    margin-top: 15px;
  }
}
.shop-discounts-wrap .shop-discount {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shop-discounts-wrap button.shop-discount {
  border: none;
  outline: none;
  height: 100%;
}
.shop-discounts-wrap .shop-discount img {
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.shop-discounts-wrap .shop-discount p {
  position: relative;
  z-index: 2;
  color: #fff;
  display: block;
  letter-spacing: 0.35px;
  padding-left: 90px;
  padding-top: 30px;
  font-family: "SpaceGrotesk";
}
.shop-discounts-wrap .shop-discount p span {
  font-weight: 700;
}
.shop-discounts-wrap .shop-discount span {
  position: relative;
  z-index: 2;
}
.shop-discounts-wrap .shop-discount .more-btn {
  background-color: #fff;
  color: var(--primary-color);
  font-size: 16px;
  margin: 0 auto 30px;
  padding: 10px;
  min-width: 190px;
}
.shop-discounts-wrap .shop-discount p {
  font-size: 24px;
}
.shop-discounts-wrap .shop-discount2 {
  justify-content: center;
}
.shop-discounts-wrap .shop-discount2 span {
  font-weight: 400;
}
.shop-discounts-wrap .shop-discount2 p {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 160%;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.pagination li, .pagination a, .pagination span {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  color: #202020;
}
/* .pagination li + li {
  margin-left: 30px;
} */
 .pagination li {
  margin: 0 15px;
}
.pagination li a span {
  background-color: transparent;
  padding: 10px;
  height: 50px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary-color);
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-color);
}
.pagination li .active span {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #fff;
}
.pag-arrow {
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary-color); 
}
.pag-arrow a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  /* .pagination li + li {
    margin-left: 20px;
  } */
   .pagination li {
    margin: 0 10px;
  }
}
@media screen and (max-width: 575px) {
  /* .pagination li + li {
    margin-left: 10px;
  } */
   .pagination li {
    margin: 0 5px;
  }
  .pagination li, .pagination li a, .pagination li a span {
    font-size: 14px;
  }
  .pagination li a span {
    padding: 7px;
    min-width: 30px;
    height: 30px;
  }
  .pag-arrow {
    width: 30px;
    height: 30px;
  }
  .pag-arrow svg {transform: scale(0.6);}
}

.mini-cramb-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 20px;
}
.mini-cramb-details li, .mini-cramb-details a, .mini-cramb-details span {
  font-family: "DMSans";
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: var(--primary-color);
  text-transform: uppercase;
}
.mini-cramb-details span {
  letter-spacing: 1px;
}
/* .mini-cramb-details li {
  margin-right: 5px;
} */
.mini-cramb-details li + li::before {
  content: "/";
  margin-left: 5px;
}
.mini-cramb-details li:last-child span, .mini-cramb-details li:last-child::before {color: var(--secondary-color);}
@media screen and (max-width: 575px) {
  .mini-cramb-details {
    padding-left: 0;
  }
}

.product-details-wrap {
  display: flex;
  align-items: start;
}
@media screen and (max-width: 1299px) {
  .product-details-wrap {
    flex-direction: column;
  }
}

.details-swiper-wrap {
  width: 45%;
  position: relative;

}
.details-swiper-wrap img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.details-swiper-wrap .small-swiper-wrap {
  width: 100%;
  height: auto;
}
/* .details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide {
  
  border: 1px solid #BBBEC9;
  overflow: hidden;
  transition: all 0.5s;
} */
.details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide .img-wrapper {
    height: 145px;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
}
.details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide img {
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
    height: 100%;
    width: 100%;
}
.details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide-thumb-active .img-wrapper {
  border-color: #CC0202;
}
.details-swiper-wrap .big-swiper-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
  margin-bottom: 10px;
  border: 1px solid #00121E33;
  /* max-height: 600px; */
  
  /* padding: 50px; */
}
.details-swiper-wrap .big-swiper-wrap .swiper {
  height: 100%;
}
.details-swiper-wrap .big-swiper-wrap a {
  position: relative;
  z-index: 3;
  display: block;
  height: 600px;
  padding: 50px;
}
.details-swiper-wrap .nav-btn {
  background-color: var(--primary-color);
}
.home1-next {
  right: 0;
}
/* .details-swiper-wrap .big-swiper-wrap a::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 65px;
  background-color: #202020;
  background-image: url("../images/magnify.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
} */
.details-swiper-wrap .details-next, .details-swiper-wrap .details-prev {
  position: absolute;
  left: 0;
  right: unset;
  width: 150px;
  height: 35px;
  background-color: #202020;
  z-index: 10;
  transform: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.details-swiper-wrap .details-next::after, .details-swiper-wrap .details-prev::after {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../images/chevron-down-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.details-swiper-wrap .details-next {
  bottom: 0;
  top: unset;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.details-swiper-wrap .details-prev {
  bottom: unset;
  top: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.details-swiper-wrap .details-prev::after {
  transform: rotate(180deg);
}
@media screen and (max-width: 1299px) {
  .details-swiper-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .details-swiper-wrap {
    padding-left: 0;
  }
  /* .details-swiper-wrap .big-swiper-wrap {
    height: 280px;
  } */
  .details-swiper-wrap .big-swiper-wrap a {
    height: 300px;
   }
  .details-swiper-wrap .small-swiper-wrap {
    transform: none;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .details-swiper-wrap .small-swiper-wrap .smallSwiper img {
    transform: none !important;
  }
  .details-swiper-wrap .details-next, .details-swiper-wrap .details-prev {
    bottom: 0;
    width: 30px;
    height: 100px;
  }
  .details-swiper-wrap .details-next {
    left: unset;
    right: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
  }
  .details-swiper-wrap .details-next::after {
    transform: rotate(-90deg);
  }
  .details-swiper-wrap .details-prev {
    top: unset;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
  .details-swiper-wrap .details-prev::after {
    transform: rotate(90deg);
  }
}

.product-details-info {
  width: 55%;
  padding-left: 50px;
  display: grid;
  gap: 25px;
}
@media screen and (max-width: 1299px) {
  .product-details-info {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
}
.product-details-info .p-id {
  font-size: 16px;
  color: #F83000;
  font-weight: 700;
  letter-spacing: 0;
}

.product-details-info .p-desc, .product-details-info .p-desc * {
  font-family: "DMSans";
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.35px;
  color: #00121EB2;
}
.product-details-info .p-available,
.product-details-info .p-not-available {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  color: #202020;
  font-weight: 400;
}
.product-details-info .p-available span {
  color: #00AE49;
  font-weight: 700;
}
.product-details-info .p-not-available span {
  font-weight: 700;
  color: #CC0202;
}

.product-details-info h1 {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 0.5px;
  color: var(--primary-color);
}
@media screen and (max-width: 575px) {
  .product-details-info h1 {
    font-size: 24px;
  }
}
.product-details-info .p-desc, .product-details-info .p-desc * {
  color: #202020;
  line-height: 32px;
}
.product-details-info .price-wrapper {
  display: flex;
  align-items: baseline;
}
.product-details-info .p-price {
  /* font-family: "SpaceGrotesk"; */
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--secondary-color);
}
.product-details-info .p-price span {
  font-size: 16px;
}
.product-details-info .old-price {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 15px;
  color: var(--primary-color);
  font-size: 16px;
  letter-spacing: 0.35px;
  color: #00121E80;
}
.product-details-info .old-price::after {
  height: 2px;
  width: 100%;
  display: block;
  content: "";
  background-color: #F83000;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: rotate(-15deg);
}
.product-details-info .sub {
  font-weight: 600;
  letter-spacing: 1px;
}
.product-details-info .colors, .product-details-info .details-buttons, .product-details-info .details-bottom, .product-details-info .delivery {
  display: flex;
  align-items: center;
}
.product-details-info .colors span {
  width: 36px;
  height: 36px;
  border: 1px solid #BBBEC9;
  border-radius: 50%;
  margin-right: 10px;
}
.product-details-info .details-buttons {
  justify-content: space-between;
}
@media screen and (max-width: 1299px) {
  .product-details-info .details-buttons {
    justify-content: left;
  }
}
.product-details-info .amount-wrap {
  border: 1px solid #BBBEC9;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 17px 10px;
  padding-right: 20px;
}
.product-details-info .amount-wrap .p-number, .product-details-info .amount-wrap .minus, .product-details-info .amount-wrap .plus {
  border: none;
  outline: none;
  background-color: transparent;
}
.product-details-info .amount-wrap .p-number {
  width: 45px;
  color: #202020;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px;
}
.product-details-info .amount-wrap .minus, .product-details-info .amount-wrap .plus {
  position: absolute;
  right: 12px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}
.product-details-info .amount-wrap .minus {
  bottom: 10px;
}
.product-details-info .amount-wrap .plus {
  top: 10px;
  transform: rotate(180deg);
}
.product-details-info .blueBtn1 {
  color: #fff;
  margin: 0 20px;
}
.product-details-info .wishBtn {
  margin: 0;
  color: #202020;
  border: 1px solid #202020;
  background-color: #fff;
}
.product-details-info .wishBtn svg path {
  fill: #202020;
}

/* @media screen and (max-width: 575px) {
  .product-details-info .blueBtn1, .product-details-info .wishBtn {
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
} */
.product-details-info .details-delivery {

}

.product-details-info .delivery {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.35px;
  color: var(--primary-color);
  /* margin-bottom: 10px; */
}
.product-details-info .delivery svg {
  margin-right: 15px;
}
/* .product-details-info .delivery .icon-wrapper {
  height: 30px;
  min-width: 30px;
  max-width: 30px;
  margin-right: 10px;
} */
.product-details-info .delivery .icon-wrapper {
  height: 42px;
  min-width: 42px;
  max-width: 42px;
  margin-right: 10px;
}
.product-details-info .delivery svg {

}
@media screen and (max-width: 575px) {
  .product-details-info .delivery {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
}
.product-details-info .upit, .product-details-info .print {
  width: 51px;
  height: 47px;
  border: 1px solid #202020;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .product-details-info .upit, .product-details-info .print {
    width: 41px;
    height: 37px;
  }
}
.product-details-info .upit {
  background-image: url("../images/znakpitanja.svg");
  background-size: 16px;
  margin: 0 35px;
}
@media screen and (max-width: 575px) {
  .product-details-info .upit {
    background-size: 12px;
  }
}
.product-details-info .print {
  background-image: url("../images/printer.svg");
  background-size: 26px;
}
@media screen and (max-width: 575px) {
  .product-details-info .print {
    background-size: 22px;
  }
}

.p-buttons {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
.p-buttons .pBtn {
  border: none;
  cursor: pointer;
  padding: 12px;
  font-family: "DMSans";
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.35px;
  text-align: center;
  color: #fff;
  background-color: var(--primary-color);
  min-width: 230px;
}
.p-buttons .pBtn + .pBtn {
  margin-left: 25px;
}
.p-buttons .activeBtn {
  background-color: var(--secondary-color);
}
@media screen and (max-width: 1199px) {
  .p-buttons .pBtn {
    font-size: 20px;
    padding: 10px;
    min-width: 150px;
  }
  .p-buttons .pBtn + .pBtn {
    margin-left: 15px;
  }
}
@media screen and (max-width: 750px) {
  .p-buttons .pBtn {
    font-size: 16px;
    min-width: unset;
  }
  .p-buttons .pBtn + .pBtn {
    margin-left: 10px;
  }
}
@media screen and (max-width: 575px) {
  .p-buttons {
    /* justify-content: center; */
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .p-buttons .pBtn + .pBtn {
    margin-left: 0;
  }
  .p-buttons .pBtn {
    margin-right: 10px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 400px) {

}

.p-desc-panel h1,
.p-desc-panel h2,
.p-desc-panel h3,
.p-desc-panel h4,
.p-desc-panel h5 {
  color: #202020;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.p-desc-panel p {
  color: var(--primary-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.35px;
}
.p-desc-panel p + p {
  margin-top: 20px;
}
.p-desc-panel ul {
  list-style-position: inside;
}
.p-desc-panel ul li p {
  display: inline;
}
.p-desc-panel img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  height: max-content;
  width: max-content;
}

.p-panel {
  padding: 50px 30px;
  background-color: #F5F5F5;
}
@media screen and (max-width: 575px) {
  .p-panel {
    
    padding: 20px;
  }
}

.p-video {
  height: 500px;
  border: 1px solid #BBBEC9;
  
  position: relative;
  overflow: hidden;
}
.p-video iframe,
.p-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.p-video .play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: rgba(28, 39, 76, 0.5);
  cursor: pointer;
  background-image: url("../images/play.svg");
  background-position: 55% center;
  background-repeat: no-repeat;
  background-size: 30%;
  -webkit-backdrop-filter: blur(9.7px);
          backdrop-filter: blur(9.7px);
}
@media screen and (max-width: 1399px) {
  .p-video {
    height: 400px;
  }
  .p-video .play {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 575px) {
  .p-video {
    height: 250px;
  }
  .p-video .play {
    width: 80px;
    height: 80px;
  }
}

.popupwrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #20202033;
  z-index: 112;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.video-popup, .upit-popup, .password-popup {
  visibility: hidden;
  opacity: 0;
}

.video-popup.open, .upit-popup.open, .password-popup.open {
  visibility: visible;
  opacity: 1;
}

.video {
  width: 90%;
  height: 90%;
  max-width: 800px;
  max-height: 500px;
  border: 2px solid #fff;
  
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 575px) {
  .video {
    max-height: 300px;
  }
}
.video iframe {
  width: 100%;
  height: 100%;
}
.video .close {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #202020;
  background-image: url("../images/close-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  top: -17px;
  right: -17px;
  cursor: pointer;
}

.form-popup-wrap {
  overflow-y: auto;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 915px;
  max-height: 100%;
}
/* .form-popup-wrap .form-popup {
  background-color: #fff;
  border-radius: 50px;
  padding: 50px;
  position: relative;
} */
.form-popup-wrap .form-popup {
  background-color: white;
  padding: 0px;
  position: relative;
}

.form-popup-wrap .close {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #202020;
  background-image: url("../images/close-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .form-popup-wrap .form-popup {

  }
  .form-popup-wrap .close {
    top: 10px;
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .form-popup-wrap .form-popup {
    padding: 50px 25px;
  }
}

.form-container {
  background-color: white;
}
@media screen and (max-width: 575px) {
  .form-container {

  }
}
/* .form-container .form-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
} */
.form-container .form-title span, .form-container .form-title p {
  text-align: center;
}
.form-container .form-title span {
  font-size: 14px;
  letter-spacing: 2px;
  color: #202020;
}
.form-container .form-title p {
  font-weight: 800;
  font-size: 32px;
  padding: 0 40px 30px;
  padding-left: 0;
  position: relative;
}
.form-container .form-body {
  padding: 30px;
}
@media screen and (max-width: 991px) {
  .form-container .form-body {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 575px) {
  .form-container .form-title p {
    font-size: 24px;
    padding: 0 20px 15px;
  }
  .form-container .form-body {
    padding: 30px 15px;
  }
}

.favourites-wrap .products-grid {
  margin: 0;
}
.favourites-wrap .product {
  overflow: visible;
}
.favourites-wrap .product .delete-from-wishes {
  position: absolute;
  z-index: 2;
  top: -14px;
  right: -14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--primary-color);
  background-image: url("../images/close-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 45%;
  cursor: pointer;
}
@media screen and (max-width: 1299px) {
  .favourites-wrap .products-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .favourites-wrap .product {
    grid-template-columns: 1fr;
  }
  .favourites-wrap .product .product-image {
    height: 280px;
    margin-bottom: 0;
  }
  .favourites-wrap .product .discount {
    bottom: unset;
    /* top: 190px; */
  }
  .favourites-wrap .product .product-middle {
    padding: 20px;
    border-left: 2px solid #00121E33;
    border-top: none;
    border-right: 2px solid #00121E33;
    border-bottom: none; 
  }
  .favourites-wrap .product .product-middle .product-description {
    display: none;
  }
  .favourites-wrap .product .product-middle .product-name {
    margin: 0;
    min-height: unset;
  }
  .favourites-wrap .product .product-image, .favourites-wrap .product .btns-and-price {
    border: none;
  }
}
@media screen and (max-width: 991px) {
  .favourites-wrap .products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {

  .favourites-wrap .products-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }
}

.blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 50px;
}
@media only screen and (max-width: 1100px) {
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}

.blog .blog-img {
  height: 460px;
  position: relative;
  overflow: hidden;
}
.blog .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: all 0.5s;
}
.blog .blog-img .blog-date {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.35px;
  color: #fff;
  background-color: var(--secondary-color);
  padding: 10px 35px;
}
.blog .blog-title, .blog .blog-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog .blog-title {
  margin: 20px 0 10px;
  font-family: "SpaceGrotesk";
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
  color: var(--primary-color);
}
.blog .blog-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 0.35px;
  -webkit-line-clamp: 3;
  color: #00121EB2;
}
@media only screen and (max-width: 1600px) {
  .blog .blog-img {
    height: 400px;
  }
}
@media screen and (max-width: 1399px) {
  .blog .blog-img {
    height: 350px;
  }
  .blog .blog-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .blog .blog-img {
    height: 250px;
  }
  .blog .blog-title {
    margin: 10px 0;
  }
  .blog .blog-description {
    font-size: 14px;
    line-height: 20px;
  }
}

.blog:hover .blog-img img {
  transform: scale(1.1);
}

.blog-cover {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 1299px) {
  .blog-cover {
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .blog-cover {
    height: 300px;
  }
}
.blog-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.blog-cover .blog-date {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  background-color: var(--secondary-color);
  padding: 10px 35px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.35px;

}
@media screen and (max-width: 575px) {
  .blog-cover .blog-date {
    padding: 10px 20px;
  }
}

.blog-text {
  margin-top: 40px;
}
.blog-text h2,
.blog-text h3 {
  font-size: 32px;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  letter-spacing: 1px;
  margin: 25px 0;
}
.blog-text h1 {
  letter-spacing: 1.2px;
}
.blog-text p {
  margin-top: 20px;
}
.blog-text ul {
  margin: 20px 0;
}
.blog-text a {
  color: var(--secondary-color);
}

.blog-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 320px;
  height: 320px;
  margin-top: 40px;
  overflow: hidden;
}
@media screen and (max-width: 1399px) {
 .blog-gallery {
  height: 260px;
  grid-auto-rows: 260px;
 }
 .blog-text h2,
  .blog-text h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1299px) {
 .blog-gallery {
  height: 230px;
  grid-auto-rows: 230px;
 }
 .blog-text h2,
  .blog-text h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
 .blog-gallery {
  height: 130px;
  grid-auto-rows: 130px;
 }
  .blog-text h2,
  .blog-text h3 {
    font-size: 20px;
  }
}
.blog-gallery a {
  height: 100%;
  position: relative;
}
.blog-gallery a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95px;
  height: 75px;
  background-image: url('../images/eye.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.5s;
  opacity: 0;
  content: "";
  display: block;
}
.blog-gallery a:hover::after {
  opacity: 1;
}
.blog-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.share a + a {
  margin-left: 35px;
}
.share a svg rect {transition: all 0.5s;}
.share a:hover svg rect {fill: var(--secondary-color);}

.other-posts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
  border-top: 1px solid #bbbec9;
  border-bottom: 1px solid #bbbec9;
}
@media screen and (max-width: 1199px) {
  .other-posts {
    flex-direction: column;
  }
}
.other-posts .post {
  width: 45%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .other-posts .post {
    width: 100%;
  }
  .other-posts .post:first-of-type {
    margin-bottom: 20px;
  }
}
.other-posts .post .post-img {
  width: 100%;
  max-width: 145px;
  height: 145px;
  border-radius: 50%;
}
@media screen and (max-width: 575px) {
  .other-posts .post .post-img {
    max-width: 110px;
    height: 110px;
  }
}
.other-posts .post .post-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.other-posts .post .post-title {
  margin-left: 20px;
}
.other-posts .post .post-title h3 {
  color: #202020;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 5px;
}
@media screen and (max-width: 575px) {
  .other-posts .post .post-title h3 {
    font-size: 16px;
  }
}

.cookies-text table {
  border: none !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 50px !important;
  position: relative;
}
.cookies-text table::before {
  content: "";
  position: absolute;
  top: -70px;
  left: 33%;
  background-color: #202020;
  width: 1px;
  height: calc(100% + 140px);
}
@media screen and (max-width: 991px) {
  .cookies-text table::before {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .cookies-text table {
    border-spacing: 0 !important;
  }
}
.cookies-text tr,
.cookies-text td {
  border: none;
}
@media screen and (max-width: 991px) {
  .cookies-text tr,
  .cookies-text td {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .cookies-text tr {
    margin-bottom: 40px;
  }
  .cookies-text tr:last-child {
    margin-bottom: 0;
  }
}
.cookies-text td:first-child {
  width: 30% !important;
  padding-right: 50px;
}
@media screen and (max-width: 1199px) {
  .cookies-text td:first-child {
    padding-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .cookies-text td:first-child {
    width: 100% !important;
    padding-right: 0;
  }
  .cookies-text td:first-child h2 {
    margin-bottom: 20px;
  }
}
.cookies-text td:last-child {
  width: 60% !important;
  padding-left: 50px;
}
@media screen and (max-width: 1199px) {
  .cookies-text td:last-child {
    padding-left: 30px;
  }
}
@media screen and (max-width: 991px) {
  .cookies-text td:last-child {
    width: 100% !important;
    padding-left: 0;
  }
}
.cookies-text h2 {
  font-size: 32px;
  position: relative;
}
.cookies-text h2::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -50%;
  width: 45%;
  height: 1px;
  background-color: #202020;
}
.cookies-text h3 {
  font-size: 27px;
}

.services-top-wrapper.manufacturing-wrapper {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper.manufacturing-wrapper {
    flex-direction: column;
  }
}
.services-top-wrapper.manufacturing-wrapper .right-part img:first-child {
  height: 520px;
  max-width: 407px;
}
@media screen and (max-width: 767px) {
  .services-top-wrapper.manufacturing-wrapper .right-part img:first-child {
    left: 0;
    transform: none;
  }
}
@media screen and (max-width: 575px) {
  .services-top-wrapper.manufacturing-wrapper .right-part img:first-child {
    max-width: 70%;
    height: 95%;
  }
}
.services-top-wrapper.manufacturing-wrapper .right-part img:nth-child(2) {
  height: 420px;
  max-width: 350px;
}
@media screen and (max-width: 767px) {
  .services-top-wrapper.manufacturing-wrapper .right-part img:nth-child(2) {
    right: 0;
    max-width: 330px;
    height: 300px;
  }
}
@media screen and (max-width: 575px) {
  .services-top-wrapper.manufacturing-wrapper .right-part img:nth-child(2) {
    max-width: 197px;
    height: 186px;
  }
}

/* .template-text h2 {
  margin-bottom: 20px;
}
.template-text p {
  margin-bottom: 15px;
}
.template-text h3 {
  margin-bottom: 20px;
  color: #202020;
  font-size: 24px;
}
.template-text ul {
  padding-left: 20px;
}
.template-text ul li {
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  color: #202020;
} */
.template-text h2 {
  margin: 30px 0;
}
.template-text h2:first-child {
  margin-top: 0;
}
.template-text ul {
  margin: 20px 0;
}
 .template-text h3 {
  text-align: left;
  margin: 25px 0;
 }
.template-text .download-links {
  margin: 50px 0;
}
.template-text .download-links a {
  display: flex;
  align-items: center;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.35px;
  color: var(--primary-color);
}
.template-text .download-links a:hover {
  text-decoration: underline;
}
.template-text .download-links a svg {
  margin-right: 10px;
}
@media screen and (max-width: 1099px) {
  .template-text .download-links a {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .template-text .download-links a {
    font-size: 16px;
  }
}
/* .template-text .go-back {
  background-color: #fff;
  border: 1px solid #202020;
  color: #202020;
  margin-bottom: 30px;
} */
/* .template-text .template-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  height: 515px;
  margin-top: 20px;
} */
/* @media screen and (max-width: 767px) {
  .template-text .template-gallery {
    gap: 5px;
    height: 275px;
  }
}
.template-text .template-gallery a {
  width: 100%;
  height: 250px;
} */
/* @media screen and (max-width: 767px) {
  .template-text .template-gallery a {
    height: 135px;
  }
}
.template-text .template-gallery a:first-of-type {
  grid-row: span 2;
  height: 515px;
}
@media screen and (max-width: 767px) {
  .template-text .template-gallery a:first-of-type {
    height: 275px;
  }
}
.template-text .template-gallery a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  
} */

/* h1 {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 32px;
  }
} */

.smaller-background {
  width: 100%;
  height: 340px;
  position: relative;
  margin-top: 164px;
}
.overlay35 {
  opacity: 0.35;
}
@media screen and (max-width: 1299px) {
  .smaller-background {
    margin-top: 100px;
  }
}
@media screen and (max-width: 575px) {
  .smaller-background {
    margin-top: 78px;
    height: 250px;
  }
}
.smaller-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.smaller-background .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.services-top-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper {
    flex-direction: column;
  }
}
.services-top-wrapper .left-part,
.services-top-wrapper .right-part {
  width: 45%;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper .left-part,
  .services-top-wrapper .right-part {
    width: 100%;
  }
}
.services-top-wrapper .left-part {
  margin-top: 30px;
}
.services-top-wrapper .left-part .title {
  margin-bottom: 30px;
}
.services-top-wrapper .left-part .text p {
  margin-bottom: 15px;
}
.services-top-wrapper .left-part .text p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper .left-part {
    margin-bottom: 40px;
  }
}
.services-top-wrapper .right-part {
  position: relative;
  height: 614px;
}
@media screen and (max-width: 767px) {
  .services-top-wrapper .right-part {
    height: 500px;
  }
}
@media screen and (max-width: 575px) {
  .services-top-wrapper .right-part {
    height: 340px;
  }
}
.services-top-wrapper .right-part img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.services-top-wrapper .right-part img:first-child {
  width: 100%;
  max-width: 450px;
  height: 95%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper .right-part img:first-child {
    left: 40%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .services-top-wrapper .right-part img:first-child {
    left: 0;
    transform: none;
  }
}
@media screen and (max-width: 575px) {
  .services-top-wrapper .right-part img:first-child {
    max-width: 80%;
  }
}
.services-top-wrapper .right-part img:nth-child(2) {
  width: 100%;
  max-width: 373px;
  height: 333px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper .right-part img:nth-child(2) {
    right: 10%;
  }
}
@media screen and (max-width: 767px) {
  .services-top-wrapper .right-part img:nth-child(2) {
    right: 0;
    max-width: 330px;
    height: 300px;
  }
}
@media screen and (max-width: 575px) {
  .services-top-wrapper .right-part img:nth-child(2) {
    max-width: 197px;
    height: 186px;
  }
}

.decorative-panels {
  width: 100%;
  height: 374px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
}
.decorative-panels::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(28, 39, 76, 0.7);
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  .decorative-panels::before {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .decorative-panels {
    height: auto;
  }
}
.decorative-panels .decorative-panels-text {
  width: 35vw;
  height: 100%;
  padding: 50px 0;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .decorative-panels .decorative-panels-text {
    width: 100%;
  }
}
.decorative-panels .decorative-panels-text span,
.decorative-panels .decorative-panels-text h2,
.decorative-panels .decorative-panels-text p {
  color: #fff;
}
.decorative-panels .decorative-panels-text .title {
  margin-bottom: 20px;
}
.decorative-panels .decorative-panels-text .title span {
  margin-bottom: 10px;
}

.zig-zag-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 500px;
}
@media screen and (max-width: 1199px) {
  .zig-zag-wrapper {
    height: auto;
    flex-direction: column;
  }
}
.zig-zag-wrapper .left-part,
.zig-zag-wrapper .right-part {
  width: 50vw;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  .zig-zag-wrapper .left-part,
  .zig-zag-wrapper .right-part {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .zig-zag-wrapper .left-part {
    height: 450px;
  }
}
@media screen and (max-width: 575px) {
  .zig-zag-wrapper .left-part {
    height: 300px;
  }
}
.zig-zag-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.zig-zag-wrapper .right-part {
  background-color: #f8f8f8;
  text-align: center;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  .zig-zag-wrapper .right-part {
    padding: 20px;
  }
}
.zig-zag-wrapper .right-part .title {
  margin-bottom: 20px;
}
.zig-zag-wrapper .right-part .title span {
  margin-bottom: 10px;
}
.zig-zag-wrapper .right-part .title h3 {
  color: #202020;
}
.zig-zag-wrapper.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1199px) {
  .zig-zag-wrapper.reverse {
    flex-direction: column;
  }
}

.decorative-panels.metalworking::before {
  left: 0;
}
.decorative-panels.metalworking .decorative-panels-text {
  margin-left: 0;
}

.grey-background {
  background-color: #f8f8f8;
}

.services-top-wrapper.plasticization-wrapper {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1199px) {
  .services-top-wrapper.plasticization-wrapper {
    flex-direction: column;
  }
}

.margin-top2 {
  margin-top: 70px;
}
@media screen and (max-width: 575px) {
  .margin-top2 {
    margin-top: 50px;
  }
}

.about-top-wrapper {
  /* display: flex;
  align-items: flex-start;
  justify-content: space-between; */
  position: relative;
}
/* @media screen and (max-width: 1199px) {
  .about-top-wrapper {
    flex-direction: column;
  }
} */
/* .about-top-wrapper .left-part {
  width: 45%;
} */
/* @media screen and (max-width: 1199px) {
  .about-top-wrapper .left-part {
    width: 100%;
  }
} */
/* .about-top-wrapper .about-image1 {
  width: 100%;
  height: 715px;
} */
/* @media screen and (max-width: 1199px) {
  .about-top-wrapper .about-image1 {
    height: 500px;
  }
} */
/* @media screen and (max-width: 767px) {
  .about-top-wrapper .about-image1 {
    height: 250px;
  }
} */
.about-top-wrapper .right-part img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about-wrapper .text h2 {
  margin-bottom: 30px;
}

.about-wrapper .text p {
  margin-top: 20px;
  color: #00121EB2;
}
.about-top-wrapper .right-part {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 50px);
  height: 100%;
}
@media screen and (max-width: 1199px) {
  .about-top-wrapper .right-part {
    position: static;
    width: 100%;
    margin-top: 30px;
    height: 400px;

    display: none;
  }
}
/* .about-top-wrapper .right-part .text .title {
  margin-bottom: 30px;
}
.about-top-wrapper .right-part .text .title h2 {
  font-size: 32px;
}
.about-top-wrapper .right-part .text p {
  margin-bottom: 15px;
} */
.about-top-wrapper .right-part .about-swiper {
  position: relative;
}
.about-top-wrapper .right-part .about-swiper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 150%;
  height: 100%;
  background-color: #f8f8f8;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 60px;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-wrapper {
  flex-direction: row;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 85px;
  margin-top: 0 !important;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-pagination {
  bottom: 15px;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  opacity: 1;
  background-color: transparent;
  transition: all 1.5s;
  border: 1px solid #202020;
  margin: 0 22px;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #202020;
}
.about-top-wrapper .right-part .about-image2 {
  width: 100%;
  height: 370px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .about-top-wrapper .right-part .about-image2 {
    height: 250px;
  }
}
.about-top-wrapper .right-part .about-image2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.about-map {
  width: 100%;
  height: 700px;
}
@media screen and (max-width: 767px) {
  .about-map {
    height: 500px;
  }
}
@media screen and (max-width: 575px) {
  .about-map {
    height: 350px;
  }
}
.about-map iframe {
  width: 100%;
  height: 100%;
}

.home-about-text ul {
  margin-top: 20px;
  padding-left: 20px;
}
.home-about-text ul li {
  font-weight: 800;
  margin-bottom: 10px;
  letter-spacing: 2px;
}

.register-container, .login-container {
  margin-left: auto;
  margin-right: auto;
}
.register-container .blueBtn, .login-container .blueBtn {
  max-width: 100%;
}

.register-container {
  max-width: 960px;
}

.login-container {
  max-width: 760px;
}

.login2 {
  background-color: #F8F8F8;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 991px) {
  .login2 {
    grid-template-columns: 1fr;
  }
  .login2 .first {
    order: 2;
  }
  .login2 .second {
    order: 1;
  }
}
.login2 .first {
  position: relative;
  padding-left: calc(50vw - 700px);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1600px) {
  .login2 .first {
    padding-left: 10vw;
  }
}
@media only screen and (max-width: 900px) {
  .login2 .first {
    padding-left: 5vw;
  }
}
.login2 .first img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.login2 .first .whiteBtn {
  position: relative;
  z-index: 2;
  font-size: 18px;
  margin-top: auto;
}
@media screen and (max-width: 991px) {
  .login2 .first .whiteBtn {
    margin: auto;
  }
}
@media screen and (max-width: 575px) {
  .login2 .first .whiteBtn {
    font-size: 16px;
  }
}
.login2 .second {
  padding-right: calc(50vw - 700px);
}
@media only screen and (max-width: 1600px) {
  .login2 .second {
    padding-right: 10vw;
  }
}
@media only screen and (max-width: 900px) {
  .login2 .second {
    padding-right: 5vw;
  }
}
.login2 .second .form-container {
  border: none;
  padding-left: 50px;
}
.login2 .second .form-container .form-title {
  border: none;
}
.login2 .second .form-container .form-title, .login2 .second .form-container .form-body {
  padding: 0;
}
.login2 .second .form-container .form-body {
  margin-top: 40px;
}

.profile-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 50px;
}
.profile-grid .blueBtn {
  max-width: 100%;
  letter-spacing: 0.5px;
  background-color: #A70D00;
}
@media screen and (max-width: 1299px) {
  .profile-grid {
    grid-template-columns: 1fr;
  }
}

.order-table * {
  color: #202020;
}
.order-table table {
  width: 100%;
}
.order-table tr {
  display: flex;
  align-items: center;
  padding: 20px 50px;
}
.order-table tr th + th, .order-table tr td + td {
  margin-left: 50px;
}
.order-table tr th:last-child, .order-table tr td:last-child {
  text-align: right;
}
.order-table tbody tr {
  border-top: 1px solid #DDDEE4;
}
.order-table th, .order-table td {
  text-align: left;
  width: 100%;
}
.order-table th {
  font-size: 16px;
  letter-spacing: 2.5px;
}
.order-table td {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
}
.order-table td:last-child {
  font-size: 24px;
  font-weight: 800;
}
@media screen and (max-width: 1199px) {
  .order-table thead {
    display: none;
  }
  .order-table tr {
    flex-direction: column;
  }
  .order-table tr td + td {
    margin-left: 0;
    margin-top: 10px;
  }
  .order-table tr td {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .order-table tr td::before {
    content: attr(data-title);
  }
}
@media screen and (max-width: 575px) {
  .order-table tr {
    padding: 20px;
  }
  .order-table tr td {
    font-size: 14px;
  }
  .order-table tr td:last-child {
    font-size: 18px;
  }
}

.basket-page {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 50px;
}
.basket-page::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 100%;
  height: 100%;
  width: calc(50vw - 700px);
  /* background-color: #F8F8F8; */
}
@media only screen and (max-width: 1600px) {
  .basket-page::after {
    width: 10vw;
  }
}
/* .basket-page .page-padding-top {
  background-color: #F8F8F8;
} */
@media screen and (max-width: 1299px) {
  .basket-page .page-padding-top {
    position: relative;
  }
  .basket-page .page-padding-top::after, .basket-page .page-padding-top::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    height: 100%;
    width: 10vw;
    background-color: #F8F8F8;
  }
  .basket-page .page-padding-top::after {
    left: 100%;
  }
  .basket-page .page-padding-top::before {
    right: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .basket-page .page-padding-top::after, .basket-page .page-padding-top::before {
    width: 5vw;
  }
}
@media screen and (max-width: 1299px) {
  .page-padding:has(.cart-table) {
    padding-bottom: 0;
  }
  .basket-page {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .basket-page::after {
    display: none;
  }
  .basket-title {
    max-width: 500px;
  }
  .basket-title p {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 1299px) {
  .basket-page2 .page-padding-top {
    order: 1;
  }
  .basket-page2 .page-padding {
    order: 2;
  }
}

/* .basket-right {
  padding-bottom: 20px;

} */
@media screen and (max-width: 1299px) {
  .basket-right {

  }
}
@media screen and (max-width: 575px) {
  .basket-right {

  }
}
.basket-right .bas {
  /* max-width: 300px; */
  /* margin-left: auto; */
  background-color: #F5F5F5;
  padding: 30px;
}
@media screen and (max-width: 1299px) {
  .basket-right .bas {
    /* margin-left: 0; */
    max-width: 500px;
  }
}
.basket-right .b-title {
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 2.5px;
  text-align: center;
  border-bottom: 2.5px solid #202020;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.basket-right .b-title.title-articles {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .basket-right .b-title {
    font-size: 26px;
    letter-spacing: 2px;
  }
}
.basket-right .coupon-form {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 25px;
}
.basket-right .coupon-form input::-moz-placeholder {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.35px;
}
.basket-right .coupon-form input, .basket-right .coupon-form input::placeholder, .basket-right .coupon-form button {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.35px;
}
.basket-right .coupon-form input::-moz-placeholder {
  color: #00121EB2;
}
.basket-right .coupon-form input::placeholder {
  color: #00121EB2;
}
.basket-right .coupon-form input, .basket-right .coupon-form button {
  height: 50px;
  width: 100%;
  border: none;
  outline: none;
}
.basket-right .coupon-form button {
  color: #fff;
  background-color: var(--primary-color);
  padding: 0 20px;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.basket-right .coupon-form input {
  background-color: #fff;
  padding: 0 10px;
  color: var(--primary-color);
  margin-bottom: 25px;
}
.basket-right .paying {
  display: grid;
  gap: 25px;
  margin-top: 30px;
}
.basket-right .paying hr {
  border: none;
  border-bottom: 1px solid rgba(28, 39, 76, 0.2);
}
.basket-right .paying p {
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.basket-right .paying span.price {
  font-weight: 500;
  letter-spacing: 0.5px;
}
.basket-right .paying span.coupon {
  color: #CC0202;
}
.basket-right .paying .delete-coupon {
  font-size: 14px;
  letter-spacing: 1px;
  color: #202020;
  text-transform: uppercase;
  font-weight: 800;
  padding-left: 25px;
  background-image: url("../images/backk.svg");
  background-position: 0% center;
  background-repeat: no-repeat;
  background-size: 20px contain;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: 5px;
}
@media screen and (max-width: 575px) {
  .basket-right .wishBtn {
    padding: 17px;
  }
}
.basket-right .blueBtn {
  max-width: 100%;
}
.basket-right .blueBtn img {
  margin-right: 7px;
}
.basket-right .blueBtn2 {
  background-color: transparent;
  border: 1px solid #202020;
  color: #202020;
  /* padding: 10px; */
}
/* @media screen and (max-width: 575px) {
  .basket-right .blueBtn2 {
    padding: 10px;
  }
} */

/* .basket-table * {
  color: #202020;
} */
.basket-table table {
  width: 100%;
  /* padding-right: 50px; */
}
@media screen and (max-width: 1299px) {
  .basket-table table {
    padding-right: 0;
  }
}
.basket-table tr {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #00121E33;
}
.basket-table.small-basket tr {
  border: none;
  justify-content: space-between;
}
.basket-table th, .basket-table td {
  width: 100%;
  text-align: center;
}
.basket-table th:first-child, .basket-table td:first-child {
  text-align: left;
}
.basket-table th:nth-child(2), .basket-table td:nth-child(2) {
  max-width: 120px;
}
.basket-table th:nth-child(3), .basket-table td:nth-child(3), .basket-table th:nth-child(4), .basket-table td:nth-child(4) {
  max-width: 150px;
}
.basket-table th:last-child, .basket-table td:last-child {
  max-width: 20px;
}
.basket-table.small-basket th:last-child, .basket-table.small-basket td:last-child {
  max-width: fit-content;
}
.basket-table th {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.35px;
}
.basket-table tbody tr {
  padding: 30px;
}
.basket-table thead tr {
  padding: 20px 30px;
}
.basket-table.small-basket thead tr {
  padding: 0;
}
.basket-table .b-product .b-img {
  border: 1px solid #E8E8E8;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 90px;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 575px) {
  .basket-table .b-product .b-img {
    width: 70px;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
  }
  .basket-table tbody tr {
    padding: 30px 15px;
  }
  .cart-table .blueBtn {
    max-width: 90%;
    margin: 30px auto 0 !important;
  }
}
.basket-table .b-product .b-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
/* .basket-table .b-product .b-img .delete-from-basket { */
.basket-table .b-img {
  position: relative;
}
.basket-table .b-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}
/* .basket-table .b-amount {
  margin-left: 20px;
} */
.delete-from-basket {
  /* width: 26px; */
  /* height: 26px; */
  /* border-radius: 50%; */
  /* background-color: #202020; */
  /* position: absolute; */
  /* top: -13px; */
  /* right: -13px; */
  /* z-index: 1; */
  /* background-image: url("../images/close-white.svg"); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: 50%; */
  cursor: pointer;
}
.basket-table .b-product p {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--primary-color);

  /* margin: 10px 0; */
}
.basket-table .b-product span {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}
.basket-table .b-price1, .basket-table .b-price2 {
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "SpaceGrotesk";
}
.basket-table .b-price1 {
  font-size: 16px;
  color: #CC0202CC;
}
.basket-table .b-price2 {
  font-size: 24px;
}
@media screen and (max-width: 575px) {
  .basket-table .b-price2 {
    font-size: 20px;
  }
}
.basket-table .b-amount input {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
}
.basket-table .b-amount .wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  
  margin-top: 10px;
  margin-bottom: 10px;
  /* justify-content: flex-end; */
}
/* .basket-table .b-amount .p-number {
  width: 60px;
} */
/* .basket-table .b-amount .p-number {
  width: 90px;
  border: 1px solid #BBBEC9;
  padding: 5px 10px;
  
  margin-left: 5px;
  margin-right: 5px;
  text-align: left;
  height: 40px;
} */

.basket-table .b-amount .p-number {
    border-top: 0.5px solid #00121E33;
    border-bottom: 0.5px solid #00121E33;
    height: 30px;
    width: 30px;
    max-width: fit-content;
    color: var(--primary-color);
    font-weight: 400;
    font-size: 16px;
    padding: 0 5px;
    outline: none;
    text-align: center;
    background-color: #fff;
}

/* .basket-table .b-amount .minus, .basket-table .b-amount .plus {
  cursor: pointer;
  font-size: 24px;
  transform: translateY(-2.5px);
} */
.basket-table .b-amount .minus, .basket-table .b-amount .plus {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background-color: white;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
    border: 0.5px solid #00121E33;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 16px;
    line-height: 3.25px;
    text-align: center;
    color: var(--primary-color);
}



@media screen and (max-width: 767px) {
  .basket-table thead {
    display: none;
  }
  /* .basket-table tbody tr:first-child {
    border-top: 1px solid #00121E33;
  } */
  .basket-table tr {position: relative;}
  .basket-table tr .delete-from-basket {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 10px;
  }
  .basket-table th:nth-child(2), .basket-table td:nth-child(2),
  .basket-table th:nth-child(3), .basket-table td:nth-child(3), 
  .basket-table th:nth-child(4), .basket-table td:nth-child(4) 
  {max-width: unset;}
  .basket-table th:last-child, .basket-table td:last-child {margin: 0;}
  .basket-table tbody tr {
    flex-direction: column;
  }
  .small-basket.basket-table tbody tr {
    flex-direction: row;
  }
  .basket-table tbody tr td {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .small-basket.basket-table tbody tr td {
    display: block;
  }
  .basket-table tbody tr td::before {
    content: attr(data-title);
  }
  .basket-table tbody tr td + td {
    margin-top: 10px;
  }
  .small-basket.basket-table tbody tr td + td {
    margin-top: 0;
  }
  .basket-table tbody tr td:first-child::before {
    display: none;
  }
}

.small-basket {
  margin-bottom: 50px;
}
.small-basket table {
  padding-right: 0;
}
.small-basket th {
  font-weight: 700;
}
.small-basket tr td:first-child, .small-basket tr th:first-child {
  /* min-width: 130px; */
  width: 100px;
}
/* .small-basket tr td:nth-child(2), .small-basket tr th:nth-child(2) {
  width: 70px;
} */
@media screen and (max-width: 767px) {
  .small-basket tr td:nth-child(2), .small-basket tr th:nth-child(2) {
    width: 100%;
  }
}
.small-basket tr td:last-child, .small-basket tr th:last-child {
  text-align: right;
}
.small-basket tbody tr {
  padding: 20px 0 0;
}
.small-basket tbody tr:last-child {
  border: none;
}
.small-basket .b-price2 {
  font-size: 16px;
}
/* .small-basket .b-amount .p-number {
  width: 40px;
} */
.small-basket .b-product p {
  margin-bottom: 0;
  font-size: 14px;
}
.small-basket tbody tr td:first-child {
  display: flex;
  align-items: center;
  width: 80%;
  max-width: 200px;
}
.small-basket tbody tr td:first-child .b-img {
  width: 100%;
  max-width: 100px;
  height: 100px;
  margin-right: 10px;
}

.order-form .o-title {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.35px;
  font-family: "SpaceGrotesk";
  font-weight: 700;
}
.order-form textarea {
  height: 200px;
}
@media screen and (max-width: 1299px) {
  .order-form {
    padding-right: 0;
  }
}
@media screen and (max-width: 575px) {
  .order-form .o-title {
    font-size: 20px;
    letter-spacing: 1px;
  }
  .order-form textarea {
    height: 150px;
  }
}

.final-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .final-buttons .white, .final-buttons .blue {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 250px;
  padding: 17px;
  
  transition: all 0.5s;
} */
 .final-buttons .blueBtn {
  padding: 13px !important;
  height: 50px;
 }
.final-buttons .white {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  margin-left: 0;
  background-color: transparent;
}
/* .final-buttons .blue {
  border: 1px solid #202020;
  color: #fff;
  background-color: #202020;
} */
/* .final-buttons .blue img {
  margin-right: 7px;
} */
@media screen and (max-width: 767px) {
  .final-buttons {
    flex-direction: column;
  }
  .final-buttons .white, .final-buttons .blue {
    font-size: 18px;
    max-width: 100%;
  }
  .final-buttons .blue {
    margin-top: 20px;
  }
}
@media screen and (max-width: 575px) {
  .final-buttons .white, .final-buttons .blue {
    font-size: 16px;
    letter-spacing: 1.5px;
  }
}/*# sourceMappingURL=main.css.map */


.main-slider .main-paginationMob .swiper-pagination-bullet,
.main-slider .main-pagination .swiper-pagination-bullet {
  border: 1px solid white;
}

.main-slider .main-paginationMob .swiper-pagination-bullet-active,
.main-slider .main-pagination .swiper-pagination-bullet-active {
  background-color: white;
}
.main-slider h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 58px;
  letter-spacing: 2.5px;
  color: #202020;
}

.main-slider .whiteBtn {
  font-size: 16px;
  padding: 20px 30px;
}

.main-slider h2 {
  color: white;
  margin-bottom: 15px;
}

.header-column {
    width: 33.33%;
}
.header-column.center {
    display: flex;
    justify-content: center;
}
.header-column.right {
    display: flex;
    justify-content: flex-end;
}
.slide-content {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3 !important;
}
.slide-content p {
    color: white;
}
.slide-content .slide-text {
    max-width: 530px;
}
/* .slide-content h1,
.slide-content h2 {
    font-size: 45px;
    font-weight: 700;
} */
/* .slide-content p,
.slide-content li {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
} */

@media screen and (max-width: 1399px) {
  /* .slide-content h2 {
  } */
}
@media screen and (max-width: 575px) {
  /* .slide-content h1,
  .slide-content h2 {
    line-height: 1.2;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 5px;
  } */
  /* .slide-content p,
  .slide-content li {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
  } */
}




.desktop-header .head3 .main-nav .nav .subnav li details {
  position: relative;
}

.options .cart-header .small-cart .product-details .img-cart img {
  object-fit: contain;
}

.foot .foot2 .newsletter-form button {
  white-space: nowrap;
}


.blog.no-results {
  grid-column: span 3;
  text-align: center;
}

.products-form .products-sort select {
  background-color: #fff;
  border: 1px solid #00121E33;
  text-align: left;
  width: 180px;
  padding: 5px 10px 5px 10px;
  font-size: 16px;
  font-weight: 500;
  font-family: "SpaceGrotesk";
  letter-spacing: 0.35px;
  color: var(--primary-color);
  cursor: pointer;
  background-position: calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: 12px auto;
  cursor: pointer;
}

.range-slider {
  margin: 15px 0 40px;
}
.filters-wrap .categories details a.active {
  color: #CC0202;
}


.wish-icon {
  position: relative;
}



.home-product-grid .product-description,
/* .home-product-grid .mini-crumb, */
.swiper-wrapper .product-description
/* .swiper-wrapper .mini-crumb  */
{
  display: none;
}

.details-swiper-wrap .single-image-wrap {
  height: 100%;
  width: 100%;
}
.details-swiper-wrap .single-image-wrap a::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 65px;
  background-color: #202020;
  background-image: url(../images/magnify.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
}

.product .product-name {
  /* min-height: 58px; */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.products-list .product .product-name {
  min-height: auto;
}

.shop-page.shop-page-search {
  grid-template-columns: 1fr;
}
.shop-page.shop-page-search .products-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1299px) {
  .shop-page.shop-page-search .products-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 991px) {
  .shop-page.shop-page-search .products-grid {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .shop-page.shop-page-search .products-grid {
      grid-template-columns: 1fr;
  }
}

.shop-page.shop-page-search .products-list {
  grid-template-columns: 1fr;
}

.cart-price-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.desktop-header .head3 .main-nav > li > a {
  display: block;
  width: 100%;
}


.general-search {
  position: relative;
}
.search-min-chars {
  color: red;
  font-size: 12px;
  position: absolute;
  width: max-content;
  /* top: 50%; */
  top: 15%;
  transform: translateY(-50%);
  /* right: 75px; */
  right: 0;
}

.cart-not-available {
  pointer-events: none !important;
  opacity: 0.3 !important;
}

.final-buttons .blue.orderBtn {
  max-width: max-content;
}


@media screen and (max-width: 1299px) {
  /* .mobile-header .head3 .main-nav {
      text-align: right;
  } */
  /* .lang {
      justify-content: flex-end;
  }
  .mobile-header .head3 .header-social {
      justify-content: flex-end;
  } */
  .mobile-header .head3 .main-nav li {
      margin-top: 15px;
      margin-bottom: 15px;
  }
  /* .mobile-header .head3 .header-social svg path {
      fill: #202020;
  } */
  .mobile-header .head3 .main-nav .nav .subnav ul {
      padding-left: 15px;
      margin-bottom: 20px;
  }
  .mobile-header .head3 .main-nav .nav .subnav li details summary {
      position: relative;
  }
  .mobile-header .head3 .main-nav .nav .subnav li details summary::after {
      opacity: 1;
  }
  .mobile-header .head3 .main-nav .nav .subnav li details summary::after {
      content: "";
      width: 10px;
      height: 15px;
      background-image: url("../images/chevron-right-blue.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      opacity: 0.7;
      transition: all 0.5s;
      margin-left: 5px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
}
/* .desktop-header.small-header .head3 .main-nav > li > a {
  padding: 10px 0;
} */


.remove-all-wishes {
  display: flex;
  justify-content: center;
}


.product-details-info .wishBtn.requestBtn {
  font-size: 14px;
}
.filters-wrap .blueBtn {
  max-width: 100%;
  width: 100%;
}
.blueBtn.filterResetBtn {
  background-color: white !important;
  color: #202020 !important;
  border: 1px solid #202020 !important; 
}

.basket-table .b-product .b-img-title {
  display: flex;
  align-items: center;
}

.basket-table .b-product .b-img-title .b-img {
  margin-right: 10px;
}

.basket-table .b-product .b-img a {
  height: 100%;
  width: 100%;
  display: block;
}

.white-form.order-form .login-links {
  display: flex;
  align-items: center;
}

.login-links a {
  margin-left: 0 !important;
  width: 100%;
  max-width: 300px;
  padding: 13px !important;
  background-color: var(--primary-color) !important;
}
.login-links a:first-child {
  margin-right: 50px;
}
.login-links .blueBtn:hover {
  transform: none;
  box-shadow: none;
  background-color: var(--secondary-color) !important;
}
.login-links + h3 {
  text-align: left;
  margin: 30px 0 15px;
}
.input-company-name {
  margin-bottom: 20px;
}

.home-about .home-about-text p {
  color: #00121EB2;
  line-height: 150%;
}
.home-about .more-btn {
  padding: 15px 25px;
  margin-top: 30px;
}
.home-about .home-about-text p + p {
  margin-top: 20px;
}

.desktop-header .head3 .main-nav .nav .subnav ul {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 15px;
}

.desktop-header .head3 .main-nav .nav .subnav li details {
  position: static;
}

.desktop-header .head3 .main-nav > li > a {
  position: relative;
}

.desktop-header .head3 .main-nav .nav .subnav li a {
  font-size: 16px;
  display: block;
  border-bottom: 2px solid white;
  width: max-content;
}
.desktop-header .head3 .main-nav .nav .subnav li a:hover {
   border-bottom: 2px solid #CC0202;
}


.product-specifics .downloads p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-specifics .downloads p:first-child {
  margin-top: 0;
}


.home-about-text ul li ul {
  margin-top: 10px;
}


.contact-socials {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px solid #DDDEE4;
}

.product .product-name p {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--primary-color);
}


.product-amount-wrap {
  display: flex;
  align-items: center;
}
.product-amount-wrap input.p-number {
  border: 1px solid rgba(0, 18, 30, 0.2);
  border-left: none;
  border-right: none;
  height: 45px;
  width: 45px;
  color: var(--primary-color);
  font-family: "DMSans";
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 10px 5px;
  outline: none;
  text-align: center;
}
.product-details-info .product-amount-wrap .change-amount {
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: space-between;
}
.product-details-info .product-amount-wrap .minus, .product-details-info .product-amount-wrap .plus {
  cursor: pointer;
  width: 45px;
  height: 45px;
  border: none;
  outline: none;
  background-color: white;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  font-size: 24px;
  font-weight: 400;
  border: 1px solid rgba(0, 18, 30, 0.2);
}

.basket-table .b-amount .change-amount {
  position: relative;
}
.basket-table .b-amount .change-amount .change-amount-btn {
 position: absolute;
 right: 10px;
 top: 50%;
 transform: translateY(-50%);
 /* background-color: #CC0202; */
 background-color: rgb(28, 39, 76);
 border-radius: 50%;
 padding: 0px;
 font-weight: 600;
 color: white;
 cursor: pointer;
 height: 22.5px;
 width: 22.5px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.product .card-btns {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
  margin-top: 10px;
}

.filterBtnWrapper {
  display: flex;
  justify-content: center;
}

.filterBtn {
  outline: none;
  border: none;
  background: var(--primary-color);
  color: #fff;
  text-align: center;
  padding: 13px 5px;
  text-transform: uppercase;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.35px;
  width: 100%;

}


.payment-cards-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.f-payment img {
  object-fit: contain;
  object-position: right;
  width: auto;
}

.f-payment {
  padding: 15px 0;
}

.total, .steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  width: 100%;
}

.steps form {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.steps form button {
  border: 1px solid #202020;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .f-payment {
      flex-direction: column;
  }
  .f-payment .ws-pay {
    margin-bottom: 20px;
    display: block;
  }
  .f-payment img {
    height: 36px;
  }
}

@media screen and (max-width: 1199px) {
  /* .about-top-wrapper .left-part {
      display: flex;
      flex-direction: column-reverse;
  } */
  /* .about-top-wrapper .left-part .text {
      margin-bottom: 30px;
      margin-top: 0;
  } */
}
@media screen and (max-width: 767px) {
  .final-buttons .blue.orderBtn {
      max-width: 100%;
      width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .home-product-grid {
      -moz-column-gap: 10px;
      column-gap: 10px;
      row-gap: 10px;
      margin-top: 20px;
  }

  .product .card-btns .blueBtn1 {
      margin: 0;
      margin-left: 2.5px;
      margin-right: 2.5px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px;
  }
  .product .card-btns .blueBtn1 svg {
      height: 21px;
      width: 21px;
      margin-right: 0;
      /* transform: translateX(8px); */
      /* margin-left: 15px; */
  }
  .product .card-btns .blueBtn1 span {
    display: none;
  }
  .product .card-btns .blueBtn1::before {
      margin-right: 0;
      /* transform: translateX(11px); */
      /* margin-left: 20px; */
  }
  .product .product-name p {
    font-size: 16px;
  }
  .product .product-image {
      height: 220px;
      padding: 15px 10px;
  }
  .product .product-price .price {
      font-size: 18px;
  }
  .product .product-mark {
    font-size: 12px;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 7.5px;
    padding-top: 10px;
  }
  .products-grid {
      margin-top: 30px;
      grid-template-columns: 1fr 1fr;
      max-width: 100%;
      -moz-column-gap: 10px;
      column-gap: 10px;
      row-gap: 10px;
  }
  .product .product-price .old-price {
      font-size: 12px;
  }
  .product .discount {
      font-size: 12px;
      padding: 10px 8px;
      left: 15px;
  }
  .product .discount + .new {
    left: 50px;
  }
  .product .discount::before, .product .discount::after {
    height: 13px;
  }
  .filters-mobile {
      padding: 10px;
  }
  .shop-page {
      margin-top: -30px;
  }
  .product .product-name {
      margin-bottom: 10px;
  }
  .product .product-price {
      padding-top: 0px;
  }

  .main-slider .whiteBtn {
      font-size: 14px;
      letter-spacing: 1px;
      padding: 10px 15px;
  }
  /* .options .cart-header .small-cart {
      max-width: 100%;
      left: 0;
  } */
  .basket-table .b-product .b-img img {
      width: 70px;
  }
  .basket-table .b-product .b-img {
      margin-right: 15px;
  }

  .mini-cramb-details {
      margin-top: -30px;
  }
  .blog-cover .blog-date {
      font-size: 14px;
  }
}


































.order-history table {
  border: none;
  border-collapse: collapse;
  background-color: #F5F5F5;
}
.order-history table tbody tr:first-child th {
font-family: "SpaceGrotesk";
font-weight: 700;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.35px;
padding: 30px 10px 15px;
}
.order-history table tbody tr:first-child th::after {
  content: ":";
}
.order-history table * {
  text-align: center;
}
.order-history table, .order-history table tbody {
  width: 100%;
}
.order-history table th,
.order-history table td {
  font-size: 16px;
  letter-spacing: 0.35px;
  padding: 15px;
}
/* .order-history table tr {
  border: 1px solid #00121E33;
} */
.order-history table tr.main-row {
  border: none;
  border-top: 1px solid #00121E33;
}
.order-history table tr.main-row:last-child {
  border-bottom: 1px solid #00121E33;
}
.order-history table .ordered-products-per-date {
  width: 100%;
  padding: 0;
  border-left: 1px solid #00121E33;
  border-right: 1px solid #00121E33;
}
.order-history table .order-title {
  font-weight: 400;
}
.order-history table .order-date, .order-history table .order-total-price {
  padding: 15px;
}
.order-history table .order-date {
  font-weight: 700;
  min-width: 150px;
}
.order-history table .order-total-price {
  flex-direction: column;
  font-weight: 700;
  font-size: 24px;
  min-width: 150px;
}

@media screen and (max-width: 1399px) {
  .order-history table td {
      font-size: 16px;
      letter-spacing: 1px;
  }
  .order-history table .order-total-price {
    font-size: 16px;
  }
  .order-history table .order-total-price::before {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .order-history table th {
      display: none;
  }
  .order-history table .order-date::before, .order-history table .order-quantity::before, .order-history table .order-price::before, .order-history table .order-total-price::before {
      content: attr(data-title);
      margin-right: 10px;
  }
  .order-history table .main-row {
      display: flex;
      flex-direction: column;
      border-left: 1px solid #00121E33 !important;
      border-right: 1px solid #00121E33 !important;
  }
  .order-history table .order-total-price {
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  .order-history table .ordered-products-per-date tr {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .order-history table .ordered-products-per-date {
    border: none;
  }
}


.filter-section.discount-section .checkbox-discount-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-section.discount-section label {
  padding-right: 10px;
  line-height: normal;
  cursor: pointer;
  font-family: "DMSans";
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.35px;
  color: var(--primary-color);
}

.filter-section.discount-section .checkbox-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--primary-color);
  border-radius: 99rem;
  cursor: pointer;
  height: 20px;
  outline: none;
  position: relative;
  width: 40px;
}
.filter-section.discount-section .checkbox-switch:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  margin-bottom: 0.5px;
}

.filter-section.discount-section .checkbox-switch:checked {
  background-color: var(--secondary-color);
}

.filter-section.discount-section .checkbox-switch:checked:after {
  left: auto;
  right: 3px;
  margin-bottom: 0.5px;
}




.spec-table table {
    width: 100% !important;
    height: 100% !important;
    text-align: left;
    border: none;
    border-collapse: collapse !important;
}
.spec-table table table {
     /* border: 1px solid #202020 !important; */
     height: max-content !important;
}
.spec-table td {
  font-size: 24px;
  letter-spacing: 0.35px;
  padding: 20px 0;
  border: none !important;
  max-width: 50%;
}
.spec-table tr td:first-child {
  font-weight: 600;
}
.spec-table tr td:last-child {
  text-align: right;
}
.spec-table tr {
  border-bottom: 1px solid #00000033;
}
.spec-table tr:first-child td {
  padding-top: 0;
}
.spec-table tr:last-child {
  border: none;
}
.spec-table tr:last-child td {
  padding-bottom: 0;
}
/* .spec-table table th,
.spec-table table td {
    border: none !important;
    font-size: 15px !important;
    padding: 7.5px !important;
} */
/* .spec-table table table th,
.spec-table table table td {
    border: 1px solid #202020 !important;
} */
@media screen and (max-width: 1399px) {
.spec-table td {
  font-size: 20px;
  padding: 10px 0; 
}
}
@media screen and (max-width: 767px) {
  /* .spec-table table colgroup col {
    width: 100% !important;
  }
  .spec-table table tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
  }
  .spec-table table tr table tr {
    display: table !important;
  }
  .spec-table table tr table tr td {
    width: 50% !important;
  } */
  .p-desc-panel img {
    height: max-content;
  }
}
@media screen and (max-width: 767px) {
  .spec-table td {
  font-size: 16px;
  padding: 10px 0; 
}
}

/* .cart-table table {
    border: 1px solid #E8E8E8;
    border-collapse: collapse;
}
.cart-table table th,
.cart-table table td {
    border: 1px solid #E8E8E8;
} */

.cart-table {
  background-color: #F5F5F5;
  padding-bottom: 30px;
}
.cart-table .blueBtn {
  margin: 30px 30px 0 auto;
}












.swiper-button-next, .swiper-button-prev {
  color: white;
  background-color: #202020B2;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.swiper-button-next:after, .swiper-button-prev:after,
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 14px;
}

.home-products-swiper {
  display: flex;
}
.home-products-swiper.reverse {
  flex-direction: row-reverse;
}
.home-products-swiper .banner-wrapper {
    margin-right: 40px;
}
.home-products-swiper.reverse .banner-wrapper {
    margin-right: 0px;
    margin-left: 40px;
}

.home-products-swiper .banner-wrapper img {
    object-fit: contain;
    -o-object-fit: contain;
    object-position: top;
    -o-object-position: top;
    /* width: 100%; */
    max-width: 890px;
    /* margin-left: -100px; */
}
/* .home-products-swiper.reverse .banner-wrapper img {
  margin-right: -100px;
  margin-left: 0;
} */
.medium-banner {
    object-fit: contain;
    -o-object-fit: contain;
    object-position: center;
    -o-object-position: center;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}


.home-products-swiper .product .product-image {
  height: 270px;
}
.home-about-grid {
  display: flex;
  flex-direction: column;
}
.home-about-grid > div + div {
  margin-top: 25px;
}

.section-home-banner {
  position: relative;
}
.section-home-banner::after {
  content: "";
  background-color: #F5F5F5;
  height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.about-video {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: fit-content;
  min-height: 500px;
  display: flex;
  align-items: center;
  position: relative;
}
.about-video .page-width {
  position: relative;
  z-index: 2;
}
.about-video .overlay {
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.172877) 13.56%, rgba(0, 0, 0, 0) 32.49%, rgba(0, 0, 0, 0) 100%);
}
.about-video .title h2,
.about-video .title span {
  color: white;
}
.about-video .play-video {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.about-video .video-icon {
  border: 5px solid white;
  width: 100%;
  max-width: 265px;
  height: 265px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s;
  margin-top: 50px;
}
.about-video .video-icon svg path {
  transition: all 0.5s;
}
.about-video .video-icon:hover {
  border-color: var(--secondary-color);
}
.about-video .video-icon:hover svg path {
  fill: var(--secondary-color);
}


.contact-page .form-container-wrapper p {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 400;
}
.contact-page .form-container-wrapper hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-page .contact-links a {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 30px;
  margin-top: 0;
}
.contact-page .icon-social,
.contact-page .contact-links .icon {
  background-color: #202020;
  height: 60px;
  min-width: 60px;
  max-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.contact-page .icon-social {
  margin-right: 0;
}
footer .icon-social-f {
  background-color: white;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .social a + a {
  margin-left: 15px;
}

.section-call * {
  text-align: center;
}
.section-call .blueBtn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.section-call .call {
  display: block;
  margin-top: 15px;
  color: #202020;
}
.smaller-background h1 {
  text-align: center;
  color: #fff;
}
.smaller-background.light-bg .title a,
.smaller-background.light-bg .title span,
.smaller-background.light-bg .title .breadcrumb .current::before,
.smaller-background.light-bg .title h1 {
  color: #202020 !important;
}

.cover-title {
  color: #fff;
  font-size: 64px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .cover-title {
    font-size: 45px;
  }
}


.basket-title {
  padding: 20px;
  background-color: var(--secondary-color);
}
.basket-title p {
  color: #fff;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  text-align: center;
}

.checkout-amount {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
}

.basket-page.basket-page2 .basket-right .bas {
  background-color: #F5F5F5;
}

.profile-grid .form-container .form-title {
  padding: 20px 30px;
  background-color: var(--secondary-color);
}
.profile-grid .form-container .form-title p {
  color: #fff;
  padding: 0;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-align: center;
  text-transform: uppercase;
}

.profile-grid .form-container .form-body {
  /* border: 1px solid #F8F8F8; */
  background-color: #F5F5F5;
}



.stats-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.stats-item {
  position: relative;
  flex: 1;
  text-align: center;
}

.stats-number {
  line-height: 1;
  position: relative;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 100px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-align: center;
  text-transform: uppercase;
  color: #00121E1A;
}

.stats-label {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;

  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-align: center;
  color: #CC0202CC;
}


.details-side-menu {
  position: relative;
}
.details-side-menu summary {
  cursor: pointer;
  height: 44px;
  padding-left: 25px;
  margin-left: 25px;
  border-left: 1px solid #00121E1A;
}
.desktop-side-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 750px;
  z-index: 99999999999999;
  background-color: #fff;
  overflow-y: auto;
}
.desktop-side-menu .foot1 .footer-logo {
    margin-top: 0px;
    margin-bottom: 50px;
}
.desktop-side-menu .contact-links a {
  color: white;
}
.desktop-side-menu .icon-social-f {
    background-color: white;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.desktop-side-menu .social a svg path {
    transition: all 0.5s;
}
.desktop-side-menu .social a:hover svg path {
    fill: #CC0202;
}
.desktop-side-menu-top .lang2 summary {
  margin: 0;
  padding: 0;
  border: none;
}

.close-desktop-side-menu {
  /* position: absolute; */
  /* top: 50px; */
  /* left: 30px; */
  cursor: pointer;
}
.desktop-side-menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
}
.desktop-side-menu-top .footer-logo img {
  width: 100%;
  height: 100%;
  max-width: 121px;
  max-height: 121px;
  object-fit: contain;
  object-position: center;
}
.desktop-side-menu .f-title {
  color: white;
}
.desktop-side-menu .footer-contact .f-title {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}
.desktop-side-menu .f-title {
    font-size: 24px;
    font-weight: 700;
}

.desktop-side-menu .contact-links a:hover {
    color: #CC0202;
}


.desktop-side-menu .language .contact-links a {
    border-bottom: 3px solid #202020;
    transition: all 0.5s;
}
.desktop-side-menu .language .contact-links a:hover {
    color: #CC0202;
    border-bottom: 3px solid #CC0202;
}
.desktop-side-menu .language .contact-links a.active {
    color: #CC0202;
    border-bottom: 3px solid #CC0202;
}

.v-line {
  height: 30px;
  width: 1px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 15px;
}












.delivery-section {
  display: flex;
  justify-content: space-around;
  padding-top: 50px;
  padding-bottom: 50px;
}

.delivery-section .delivery-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.delivery-section .delivery-wrapper .delivery-icon {
  margin-right: 30px;
}

.delivery-divider {
  background-color: #20202033;
  min-height: 100%;
  max-height: 100%;
  width: 1px;
  margin-left: 30px;
  margin-right: 30px;
}

.delivery-item {
  position: relative;
  flex: 1;
  text-align: center;
}

.delivery-number {
  font-size: 32px;
  font-weight: 700;
  color: #202020;
  position: relative;
  text-align: left;
}

.delivery-label {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  color: #202020;
  font-weight: bold;
  text-align: left;
}



.menu-cart-delivery p {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: center;
}


@media screen and (max-width: 1399px) {
  .home-products-swiper .banner-wrapper img {
    max-width: 500px;
  }
  .delivery-number {
    font-size: 28px;
  }
  .delivery-label {
    font-size: 16px;
  }
  
}
@media screen and (max-width: 1299px) {
  .home-products-swiper .banner-wrapper img {
    max-width: 400px;
  }
  .details-side-menu {
    display: none;
  }
  .delivery-number {
    font-size: 24px;
  }
  .delivery-label {
    font-size: 14px;
  }
  .delivery-section .delivery-wrapper .delivery-icon {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .home-products-swiper .banner-wrapper img {
    max-width: 300px;
  }
  .stats-number {
    font-size: 75px;
  }
  .stats-label {
    font-size: 18px;
  }
  .about-video .video-icon {
    height: 150px;
    max-width: 150px;
  }
  .about-video .video-icon svg {
    transform: scale(0.5);
  }
  .delivery-section {
    flex-direction: column;
    align-items: center;
  }
  .delivery-divider {
    display: none;
  }
  .delivery-section .delivery-wrapper {
    align-items: center;
  }
  .delivery-section .delivery-wrapper:first-child {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .home-products-swiper {
    display: block;
  }
  .home-products-swiper .banner-wrapper img {
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .home-products-swiper .banner-wrapper {
    margin-right: 0;
  }
  .home-products-swiper.reverse .banner-wrapper {
    margin-left: 0;
  }
  .foot .foot1 {
    order: -1;
  }
  .foot {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .foot .foot1 .footer-logo {
    margin-top: 0;
  }
  .foot .footer-contact .f-title {
    margin-top: 30px;
  }
  .foot .foot2 .footer-navigation .f-title {
    text-align: center;
  }
  .foot .foot2 .footer-navigation ul li {
    justify-content: center;
  }
  .about-video {
    min-height: unset;
  }
}
@media screen and (max-width: 991px) {
  .stats-section {
    flex-direction: column;
  }
  .stats-item::after {
    display: none;
  }
  .stats-number {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .about-video {
    height: auto;
  }
  .about-video .play-video {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-video .video-icon {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .home-about-grid {
    grid-template-columns: 1fr;
  }
  .productsBtn {
    font-size: 16px;
  }
  .contact-wrapper .f-title {
    margin-top: 0;
  }
  .smaller-background .title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    
  }
  .profile-grid .form-container .form-title p {
    font-size: 24px;
  }
  .home-about .home-about-grid {
    margin-bottom: 0;
  }
  .section-home-banner .page-width {
    max-width: 100%;
  }
  .delivery-section .delivery-wrapper {
    flex-direction: column;
  }
  .delivery-section .delivery-wrapper .delivery-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .delivery-label,
  .delivery-number {
    text-align: center;
  }
  .options .cart-header .small-cart .total span {
    font-size: 24px;
  }
  .shop-page {
    gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  .options .cart span,
  .wish-icon span {
    font-size: 10px;
    padding: 2px;
    min-width: 17px;
    top: -12px;
    left: unset;
    right: -8px;
    transform: none;
    background-color: var(--secondary-color);
    color: var(--primary-color);
  }
}



@media screen and (min-width: 577px) {
  .products-wrapper-style.grid-view .product .card-btns.floating,
  .products-grid.grid-view .product .card-btns.floating {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    margin: 0;
    transition: all 0.5s;
    pointer-events: none;
    opacity: 0;
    width: 100%;
  }
  .products-wrapper-style.grid-view .product:hover .card-btns.floating,
  .products-grid.grid-view .product:hover .card-btns.floating {
    pointer-events: initial;
    opacity: 1;
  }
  /* .products-wrapper-style.grid-view .product .card-btns.floating .blueBtn1,
  .products-grid.grid-view .product .card-btns.floating .blueBtn1 {
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 300px;
    white-space: nowrap;
  } */
  .home-products-swiper .product .card-btns.floating {
     top: 20%;
  }
}









.breadcrumb {
  color: white;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.breadcrumb a,
.breadcrumb .current {
  text-decoration: none;
  color: white;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: none;
  text-transform: uppercase;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: white;
}

.breadcrumb .current {
  color: var(--secondary-color);
}

.breadcrumb a:not(:first-child)::before,
.breadcrumb .current::before {
  content: "/";
  color: white;
  margin: 0 5px;
}


















#page-overlay2 {
  z-index: 999;
  display: none;
}

.overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #20202033;
  /* opacity: 0.2; */
  /* opacity: 0.8; */
}

.mfp-content {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  /* padding: 30px; */
  width: 100%;
  max-width: 900px;
  display: none;
}
@media screen and (max-width: 1399px) {
  .mfp-content {
      max-width: 900px;
  }
}
@media screen and (max-width: 991px) {
  .mfp-content {
      max-width: 90%;
  }
}
@media screen and (max-width: 575px) {
  .mfp-content {
      max-width: 90%;
  }
}




.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.mfp-content .close {
  width: 30px;
  height: 30px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  color: white;
  font-size: 22px;
  line-height: 1;
  background-color: var(--primary-color);
}


.popup-video .form-popup-wrap .form-popup .close {

}

.footer-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
.footer-cards a {
  display: block;
}
.footer-cards .mc-id-check img {
  padding: 3.5px;
  background: white;
}
.footer-cards .group {
  display: flex;
  align-items: center;
}
.footer-cards img {
  height: 38px;
  width: 100%;
  margin: 2.5px;
  object-fit: contain;
  object-position: center;
}

.transation-info {
  margin-bottom: 50px;
}
.transation-info ul {
  text-align: center;
    list-style: none;
}
.transation-info td {
   font-family: 'Inter', sans-serif;
  /* font-size: 16px; */
  font-weight: 400;
}
.transation-info ul li {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.transation-info p {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}

@media screen and (min-width: 576px) {
  .mobile-show {
    display: none !important;
  }
}
@media screen and (max-width: 575px) {
  .desktop-show {
    display: none !important;
  }
}

.desktop-side-menu-body {
  display: grid;
  grid-template-columns: 160px 1fr;
  padding: 50px 100px;
}
.header-social2 {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-right: 1px solid #00121E33;
}
.header-social2 a + a {
  margin-top: 20px;
}
.header-social2 a svg rect {
  transition: all 0.5s;
}
.header-social2 a:hover svg rect {
  fill: var(--secondary-color);
}
.header-categories {
  margin-left: auto;
}
.header-categories p {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 40px;
  color: var(--primary-color);
  letter-spacing: 0;
}
.header-categories a {
  font-family: "SpaceGrotesk";
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--primary-color);
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.header-categories a svg {
  margin-right: 15px;
}
.header-categories a svg path {
  fill: var(--primary-color);
  transition: all 0.5s;
}
.header-categories a:hover {
  color: var(--secondary-color);
}
.header-categories a:hover svg path {
  fill: var(--secondary-color);
}
.header-categories ul {
  list-style: none;
}
.header-categories ul li + li {
  margin-top: 35px;
}
.lang2 {
  font-family: "SpaceGrotesk";
  position: relative;
}
.lang2 summary {
  height: fit-content;
}
.lang2 summary, .lang2 ul li a {
  font-family: "SpaceGrotesk";
  font-size: 24px;
  font-weight: 500;
}
.lang2 ul li a {
  color: #fff;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
}
.lang2 ul {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--primary-color);
  list-style: none;
  padding: 5px 0;
}
.mobile-header .general-search {
  max-width: unset;
  margin-bottom: 40px;
}
.mobile-header .profile-options {
  margin: 0 10px;
}
.main-slide-content p {
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 500;
}
.main-slide-content h1, .main-slide-content h2 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  margin-bottom: 20px;
}
.nav-btn {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  background-color: #fff;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.nav-btn svg path {
  transition: all 0.5s;
}
.dark-nav {
  background-color: var(--primary-color);
  width: 100%;
  max-width: 40px;
  height: 40px;
}
.nav-btn:hover {
  background-color: var(--secondary-color);
}
.nav-btn:hover svg path {
  fill: #fff;
}
.main-next {
  left: unset;
  right: 0;
}
.main-slider .main-paginationMob .swiper-pagination-bullet, 
.main-slider .main-pagination .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  border-radius: 0;
  margin: 0;
  margin-left: 20px;
}
.main-slider .main-paginationMob, .main-slider .main-pagination {
  max-width: 1260px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: end;
}
footer .overlay {
  background-color: var(--primary-color);
  opacity: 0.8;
}
footer .page-width, footer .foot-copyright {
  position: relative;
  z-index: 5;
}
footer .header-social a svg {
  max-width: unset;
  max-height: unset;
}
footer .header-social a svg rect {
  transition: all 0.5s;
}
footer .header-social a:hover svg rect {
  fill: var(--secondary-color);
}
.payment-cards {
  display: flex;
  align-items: center;
}
.payment-cards img {
  width: 40px;
}
.payment-cards img + img {
  margin-left: 15px;
}
.categoriesSwiper img {
  width: 100%;
  height: 330px;
  object-fit: contain;
  object-position: center;
  transition: transform 0.5s ease;
}
.categoriesSwiper a:hover img {
  transform: rotate(-15deg) scale(1.08);
}
.categoriesSwiper h3 {
  position: relative;
  z-index: 5;
}
.more-btn {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 170px;
  padding: 15px;
  text-transform: uppercase;
}
.more-btn svg {
  margin-left: 5px;
}
.more-btn.yellow {
  background-color: var(--secondary-color);
}
.more-btn.red {
  background-color: #CC0202;
}
.more-btn.white {
  background-color: #fff;
  color: #CC0202CC;
}
.more-btn.white svg path {
  fill: #CC0202CC;
}
.categoriesSwiper .more-btn {
  min-width: 160px;
  font-size: 16px;
  letter-spacing: 0.35px;
  margin: 25px auto 0;
  padding: 5px;
}
b {
  font-weight: 700;
}
.categories-navigation-pagination {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 10%;
  margin-top: 50px;
}
.categories-navigation-pagination .nav-btn,
.categories-navigation-pagination .categories-pagination {
  position: relative;
  transform: none;
  margin: 0;
}
.categories-navigation-pagination .categories-pagination {
  height: 1px;
  background-color: #00121E33;
}
.categories-navigation-pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 3px;
  background-color: var(--primary-color);
}
.categories-navigation-pagination .nav-btn {
  margin-left: 20px;
}
@media only screen and (max-width: 1600px) {
  .main-slider .main-paginationMob, .main-slider .main-pagination {
    max-width: 80%;
  }
  .home-about .home-about-text h2 {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1399px) {
.categoriesSwiper img {
  height: 250px;
}
.product .product-image {
  height: 300px;
}
.home-about .home-about-text h2 {
    font-size: 52px;
  }
  .home-about {
    gap: 50px;  
  }
}
@media only screen and (max-width: 1199px) {
.product .product-image {
  height: 250px;
  padding: 25px;
}
.home-about .home-about-text h2 {
    font-size: 45px;
  }
  .home-about {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .home-about .home-about-grid:first-child {order: 2;}
  .home-about .home-about-grid:last-child {order: 1;}
  .home-about .home-about-grid:first-child .home-about-img {display: none;}
  .home-about .home-about-grid:first-child .home-about-text {margin: 0;}

}
@media only screen and (max-width: 900px) {
  .main-slider .main-paginationMob, .main-slider .main-pagination {
    max-width: 90%;
  }
  .categories-navigation-pagination {
    padding-right: 5%;
  }
}
@media only screen and (max-width: 575px) {
.main-slide-content p {
  line-height: 140%;
  letter-spacing: 0.5px;
  font-size: 14px;
}
.categoriesSwiper img {
  height: 200px;
}
.dark-nav {
  max-width: 30px;
  height: 30px;
}
.product .product-image {
  height: 200px;
  padding: 20px;
  margin-bottom: 10px;
}
.home-product-grid {
  max-width: unset;
  width: 100%;
}
.home-about .home-about-text h2 {
    font-size: 35px;
  }
  .more-btn {
    font-size: 18px;
  }
  .more-btn svg {
    transform: scale(0.8) translateY(-2px);
  }
}

.page-width-right, .page-width-left {
  position: relative;
}
.page-width-right .banner-wrapper, .page-width-left .banner-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: calc(50% - 50px);
}
.page-width-right .banner-wrapper p, .page-width-left .banner-wrapper p {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: max-content;
  max-width: 90%;
  z-index: 2;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0.35px;
  color: #fff;
}
.page-width-right .banner-wrapper .more-btn, .page-width-left .banner-wrapper .more-btn {
  position: absolute;
  right: 0;
  bottom: 50px;
  z-index: 2;
}
.page-width-right .banner-wrapper img, .page-width-left .banner-wrapper img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.page-width-right .banner-wrapper {
  left: 0;
}
.page-width-left .banner-wrapper {
  right: 0;
}
.page-width-right {
  padding-right: calc(50% - 630px);
  padding-left: 50%;
}
.page-width-left {
  padding-left: calc(50% - 630px);
  padding-right: 50%;
}
.home1Swiper .product .product-image {
  height: 275px;
  padding: 30px;
  background-color: #F5F5F5;
}
.home1Swiper {
  padding-bottom: 90px;
}
.home1Swiper .swiper-pagination {
  bottom: 20px;
}
.home1Swiper .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  opacity: 1;
  border: 1px solid var(--primary-color);
  border-radius: 0;
  margin: 0 10px !important;
  background-color: transparent;
}
.home1Swiper .swiper-pagination-bullet-active {
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
.page-width-left .home1Swiper .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.home-banner-wrap {
  position: relative;
  padding: 100px 50px;
}
.home-banner-wrap * {
  color: #fff !important;
  position: relative;
  z-index: 2;
}
.home-banner-wrap img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: right;
}
.home-banner-wrap .more-btn {
  margin-top: 25px;
}
.policy-cookies {
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px #00000026;
  margin-top: -70px;
  margin-bottom: 70px;
  position: relative;
  z-index: 2;
  padding: 70px 50px;
}
.policy-cookies p + p {
  margin-top: 20px;
}
.policy-cookies ul {
  margin: 20px 0;
  list-style-position: inside;
}
.policy-cookies ul li p {display: inline;}
.policy-cookies ul li + li {
  margin-top: 10px;
}
.policy-cookies h2, .policy-cookies h3, .policy-cookies h4 {
  text-align: left;
  margin: 30px 0;
}
.policy-cookies a {
  color: var(--secondary-color);
}
.policy-cookies *:first-child {margin-top: 0;}
.policy-cookies *:last-child {margin-bottom: 0;}
.cross-wish {
  position: relative;
}
.cross-wish::after {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #A70D00;
  position: absolute;
  z-index: 2;
  top: -27%;
  left: 47%;
  transform: rotate(45deg);
  display: block;
}
.news-details-page {
  display: grid;
  grid-template-columns: 370px 1fr;
  gap: 50px;
}

.news-details-left {
  display: grid;
  gap: 50px;
  height: fit-content;
}
.news-details-side-title {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #00121E33;
  padding-bottom: 20px;
  margin-bottom: 35px;
}
.small-posts-wrap {
  display: grid;
  gap: 15px;
}
.small-post {
  display: flex;
  align-items: center;
}
.small-post .blog-img {
  width: 100%;
  max-width: 130px;
  height: 105px;
  margin-right: 15px;
}
.small-post .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.small-post .blog-info .blog-title {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.35px;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.small-post .blog-info .blog-date {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  color: #fff;
  background-color: var(--secondary-color);
  padding: 6px 15px;
  width: fit-content;
}
.custom-ul ul {
  list-style: none;
}
.custom-ul ul li {
  position: relative;
  padding-left: 30px;
}
.custom-ul ul li + li {
  margin-top: 10px;
}
.custom-ul ul li::before {
  position: absolute;
  left: 0;
  top: -2px;
  content: "";
  display: block;
  background-image: url('../images/volan.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}
.about2-wrap .page-width-left, .about2-wrap .page-width-right {
  position: relative;
}
.about2-wrap .page-width-left img, .about2-wrap .page-width-right img {
  position: absolute;
  top: 0;
  width: calc(50% - 50px);
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about2-wrap .page-width-left img {
  right: 0;
}
.about2-wrap .page-width-right img {
  left: 0;
}
.about-location {
  height: 60vh;
}
.about-location iframe {
  width: 100%;
  height: 100%;
}
.contact-location-page {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}
.contact-location-page h2 {
  font-size: 32px;
}
.contact-location-page h3 {
  font-size: 24px;
  margin-top: 70px;
  text-align: left;
}
.contact-location-page .text p {
  margin-top: 20px;
  color: #00121EB2;
}
.contact-location-page .header-social2 {
  border: none;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 25px;
  max-width: 700px;
}
.contact-location-page .header-social2 a {
  margin-top: 10px !important;
  margin-right: 50px;
}
.contact-location-page .header-social2 a:last-child {margin-right: 0;}
.cl-left, .cl-right {
  padding-top: 70px;
  padding-bottom: 70px;
}
.cl-left {
  padding-left: calc(50vw - 630px);
  padding-right: 50px;
}
.cl-right {
  padding-right: calc(50vw - 630px);
  padding-left: 50px;
}
.contact-box-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.contact-box p {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: var(--secondary-color);
  padding: 17px 10px; 
  text-transform: uppercase;
}
.contact-box div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 135px;
  background-color: #F5F5F5;
  padding: 10px;
}
.contact-box div a {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 0.35px;
  display: block;
  text-align: center;
} 
.contact-box div a:hover {
  text-decoration: underline;
}
.contact-box div a + a {
  margin-top: 20px;
}
.cl-right h2 {
  margin-bottom: 40px;
}
.contact-form {
  display: grid;
  gap: 25px;
}
.contact-form label {
  display: block;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.contact-form label span {
  color: #CC0202;
}
/* .contact-form label::after {
  content: "*";
  color: #CC0202;
} */
.contact-form input, .contact-form textarea {
  width: 100%;
  background-color: #fff;
  border: none;
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: var(--primary-color);
}
.contact-form input {
  height: 50px;
  padding: 0 20px;
}
.contact-form textarea {
  height: 150px;
  padding: 20px;
  resize: none;
}
.redBtn {
  width: 100%;
  max-width: unset;
  background-color: #A70D00;
}
.location-gallery {
  height: 200px;
  grid-auto-rows: 200px;
}
.login-registration-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: fit-content;
  min-height: 100vh;
}
.login-registration-bg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-registration-bg .blueBtn {
  margin: auto 0 50px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
.login-registration-bg .logo {
  position: absolute;
  z-index: 2;
  width: 200px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.login-registration-bg .logo img {
  width: 60%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.login-registration-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.login-registration-content .contact-form input {
  background-color: #F5F5F5;
}
.login-registration-content .contact-form {
  width: 80%;
  max-width: 550px;
}
.login-registration-content .breadcrumb a, .login-registration-content .breadcrumb .current::before {
  color: var(--primary-color);
}
.pass {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.36px;
}
.smaller-background .dark-title h1, .dark-title .breadcrumb a, .dark-title .breadcrumb .current::before {
  color: var(--primary-color);
}
.smaller-background .dark-title {
  transform: translate(-180%, -50%);
}
.card-btns .addToCart + .wishBtn {
  margin-top: 10px;
}
@media only screen and (max-width: 1600px) {
  .page-width-left {
    padding-left: 10%;
  }
  .page-width-right {
    padding-right: 10%;
  }
  .cl-left {
    padding-left: 10vw;
  }
  .cl-right {
    padding-right: 10vw; 
  }
}
@media only screen and (max-width: 1299px) {
  .remove-all-wishes {
    grid-column: span 3;
  }
  .news-details-page {
    grid-template-columns: 1fr;
  }
  .news-details-left {
    order: 2;
  }
  .news-details-left .other-posts2 {order: 2;}
  .news-details-left .share {order: 1;}
  .news-details-right {
    order: 1;
  }
  .about-location {
    max-height: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-width-left, .page-width-right {
    padding-left: 10%;
    padding-right: 10%;
  }
  .page-width-right .banner-wrapper, .page-width-left .banner-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .home1Swiper {
    margin-top: 25px;
    padding-bottom: 40px;
  }
  .home1Swiper .swiper-pagination {
    bottom: 0;
  }
  .foot-copyright .page-width {
    flex-direction: column-reverse;
  }
  .foot-copyright .page-width .header-social {
    margin: 10px 0 5px;
  }
  .foot-copyright .page-width p {
    text-align: center;
  }
  .about2-wrap .page-width-left img {
    display: none;
  }
  .about2-wrap .page-width-right img {
    position: static;
    width: 100%;
    margin-bottom: 30px;
  }
  .contact-location-page {
    grid-template-columns: 1fr;
  }
  .cl-left, .cl-right {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .login-registration-page {
    display: flex;
    flex-direction: column;
  }
  .login-registration-bg {height: 200px;}
  .login-registration-bg .blueBtn {display: none;}
  .login-registration-content .contact-form {width: 90%;}
}
@media only screen and (max-width: 991px) {
.foot .foot2 .footer-navigation ul li {
  margin-left: auto;
  margin-right: auto;
}
.remove-all-wishes {
    grid-column: span 2;
  }
  .contact-location-page .header-social2 {
    justify-content: start;
  }
  .contact-location-page .header-social2 svg {
    max-width: 35px;
    max-height: 35px;
  }
  .contact-location-page .header-social2 a {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .page-width-left, .page-width-right {
    padding-left: 5%;
    padding-right: 5%;
  }
  .cl-left, .cl-right {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media only screen and (max-width: 650px) {
  .contact-box-wrap {
    grid-template-columns: 1fr;
  }
  .smaller-background .dark-title {
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 575px) {
  .register-links {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
  .login-registration-content {
    padding: 50px 5%;
  }
  .contact-location-page .header-social2 a {
    margin-right: 10px;
  }
  .card-btns .addToCart + .wishBtn {
    margin-top: 0;
  }
  .login-registration-content .contact-form {width: 100%;}
  .login-registration-bg .logo {
    width: 120px;
    height: 90px;
  }
  .login-registration-bg {
    height: 180px;
  }
  .home1Swiper .product .product-image {
    height: 160px;
    padding: 20px;
  }
  .page-width-right .banner-wrapper .more-btn, .page-width-left .banner-wrapper .more-btn {
    bottom: 0;
  }
  .page-width-right .banner-wrapper p, .page-width-left .banner-wrapper p {
    font-size: 35px;
  }
  .page-width-right .banner-wrapper, .page-width-left .banner-wrapper {
    height: 300px;
  }
  .home-banner-wrap {
    padding: 70px 5%;
  }
  .policy-cookies {
    margin: 0;
    box-shadow: none;
    padding: 50px 0;
  }
  .blueBtn, .blueBtn1 {
    max-width: unset;
  }
  .blueBtn span, .blueBtn1 .cross-wish, .wishBtn span, .wishBtn1 .cross-wish {
    display: inline;
  }
  .remove-all-wishes {
    grid-column: span 1;
  }
  .news-details-side-title {
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .about-location {
    max-height: 300px;
  }
  .cl-left, .cl-right {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .location-gallery {
    height: 100px;
    grid-auto-rows: 100px;
  }
}
.small-header .head2 {
  padding: 10px 0 0;
}
.red-span .title span {
  text-align: left;
  color: #CC0202CC;
}
.basket-right .paying .pdv {
  font-size: 14px;
  font-weight: 500;
  color: #00121EB2;
  letter-spacing: 0;
}
.priceBig {
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}
.basket-page2 .paying {
  gap: 0;
  margin-top: 0;
}
.basket-page2 .small-basket {
  margin-bottom: 20px;
}
.basket-page2 .paying .cart-price-txt {
  padding: 20px 0;
  border-top: 1px solid #00121E33; 
}
.product-id {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.3px;
}
.list-view .product .product-price .old-price {
  margin-right: 0;
}


.filter-accordion {
  background-color: #00121ECC;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-accordion span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #fff;
}
.filter-accordion span svg {
  transition: 0.4s;
}
.filter-accordion p {
  font-family: "SpaceGrotesk";
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}
.filter-active, .filter-accordion:hover {
  background-color: var(--secondary-color);
}
.filter-active span svg {
  transform: rotate(180deg);
}
.filter-panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.filter-panel-content {
  padding: 20px 15px;
}
.checkout-basket .small-basket tbody tr td:first-child {
  max-width: unset;
}
.checkout-basket .small-basket tbody tr td:first-child .b-img {
  background-color: #fff;
}
.checkout-basket .small-basket .b-product {
  width: 100%;
}
.checkout-basket .delete-from-basket {
  position: absolute;
  background-image: url('../images/close-dark.svg');
  width: 12px;
  height: 12px;
  top: 5px;
  right: 5px;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.basket-page:has(.checkout-basket) {
  grid-template-columns: 1fr 400px;
  gap: 100px;
}
.checkout-form input, .checkout-form select, .checkout-form textarea {
  background-color: #F5F5F5;
}
.history-title p {
  text-align: left !important;
  text-transform: uppercase;
  font-family: "SpaceGrotesk";
  font-weight: 700 !important;
  letter-spacing: 1px;
  padding: 0 !important;
  margin-bottom: 50px;
}
@media screen and (max-width: 1399px) {
.basket-page:has(.checkout-basket) {
  grid-template-columns: 1fr 350px;
  gap: 50px;
}
}
@media screen and (max-width: 1299px) {
.basket-page:has(.checkout-basket) {
  grid-template-columns: 1fr;
  gap: 0;
}
.basket-page2 .page-padding-top::after, .basket-page2 .page-padding-top::before {
display: none;
}
}
@media screen and (max-width: 575px) {
  .filter-accordion p {
    font-size: 18px;
  }
  .filters-wrap .filter-section {
    margin-bottom: 15px;
  }
  .filters-wrap .price-section p {
    font-size: 18px;
  }
  .basket-page.basket-page2 .basket-right .bas {
    padding: 30px 15px;
  }
  .white-form select {
    padding: 0;
  }
  .login-links a {
    font-size: 14px;
  }
  .login-links a svg {margin-right: 5px;}
  .login-links a:first-child {
    margin-right: 20px;
  }
  .checkout-form .inputs2-radio {
    flex-direction: column;
    align-items: start;
  }
  .checkout-form .inputs2-radio .form-control + .form-control {margin-left: 0;}
  .final-buttons button {
    margin-top: 20px;
  }
}