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

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

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

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

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

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


*,
*: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: "Inter";
  overflow-x: hidden;
  margin: 0;
  box-sizing: border-box;
  font-size: 16px;
  padding: 0;
  color: #000;
  position: relative;
   padding-top: 235px;
}

.page-width {
  max-width: 1400px;
  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;
}

.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: 250px;
}
@media screen and (max-width: 1299px) {
  .margin-top {
    margin-top: 139px;
  }
}
@media screen and (max-width: 575px) {
  .margin-top {
    margin-top: 170px;
  }
}
@media only screen and (max-width: 450px) {
  .margin-top {
    margin-top: 170px;
  }
}

p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 2px;
  color: #1C274C;
}
@media screen and (max-width: 1399px) {
  p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media screen and (max-width: 575px) {
  p {
    letter-spacing: 1px;
  }
}

.whiteBtn, .smallWhiteBtn {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 5px;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 20px 50px;
  border-radius: 50vh;
  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: "Inter";
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 2.5px;
  text-align: center;
  color: #1C274C;
  background-color: transparent;
  border: 1px solid #1C274C;
  border-radius: 50vh;
  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: #F8F8F8;
}

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

.title span {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 5px;
  color: #FBB03B;
  display: block;
  text-transform: uppercase;
}
@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 h2::before {
  position: absolute;
  display: block;
  content: "";
  height: 1px;
  width: calc(50vw - 700px - 5px);
  background-color: #1C274C;
  right: calc(100% + 5px);
  top: 25px;
}
@media only screen and (max-width: 1600px) {
  .line-title h2::before {
    width: calc(10vw - 5px);
  }
}
@media screen and (max-width: 1399px) {
  .line-title h2::before {
    top: 22px;
  }
}
@media only screen and (max-width: 900px) {
  .line-title h2::before {
    width: calc(5vw - 5px);
  }
}
@media screen and (max-width: 575px) {
  .line-title h2::before {
    top: 20px;
  }
}

h2 {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 45px;
  letter-spacing: 1px;
  color: #1C274C;
}
@media screen and (max-width: 1399px) {
  h2 {
    font-size: 40px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 575px) {
  h2 {
    font-size: 30px;
    letter-spacing: 1.5px;
  }
}

h3 {
  font-size: 32px;
  color: #fff;
  font-weight: 800;
  letter-spacing: 2px;
}
@media screen and (max-width: 575px) {
  h3 {
    letter-spacing: 2px;
    font-size: 26px;
  }
}

.blueBtn, .blueBtn1 {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 2.5px;
  color: #fff;
  background-color: #1C274C;
  width: 100%;
  max-width: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 50vh;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 575px) {
  .blueBtn, .blueBtn1 {
    font-size: 16px;
    max-width: 200px;
    padding: 10px;
  }
}

.blueBtn1::before {
  content: "";
  width: 26px;
  height: 25px;
  background-image: url("../images/cart-o.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 7px;
}
@media screen and (max-width: 575px) {
  .blueBtn1::before {
    width: 22px;
    height: 21px;
  }
}

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

.wishBtn.active svg path:last-child {
  transform: scale(1);
}

.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: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1px;
  color: #1C274C;
  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: #1C274C;
  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: #1C274C;
  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;
  background-color: #fff;
  margin: 0;
  color: #1C274C;
  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]:checked,
.form-control input[type=radio]:checked {
  background-color: #FBB03B;
  background-image: url("../images/check-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border: none !important;
}


.downloads a {
  display: flex;
  align-items: start;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #1C274C;
  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: 30px;
}
.white-form .inputs2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.white-form label, .white-form input, .white-form textarea, .white-form select {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1px;
  color: #1C274C;
}
.white-form input, .white-form textarea {
  width: 100%;
  border: 1px solid #DDDEE4;
  outline: none;
  border-radius: 20px;
  padding: 0 20px;
}
.white-form input {
  /* height: 65px; */
  /* height: 50px; */
  height: 60px;
  overflow: hidden;
}
.white-form textarea {
  resize: none;
  padding: 20px;
  height: 150px;
}
.white-form label {
  display: block;
  margin-bottom: 5px;
}
.white-form .form-control {
  display: flex;
  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: 40px;
  height: 40px;
  border: 1px solid #BBBEC9;
  border-radius: 10px;
}
.white-form .form-control input[type=radio]::before, .white-form .form-control input[type=checkbox]::before {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  background-image: url("../images/check.svg");
  border: none;
}
@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;
    border-radius: 7px;
  }
}
.white-form .radioBtns .form-control:first-child {
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .white-form .radioBtns .form-control:first-child {
    justify-content: start;
  }
}
.white-form .polja-za-pravno {
  display: none;
}
.white-form .register-links {
  display: flex;
  align-items: center;
}
.white-form .register-links p, .white-form .register-links a {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  color: #1C274C;
}
.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) {
  .white-form .inputs2 {
    grid-template-columns: 1fr;
  }
  .white-form .radioBtns {
    grid-template-columns: 1fr 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 {
    font-size: 16px;
    border-radius: 15px;
  }
  .white-form input {
    height: 45px;
    padding: 0 10px;
  }
  .white-form textarea {
    height: 100px;
    padding: 10px;
  }
  .white-form .blueBtn {
    max-width: 100%;
    padding: 15px;
    font-size: 24px;
  }
}
.white-form .inputs2-radio {
  display: flex;
  align-items: flex-start;
}
.white-form .inputs2-radio .form-control {
  min-width: 250px;
  cursor: pointer;
  font-family: "Inter";
  font-weight: 600;
}
@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: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: 1;
}

.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;
  }
}



.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;
}

.dark-overlay50blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 39, 76, 0.5);
}


@media screen and (max-width: 575px) {
  h3 {
    letter-spacing: 2px;
    font-size: 27px;
  }
}

.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: #1C274C;
  border-radius: 5px;
}

.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: #1C274C;
  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;
}

.desktop-header.small-header {
  transform: translateY(-50px);
}

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

.header-social {
  display: flex;
  align-items: center;
}
.header-social a + a {
  margin-left: 25px;
}
.header-social a svg {
  transition: all 0.5s;
  max-width: 21px;
  max-height: 21px;
}

.header-social a svg path{
   transition: all 0.5s;
}

.header-social a:hover svg path{
  fill: #34D399;
   transition: all 0.5s;
}

.lang {
  list-style: none;
  display: flex;
  align-items: center;
}
.lang li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  color: #fff;
  opacity: 0.5;
}
.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: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
  max-width: 280px;
  transition: all 0.5s;
}
@media screen and (max-width: 1299px) {
  .header-logo img {
    max-width: 220px;
  }
}
@media screen and (max-width: 575px) {
  .header-logo img {
    max-width: 170px;
  }
}
@media screen and (max-width: 450px) {
  .header-logo img {
    max-width: 130px;
  }
}

.general-search {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 360px;
  flex: 1;
}
.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: "IBM Plex Sans";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
}
.general-search input, .general-search input::placeholder {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
}
@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(28, 39, 76, 0.7);
}
.general-search input::placeholder {
  color: rgba(28, 39, 76, 0.7);
}
.general-search input {
  background-color: transparent;
  width: 100%;
  padding: 0 30px;
  color: #1C274C;
  border: 1px solid rgba(28, 39, 76, 0.3);
  border-right: none;
  border-top-left-radius: 50vh;
  border-bottom-left-radius: 50vh;
}
.general-search button {
  background-color: #F5C136;
  padding: 0 20px;
  border: 1px solid rgba(28, 39, 76, 0.3);
  border-left: none;
  border-top-right-radius: 50vh;
  border-bottom-right-radius: 50vh;
}

.options {
  list-style: none;
  display: flex;
  align-items: center;
  flex: 1;
}
.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%; */
  top: 230%;
  left: 0;
  background-color: #fff;
  border: 1px solid rgba(28, 39, 76, 0.2);
  border-radius: 30px;
  padding: 20px 15px;
}
@media screen and (max-width: 575px) {
  .options .cart-header .small-cart {
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.options .cart-header .small-cart .product-details {
  display: grid;
  grid-template-columns: 100px 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}
.options .cart-header .small-cart .product-details .img-cart {
  position: relative;
  width: 100%;
  max-width: 90px;
  height: 107px;
  border: 1px solid #BBBEC9;
  border-radius: 5px;
}
.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: 50vh;
  background-color: #FBB03B;
  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: #1C274C;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.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: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: 'Baloo 2';
}
.options .cart-header .small-cart .product-details .p-price p {
  font-size: 24px;
  line-height: 25px;
  font-family: "Baloo 2";
  font-weight: 800;
  color: #FBB03B;
  letter-spacing: 1px;
}
.options .cart-header .small-cart .go-cart {
  border-top: 1px solid #BBBEC9;
  padding-top: 15px;
  /* 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 {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #FBB03B;
  border-radius: 50%;
  padding: 2px;
  min-width: 26px;
  position: absolute;
  top: -23px;
  /* right: -2px; */
  left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 1299px) {
  .options .cart span {
    font-size: 12px;
    min-width: 20px;
    top: -20px;
  }
}
@media screen and (max-width: 575px) {
  .options .cart span {
    right: -6px;
  }
}
.options .wish-li {
  margin: 0 25px;
  padding: 0 25px;
  border-left: 1px solid #1C274C;
  border-right: 1px solid #1C274C;
}
.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;
  border-radius: 10px;
  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: #1C274C;
  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: #FBB03B;
  transition: all 0.5s;
}


.options .profile-options ul li a:hover {
  background-color: #1C274C;
  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;
  }
  .options .wish-li {
    margin: 0 15px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 450px) {
  .options svg {
    max-width: 20px;
    max-height: 20px;
  }
  .options .wish-li {
    margin: 0 10px;
    padding: 0 10px;
  }
}

.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: #2C3E70;
  padding: 12px 0;
}
.desktop-header .head1 p {
  color: #fff;
  margin-right: auto;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: normal;
}
.desktop-header .head1 .lang {
  margin-left: 35px;
}
.desktop-header .head2 {
  /* background-color: #FFFBF2; */
  background-image: url('../images/header-background.webp');
  background-size: cover;
  padding: 10px 0;
  position: relative;
  border: 1px solid rgba(44, 62, 112, 0.1);
}
.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: space-between;
  background-color: #fff;
}
.desktop-header .head3 .main-nav summary {
  cursor: pointer;
  list-style: none;
}
.desktop-header .head3 .main-nav > li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  position: relative;
}
.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-family: "Baloo 2";
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #1C274C;
  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: 20px 0;
}
.desktop-header .head3 .main-nav > li:hover {
  background-color: #FBB03B;
}
.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: #fff;
}
.desktop-header .head3 .main-nav .nav > summary {
  padding-right: 15px;
  background-image: url("../images/chevron-down-blue.svg");
  background-position: 100% 50%;
  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;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: -moz-max-content;
  width: max-content;
}
.desktop-header .head3 .main-nav .nav .subnav li a {
  font-family: "Baloo 2";
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #1C274C;
  opacity: 0.5;
  transition: all 0.5s;
    padding: 10px 30px;
    display: block;
}

.desktop-header .head3 .main-nav .nav .subnav li a:hover{
  opacity: 1;
}

.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: 10px 0 10px;
}
.desktop-header.small-header .header-logo img {
  max-width: 250px;
}

.desktop-header.small-header .header-logo{
  height: 65px;
  transition: all 0.5s ease-in-out;
}

.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: 15px 0;
}
.mobile-header .head1 .header-logo {
  margin-right: auto;
  height: 55px;
  justify-content: flex-start;
}
.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(-100%);
  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: #1C274C;
  font-family: "Baloo 2";
}
.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 {
  text-transform: uppercase;
  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 {
    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;
    display: block;
  }
}
.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: 50px 0;
}
.mobile-header .head3 .header-social svg {
  opacity: 1;
  max-width: unset;
  max-height: unset;
}
.mobile-header .head3 .lang li a {
  color: #1C274C;
}
.mobile-header .head3 .lang li + li {
  border-color: rgba(28, 39, 76, 0.5);
}
.mobile-header .head3.mobile-opened {
  transform: none;
}
@media screen and (max-width: 1299px) {
  .mobile-header {
    display: block;
  }
}


footer * {
  color: #1C274C;

}

.foot-copyright {
  padding: 20px 0;
 background-color: #2C3E70;
}
/* .foot-payment {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
} */
.foot-copyright p, .foot-copyright a {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .foot-copyright p, .foot-copyright a {
    font-size: 14px;
  }
}

.f-title {
  font-family: "Baloo 2";
  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: 0.8fr 1fr;
  gap: 30px;
  /* padding: 40px 0 40px; */
  padding: 30px 0 30px;
  padding-bottom: 70px;
}

@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 {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
@media screen and (max-width: 575px) {
  .foot {
    gap: 45px;
  }
}
.foot .foot1 {
  display: grid;
  gap: 15px;
}
.foot .foot1 .footer-logo img {
  width: 100%;
  max-width: 381px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}
@media screen and (max-width: 1199px) {
  .foot .foot1 {
    gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  .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) {
  .foot .foot1 .footer-desc p {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.5px;
  }
}
.foot .foot1 .social, .foot .foot1 .contact-links {
  /* margin-top: 25px; */
  margin-top: 0px;
}

.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: "Inter";
}
.foot .foot2 .newsletter-form input, .foot .foot2 .newsletter-form input::placeholder, .foot .foot2 .newsletter-form button {
  height: 60px;
  font-size: 24px;
  font-family: "Inter";
  color: #23325A;
}
@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;
  border: none;
}
.foot .foot2 .newsletter-form button {
  font-weight: 800;
  padding: 0 45px;
  border: none;
  color: #fff;
  background-color: #FBB03B;
  letter-spacing: 1px;
  max-width: 194px;
}
@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 {
  border-radius: 5px;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.foot .foot2 .terms label, .foot .foot2 .terms a {
  font-family: "Inter";
  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 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
}
.foot .foot2 .footer-navigation .f-title {
  margin-bottom: 10px;
}
.foot .foot2 .footer-navigation ul {
  list-style: none;
}
.foot .foot2 .footer-navigation ul li, .foot .foot2 .footer-navigation ul li a {
  font-family: "Inter";
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
}
.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: #F5C136;
}



@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: 35px;
}
.social a svg path {
  transition: all 0.5s;
}
.social a:hover svg path {
  fill: #FBB03B;
}
.social .tiktok:hover svg path {
  fill: none;
  stroke: #FBB03B;
}

.contact-links a {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 18px;
  padding-left: 30px;
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.5s;
    margin-top: 15px;
}
.contact-links a::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.contact-links a:hover {
  color: #FBB03B;
}
/* .contact-links a + a {

  margin-top: 15px;
} */
.contact-links .tel::before {
  background-image: url("../images/phone-b.svg");
}
.contact-links .location::before {
  background-image: url("../images/location-b.svg");
}
.contact-links .mail::before {
  background-image: url("../images/email-b.svg");
}
@media screen and (max-width: 575px) {
  .contact-links a {
    font-size: 16px;
  }
}

.main-slider {
  position: relative;
  display: flex;
  align-items: center;
}
.main-slider .page-width {
  position: relative;
  z-index: 2;
}
.main-slider .mainSwiper {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 534px;
}
.main-slider .mainSwiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 1399px) {
  .main-slider {
    height: 525px;
  }
  .main-slider .mainSwiper {
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .main-slider {
    height: 370px;
  }
  .main-slider .mainSwiper {
    height: 300px;
  }
  .main-slider .main-pagination {
    bottom: 25px;
  }
  .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 {
  border-radius: 30px;
  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-radius: 30px;
  border: 3px solid #fff;
  padding: 50px;
}
.popular-categories-wrap .ctg .ctg-discount-wrap .ctg-discount {
  border-radius: 30px;
  background-color: #1C274C;
  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: "IBM Plex Sans";
  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;
    border-radius: 25px;
    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 {
  padding: 120px 50px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  min-height: 380px;
  display: flex;
  align-items:flex-start;
  flex-direction: column;
}
@media screen and (max-width: 575px) {
  .home-banner {
    min-height: unset;
    padding: 80px 30px;
  }
}
.home-banner 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;
}
.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 #1C274C;
  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: #1C274C;
}
.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;
}
.home-about img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.home-about::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  right: 0;
  width: 50%;
  z-index: 1;
  background-color: rgba(44, 62, 112, 0.75);
}
.home-about .home-about-text {
  position: relative;
  z-index: 2;
  padding: 60px 0 60px calc(50% + 60px);
}
.home-about .home-about-text * {
  color: #fff;
}
.home-about .home-about-text h2 {
  font-weight: 800;
  font-size: 45px;
  letter-spacing: 2px;
  margin: 10px 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%;
  }
  .home-about .home-about-text {
    padding: 50px 0;
  }
}
@media screen and (max-width: 575px) {
  .home-about .home-about-text h2 {
    font-size: 28px;
    letter-spacing: 2px;
  }
  .home-about .home-about-text .smallWhiteBtn {
    font-size: 16px;
  }
}

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

.right-part-contact {
  padding-left: 80px;
  border-left: 1px solid #DDDEE4;
}

.contact-socials {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #DDDEE4;
}
@media screen and (max-width: 575px) {
  .contact-socials {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.contact-socials svg path {
  fill: #1C274C;
}
.contact-socials .tiktok svg path {
  fill: none;
  stroke: #1C274C;
}

.footer-contact2 a {
  color: #1C274C;
}
.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;
  }
  .right-part-contact {
    padding-left: 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(4, 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(2, 1fr);
  }
}
@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 {
    grid-template-columns: 1fr 1fr;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .home-product-grid .product {
    max-width: 300px;
  }
}

.product {
  border-radius: 30px;
  border: 1px solid rgba(28, 39, 76, 0.3);
  padding: 25px;
  /* padding: 15px; */
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.product .discount {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0px;
  /* writing-mode: vertical-rl; */
  /* text-orientation: mixed; */
  /* background-color: #FF0000; */
  color: #fff;
  padding: 5px 5px;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "Baloo 2";
   width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .discount p{
    font-weight: 800;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "Baloo 2";
   color: #fff;
   line-height: 17px;
   text-align: center;
}

.product .discount::after {
  position: absolute;
  content: "";
  display: block;
  top: 0%;
  right: 0;
  width: 100%;
  height: 92px;
  width: 92px;
  background-image: url("../images/product-banner-flower.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.product .new {
  /* background-color: #1C274C;
  right: 65px; */
  top: 100px;
}
.product .new::after {
  background-image: url("../images/product-banner-flower-blue.svg");
  right: 0;
}
.product .product-mark {
  padding-right: 60px;
  position: relative;
}
.product .product-mark::before {
  position: absolute;
  width: 25px;
  height: 1px;
  content: "";
  display: block;
  right: calc(100% + 5px);
  background-color: #1C274C;
  top: 50%;
  transform: translateY(-50%);
}
.product .product-image {
  position: relative;
  /* height: 180px; */
  /* height: 140px; */
  /* height: 120px; */
  height: 260px;
}
.product .product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.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 .wishBtn svg {
  margin-right: 0;
}
.product .wishBtn {
  top: 140px;
}
.product .product-name {
  margin: 15px 0;
  display: block;
  text-align: center;
}
.product .product-price {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  margin-top: auto;
}
.product .product-price span {
  color: #2C3E70;
  letter-spacing: 2px;
  font-weight: 800;
  font-family: "Baloo 2";
  font-size: 24px;
}

.product .product-price .old-price {
  /* font-size: 24px; */
  position: relative;
  margin-right: 15px;
  color: #9B9B9B;
}
.product .product-price .old-price::after {
  height: 2px;
  width: 100%;
  display: block;
  content: "";
  background-color: #9B9B9B;
  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-name {
    min-height: 60px;
  }
  .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: 300px 1fr;
  gap: 35px;
  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: 2px;
  color: #1C274C;
  font-weight: 700;
  font-size: 24px;
  border: 1px solid #BBBEC9;
  border-radius: 20px;
  padding: 20px;
  background-image: url("../images/filter.png");
  background-position: calc(100% - 20px);
  background-repeat: no-repeat;
  background-size: 45px;
}
@media screen and (max-width: 1299px) {
  .filters-mobile {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .filters-mobile {
    font-size: 18px;
    background-size: 35px;
    padding: 15px;
  }
}

.filters-wrap {
  /* border-radius: 20px;
  border: 1px solid rgba(28, 39, 76, 0.3); */
  height: -moz-fit-content;
  height: fit-content;
}
.filters-wrap .filter-section.cat-section {
  /* border-radius: 20px;
  border: 1px solid rgba(28, 39, 76, 0.3); */
  margin-bottom: 15px;
}
/* .filters-wrap .filter-section-form {
  border-radius: 20px;
  border: 1px solid rgba(28, 39, 76, 0.3);
} */
@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;
  }
}
.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: #1C274C;
  font-weight: 700;
}
/* .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 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1px;
  color: #23325A;
  cursor: pointer;
}
.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: #1C274C;
}
.filters-wrap .categories summary, .filters-wrap .categories2 summary {
  display: flex;
  align-items: center;
}
.filters-wrap .categories summary::after, .filters-wrap .categories2 summary::after {
  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-left: 20px;
}
/* .filters-wrap .categories details[open] summary::before, .filters-wrap .categories2 details[open] summary::before {
  transform: rotate(-180deg);
} */
.filters-wrap .categories2 details[open] summary::after {
  transform: rotate(-180deg);
}
.filters-wrap .categories details[open] summary.cat1::after {
  /* transform: rotate(-180deg); */
  background-image: url('../images/arr-up-w.svg');
}
.filters-wrap .categories details details[open] summary.cat2::after {
  transform: rotate(-180deg);
}
.filters-wrap .categories details details details[open] summary.cat3::after {
  transform: rotate(-180deg);
}
/* .filters-wrap .categories details ul, .filters-wrap .categories2 details ul {

}
.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 {

} */
.filters-wrap .categories details ul a, .filters-wrap .categories2 details ul a {
  font-size: 16px;
  width: 100%;
  display: block;
  color: #1C274C;
  text-align: left;
}
.filters-wrap .categories2 .form-control span {
  margin-left: 10px;
  color: #BE1F2E;
}
.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);
    padding: 15px;
  }
}

.range-slider {
  height: 5px;
  position: relative;
  background-color: rgba(255, 0, 0, 0.5);
  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 #1C274C;
  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 #1C274C;
  background-color: #fff;
  pointer-events: auto;
  -moz-appearance: none;
}

.range-price {
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
}
.range-price, .range-price input {
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1px;
  color: rgba(28, 39, 76, 0.5);
}
.range-price input {
  width: 40px;
  border: none;
  outline: none;
  height: 21px;
}

.products-form {
  display: flex;
  align-items: center;
}
.products-form .products-sort label, .products-form p {
  font-family: "Baloo 2";
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 1px;
}
.products-form p {
  font-weight: 500;
}
.products-form p span {
  color: #FBB03B;
}
.products-form .products-sort {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.products-form .products-sort label {
  margin-right: 10px;
}
.products-form .products-sort select {
  cursor: pointer;
  appearance: none;
  background-image: url('../images/arr-down-b.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px);
}

.products-form .products-sort select:focus{
  outline: none;
}
@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: 36px;
  height: 36px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid rgba(28, 39, 76, 0.2); */
  /* border-radius: 50vh; */
  position: relative;
  overflow: hidden;
  margin-left: 20px;
}
@media screen and (max-width: 1299px) {
  .products-form .view {
    display: none;
  }
}
/* .products-form .view svg {
  opacity: 0.7;
}
.products-form .view svg rect {
  fill: #1C274C;
} */
.products-form .view input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.products-form .active-view svg {
  opacity: 1;
}
.products-form .active-view svg rect {
  fill: #FBB03B;
}

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

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

.select-selected {
  background-color: #fff;
  border: 1px solid #BBBEC9;
  border-radius: 50vh;
  width: 165px;
  padding: 7px 30px 7px 15px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #1C274C;
  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: #1C274C;
  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: #1C274C;
  color: #fff !important;
}

.products-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 40px;
}
.products-grid .product .mini-crumb, .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 0.99fr 300px;
  padding: 0;
}
.products-list .product .product-mark {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
  padding-right: 0;
  font-size: 16px;
}
.products-list .product.whish-product .discount {
right: auto;
left: 11%;
}

.products-list .product.whish-product .new{
  top: 90px;
}


.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;
  display: block;

}



.products-list .product .product-image {
  padding: 20px;
  /* padding-top: 60px; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #BBBEC9;
}

.products-list .product.whish-product .new.no-discount{
  top: 0px;
}


.products-list .product.whish-product .product-image{
  padding-top: 60px;
}

.products-list .product .product-middle {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.products-list .product .product-middle .mini-crumb {
  list-style: none;
}
.products-list .product .product-middle .mini-crumb li {
  margin-right: 5px;
}
.products-list .product .product-middle .mini-crumb li, .products-list .product .product-middle .mini-crumb a, .products-list .product .product-middle .mini-crumb span {
  font-size: 14px;
  letter-spacing: 1px;
  color: rgba(28, 39, 76, 0.7);
}
.products-list .product .product-middle .mini-crumb li + li::before {
  content: "/";
  margin-right: 5px;
}
.products-list .product .product-middle .product-name {
  margin: 10px 0;
}
.products-list .product .product-middle .product-name p {
  font-weight: 800;
  text-align: left;
  font-size: 32px;
  /* line-height: 130%; */
}
.products-list .product .product-middle .product-description {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 2px;
  color: rgba(28, 39, 76, 0.7);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -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: grid;
  height: 100%;
  gap: 20px;
  padding: 20px;
  border-left: 1px solid #BBBEC9;
}
.products-list .product .btns-and-price .product-price {
  order: 1;
}
.products-list .product .btns-and-price .blueBtn1 {
  order: 3;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.products-list .product .btns-and-price .wishBtn {
  color: #1C274C;
  background-color: #fff;
  border: 1px solid #1C274C;
}
.products-list .product .btns-and-price .wishBtn svg path {
  fill: #1C274C;
}

.shop-discounts-wrap {
  display: grid;
  gap: 35px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 40px;
}
@media screen and (max-width: 1299px) {
  .shop-discounts-wrap {
    margin-top: 15px;
  }
}
.shop-discounts-wrap .shop-discount {
  position: relative;
  min-height: 364px;
  overflow: hidden;
  border-radius: 20px;
  padding:30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shop-discounts-wrap .shop-discount img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.shop-discounts-wrap .shop-discount span, .shop-discounts-wrap .shop-discount p {
  position: relative;
  z-index: 2;
  color: #fff;
  display: block;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 800;
}
.shop-discounts-wrap .shop-discount span {
  font-size: 18px;
  font-family: "Baloo 2";
}
.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: "Inter";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  color: #1C274C;
}
.pagination li + li {
  margin-left: 25px;
}
.pagination li a span {
  background-color: transparent;
color: #1C274C;
font-family: "Baloo 2";
font-size: 32px;
font-weight: 500;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pagination li .active span {
  color: #FBB03B;
  font-weight: 700;
}

.pagination li .active span::after{
  content: "";
  position: absolute;
  bottom: 0px;
  background: transparent url('../images/pagination-active-line.png') no-repeat;
  width: 28px;
  height: 6px;
}
@media screen and (max-width: 767px) {
  .pagination li + li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 575px) {
  .pagination li + li {
    margin-left: 10px;
  }
  .pagination li, .pagination a, .pagination span {
    font-size: 16px;
  }
  .pagination li a span {
    padding: 7px;
    min-width: 33px;
  }
}

.mini-cramb-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 170px;
  margin-bottom: 20px;
}
.mini-cramb-details li, .mini-cramb-details a, .mini-cramb-details span {
  font-size: 14px;
  letter-spacing: 1px;
  color: #1C274C;
  font-weight: 800;
}
.mini-cramb-details li {
  margin-right: 5px;
}
.mini-cramb-details li + li::before {
  content: "/";
  margin-right: 5px;
}
@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: 40%;
  position: relative;
  /* height: 550px; */
  /* padding-left: 170px; */
}
.details-swiper-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  /* border-radius: 30px; */
}
.details-swiper-wrap .swiper-slide {
  background-color: #fff;
}
.details-swiper-wrap .small-swiper-wrap {
  width: 100%;
  height: 150px;
  margin-top: 15px;
}
.details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide {
  border-radius: 10px;
  border: 1px solid #BBBEC9;
  overflow: hidden;
  transition: all 0.5s;
}

.details-swiper-wrap .small-swiper-wrap .smallSwiper .swiper-slide-thumb-active {
  border-color: #FBB03B;
}
.details-swiper-wrap .big-swiper-wrap {
  border: 1px solid #BBBEC9;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  height: 570px;
}
.details-swiper-wrap .big-swiper-wrap .swiper {
  height: 100%;
}
.details-swiper-wrap .big-swiper-wrap a {
  position: relative;
  z-index: 3;
  display: block;
  height: 100%;
}
/* .details-swiper-wrap .big-swiper-wrap a::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 65px;
  background-color: #1C274C;
  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: #1C274C;
  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 only screen and (max-width: 1600px) {
  /* .details-swiper-wrap {
    height: 500px;
  } */
  /* .details-swiper-wrap .small-swiper-wrap {
    width: 500px;
  } */
}
@media screen and (max-width: 1399px) {
  .details-swiper-wrap {
    height: 400px;
  }
  /* .details-swiper-wrap .small-swiper-wrap {
    width: 400px;
  } */
}
@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 .small-swiper-wrap {
    transform: none;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
  }
  .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: 60%;
  padding-left: 50px;
  display: grid;
  gap: 25px;
}
@media screen and (max-width: 1299px) {
  .product-details-info {
    width: 100%;
    padding-left: 0;
    margin-top: 50px;
  }
}
.product-details-info * {
  color: #1C274C;
}
.product-details-info .p-id, .product-details-info .p-available, .product-details-info .p-desc, .product-details-info .p-desc * {
  font-size: 14px;
  letter-spacing: 1px;
}
.product-details-info .p-id, .product-details-info .p-available {
  color: rgba(28, 39, 76, 0.7);
}
.product-details-info .p-available span {
  font-weight: 800;
  color: #34D399;
  font-size: 18px;
}
.product-details-info h1 {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 32px;
  letter-spacing: 2px;
  color: #1C274C;
}
@media screen and (max-width: 575px) {
  .product-details-info h1 {
    font-size: 26px;
    letter-spacing: 1px;
  }
}
.product-details-info .p-desc, .product-details-info .p-desc * {
  color: #1C274C;
  line-height: 32px;
}
.product-details-info .p-price {
  font-weight: 800;
  font-size: 32px;
  letter-spacing: 1px;
}
.product-details-info .p-price span {
  font-size: 16px;
}
.product-details-info .old-price {
  margin-left: 22px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.product-details-info .old-price::after {
  height: 2px;
  width: 100%;
  display: block;
  content: "";
  background-color: #FF0000;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: rotate(-15deg);
}
.product-details-info hr {
  border: none;
  border-bottom: 1px solid #BBBEC9;
}
.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;
  border-radius: 15px;
  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: #1C274C;
  font-family: "Inter";
  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;
  font-family: "Baloo 2";
  font-weight: 600;
  padding: 15px;
  background-color: #2C3E70;
  letter-spacing: 1px;
}
.product-details-info .wishBtn {
  margin: 0;
  color: #fff;
  border:none;
  background-color: #F5C136;
}
/* .product-details-info .wishBtn svg path {
  fill: #1C274C;
} */
@media screen and (max-width: 1399px) {
  .product-details-info .blueBtn1, .product-details-info .wishBtn {
    font-size: 16px;
    letter-spacing: 1.5px;
  }
}
@media screen and (max-width: 575px) {
  .product-details-info .blueBtn1, .product-details-info .wishBtn {
    font-size: 0;
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-details-info .blueBtn1 svg, .product-details-info .blueBtn1::before, .product-details-info .wishBtn svg, .product-details-info .wishBtn::before {
    margin-right: 0;
    /* transform: translateX(6px); */
    margin-left: 15px;
    width: 21px;
    height: 21px;
  }
}
.product-details-info .delivery {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}
.product-details-info .delivery::before {
  width: 64px;
  height: 39px;
  content: "";
  background-image: url("../images/delivery-bee.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
@media screen and (max-width: 575px) {
  .product-details-info .delivery {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .product-details-info .delivery::before {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
}
.product-details-info .upit, .product-details-info .print {
  width: 51px;
  height: 47px;
  border: 1px solid #1C274C;
  border-radius: 5px;
  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;
  /* padding: 0 30px; */
}
.p-buttons .pBtn {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 1px;
  text-align: center;
  color: #1C274C;
  background-color: transparent;
  border: 1px solid #D2D4DB;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  cursor: pointer;
  padding: 15px 10px;
  /* transform: translateY(1px); */
  width: 232px;
  padding-bottom: 40px;
}
.p-buttons .pBtn + .pBtn {
  margin-left: 40px;
}
.p-buttons .activeBtn {
 background-color: #F5C136;
 color: #fff;
 border: 1px solid rgba(28, 39, 76, 0.2);
}
@media screen and (max-width: 575px) {
  .p-buttons {
    justify-content: center;
  }
  .p-buttons .pBtn {
    font-size: 16px;
    letter-spacing: 1.5px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .p-buttons .pBtn + .pBtn {
    margin-left: 15px;
  }
}
@media screen and (max-width: 400px) {
  .p-buttons .pBtn {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    padding-bottom: 20px;
  }
  .p-buttons .pBtn + .pBtn {
    margin-left: 5px;
  }
}

.p-desc-panel p {
  color: #1C274C;
  line-height: 190%;
  font-weight: 500;
}

.p-panel {
  border: 1px solid rgba(28, 39, 76, 0.2);
  border-radius: 30px;
  padding: 30px;
  background-color: #FFFBF2;
  position: relative;
  z-index: 2;
  margin-top: -30px;
}
@media screen and (max-width: 575px) {
  .p-panel {
    border-radius: 20px;
    padding: 20px;
    margin-top: -14px;
  }
}

.p-video {
  height: 500px;
  /* border: 1px solid #BBBEC9;
  border-radius: 20px; */
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  width: 65%;
}

.p-video iframe{
  width: 100%;
  height: 100%;
}

.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;
    width: 100%;
    border-radius: 20px;
  }
  .p-video .play {
    width: 80px;
    height: 80px;
  }
}

.popupwrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 39, 76, 0.25);
  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;
  border-radius: 10px;
  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: #1C274C;
  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;
  border-radius: 30px;
  padding: 0px;
  position: relative;
}

.form-popup-wrap .form-popup .close {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #1C274C;
  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 {
    border-radius: 0;
  }
  .form-popup-wrap .form-popup .close {
    top: 10px;
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .form-popup-wrap .form-popup {
    padding: 50px 25px;
  }
}

.form-container {
  /* border: 1px solid #DDDEE4;
  border-radius: 30px; */
}
@media screen and (max-width: 575px) {
  .form-container {
    /* border-radius: 15px; */
  }
}
.form-container .form-title {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 20px 40px 0;
  padding: 20px 20px 0;
  border-bottom: 1px solid #DDDEE4; */
}
.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: #1C274C;
}
.form-container .title p {
  font-weight: 800;
  font-size: 32px;
  font-family: "Baloo 2";
  letter-spacing: 2px;
  /* padding: 0 40px 20px; */
  position: relative;
  text-align: center;
}
.form-container .title p::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 228px;
  height: 18px;
  content: "";
  background-image: url('../images/ywllow-line-long.png');
  background-repeat: no-repeat;

}
.form-container .form-body {
  /* padding: 50px 40px; */
  padding: 30px;
  /* border: 1px solid rgba(221, 222, 228, 0.5); */
  border-radius: 30px;
  /* background-color: #FFFBF2; */
  /* background-image: url('../images/beige-background.webp');
  background-repeat: no-repeat;
  background-size: cover; */

  background-color: #fcfaef;
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .form-container .form-title {
    padding: 20px 20px 0;
  }
  .form-container .form-body {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 575px) {
  /* .form-container .form-title {
    padding: 20px 15px 0;
  } */
  .form-container .form-title p {
    font-size: 24px;
    padding: 0 20px 15px;
  }
  .form-container .form-body {
    padding: 30px 15px;
  }
}

.favourites-wrap {
  margin-top: 80px;
}
.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: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #1C274C; */
  /* background-image: url("../images/close-white.svg"); */
    /* background-repeat: no-repeat; */
  /* background-position: center;
  background-size: 45%;
  cursor: pointer; */
  background-color: #FBB03B;
  order: 2 !important;
}

.favourites-wrap .products-list .product .btns-and-price .blueBtn1.delete-from-wishes::before{
  content: "";
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url(../images/red-close.svg) center / contain no-repeat;
    margin-right: 7px;
}
@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: 250px;
  }
  .favourites-wrap .product .discount {
    /* bottom: unset;
    top: 190px; */
  }
  .favourites-wrap .product .product-middle {
    padding: 0 20px;
  }
  .favourites-wrap .product .product-middle .mini-crumb, .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 {
    margin-top: 50px;
  }
  .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: 540px;
  position: relative;
  border-radius: 20px;
  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-title, .blog .blog-description {
  color: #23325A;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog .blog-title {
  font-family: "Baloo 2";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.blog .blog-description {
  opacity: 0.7;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1600px) {
  .blog .blog-img {
    height: 500px;
  }
  .blog .blog-img .blog-date {
    font-size: 22px;
  }
}
@media screen and (max-width: 1399px) {
  .blog .blog-img {
    height: 400px;
  }
  .blog .blog-img .blog-date {
    font-size: 20px;
  }
  .blog .blog-title {
    font-size: 20px;
    line-height: 30px;

  }


}
@media screen and (max-width: 575px) {
  .blog .blog-img {
    height: 300px;
  }
  .blog .blog-img .blog-date {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 10px 25px;
  }
  .blog .blog-title {
    line-height: 27px;
    letter-spacing: 1.5px;
    margin: 10px 0;
  }
  .blog .blog-description {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }
}

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

.blog-cover {
  width: 100%;
  height: 500px;
  position: relative;
}
@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;
  border-radius: 30px;
}
.blog-cover .blog-date {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 2.5px;
  color: #fff;
  background-color: #1c274c;
  padding: 25px 40px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
@media screen and (max-width: 575px) {
  .blog-cover .blog-date {
    padding: 15px 40px;
  }
}

.blog-text {
  margin-top: 40px;
}
.blog-text h1,
.blog-text h2,
.blog-text h3 {
  color: #1C274C;
}
.blog-text h1 {
  margin-bottom: 30px;
}
.blog-text p {
  margin-bottom: 15px;
}
.blog-text h2,
.blog-text h3 {
  margin-bottom: 20px;
}
.blog-text ul {
  list-style: none;
}
.blog-text ul li {
  margin-bottom: 10px;
  font-family: "Inter";
  font-size: 18px;
  letter-spacing: 2px;
  color: #1C274C;
 display: flex;
 align-items: center;
}
.blog-text ul li:last-child {
  margin-bottom: 0;
}

.blog-text ul li::before{
  content: "";
  width: 15px;
  height: 15px;
  background-color: #FBB03B;
  display: block;
border-radius: 50%;
margin-right: 10px;
}

.blog-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  /* height: 515px; */
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .blog-gallery {
    gap: 5px;
    /* height: 275px; */
  }
}
.blog-gallery a {
  width: 100%;
  height: 250px;
}
@media screen and (max-width: 767px) {
  .blog-gallery a {
    height: 135px;
  }
}
.blog-gallery a:first-of-type {
  grid-row: span 2;
  height: 515px;
}
@media screen and (max-width: 767px) {
  .blog-gallery a:first-of-type {
    height: 275px;
  }
}
.blog-gallery a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}

.share-wrapper {
  display: flex;
    flex-direction: column;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 5%;
    left: 5%;
}
.share-wrapper p {
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
  letter-spacing: 2px;
  line-height: 100%;
  writing-mode: vertical-lr;
  text-orientation: mixed;
}
.share-wrapper a {
  margin-left: 15px;
}

.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: #1C274C;
  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: #1C274C;
  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: -6%;
  width: 4%;
  height: 1px;
  background-color: #1C274C;
}
.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: #1C274C;
}
.template-text ul {
  padding-left: 20px;
}
.template-text ul li {
  margin-bottom: 15px;
  font-family: "Inter";
  font-size: 18px;
  letter-spacing: 2px;
  color: #1C274C;
}
.template-text .download-links {
  margin-top: 30px;
  margin-bottom: 30px;
}
.template-text .download-links a {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #1C274C;
  letter-spacing: 2px;
}
.template-text .download-links a svg {
  margin-right: 10px;
}
.template-text .go-back {
  color: #1C274C;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-family: "Baloo 2";
  font-size: 24px;
  font-weight: 800;
  cursor: pointer;
}

.template-text .go-back::before{
content: "";
width: 30px;
height: 30px;
background-color: #FBB03B;
display: block;
align-items: center;
justify-content: center;
border-radius: 50%;
background-image: url('../images/arr-prev-w.svg');
background-repeat: no-repeat;
  background-size: 7px;
  background-position: center;
margin-right: 10px;
}

.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;
  border-radius: 20px;
}

h1 {
  color: #fff;
  font-size: 64px;
  font-weight: bold;
  font-family: "Baloo 2";
  letter-spacing: 2px;
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 45px;
  }
}

.smaller-background {
  width: 100%;
  height: 398px;
  position: relative;
  /* margin-top: 235px; */
}

.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: 17%;
  transform: translateY(-50%);
  z-index: 2;
}

.smaller-background .title span{
  color: #fff;
}

.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: #1C274C;
}
.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;
}
@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 .left-part .about-image1 {
  width: 100%;
  height: 860px;
}
@media screen and (max-width: 1199px) {
  .about-top-wrapper .left-part .about-image1 {
    height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .about-top-wrapper .left-part .about-image1 {
    height: 250px;
  }
}
.about-top-wrapper .left-part .about-image1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 30px;
}
.about-top-wrapper .left-part .text {
  margin-top: 30px;
}
.about-top-wrapper .right-part {
  width: 50%;
}
@media screen and (max-width: 1199px) {
  .about-top-wrapper .right-part {
    width: 100%;
    margin-top: 40px;
  }
}
.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 #1c274c;
  margin: 0 22px;
}
.about-top-wrapper .right-part .about-swiper .aboutSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1c274c;
}
.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;
  border-radius: 30px;
}

.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%;
  background-color: #FBB03B;
  font-family: "Baloo 2";
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 35px;
}

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

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

.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%;
  background-color: #FBB03B;
  font-size: 24px;
  font-weight: 800;
  font-family: "Baloo 2";
  letter-spacing: 2px;
}
@media screen and (max-width: 1299px) {
  .profile-grid {
    grid-template-columns: 1fr;
  }
}

.order-table * {
  color: #1C274C;
}
.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;
}
.basket-page::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 100%;
  height: 100%;
  width: calc(50vw - 700px);
  /* background-color: #F8F8F8; */
  /* background-image: url('../images/beige-background.webp'); */
  /* background-size: cover; */
  background-color: #fcfaef;
}
@media only screen and (max-width: 1600px) {
  .basket-page::after {
    width: 10vw;
  }
}
.basket-page .page-padding-top {
  /* background-color: #F8F8F8; */
  /* background-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;
}
@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-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;
  }
  .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) {
  .basket-page {
    grid-template-columns: 1fr;
  }
  .basket-page::after {
    display: none;
  }
}

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

.basket-right {
  padding-bottom: 380px;
  background-image: url("../images/bee-cart.png");
  background-position: 75% calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 270px;
}
@media screen and (max-width: 1299px) {
  .basket-right {
    background-position: 155px calc(100% - 100px);
  }
}
@media screen and (max-width: 575px) {
  .basket-right {
    padding-bottom: 240px;
    background-size: 180px;
    background-position: center calc(100% - 50px);
  }
}
.basket-right .bas {
  max-width: 320px;
  margin-left: auto;
}
@media screen and (max-width: 1299px) {
  .basket-right .bas {
    margin-left: 0;
    max-width: 500px;
  }
}
.basket-right .b-title {
  font-weight: 800;
  font-family: "Baloo 2";
  font-size: 32px;
  line-height: normal;
  letter-spacing: 2.5px;
  text-align: center;
  /* border-bottom: 2.5px solid #1C274C; */
  padding-bottom: 10px;
  margin-bottom: 50px;

}

.basket-right .b-title::after{
  content: "";
  background: url('../images/ywllow-line-long.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 212px;
  height: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.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;
  width: 100%;
  padding: 0px;
  border: 1px solid rgba(28, 39, 76, 0.2);
  border-radius: 50vh;
  background-color: #fff;
  margin: 50px 0;
}
.basket-right .coupon-form input::-moz-placeholder {
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}
.basket-right .coupon-form input, .basket-right .coupon-form input::placeholder, .basket-right .coupon-form button {
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  color: rgba(28, 39, 76, 0.5);
}
.basket-right .coupon-form input::-moz-placeholder {
  color: rgba(28, 39, 76, 0.5);
}
.basket-right .coupon-form input::placeholder {
  color: rgba(28, 39, 76, 0.5);
}
.basket-right .coupon-form input, .basket-right .coupon-form button {
  height: 50px;
  width: 100%;
  border: none;
  outline: none;
}
.basket-right .coupon-form button {
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #fff;
  background-color: #FBB03B;
  padding: 0 30px;
  border-radius: 50vh;
}
.basket-right .coupon-form input {
  background-color: transparent;
  padding: 0 10px;
  color: #1C274C;
}
.basket-right .paying {
  display: grid;
  gap: 25px;
}
.basket-right .paying hr {
  border: none;
  border-bottom: 1px solid rgba(28, 39, 76, 0.2);
}
.basket-right .paying p {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}
.basket-right .paying span.price {
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
}
.basket-right .paying span.coupon {
  color: #E30000;
}
.basket-right .paying .delete-coupon {
  font-size: 14px;
  letter-spacing: 1px;
  color: #FBB03B;
  text-transform: uppercase;
  font-weight: 800;
  padding-left: 25px;
  background-image: url("../images/arr-back-o.png");
  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;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .basket-right .wishBtn {
    padding: 17px;
  }
}
.basket-right .blueBtn {
  max-width: 100%;
  background-color: #2C3E70;
  font-family: 'Baloo 2';
  letter-spacing: 1px;
}
.basket-right .blueBtn img {
  margin-right: 7px;
}
.basket-right .blueBtn2 {
   background-color: #2C3E70;
  border:none;
  color: #fff;
  /* padding: 10px; */
}
/* @media screen and (max-width: 575px) {
  .basket-right .blueBtn2 {
    padding: 10px;
  }
} */

.basket-table * {
  color: #1C274C;
}
.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 #BBBEC9;
}
.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 {
  font-size: 18px;
  font-family: "Baloo 2";
  letter-spacing: 1px;
  font-weight: 800;
  padding-bottom: 10px;
}
.basket-table tbody tr {
  padding: 40px 0;
}
.basket-table .b-product .b-img {
  border: 1px solid #BBBEC9;
  border-radius: 5px;
  width: 83px;
  height: 107px;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 575px) {
  .basket-table .b-product .b-img {
    width: 70px;
    height: 80px;
  }
}
.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-amount {
  /* margin-left: 20px; */
}
.basket-table .b-img .delete-from-basket {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #FBB03B;
  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-size: 14px;
  letter-spacing: 0;
  font-weight: 800;
  font-family: "Baloo 2";
  /* 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: 800;
  letter-spacing: 1px;
}
.basket-table .b-price1 {
  font-size: 16px;
}
.basket-table .b-price2 {
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
  color: #FBB03B;
}
@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: "Inter";
  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 {
border: none;
    height: 32px;
    width: 30px;
    color: #1C274C;
    font-family: "Baloo 2";
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 1px;
    outline: none;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}
.basket-table .b-amount .minus, .basket-table .b-amount .plus {
     cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 800;
    font-family: "Baloo 2";
    border: none;
    outline: none;
    background-color: #2C3E70;
    color: #FBB03B;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
    opacity: 1;

}

.basket-table .b-amount .plus {
  background-color: #FBB03B;
  color: #1C274C;
}
@media screen and (max-width: 767px) {
  .basket-table thead {
    display: none;
  }
  .basket-table tbody tr:first-child {
    border-top: 1px solid #BBBEC9;
  }
  .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);
    font-weight: 800;
    font-family: "Baloo 2";
    letter-spacing: 1px;
  }
  .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: 90px;
}
/* .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;
}
.small-basket tbody tr:last-child {
  border: none;
}
.small-basket .b-price2 {
  font-size:24px;
}
/* .small-basket .b-amount .p-number {
  width: 40px;
} */
.small-basket .b-product p {
  margin-bottom: 0;
}

.order-form {
  padding-right: 50px;
}
.order-form .o-title {
  font-weight: 800;
  font-size: 32px;
  font-family: "Baloo 2";
  line-height: 100%;
  letter-spacing: 2px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.order-form .o-title:first-of-type{
  margin-top: 0;
}
.order-form textarea {
  height: 220px;
}
@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;
    margin-bottom: 15px;
  }
  .order-form textarea {
    height: 150px;
  }
}

.final-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.final-buttons .white, .final-buttons .blue {
  font-family: "Baloo 2";
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 250px;
  padding: 17px;
  border-radius: 50vh;
  transition: all 0.5s;
}
.final-buttons .white {
  border: 1px solid #D5D6DD;
  color: #1C274C;
}
.final-buttons .blue {
  border: 1px solid #1C274C;
  color: #fff;
  background-color: #1C274C;
}
.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 */

.desktop-header .head1 .page-width {
  justify-content: space-between;
}

.top-bar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-bar-right p {
  margin-right: 25px !important;
}

.top-bar-right a{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
}
.top-bar-left {
  display: flex;
  align-items: center;
}
.top-bar-left svg {
  margin-right: 5px;
}
.top-bar-left a {
    color: #fff;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: normal;
}
.wholesale-link svg {
  margin-right: 5px;
}
.wholesale-link a {
    color: #1C274C;
    /* font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal; */
}



/* NOVI CSS ZA PCELICU */

.header-logo{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 103px;
   transition: all 0.5s ease-in-out;
}

.header-logo img{
  width: 250px;
}

.left-header-bee{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
width: 135px;

}

.left-header-bee img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.bottom-honey-header{
  position: absolute;
  left: 25%;
  bottom: 0;
  height: 62px;
width: 139px;

}

.bottom-honey-header img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.header-bee{
  position: absolute;
  left: 37%;
  bottom: 20px;
  height: 40px;
  width: 44px;

}

.header-bee img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.top-honey-header{
  position: absolute;
  right: 34%;
  top: 0px;
  height: 65px;
  width: 64px;

}

.top-honey-header img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.right-header-bee{
  position: absolute;
  right: 0%;
  top: 0px;
  height: 100%;
  width: 102px;

}

.right-header-bee img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.main-slider{
  /* margin-top: 235px; */
}

.mainSwiper .swiper-button-prev:after{
  content: "";
  background-image: url('../images/arr-prev-w.svg');
  background-repeat: no-repeat;
  width: 15px;
  height: 26px;
}

.mainSwiper .swiper-button-prev, .mainSwiper .swiper-button-next{
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: rgba(44, 62, 112, 0.75);
  position: relative;

}

.mainSwiper .swiper-button-next::after{
  content: "";
  background-image: url('../images/arr-next-w.svg');
  background-repeat: no-repeat;
  width: 15px;
  height: 26px;
}

.mainSwiper .page-width{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

.blog-date {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  color: #34D399;
  margin-top: 20px;
  margin-bottom: 10px;
}

.beige-background{
 background: #FFFBF2;
}

.title span.green{
  color: #34D399;
}

footer{
  padding-top: 100px;
  position: relative;
   /* background-image: url('../images/beige-background.webp');
  background-size: cover;
  background-position: center; */
  background-color: #fcfaef;
}

.footer-logo{
  margin-bottom: 30px;
}

.smaller-background h1{
  font-family: "Baloo 2";
}

.pagination li a:has(svg){
  background-color: #FBB03B;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-footer-bee{
  position: absolute;
  left: 0;
  top: 0px;
  height: 135px;
width: 135px;

}

.left-footer-bee img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.left-honey-footer{
  position: absolute;
  left: 10%;
  top: 0;
  height: 62px;
width: 139px;
transform: rotate(180deg);

}

.left-honey-footer img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}


.right-honey-footer{
  position: absolute;
  right: 25%;
  top: 0px;
  height: 65px;
  width: 64px;

}

.right-honey-footer img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.right-footer-bee{
  position: absolute;
  right: 0%;
  top: 15%;
  height: 120px;
  width: 102px;

}

.right-footer-bee img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.blog-text .blog-title{
  font-size: 18px;
}

.blog-text h1{
  font-size: 45px;
}

.blog-gallery a:nth-of-type(8n + 1){
grid-column: span 2;
grid-row: span 2;
}

.blog-gallery a:nth-of-type(8n + 4){
grid-column: span 2;
}

.blog-hr{
  width: 100%;
  height: 1px;
  background-color: #BBBEC9;
  margin-top: 40px;
}

.similar-posts{
  padding-bottom: 70px;
}

.share-wrapper .social{
  display: flex;
    flex-direction: column;
    align-items: center;
}

.share-wrapper .social a{
  margin-left: 0;
  margin-top: 25px;
}

.title img{
  object-fit: contain;
}

.privacy-wrapper{
  background-color: #FFFBF2;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
  padding-left: 70px;
  padding-right: 70px;
  margin-top: -80px;
  position: relative;
  border-radius: 30px;
  margin-bottom: 70px;
}

.cookies-text ul{
  list-style: none;
  margin: 20px 0;
}

.cookies-text ul li{
  display: flex;
  align-items: flex-start;
  font-family: "Inter";
  font-size: 18px;
  letter-spacing: 2px;
  color: #1C274C;
  margin-bottom: 10px;
}

.cookies-text ul li p{
  margin-bottom: 0;
}

.cookies-text a{
  color: #F5C136;
}

.cookies-text p{
  margin-bottom: 15px;
}

.cookies-text ul li::before{
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #F5C136;
margin-right: 10px;
display: block;
min-width: 15px;
margin-top: 5px;
}

.locations-background{
  background-color: #FFFBF2;
}

.title.center-title{
  left: 50%;
  transform: translate(-50%, -50%);
}

.center-title h1{
color: #1C274C;
}

.left-locations-bee{
  position: absolute;
  bottom: 0;
  height: 135px;
width: 135px;
transform: rotate(0deg) scaleX(-1);

}

.left-locations-bee img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.left-honey-locations{
  position: absolute;
  right: 10%;
  top: 0;
  height: 62px;
width: 139px;
transform: rotate(180deg);

}

.left-honey-locations img{
    object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.locations-wrapper{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.locations-wrapper .left-part{
  width: 45%;
}

.locations-wrapper .left-part h2{
  color: #F5C136;
}

.locations-wrapper .left-part .bookstore-info{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
}

.locations-wrapper .left-part .bookstore-info .contact-bookstore{
  width: 45%;
}

.locations-wrapper .left-part h3{
font-size: 24px;
font-family: "Baloo 2";
font-weight: 800;
letter-spacing: 1px;
color: #1C274C;
}

.locations-wrapper .left-part .bookstore-info .contact-bookstore a{
  margin-top: 30px;
  font-weight: 500;
  color: #1C274C;
  display: block;
}

.locations-wrapper .left-part .bookstore-info .work_hours{
  position: relative;
  width: 45%;
  padding-left: 70px;
}

.locations-wrapper .left-part .bookstore-info .work_hours::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.2);
}

.locations-wrapper .left-part .location-gallery{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 30px;
  border-radius: 15px;
}

.locations-wrapper .left-part .location-gallery a{
  width: 100%;
  height: 207px;
  position: relative;
  display: none;
}

.locations-wrapper .left-part .location-gallery a:nth-child(1),.locations-wrapper .left-part .location-gallery a:nth-child(2),.locations-wrapper .left-part .location-gallery a:nth-child(3){
display: block;
}

.locations-wrapper .left-part .location-gallery a:nth-child(1) .more-images{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}

.locations-wrapper .left-part .location-gallery a:nth-child(1) img{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.locations-wrapper .left-part .location-gallery a:nth-child(3) img{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.locations-wrapper .left-part .location-gallery a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.locations-wrapper .left-part .bookstore-info .work_hours p{
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
margin-top: 30px;
}

.locations-wrapper .left-part .bookstore-info .work_hours p:nth-child(4){
  margin-top: 15px;
}

.locations-wrapper .left-part .bookstore-info .work_hours .hours{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.locations-wrapper .left-part .bookstore-info .work_hours span{
  font-weight: 500;
}

.locations-wrapper .left-part .bookstore-info .work_hours hr{
  width: 50px;
  height: 2px;
  color: #F5C136;
  background-color: #F5C136;
  border: none;

}

.locations-wrapper .right-part{
  width: 45%;
  height: 561px;
  position: relative;
}

.locations-wrapper .right-part iframe{
  width: 140%;
  height: 100%;
  position: absolute;
  right: -40%;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}

.locations-wrapper.reverse-locations-wrapper{
  flex-direction: row-reverse;
}

.locations-wrapper .left-part h2.green{
  color: #34D399;
}

.locations-wrapper.reverse-locations-wrapper .right-part iframe{
  right: auto;
  left: -40%;
  border-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.about-top-wrapper .about-images{
  position: relative;
  min-height: 600px;
}

.about-top-wrapper .about-images img{
object-fit: cover;
object-position: center;
}

.about-top-wrapper .about-images img:nth-child(1){
  width: 100%;
  max-width: 432px;
  height: 516px;
}

.about-top-wrapper .about-images img:nth-child(2){
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 350px;
  height: 428px;
}

.about-top-wrapper .right-part{
  margin-top: 20px;
}

.home-about .home-about-text span{
  color: #F5C136;
}

.about-gallery a{
  display: none;
  position: relative;
}

.about-gallery a:nth-child(1), .about-gallery a:nth-child(2), .about-gallery a:nth-child(3), .about-gallery a:nth-child(4){
  display: block;
}

.about-gallery a .more-images{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: rgba(28, 39, 76, 0.7);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-family: "Baloo 2";
  font-weight: 800;
  letter-spacing: 2px;
}

.how-to-contact-us-wrapper .title{
  text-align: center;
}

.how-to-contact-us-wrapper .title span.pink{
  color: #F47EB3;
}
.how-to-contact-us-cont{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
gap:20px;
}

.how-to-contact-us-cont .contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}

.how-to-contact-us-cont a + a {
  border-left: 1px solid rgba(28, 39, 76, 0.2);
  padding-left: 30px;
}

.how-to-contact-us-cont .contact-item p{
  margin-top: 5px;
  font-size: 24px;
  font-family: "Baloo 2";
  font-weight: 600;
  text-align: center;
}

.how-to-contact-us-cont .contact-item:nth-child(1):hover{
background-image: url('../images/ywllow-line-long.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 100%;
background-size: contain;
}

.how-to-contact-us-cont .contact-item:nth-child(2):hover{
background-image: url('../images/green-line-long.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 100%;
background-size: contain;
}

.how-to-contact-us-cont .contact-item:nth-child(3):hover{
background-image: url('../images/pink-line-long.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 100%;
background-size: contain;
}

.how-to-contact-us-cont .contact-item:nth-child(5){
    border-left: 1px solid rgba(28, 39, 76, 0.2);
  padding-left: 30px;
}

.how-to-contact-us-cont .socials-icons{
  margin-top: 10px;
}

.how-to-contact-us-cont .socials-icons svg{
  transition: all 0.5 ease-in-out;
}

.how-to-contact-us-cont .socials-icons svg:hover path{
  fill: #34D399;
  transition: all 0.5 ease-in-out;
}


.videobg {
  position: relative;
  height: 540px;
  display: flex;
  align-items: center;
  padding: 50px 0;
}
@media screen and (max-width: 1199px) {
  .videobg {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .videobg {
    padding: 30px 0;
  }
}
.videobg img.video-back-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.videobg .page-width {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .videobg .page-width {
    flex-direction: column;
  }
}
.videobg .title {
  width: 100%;
  max-width: 780px;
}
.videobg .title span,
.videobg .title h2,
.videobg .title p {
  color: #fff;
}
.videobg .play {
  border: 2px solid #fffcfc;
  width: 341px;
  height: 341px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .videobg .play {
    width: 122px;
    height: 122px;
    margin-top: 20px;
  }

  .videobg .play img{
    width: 34px;
    height: 43px;
  }
}

.video-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -10;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.video-wrap .video {
  background-color: transparent;
  padding: 10px;
  width: 90%;
  height: 80%;
  max-width: 800px;
  max-height: 500px;
  position: relative;
  border: 2px solid #c9a227;
}

.video-wrap .video .closeVideo {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #c9a227;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  top: -25px;
  right: -25px;
  cursor: pointer;
  background-image: url(../images/close.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
}

.video-wrap.open-video {
  z-index: 105;
  opacity: 1;
}

.footer-contact .socials{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDEE4;
  gap: 10px;
}

.footer-contact .socials a{
  border-radius: 50%;
  background-color: #FBB03B;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
}

.footer-contact .socials a:hover{
  background-color: #34D399;
  transition: all 0.5s ease-in-out;
}

.socials-p{
  margin-bottom: 0px !important;
}

.footer-contact p:nth-of-type(1){
  margin-top: 30px;
}

.footer-contact .contact-item{
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.footer-contact .contact-item a{
  padding-left: 10px;
}

.footer-contact .contact-locations a{
  padding-left: 0;
  align-items: center;
margin-bottom: 25px;
}

.footer-contact .contact-locations a::before{
  display: none;
}

.footer-contact .contact-locations a p{
  margin-left: 15px;
  font-weight: 600;
  font-family: "Baloo 2";
  margin-top: 0;
}

.right-contact-bee{
  position: absolute;
  right: -18%;
  top: 50%;
  transform: translateY(-50%);
}

.orangeBtn {
  background-color: #FBB03B;
}

.thank-you-page a{
  color: #FBB03B;
}

.thank-you-page .orangeBtn{
  color: #fff;
}

.moreBtn{
  background-color: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2.5px;
  position: relative;
  padding-right: 25px;
}

.moreBtn::after{
  content: "";
  position: absolute;
  background-image: url('../images/more-arr-w.svg');
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.home-about-text .moreBtn img{
margin-top: 25px;
}

.products-form .view:nth-of-type(1){
  border-left: 1px solid rgba(28, 39, 76, 0.2);
  padding-left: 20px;
}

.product .blueBtn1{
  min-height: 41px;
  background-color: #2C3E70;
}

.product:has(.product-image:hover){
  border:1px solid #F5C136;
}

.product .new.no-discount {
    top: 0; /* kada nema discount */
}

.filters-wrap .title{
text-align: center;
margin-bottom: 30px;
}

.filters-wrap .title p{
  line-height: 25px;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 800;
}

.filters-wrap .title img{
  margin-top: -12px;
}

.filters-wrap .categories li{
  border: 1px solid #BBBEC9;
  border-radius: 30px;
  margin-bottom: 20px;
}

.filters-wrap .categories li li{
  border: none;
  padding: 15px;
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #BBBEC9;
}

.filters-wrap .categories summary, .filters-wrap .categories2 summary{
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  color: #23325A;
  padding: 15px 10px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.filters-wrap .categories details:has(> summary > a.active) > summary {
  background-color: #FBB03B;
}

.filters-wrap .categories details li:has(a.active){
  background-color: #FBB03B;
}

.filters-wrap .categories details ul li a.active::after{
  content: "";
  left: 0;
  background: transparent url('../images/white-line-long.png') no-repeat;
  width: 100%;
  height: 6px;
  display: block;
  background-size: contain;
}

.filters-wrap .categories details a.active{
  font-size: 18px;
  font-weight: 800;
}

.filters-wrap .categories details ul li a.active{
     display: block;
    position: relative;
}

.filters-wrap .categories details a{
  text-align: center;
}

.filters-wrap .categories details details:has(> summary > a.active) > summary {
  border-radius: 0;
  background-color: #fff;
  color: #1C274C;
}

.filters-wrap .categories details li:has(details) {
  background-color: #fff !important;
}

.filters-wrap .categories details:has(a.active) summary.cat2{
  background-color: #fff;
  padding: 15px;
}

.filters-wrap .categories details:has(a.active) summary.cat2 a{
  color: #1C274C;
}

.filters-wrap .categories details:has(a.active) summary.cat2 a.active{
  color: #FBB03B;
  font-weight: 600;
}

.filters-wrap .categories details:has(a.active) summary.cat3{
background-color: #fff;
padding: 0;
}

.filters-wrap .categories details:has(a.active) summary.cat3 a{
  color: #1C274C;
}

.filters-wrap .categories details:has(a.active) summary.cat3 a.active{
  color: #FBB03B;
  font-weight: 600;
}

.filters-wrap .categories li:not(:has(details)){
  padding: 15px;
  text-align: center;
}

.filters-wrap .filter-section.price-section{
  padding: 20px 30px;
   border-radius: 30px;
  border: 1px solid rgba(28, 39, 76, 0.3);
  margin-bottom: 40px;
}

.filter-section-form{
  margin-top: 40px;
}

.filter-section-form .range-price, .range-price input{
  justify-content: space-between;
}

.filter-age-form ul{
  list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
  column-gap: 20px;
  row-gap: 40px;
}

.filter-age-form ul li{
  border-radius: 50%;
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.filter-age-form ul li label{
  cursor: pointer;
}

.filter-age-form ul li.yellow{
  background-color: #FACC15;
}

.filter-age-form ul li.green{
  background-color: #34D399;
}

.filter-age-form ul li.purple{
  background-color: rgba(167, 139, 250, 0.35);
}

.filter-age-form ul li.pink{
  background-color: rgba(244, 126, 179, 0.35);
}

.filter-age-form ul li.blue{
  background-color: rgba(44, 62, 112, 0.35);
}

.filter-age-form ul li.grey{
  background-color: rgba(31, 41, 55, 0.35);
}


.filter-age-form input[type=checkbox]{
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.filter-age-form .form-control{
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  flex-direction: column;
}

.filter-age-form .form-control img{
  opacity: 0;
}

.filter-age-form ul li:has(input[type=checkbox]:checked){
  box-shadow: 0 4px 21px rgba(0, 0, 0, 0.35);
}

.filter-age-form ul li:has(input[type=checkbox]:checked) img{
  opacity: 1;
}

.shop-discounts-wrap .shop-discount .moreBtn img{
  width: 161px;
  height: 11px;
  object-fit: contain;
  position: relative;
}

.shop-discounts-wrap .shop-discount .moreBtn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.shop-discounts-wrap .shop-discount .moreBtn::after{
  right: 13%;
  top: 5px;
  transform: translateY(0);
}

.shop-text-wrapper{
  width: 100%;
  border-radius: 30px;
  border: 5px solid #FBB03B;
  background-color: #FFFBF2;
  padding: 30px 40px;
  text-align: center;
  margin-top: 60px;
}

.shop-text-wrapper p + p{
  margin-top: 20px;
}

.shop-text-wrapper p {
  color: rgba(28, 39, 76, 0.7);
}

.products-list .product .card-btns{
  order: 2;
  flex-direction: column;
}

.products-list .product .product-price span{
  font-size: 32px;
  font-weight: 800;
}

.products-list .product .btns-and-price .wishBtn{
  order: 1;
  margin-bottom: 15px;
  background-color: #F5C136;
  color: #fff;
  border: none;
}

.product .card-btns p{
  display: none;
}

.products-list .product .btns-and-price p{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-left: 10px;
   display: block;
}

.product-middle .mini-crumb span{
  color: #34D399 !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
}

.filters-wrap .categories ul > li:has(> details > summary.cat2){
  padding: 0;
  /* border-bottom: 1px solid #BBBEC9; */
}

.mini-cramb-details li:last-of-type span{
  color: #FBB03B;
}

.big-product-image{
  width: 100%;
  height: 570px;
}

.big-product-image .swiper-slide{
  width: 100%;
  height: 100%;
  display: none;
}

.big-product-image .swiper-slide:nth-child(1){
  display: block;
}

.big-product-image .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 30px;
}

.product-small-gallery{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
  height: 146px;
  margin-top: 15px;
}

.product-small-gallery .swiper-slide{
  width: 100%;
  height: 100%;
}

.product-small-gallery .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
}

.p-panel.p-spec-panel table{
  border-radius: 30px;
  border: 1px solid #D2D4DB;
  border-collapse: separate !important; /* ili 'collapse' ako ti odgovara */
  border-spacing: 0;
 overflow: hidden;
 width: 65% !important;
}


.p-panel.p-spec-panel table tr td{
  padding: 15px;
  font-size: 18px;
  border-top: none;
  border-bottom: 1px solid #D2D4DB;
  border-left: none;
  border-right: none;
  color: #1C274C;
}

.p-panel.p-spec-panel table tr:nth-child(odd){
  background-color: #fff;
}

.p-panel.p-spec-panel table tr td:nth-child(odd){
  font-weight: 800;
  font-family: "Baloo 2";
  letter-spacing: 1px;
}

.p-panel.p-spec-panel table tr:last-of-type td{
  border-bottom: none;
}

.p-panel.p-spec-panel table tr td:nth-child(even){
  font-weight: 600;
  font-family: "Inter";
  letter-spacing: 1px;
  text-align: end;
}

.smilar-products .title span{
  color: #F47EB3;
}

.similar-products{
  position: relative;
}

.similar-product-bee{
  position: absolute;
  right: 0;
  top: 18%;
}

.details-swiper-wrap .small-swiper-wrap .smallSwiper{
  height: 100%;
}

.go-cart .blueBtn1{
  background-color: #2C3E70;
  max-width: 100%;
  padding: 15px;
}

.go-cart .blueBtn1::before{
  background-image: url('../images/arr-next-long-w.svg'), url('../images/cart-o.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    background-size: 13px, contain;
    margin-right: 20px;
    width: 60px;
}

.go-cart p{
  margin-top: 10px;
  font-size: 18px;
  letter-spacing: 1px;
  text-align: center;
}

.options .cart-header .small-cart .product-details .p-price{
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.options .cart-header .small-cart .product-amount-wrap .minus, .options .cart-header .small-cart .product-amount-wrap .plus{
  cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 800;
    font-family: "Baloo 2";
    border: none;
    outline: none;
    background-color: #2C3E70;
    color: #FBB03B;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
    opacity: 1;
}

.options .cart-header .small-cart .product-amount-wrap .plus{
  background-color: #F5C136;
  color: #1C274C;
}

.options .cart-header .small-cart .product-amount-wrap input.p-number{
  border: none;
    height: 32px;
    width: 30px;
    color: #1C274C;
    font-family: "Baloo 2";
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 1px;
    outline: none;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}

.options .cart-header .small-cart .total-price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.options .cart-header .small-cart .total-price p{
  font-size: 16px;
  font-weight: 800;
  font-family: "Baloo 2";
  color: #1C274C;
}

.options .cart-header .small-cart .total-price span{
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
  color: #FBB03B;
}

.white-form .inputs2-radio .form-control.baloo-labels{
  font-family: "Baloo 2";
  margin-right: 15px;
}

.white-form .delivery-locations{
  padding: 15px 0;
  border-top: 1px solid rgba(28, 39, 76, 0.2);
  padding-left: 30px;
}

.basket-right .name-data{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(28, 39, 76, 0.2);
  margin-top: 5px;
}

.basket-right .name-data p{
  color: #000;
  font-weight: bold;
  font-size: 14px;
}

.basket-table.small-basket .b-amount .minus, .basket-table.small-basket .b-amount .plus{
  width: 26px;
  height: 26px;
}

.basket-table.small-basket .b-amount .p-number{
  width: 26px;
  height: 26px;
}

.thank-you-page .blueBtn{
  max-width: 300px;
}

.thank-you-page .blueBtn::before{
  content: "";
  display: block;
  margin-right: 15px;
  background-image: url('../images/arr-prev-long-o.svg');
  background-repeat: no-repeat;
  width: 32px;
  height: 16px;
}

.thank-you-page .title{
  text-align: center;
}

.register-container .form-title img, .login-container img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.register-container .form-title p, .login-container p{
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  font-family: "Baloo 2";
}

.register-container .form-title span{
  color: #FBB03B;
  font-size: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  display: block;
}

.register-container label.form-control{
font-size: 24px;
}

.register-container .form-control input[type=checkbox], .form-control input[type=radio]{
  background-color: transparent;
}

.register-container .inputs2{
  gap: 40px;

}

.register-container hr{
  border: none;
  border-bottom: 1px solid rgba(28, 39, 76, 0.2);
  margin: 20px 0;
}

.register-container .form-body{
  padding: 40px 30px;
}

.register-container .register-links{
  flex-direction: column;
}

.register-container .register-links p:last-child{
  margin-right: auto;
  margin-top: 10px;
}

.register-container .register-links p, .register-container .register-links a, .login-container .register-links p, .login-container .register-links a{
  text-transform: none;
  font-size: 24px;
  font-weight: 800;
  font-family: "Baloo 2";
  letter-spacing: 2px;
}
.register-container .register-links a, .login-container .register-links a{
  color: #FBB03B;
}

.registration-wrapper{
  position: relative;
}

.bee-registration{
  position: absolute;
  top: -1%;
  right: 10%;
}

.password {
  position: relative;
}
.password .toggle-pass {
  position: absolute;
  right: 10px;
  top: 65%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 4px;
}

.profile-grid .form-title p{
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
}

.profile-grid .form-title img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.profile-grid .form-container .form-body{
  border: 1px solid rgba(187, 190, 201, 0.5);
}

.profile-wrapper{
  position: relative;
}

.profile-wrapper .profile-honey{
  position: absolute;
top: -6%;
    right: 0;
    transform: rotate(180deg);
}

.favourites-wrap .products-list .product .btns-and-price .blueBtn1::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 25px;
    background: url(../images/cart-o.svg) center/contain no-repeat;
    margin-right: 7px;
}

.remove-all-wishes .blueBtn{
  background-color: #FBB03B;
  max-width: 500px;
  font-weight: 600;
}

.remove-all-wishes .blueBtn::before{
     content: "";
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url(../images/red-close.svg) center/contain no-repeat;
    margin-right: 7px;
}

.wishlist-wrapper{
  position: relative;
}

.wishlist-wrapper .profile-honey{
  position: absolute;
top: -6%;
    right: 0;
    transform: rotate(180deg);
}

.wishlist-wrapper .wishlist-bee{
  position: absolute;
  left: 0;
  top: 20%;
  transform: scaleX(-1);
}

.mobile-header .head3 .header-contact a{
  display: block;
  color: #1C274C;
  margin-bottom: 10px;
  font-weight: 600;
  font-family: "Baloo 2";
  padding-left: 25px;
  background-image: url('../images/phone-o.svg');
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 18px;
}

.mobile-header .head3 .header-contact a:last-of-type{
  background-image: url('../images/mail-o2.svg');
}

.mobile-header .head3 .header-social p{
  font-family: "Baloo 2";
  font-weight: 600;
}

.page-product-details{
  position: relative;
}

.page-product-details .product-details-bee{
  position: absolute;
  top: -2%;
  left: -2%;

}

.flex-cont{
  display: flex;
  align-items: center;
}

.notify-me{
  display: flex;
  align-items: center;
  padding-left: 40px;
  position: relative;

}
.notify-me::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 70%;
  transform: translateY(-50%);
  background-color: rgba(28, 39, 76, 0.2);
}

.notify-me::before{
  content: "";
  background-image: url('../images/notification-bee.png');
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 50px;
width: 30px;
height: 53px;
  display: block;
}

.notify-me p{
  color: #FBB03B;
  font-size: 18px;
  font-weight: 800;
  font-family: "Baloo 2";
  text-decoration: underline;
  letter-spacing: 1px;
  cursor: pointer;
}

.product-details-info .p-available{
  padding-right: 40px;
}


.mfp-content, .mfp-content2, .mfp-content3 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    box-sizing: border-box;
    background-color: transparent;
    width: 100%;
    max-width: 950px;
    border-radius: 10px;
    display: none;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.mfp-iframe-scaler {
    width: 100%;
}

#page-overlay, #page-overlay2, #page-overlay3 {
    z-index: 99;
    display: none;
}

.overlay-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 39, 76, 0.6);
    z-index: 9999;
}

.popup-cont {
    background-color: #fff;
    height: 40vh;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 60px;
    text-align: center;
}

.popup-cont .title h3{
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
  color: #1C274C;
}

.popup-cont .title span{
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
}

.popup-cont .popup-text{
  margin-top: 20px;
}

.popup-cont .popup-text p{
  font-weight: 500;
}

.product-details-info .p-not-available{
  padding-right: 20px;
}

.template-text a{
  color: #FBB03B;
  font-weight: 600;
}

.age-wrapper{
  /* background-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;
  text-align: center;
}

.age-wrapper .title span{
  color: #34D399;
}

.age-wrapper .age-cont{
  margin-top: 40px;
}

.age-wrapper .age-cont ul{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.age-wrapper .age-cont ul li{
  width: 180px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
      transition: all 0.5s ease-in-out;
}

.age-wrapper .age-cont ul li label{
  cursor: pointer;
}

.age-wrapper .age-cont ul li:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}

.age-wrapper .age-cont label{
      font-size: 45px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
}

.age-wrapper .age-cont label input{
      width: 0px;
    height: 0px;
    opacity: 0;
    margin: 0px;
}

.age-wrapper .age-cont label img{
  opacity: 0;
}

.age-wrapper .age-cont  ul li.yellow{
  background-color: #FACC15;
}

.age-wrapper .age-cont  ul li.green{
  background-color: #34D399;
}

.age-wrapper .age-cont  ul li.purple{
  background-color: rgba(167, 139, 250, 0.35);
}

.age-wrapper .age-cont  ul li.pink{
  background-color: rgba(244, 126, 179, 0.35);
}

.age-wrapper .age-cont  ul li.blue{
  background-color: rgba(44, 62, 112, 0.35);
}

.age-wrapper .age-cont  ul li.grey{
  background-color: rgba(31, 41, 55, 0.35);
}

.soon-ariving-wrapper{
  position: relative;
}

.soon-ariving-wrapper::before{
  content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
/* background-image: url('../images/beige-background.webp');
background-size: cover; */
background-color: #fcfaef;
}

.soon-ariving-wrapper .arrow-down-long{
  position: absolute;
  bottom: 5%;
  left: 20%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.soon-ariving-wrapper .arrow-down-long .line1{
  width: 3px;
  height: 44px;
  display: block;
  background-color: #fff;
}

.soon-ariving-wrapper .arrow-down-long .line2{
  width: 1px;
  height: 83px;
  display: block;
  background-color: #fff;
}

.home3Swiper .product .blueBtn1:hover{
  background-color: #FBB03B;
}

.home3Swiper .product .blueBtn1:hover svg path{
fill: #1C274C;
stroke: #1C274C;
}

.swiper-commands .swiper-pagination.home3-pagination .swiper-pagination-bullet{
  border: 1px solid #FBB03B;
}

.swiper-commands .swiper-pagination.home3-pagination .swiper-pagination-bullet-active{
  background-color: #FBB03B;
}

.home6Swiper .swiper-slide .ctg img{
  width: 100%;
  height: 340px;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
}

.home6Swiper .swiper-slide .ctg h3{
color: #1C274C;
letter-spacing: 1px;
text-align: center;
margin-top: 10px;
transition: all 0.5s ease-in-out;
}

.home6Swiper .swiper-slide .ctg:hover h3{
  color: #FBB03B;
  transition: all 0.5s ease-in-out;
}

.swiper-commands .swiper-pagination.home6-pagination .swiper-pagination-bullet{
  border: 1px solid #FBB03B;
}

.swiper-commands .swiper-pagination.home6-pagination .swiper-pagination-bullet-active{
  background-color: #FBB03B;
}


.categories-home-wrapper{
  position: relative;
  /* background-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;
  
}

.category-bee{
  position: absolute;
  right: 15px;
  top: 5%;
  transform: rotate(-50deg);
}

.we-recommend-wrapper .moreBtn {
  z-index: 2;
  font-size: 24px;
  font-weight: 700;
  margin-top: 15px;
  border: none;
}

.we-recommend-wrapper .moreBtn img{
  top: 20px;
object-fit: contain;
}

.we-recommend-wrapper .title.pink span{
  color: #F47EB3;
}

.we-recommend-wrapper .home-banner{
  margin-top: 40px;
}

.home1Swiper{
  margin-top: 40px;
}

.swiper-commands .swiper-pagination.home1-pagination .swiper-pagination-bullet{
  border: 1px solid #FBB03B;
}

.swiper-commands .swiper-pagination.home1-pagination .swiper-pagination-bullet-active{
  background-color: #FBB03B;
}

.swiper-commands .swiper-pagination.home2-pagination .swiper-pagination-bullet{
  border: 1px solid #F47EB3;
}

.swiper-commands .swiper-pagination.home2-pagination .swiper-pagination-bullet-active{
  background-color: #F47EB3;
}

.pagination-background{
  width: 100%;
  /* background-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;
  height: 180px;
  position: relative;
}

 .main-pagination {
  top: 60px !important;
}
 .main-pagination .swiper-pagination-bullet {
  width: 26px;
  height: 26px;
  opacity: 1;
  border: 1px solid #2C3E70;
  background-color: transparent;
  margin: 0 15px !important;
  cursor: pointer;
  transition: all 1.5s;
}
.main-pagination .swiper-pagination-bullet-active {
  background-color: #2C3E70;
}

.orders-history-cont .form-title p{
  font-size: 32px;
  font-weight: 800;
  font-family: "Baloo 2";
}

.orders-history-cont .form-title img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.order-history{
  margin-top: 40px;
  /* background-image: url('../images/beige-background.webp');
  background-size: cover; */
  background-color: #fcfaef;

}

.order-history table th, .order-history table th p{
  font-weight: 800;
  font-family: "Baloo 2";
  color: #1C274C;
}

.desktop-header .head3 .main-nav > li:hover details summary{
  background-image: url(../images/arr-down-w.svg);
}

.onRequestBtn::before{
  display: none;
}

#subscribe-btn{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#subscribe-btn::before{
  display: none;
}

#unsubscribe-btn::before{
  display: none;
}

#unsubscribe-btn2::before{
  display: none;
}

.unsubscribe-btn{
  background-color: transparent;
  border: none;
  appearance: none;
  font-weight: 800;
  font-size: 18px;
  font-family: "Inter";
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  max-width: 220px;
  position: relative;
  padding-left: 15px;
    border-left: 1px solid rgba(28, 39, 76, 0.2);
}

.unsubscribe-btn svg{
  margin-right: 5px;
}

.desktop-header .head3 .main-nav .nav .subnav .title{
  text-align: center;
  margin-top: 15px;
}

.desktop-header .head3 .main-nav .nav .subnav .title h3{
  color: #1C274C;
  font-size: 16px;
  font-weight: 900;
}

.wishBtn.active svg path {
  stroke: #FF0000;
  fill: #FF0000;
}

.product .wishBtn:hover{
  background-color: #FBB03B;
}

.product .wishBtn:hover svg path{
  fill: #1C274C;
}

.blog-section{
  position: relative;
}

.blog-bee{
  position: absolute;
  right: 10%;
  top: 12%;
}

.blog-bee img{
  object-fit: contain;
  object-position: center;
}

.share-wrapper-mobile{
  display: none;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(5px);
  }
  70% {
    transform: translateY(-5px);
  }
}

.head3 .home-icon {
  padding: 15px 30px 15px 0;
  transition: 0.7s ease;
}

.head3 .home-icon:hover {
  animation: bounce 0.7s ease;
}

.head3 .home-icon path {
  transition: all 0.5s ease-in-out;
}

.head3 .home-icon:hover path {
  stroke: #FBB03B;
}

.reveal {
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active {
  transform: translateY(0);
  opacity: 1;
}

.product .coming-soon{
  top: 200px;
}

.product .coming-soon.no-new{
  top: 0;
}

.product .coming-soon::after{
  background-image:url('../images/flower-dark-blue.svg')

}

.smaller-background .mini-cramb-details{
  /* position: absolute;
  top: 36%;
  transform: translateY(-50%);
  left: 17%; */
  margin-bottom: 0;
}


.smaller-background .mini-cramb-details li, .smaller-background .mini-cramb-details a, .smaller-background .mini-cramb-details span{
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.smaller-background .mini-cramb-details li:last-of-type span{
  color: #fff;
}

.filters-wrap .categories summary, .filters-wrap .categories ul ul{
  padding-left: 10px;
}

.filters-wrap .categories details details li a{
  font-size: 14px;
}

.product .product-middle .mini-crumb li.p-not-available span{
  color: #ff0004 !important;
}

.filters-wrap .categories summary, .filters-wrap .categories ul ul li{
  border-bottom: none;
}

.filters-wrap .categories details > ul{
  max-height: 430px;
  overflow-y: auto;
}

.filters-wrap .categories details[open]{
  padding-bottom: 10px;
}

.filters-wrap .categories details > ul::-webkit-scrollbar {
  width: 6px;
}

.filters-wrap .categories details > ul::-webkit-scrollbar-thumb {
  background-color: #FBB03B;
  border-radius: 3px;
}

.reset-filters-btn{
  margin-bottom: 30px;
  margin-top: 30px;
}

.reset-filters-btn .blueBtn{
  background-color: transparent;
  border: 1px solid #1C274C;
  color: #1C274C;
}

.products-list .product .discount{
  left: 14%;
  right: auto;
}

.white-form .inputs2-radio .form-control.baloo-labels span{
  font-size: 14px;
    color: #FBB03B;
    line-height: 14px;
}

.checkout-location-div{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-emails {
  margin-top: 15px;
}

.footer-emails a + a::before{
  display: none;
}

.white-form .input-wrap select{
  width: 100%;
    border: 1px solid #DDDEE4;
    outline: none;
    border-radius: 20px;
    padding: 0px 20px;
    font-family: "Baloo 2";
    color: #1C274C;
    height: 60px;
    appearance: none;
    list-style: none;
    background-image: url('../images/arr-down-b.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
}
.basket-title{
  margin-bottom: 30px;
}

.basket-title p::after{
      content: "";
    background: url(../images/ywllow-line-long.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 212px;
    height: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.desktop-header.desktop-header2.small-header{
  transform: none;
}


.footer-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.footer-cards .group {
    display: flex
;
    align-items: center;
}

.footer-cards a {
    display: block;
}

.footer-cards img {
    height: 38px;
    width: 100%;
    margin: 2.5px;
    object-fit: contain;
    object-position: center;
}

.white-form .inputs3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.template-text h4{
  margin-bottom: 10px;
    color: #1C274C;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 2px;
}

.company-info a{
  font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: all 0.5s;
}

.company-info a + a {
  margin-top: 15px;
}









@media screen and (max-width: 1600px) {
  .products-list .product .discount{
  left: 16%;
  right: auto;
}
  .blog-bee{
    right: 5%;
  }

  .locations-wrapper .right-part iframe{
    width: 128%;
    right: -28%;
  }

  .locations-wrapper.reverse-locations-wrapper  .right-part iframe{
    width: 128%;
    left: -28%;
  }

  .right-contact-bee{
    right: -13%;
  }
    .age-wrapper .age-cont ul li{
    width: 150px;
    height: 150px;

  }

  .age-wrapper .age-cont label{
    font-size: 30px;
  }

  .products-list .product.whish-product .discount{
    left: 13%;
  }
}


@media screen and (max-width: 1299px) {
 .products-list .product.whish-product .discount{
  left: auto;
  right: 0;
 }



 /* .smaller-background {
    margin-top: 198px;
  } */

  /* .main-slider{
    margin-top: 150px;
  } */

  body{
    padding-top: 80px;
  }


  .mobile-header .head3 .header-social{
  padding-left: 20px;
  margin-top: 0;
}

.mobile-header .mobile-header .head3 .header-social{
  padding-left: 20px;
}

.mobile-header .head3 .header-contact {
  padding-left: 20px;
}

}

@media only screen and (max-width: 1200px){
  .product-details-info{
    margin-top: 10px;
  }
  .about-gallery a .more-images{
    border-bottom-left-radius: 20px;
  }
  .blog-date{
    margin-top: 10px;
  }

   .locations-wrapper{
    flex-direction: column;
   }

   .locations-wrapper.reverse-locations-wrapper{
    flex-direction: column;
   }

  .locations-wrapper .left-part{
    width: 100%;
  }

  .locations-wrapper .right-part{
    width: 100%;
    margin-top: 30px;
  }

   .locations-wrapper.reverse-locations-wrapper .right-part iframe, .locations-wrapper .right-part iframe{
    position: relative;
    width: 100%;
   }

   .locations-wrapper .right-part iframe{
    right: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
   }

   .locations-wrapper.reverse-locations-wrapper .right-part iframe{
    left: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
   }

   .locations-wrapper .left-part .bookstore-info .work_hours{
    padding-left: 35px;
   }

     .about-gallery a .more-images{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .about-gallery a .more-images svg{
    width: 33px;
    height: 18px;
  }

  .how-to-contact-us-cont{
    flex-wrap: wrap;
  }

  .how-to-contact-us-cont .contact-item{
    flex: 0 0 calc(50% - 20px);
  }

  .how-to-contact-us-cont .contact-item:nth-child(3), .how-to-contact-us-cont .contact-item:nth-child(5){
    border-left: none;
    padding-left: 0;
  }

  .unsubscribe-btn{
    border-left: none;
    padding-left: 0;
    margin-top: 10px;
  }

}

@media only screen and (max-width: 767px){

  .white-form .inputs3 {
        grid-template-columns: 1fr;
    }

  .white-form .input-wrap select{
    padding: 0px 20px;
  }

  .blog-bee{
    width: 70px;
    height: 60px;
    top: 8%;
    right: 5%;
  }

  .blog-bee img{
    width: 100%;
    height: 100%;
  }
  .similar-product-bee{
    display: none;
  }

  .profile-grid .form-title img{
    width: 100%;
  }

  .mainSwiper .swiper-button-prev, .mainSwiper .swiper-button-next{
    width: 45px;
    height: 45px;
  }

  .mainSwiper .swiper-button-next::after{
    width: 10px;
    height: 17px;
    background-size: 10px;
  }

  .mainSwiper .swiper-button-prev:after{
   width: 10px;
  height: 17px;
  background-size: 10px;
  }

  .flex-cont{
    flex-direction: column;
    align-items: flex-start;
  }

  .notify-me{
    padding-left: 0;
    margin-top: 15px;
  }

  .notify-me::after{
    display: none;
  }

  .pagination-background{
    display: none;
  }

.blog-text h1{
  font-size: 30px;
  letter-spacing: 1px;
}

.share-wrapper{
  display: none;
}

.share-wrapper-mobile{
  display: flex;
  margin-top: 30px;
}

.share-wrapper-mobile p{
  margin-right: 10px;
  font-family: "Baloo 2";
  font-weight: 800;
}

.locations-wrapper .left-part .bookstore-info .contact-bookstore a{
  font-size: 14px;
}
}

@media only screen and (max-width: 576px){
  .thank-you-page .title img{
width: 300px;  
}


  .white-form .input-wrap select{
    height: 45px;
  }

  #number_div, #cvv_div{
    height: 45px !important;
  }
  .age-wrapper .age-cont label{
    font-size: 22px;
  }

  .home6Swiper .swiper-slide .ctg img{
    height: 230px;
  }
.age-wrapper .age-cont ul li{
  width: 100px;
  height: 100px;
}
  .how-to-contact-us-cont{
gap: 10px;
  }

.how-to-contact-us-cont .contact-item{
   width: 100%;
   flex: 0 0 100%;
   border-left: none;
  }

  .how-to-contact-us-cont .contact-item img{
width: 40px;
height:65px;
object-fit: contain;
  }

  .how-to-contact-us-cont a + a{
    padding-left: 0;
  }

  .how-to-contact-us-cont .contact-item p{
    font-size: 20px;
  }

.right-honey-footer{
  right: 8%;
}

.right-footer-bee{
  top: auto;
  bottom: 10%;
}

.left-footer-bee{
  top: 25%;
  right: 0;
  left: auto;
  transform: rotate(180deg);
}


  .smaller-background {
    /* margin-top: 193px; */
    height: 200px;
  }

  .smaller-background .title{
    left: 6%;
    top: 62%;
  }

  .locations-wrapper .left-part .bookstore-info .work_hours, .locations-wrapper .left-part .bookstore-info .contact-bookstore{
    width: 50%;
  }

  .locations-wrapper .left-part .bookstore-info .work_hours{
    padding-left: 20px;
  }

  .locations-wrapper .left-part .bookstore-info h3{
    font-size: 20px;
    font-weight: 700;
  }

  .locations-wrapper .left-part .location-gallery a{
    height: 165px;
  }

  .locations-wrapper .right-part{
    height: 300px;
  }

.about-top-wrapper .about-images{
  min-height: 400px;
}

.about-top-wrapper .about-images img:nth-child(1){
  max-width: 200px;
    height: 300px;
    border-radius: 20px;
}

.about-top-wrapper .about-images img:nth-child(2){
  max-width: 200px;
    height: 300px;
    border-radius: 20px;
}

.right-contact-bee{
  right: -8%;
  top: 75%;
}

.product .blueBtn1{
  min-height: 33px;
}

.shop-text-wrapper{
  padding: 25px 20px;
}

.filters-wrap .categories summary, .filters-wrap .categories a, .filters-wrap .categories label, .filters-wrap .categories2 summary, .filters-wrap .categories2 a, .filters-wrap .categories2 label{
  font-size: 16px;
  font-weight: 500;
}

.filters-wrap .categories li:not(:has(details)){
  padding: 10px;
}

.filters-wrap .categories details a.active{
  font-size: 16px;
  font-weight: 700;
}

.filters-wrap .categories li li{
  padding: 10px;
}

.filter-age-form ul{
  row-gap: 30px;
}

.filters-wrap .title{
  margin-bottom: 20px;
}

.filters-wrap .categories details:has(a.active) summary.cat2{
  padding: 10px;
}

.filters-wrap .categories summary, .filters-wrap .categories2 summary{
  padding: 10px;
}



.product-details-info .blueBtn1, .product-details-info .wishBtn{
  font-size: 0;
  padding: 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 80px; */
}

.p-panel.p-spec-panel table{
  width: 100% !important;
  border-radius: 20px;
}

.register-container .register-links p, .register-container .register-links a{
  font-size: 18px;
}

.register-container .form-title p{
  font-size: 32px;
}

.register-container label.form-control{
  font-size: 15px;
}

.register-container .inputs2{
  gap: 20px;
}

.register-container .form-title img{
  width: 100%;
}

.bee-registration{
  top: 0%;
  right: -15%;
}

.register-container .blueBtn, .login-container .blueBtn{
  font-size: 24px;
}

.wishlist-wrapper .profile-honey, .profile-wrapper .profile-honey{
  display: none;
}

.favourites-wrap .products-list .product .product-middle .product-name p{
  font-size: 24px;
  line-height: 25px;
}

.wishlist-wrapper .title img{
  width: 100%;
}

.wishlist-wrapper .wishlist-bee{
  top: 0;
}

.page-product-details .product-details-bee{
  display: none;
}

.product .discount p{
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
}

.product .discount{
  width: 60px;
  height: 60px;
}

.product .discount::after{
  width: 60px;
  height: 60px;
}

.product .new{
  top: 70px;
}

.smaller-background.locations-background .title{
  left: 50% ;
}

.go-cart .blueBtn1{
  font-size: 14px;
  letter-spacing: 1px;
}

.popup-cont .title h3{
  font-size: 27px;
  letter-spacing: 1px;
}

.p-panel.p-spec-panel table tr td:nth-child(even){
  word-break: break-all;
}

.we-recommend-wrapper .moreBtn{
  font-size: 16px;
}

.home-banner .title h2{
  font-size: 27px;
  letter-spacing: 0.5px;
}

.options .cart-header .small-cart .product-details .p-name p{
  line-height: 16px;
}

.options .cart-header .small-cart .product-amount-wrap .minus, .options .cart-header .small-cart .product-amount-wrap .plus{
  width: 25px;
  height: 25px;
  font-size: 20px;
}

.options .cart-header .small-cart .product-details .p-price p{
  font-size: 20px;
}

.smaller-background h1{
  font-size: 32px;
}

/* .smaller-background .mini-cramb-details{
  left: 6%;
} */

.smaller-background .mini-cramb-details li, .smaller-background .mini-cramb-details a, .smaller-background .mini-cramb-details span{
  font-size: 14px;
}
/* .smaller-background .mini-cramb-details{
  top: 45%;
} */
}


.basket-table .b-img img {
  object-fit: contain;
  object-position: center;
}

input[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}