@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
a:hover {
  color: var(--textColor);
}

div {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

.loaded .preloader {
  display: none;
}

:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --headerBackgroundColor: rgba(255, 255, 255, 0.4);
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  color: var(--textColor);
  z-index: 1000;
}
.header .all {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 150px auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  transition: 0.2s;
}
.header .all .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  font-family: var(--ralewaylight);
  cursor: pointer;
  font-size: 18px;
}
.header .all .left .hamburgermenu {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}
.header .all .left .hamburgermenu svg {
  fill: var(--textColor);
  transition: var(--darkModeTransition);
}
.header .all .left .hamburgermenu svg path {
  transition: var(--darkModeTransition);
}
.header .all .left .hamburgermenu svg rect {
  transition: var(--darkModeTransition);
  fill: var(--textColor);
}
.header .all .middle {
  margin: 0;
  padding: 10px 0;
}
.header .all .middle img {
  width: 100%;
}
.header .all .right {
  margin: 0;
  padding: 0;
  font-family: var(--ralewaymedium);
  display: grid;
  grid-template-columns: auto auto auto auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  justify-content: flex-end;
}
.header .all .right .search {
  display: flex;
  align-items: flex-end;
}
.header .all .right .search .searchicon {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  padding-top: 3px;
}
.header .all .right .search .searchicon:hover svg {
  stroke: var(--yellow);
}
.header .all .right .search .searchicon svg {
  stroke: var(--textColor);
  transition: 0.3s;
  width: 22px;
  height: 22px;
}
.header .all .right .search .searchmenu {
  z-index: 1001;
  border-bottom-left-radius: var(--borderradius);
  border-bottom-right-radius: var(--borderradius);
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  right: 0%;
  top: 100%;
  display: none;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  box-shadow: 0px 0px 5px 0px var(--textColor);
}
.header .all .right .search .searchmenu .menucontent {
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  border-bottom-left-radius: var(--borderradius);
  border-bottom-right-radius: var(--borderradius);
}
.header .all .right .search .searchmenu .menucontent .top {
  width: 100%;
  margin: 0;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .all .right .search .searchmenu .menucontent .top input {
  border: none;
  outline: none;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  color: var(--textColor);
  font-size: 18px;
  width: 195px;
}
.header .all .right .search .searchmenu .menucontent .top input::-moz-placeholder {
  font-size: 16px;
}
.header .all .right .search .searchmenu .menucontent .top input::placeholder {
  font-size: 16px;
}
.header .all .right .search .searchmenu .menucontent .top span {
  border: none;
  outline: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.header .all .right .search .searchmenu .menucontent .top span svg {
  stroke: var(--textColor);
  width: 26px;
  height: 26px;
  transition: var(--darkModeTransition);
}
.header .all .right .search .searchmenu .menucontent .top .closeicon {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: none;
}
.header .all .right .search .searchmenu .menucontent .searchitems {
  width: 100%;
  margin: 0;
  padding: 10px;
  overflow-y: scroll;
  list-style: none;
  height: 200px;
  display: none;
  border-top: 0.5px solid var(--textColor);
}
.header .all .right .search .searchmenu .menucontent .searchitems li {
  cursor: pointer;
  width: 100%;
  margin-bottom: 4px;
}
.header .all .right .search .searchmenu .menucontent .searchitems li a {
  display: block;
  width: 100%;
  font-size: 18px;
  transition: 0.2s;
}
.header .all .right .search .searchmenu .menucontent .searchitems li a:hover {
  color: var(--yellow);
}
.header .all .right .wishlist {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: var(--darkModeTransition);
}
.header .all .right .wishlist:hover svg {
  stroke: var(--yellow);
}
.header .all .right .wishlist svg {
  stroke: var(--textColor);
  width: 24px;
  transition: 0.3s;
  height: 24px;
}
.header .all .right .colormode span {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  padding-top: 3px;
}
.header .all .right .colormode span:hover svg {
  stroke: var(--yellow);
}
.header .all .right .colormode span svg {
  stroke: var(--textColor);
  transition: 0.3s;
  width: 24px;
  height: 24px;
}
.header .all .right .colormode .sun svg {
  stroke: var(--textColor);
  width: 25px;
  transition: var(--darkModeTransition);
  height: 25px;
}
.header .all .right .colormode .moon {
  margin: 0 1px;
}
.header .all .right .languages {
  margin: 0;
  padding: 0;
  font-family: var(--ralewaylight);
  border-bottom: 1px solid var(--textColor);
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.header .all .right .languages .currentlang {
  cursor: pointer;
}
.header .all .right .languages .labels {
  position: absolute;
  right: 0;
  top: 100%;
  width: 50px;
  padding: 5px;
  display: none;
  background-color: var(--backgroundColor);
  border-bottom-left-radius: var(--borderradius);
  border-bottom-right-radius: var(--borderradius);
}
.header .all .right .languages .labels .keeper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.header .all .right .languages .labels .keeper label {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 10px;
}
.header .all .right .languages .labels .keeper label:last-child {
  margin-bottom: 0;
}
.header .all .right .languages .labels .keeper label:hover {
  color: var(--yellow);
}
.header .all .right .languages .labels .keeper label input {
  display: none;
}
.header .all .right .languages .labels .keeper .active {
  text-decoration: underline;
  color: var(--yellow);
}
.header .thinheader {
  transition: 0.2s;
  grid-template-columns: auto 130px auto;
}

.changecolorheader {
  background-color: var(--headerBackgroundColor);
}

@media (max-width: 576px) {
  .header .all {
    grid-template-columns: 33% 120px 33%;
  }
  .header .all .left {
    font-size: 15px;
    justify-content: flex-start;
  }
  .header .all .left .menuname {
    display: none;
  }
  .header .all .left .hamburgermenu {
    padding-right: 40px;
    padding-top: 3px;
  }
  .header .all .middle {
    padding: 5px 0;
  }
  .header .all .right {
    -moz-column-gap: 12px;
         column-gap: 12px;
    grid-template-columns: auto auto auto;
  }
  .header .all .right .search .searchicon {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
    padding-top: 3px;
  }
  .header .all .right .search .searchicon svg {
    stroke: var(--textColor);
    width: 25px;
    height: 25px;
    transition: var(--darkModeTransition);
  }
  .header .all .right .search .searchmenu {
    width: 100%;
  }
  .header .all .right .search .searchmenu .menucontent .top {
    grid-template-columns: auto 90%;
  }
  .header .all .right .search .searchmenu .menucontent .top input {
    font-size: 15px;
    width: 88%;
  }
  .header .all .right .search .searchmenu .menucontent .top input::-moz-placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .top input::placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .searchitems li a {
    font-size: 15px;
  }
  .header .all .right .wishlist svg {
    stroke: var(--textColor);
    width: 25px;
    height: 25px;
    transition: var(--darkModeTransition);
  }
  .header .all .right .colormode span svg {
    stroke: var(--textColor);
    width: 25px;
    height: 25px;
    transition: var(--darkModeTransition);
  }
  .header .all .right .languages {
    display: none;
  }
  .header .thinheader {
    grid-template-columns: 33% 100px 33%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header .all {
    grid-template-columns: 33% 130px 33%;
  }
  .header .all .left {
    font-size: 15px;
    justify-content: flex-start;
  }
  .header .all .left .hamburgermenu {
    padding-right: 7px;
  }
  .header .all .middle {
    padding: 5px 0;
  }
  .header .all .right {
    -moz-column-gap: 12px;
         column-gap: 12px;
    justify-content: flex-end;
  }
  .header .all .right .search .searchmenu {
    width: 50%;
  }
  .header .all .right .search .searchmenu .menucontent .top {
    grid-template-columns: auto 90%;
  }
  .header .all .right .search .searchmenu .menucontent .top input {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .top input::-moz-placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .top input::placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .searchitems li a {
    font-size: 15px;
  }
  .header .thinheader {
    grid-template-columns: 33% 100px 33%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header .all {
    grid-template-columns: 33% 140px 33%;
  }
  .header .all .left {
    font-size: 17px;
    justify-content: flex-start;
  }
  .header .all .left .hamburgermenu {
    padding-right: 7px;
  }
  .header .all .middle {
    padding: 10px 0;
  }
  .header .all .right {
    -moz-column-gap: 15px;
         column-gap: 15px;
    justify-content: flex-end;
  }
  .header .all .right .search .searchmenu .menucontent .top {
    grid-template-columns: auto 90%;
  }
  .header .all .right .search .searchmenu .menucontent .top input {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .top input::-moz-placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .top input::placeholder {
    font-size: 15px;
  }
  .header .all .right .search .searchmenu .menucontent .searchitems li a {
    font-size: 15px;
  }
  .header .thinheader {
    grid-template-columns: 33% 120px 33%;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainfirst {
  margin-top: 71px;
  padding: 0;
  position: relative;
}
.mainfirst .compslider {
  display: block;
}
.mainfirst .telslider {
  display: none;
}
.mainfirst .mainfirstprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainfirst .mainfirstnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainfirst .mainfirstslider {
  margin: 0;
  padding: 0;
}
.mainfirst .mainfirstslider .slick-dots {
  width: -moz-max-content;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  padding: 6px 10px;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainfirst .mainfirstslider .slick-dots .slick-active button:before {
  color: var(--yellow);
}
.mainfirst .mainfirstslider .slick-dots li button:before {
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 8px;
  line-height: 22px;
  color: black;
  opacity: 1;
}
.mainfirst .mainfirstslider .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainfirst .mainfirstslider .slide {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.mainfirst .mainfirstslider .slide img {
  width: 100%;
}
.mainfirst .mainfirstslider .slide .content {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mainfirst .mainfirstslider .slide .content p {
  font-family: var(--ralewaymedium);
  color: var(--white);
  font-size: 55px;
  line-height: 55px;
  text-shadow: 4px 4px 8px rgba(18, 18, 25, 0.6980392157);
}
.mainfirst .mainfirstslider .slide .content a {
  padding: 10px 40px;
  font-size: 19px;
  background-color: var(--yellow);
  color: var(--white);
  border-radius: 7px;
  margin-top: 40px;
  transition: 0.2s;
}
.mainfirst .mainfirstslider .slide .content a:hover {
  background-color: #A57E02;
}

@media (max-width: 576px) {
  .mainfirst {
    margin-top: 50px;
  }
  .mainfirst .compslider {
    display: none;
  }
  .mainfirst .telslider {
    display: block;
  }
  .mainfirst .mainfirstprev {
    display: none !important;
  }
  .mainfirst .mainfirstnext {
    display: none !important;
  }
  .mainfirst .mainfirstslider .slick-dots {
    padding: 3px 5px;
    bottom: 40px;
  }
  .mainfirst .mainfirstslider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    font-size: 5px;
    margin-left: 3px;
    line-height: 21px;
  }
  .mainfirst .mainfirstslider .slick-dots li {
    margin: 0;
  }
  .mainfirst .mainfirstslider .slide .content {
    right: unset;
    top: unset;
    transform: unset;
    right: 0%;
    bottom: 15%;
    width: 100%;
  }
  .mainfirst .mainfirstslider .slide .content p {
    font-size: 30px;
    line-height: unset;
    text-align: center;
    width: 100%;
  }
  .mainfirst .mainfirstslider .slide .content a {
    margin: 0 auto;
    margin-top: 10px;
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfirst {
    margin-top: 54px;
  }
  .mainfirst .compslider {
    display: block;
  }
  .mainfirst .telslider {
    display: none;
  }
  .mainfirst .mainfirstprev {
    display: none !important;
  }
  .mainfirst .mainfirstnext {
    display: none !important;
  }
  .mainfirst .mainfirstslider .slick-dots {
    bottom: 20px;
    padding: 2px;
  }
  .mainfirst .mainfirstslider .slick-dots li button:before {
    content: "•";
    width: 15px;
    height: 15px;
    font-size: 5px;
    line-height: 20px;
    margin-left: 3px;
  }
  .mainfirst .mainfirstslider .slick-dots li button {
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .mainfirst .mainfirstslider .slick-dots li {
    margin: 0;
  }
  .mainfirst .mainfirstslider .slide .content {
    right: unset;
    top: unset;
    transform: unset;
    right: 0%;
    bottom: 25%;
    width: 100%;
  }
  .mainfirst .mainfirstslider .slide .content p {
    font-size: 36px;
    line-height: unset;
    text-align: center;
    width: 100%;
  }
  .mainfirst .mainfirstslider .slide .content a {
    margin: 0 auto;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainfirst {
    margin-top: 68px;
  }
  .mainfirst .compslider {
    display: block;
  }
  .mainfirst .telslider {
    display: none;
  }
  .mainfirst .mainfirstslider .slide .content {
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
  }
  .mainfirst .mainfirstslider .slide .content p {
    font-size: 45px;
    line-height: 47px;
  }
  .mainfirst .mainfirstslider .slide .content a {
    font-size: 16px;
    margin-top: 20px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainsecond {
  margin-top: 70px;
}
.mainsecond .all {
  margin: 0;
  padding: 0;
}
.mainsecond .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.mainsecond .all .categories {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  row-gap: 30px;
}
.mainsecond .all .categories .category {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.mainsecond .all .categories .category .imgkeeper {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.mainsecond .all .categories .category .imgkeeper:hover img {
  transform: scale(1.05);
  filter: brightness(0.5);
}
.mainsecond .all .categories .category .imgkeeper img {
  width: 100%;
  filter: brightness(0.8);
  transition: 0.2s;
}
.mainsecond .all .categories .category .imgkeeper .name {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--ralewaymedium);
  text-align: center;
  width: 100%;
  text-decoration: underline;
  color: var(--white);
  font-size: 22px;
  letter-spacing: 1.2px;
}
.mainsecond .all .categories .category .description {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  margin-top: 15px;
  font-family: var(--ralewaymedium);
  font-size: 15px;
  text-align: center;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}

@media (max-width: 576px) {
  .mainsecond {
    margin-top: 40px;
  }
  .mainsecond .all .categories {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .mainsecond .all .categories .category .imgkeeper:hover img {
    transform: unset;
  }
  .mainsecond .all .categories .category .imgkeeper .name {
    font-size: 14px;
  }
  .mainsecond .all .categories .category .description {
    padding: 0 10px;
    margin-top: 10px;
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainsecond {
    margin-top: 50px;
  }
  .mainsecond .all .categories {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .mainsecond .all .categories .category .imgkeeper:hover img {
    transform: unset;
  }
  .mainsecond .all .categories .category .imgkeeper .name {
    font-size: 16px;
  }
  .mainsecond .all .categories .category .description {
    padding: 0 10px;
    margin-top: 10px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainsecond {
    margin-top: 60px;
  }
  .mainsecond .all .categories {
    grid-template-columns: 1fr 1fr;
  }
  .mainsecond .all .categories .category .imgkeeper .name {
    font-size: 19px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainthird {
  margin-top: 70px;
}
.mainthird .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.mainthird .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.mainthird .all .mainthirdprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainthird .all .mainthirdnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainthird .all .gotoshop {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.mainthird .all .gotoshop:hover {
  background-color: #A57E02;
}
.mainthird .all .mainthirdslider {
  margin: 0;
  padding: 0;
}
.mainthird .all .mainthirdslider .product {
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.mainthird .all .mainthirdslider .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.mainthird .all .mainthirdslider .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.mainthird .all .mainthirdslider .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.mainthird .all .mainthirdslider .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.mainthird .all .mainthirdslider .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.mainthird .all .mainthirdslider .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainthird .all .mainthirdslider .product .imgkeeper .sale {
  padding: 2px 15px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: var(--ralewaymedium);
}
.mainthird .all .mainthirdslider .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.mainthird .all .mainthirdslider .product .addtowishlist:hover {
  transform: scale(1.05);
}
.mainthird .all .mainthirdslider .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.mainthird .all .mainthirdslider .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.mainthird .all .mainthirdslider .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.mainthird .all .mainthirdslider .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.mainthird .all .mainthirdslider .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
  margin: 1px 0;
}
.mainthird .all .mainthirdslider .product .content .price i {
  margin-left: 4px;
}
.mainthird .all .mainthirdslider .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.mainthird .all .mainthirdslider .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mainthird .all .mainthirdslider .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-right: 8px;
  border: 0.1px solid var(--textColor);
}

@media (max-width: 576px) {
  .mainthird {
    margin-top: 40px;
  }
  .mainthird .all .mainthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .mainthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .gotoshop {
    margin: 0;
    margin-top: 25px;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper img {
    transition: unset;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 7%;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist:hover {
    transform: unset;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .mainthird .all .mainthirdslider .product .content {
    padding: 0;
  }
  .mainthird .all .mainthirdslider .product .content .name {
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .colors {
    margin-top: 7px;
  }
  .mainthird .all .mainthirdslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainthird {
    margin-top: 50px;
  }
  .mainthird .all .mainthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .mainthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .gotoshop {
    margin: 0;
    margin-top: 25px;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper img {
    transition: unset;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist {
    padding: 6px;
    top: 2%;
    right: 7%;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist:hover {
    transform: unset;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist svg {
    width: 17px;
    height: 17px;
  }
  .mainthird .all .mainthirdslider .product .content {
    padding: 0;
  }
  .mainthird .all .mainthirdslider .product .content .name {
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .mainthird .all .mainthirdslider .product .content .colors {
    margin-top: 7px;
  }
  .mainthird .all .mainthirdslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainthird {
    margin-top: 60px;
  }
  .mainthird .all .mainthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .mainthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .mainthird .all .gotoshop {
    margin: 0;
    margin-top: 25px;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist {
    padding: 6px;
    right: 7%;
  }
  .mainthird .all .mainthirdslider .product .content {
    padding: 0;
  }
  .mainthird .all .mainthirdslider .product .content .price {
    width: 40%;
    font-size: 16px;
    margin: 0.5px 0;
  }
  .mainthird .all .mainthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainthird {
    overflow: hidden;
  }
  .mainthird .all .mainthirdprev {
    left: -40px;
  }
  .mainthird .all .mainthirdnext {
    right: -40px;
  }
  .mainthird .all .mainthirdslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .mainthird .all .mainthirdslider .product .addtowishlist {
    padding: 8px;
  }
  .mainthird .all .mainthirdslider .product .content {
    padding: 0;
  }
  .mainthird .all .mainthirdslider .product .content .price {
    width: 40%;
    font-size: 16px;
    margin: 0.5px 0;
  }
  .mainthird .all .mainthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainfourth {
  margin-top: 70px;
  background-color: var(--brownopacity);
  transition: var(--darkModeTransition);
}
.mainfourth .all {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  padding: 40px 0;
}
.mainfourth .all h3 {
  color: var(--white);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 50px;
  grid-column: 1/4;
}
.mainfourth .all .whyus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.mainfourth .all .whyus p {
  text-align: center;
  width: 100%;
  font-family: var(--ralewaybold);
  font-size: 20px;
  margin: 0;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  padding: 0;
}
.mainfourth .all .whyus div {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}

@media (max-width: 576px) {
  .mainfourth {
    margin-top: 40px;
  }
  .mainfourth .all {
    padding: 30px 0;
  }
  .mainfourth .all h3 {
    text-align: center;
    margin-bottom: 30px;
  }
  .mainfourth .all .whyus {
    margin-bottom: 0;
  }
  .mainfourth .all .whyus p {
    font-size: 15px;
  }
  .mainfourth .all .whyus div {
    margin-bottom: 15px;
  }
  .mainfourth .all .whyus div svg {
    width: 80px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfourth {
    margin-top: 50px;
  }
  .mainfourth .all h3 {
    text-align: center;
    margin-bottom: 30px;
  }
  .mainfourth .all .whyus {
    margin-bottom: 0;
  }
  .mainfourth .all .whyus p {
    font-size: 16px;
  }
  .mainfourth .all .whyus div {
    margin-bottom: 15px;
  }
  .mainfourth .all .whyus div svg {
    width: 100px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainfifth {
  margin-top: 70px;
}
.mainfifth h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.mainfifth .contentkeeper {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mainfifth .contentkeeper .left {
  overflow: hidden;
  border-radius: 10px;
  margin: 0;
  padding: 0;
}
.mainfifth .contentkeeper .left .slide {
  margin: 0;
  padding: 0;
}
.mainfifth .contentkeeper .left .slide img {
  width: 100%;
}
.mainfifth .contentkeeper .right {
  margin: 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.mainfifth .contentkeeper .right .mainfifthprev {
  position: absolute;
  bottom: 0%;
  left: 10px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.mainfifth .contentkeeper .right .mainfifthnext {
  position: absolute;
  bottom: 0%;
  left: 100px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.mainfifth .contentkeeper .right h4 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.mainfifth .contentkeeper .right p {
  font-size: 16px;
  font-family: var(--ralewaymedium);
  margin-bottom: 20px;
}
.mainfifth .contentkeeper .right a {
  position: absolute;
  bottom: 0%;
  right: 20px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.mainfifth .contentkeeper .right a:hover {
  background-color: #A57E02;
}

@media (max-width: 576px) {
  .mainfifth {
    margin-top: 40px;
  }
  .mainfifth .contentkeeper .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .mainfifth .contentkeeper .right {
    padding: 0;
    padding-bottom: 40px;
    padding-top: 20px;
  }
  .mainfifth .contentkeeper .right .mainfifthprev {
    display: none !important;
  }
  .mainfifth .contentkeeper .right .mainfifthnext {
    display: none !important;
  }
  .mainfifth .contentkeeper .right h4 {
    margin-bottom: 20px;
  }
  .mainfifth .contentkeeper .right p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .mainfifth .contentkeeper .right a {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainfifth {
    margin-top: 50px;
  }
  .mainfifth .contentkeeper .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .mainfifth .contentkeeper .right {
    padding: 0;
    padding-bottom: 40px;
    padding-top: 20px;
  }
  .mainfifth .contentkeeper .right .mainfifthprev {
    display: none !important;
  }
  .mainfifth .contentkeeper .right .mainfifthnext {
    display: none !important;
  }
  .mainfifth .contentkeeper .right h4 {
    margin-bottom: 20px;
  }
  .mainfifth .contentkeeper .right p {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .mainfifth .contentkeeper .right .fourthp {
    display: none;
  }
  .mainfifth .contentkeeper .right a {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px 70px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainfifth {
    margin-top: 60px;
  }
  .mainfifth .contentkeeper .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .mainfifth .contentkeeper .right {
    padding: 0 15px;
    padding-right: 0;
  }
  .mainfifth .contentkeeper .right .mainfifthprev {
    left: 8px;
  }
  .mainfifth .contentkeeper .right .mainfifthnext {
    left: 75px;
  }
  .mainfifth .contentkeeper .right h4 {
    margin-bottom: 15px;
  }
  .mainfifth .contentkeeper .right p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .mainfifth .contentkeeper .right .fourthp {
    display: none;
  }
  .mainfifth .contentkeeper .right a {
    right: 15px;
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainfifth .contentkeeper .right h4 {
    margin-bottom: 22px;
  }
  .mainfifth .contentkeeper .right p {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
:root {
  --white: #ffffff;
  --yellow: #e2ba38;
  --black: #121219;
  --brown: #332d1c;
  --brownopacity: #e2ba3880;
  --red: #ff3d00;
  --darkModeTransition: color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #ffffff;
  --otherTextColor: #ffffff;
  --otherBackgroundColor: #332d1c;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.mainsixth {
  margin-top: 70px;
}
.mainsixth .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.mainsixth .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.mainsixth .all .userselection {
  display: none;
}
.mainsixth .all .mainsixthprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainsixth .all .mainsixthnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.mainsixth .all .gotocollections {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.mainsixth .all .gotocollections:hover {
  background-color: #a57e02;
}
.mainsixth .all .mainsixthslider {
  margin: 0;
  padding: 0;
}
.mainsixth .all .mainsixthslider .slide {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.mainsixth .all .mainsixthslider .slide .gotocollection {
  position: absolute;
  bottom: 3%;
  right: 1%;
  padding: 5px 15px;
  opacity: 0.5;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.mainsixth .all .mainsixthslider .slide .gotocollection:hover {
  opacity: 1;
}
.mainsixth .all .mainsixthslider .slide img {
  width: 100%;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails {
  position: absolute;
  border-radius: 100%;
  transition: 0.2s;
  cursor: pointer;
  z-index: 100;
  padding: 15px;
  margin: 0;
  transform: translate(-50%, -50%);
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails:hover .forpadding {
  background-color: rgb(255, 255, 255);
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails:hover .forpadding .forotherpadding {
  background-color: rgb(226, 186, 56);
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails:hover .forpadding .forotherpadding .allhoverinfo {
  opacity: 1;
  visibility: visible;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding {
  transition: 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0;
  padding: 0;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding {
  background-color: rgba(226, 186, 56, 0.5);
  border-radius: 100%;
  width: 22px;
  height: 22px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: 0.2s;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
  position: absolute;
  background-color: var(--white);
  width: 270px;
  height: 85px;
  padding: 8px;
  border-radius: 10px;
  transition: 0.2s;
  z-index: 56;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo img {
  height: 100%;
  width: auto;
  border-radius: 10px;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 10px;
  height: 100%;
  width: 100%;
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right .top {
  width: 100%;
  font-size: 14px;
  font-family: var(--ralewaymedium);
  color: var(--black);
}
.mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right .bottom {
  width: 100%;
  font-size: 15px;
  font-family: var(--montbold);
  color: var(--black);
}

@media (max-width: 576px) {
  .mainsixth {
    margin-top: 40px;
  }
  .mainsixth .all {
    padding-bottom: 50px;
  }
  .mainsixth .all h3 {
    margin-bottom: 30px;
  }
  .mainsixth .all .mainsixthprev {
    top: unset;
    left: unset;
    bottom: 0%;
    right: 15%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .mainsixthnext {
    bottom: 0%;
    top: unset;
    left: unset;
    right: 0%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .gotocollections {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
  }
  .mainsixth .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 8px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mainsixth .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .mainsixth .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .mainsixth .all .userselection .right .top {
    width: 100%;
    font-size: 14px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom {
    width: 100%;
    font-size: 15px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom i {
    display: none;
  }
  .mainsixth .all .slidedown {
    height: 90px;
    padding: 10px;
  }
  .mainsixth .all .slidedown i {
    display: inline !important;
  }
  .mainsixth .all .mainsixthslider .slide {
    position: relative;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails {
    padding: 10px;
    z-index: 100;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .mainsixth {
    margin-top: 50px;
  }
  .mainsixth .all {
    padding-bottom: 50px;
  }
  .mainsixth .all .mainsixthprev {
    top: unset;
    left: unset;
    bottom: 0%;
    right: 15%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .mainsixthnext {
    bottom: 0%;
    top: unset;
    left: unset;
    right: 0%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .gotocollections {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
  }
  .mainsixth .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 15px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mainsixth .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .mainsixth .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .mainsixth .all .userselection .right .top {
    width: 100%;
    font-size: 15px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom {
    width: 100%;
    font-size: 16px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom i {
    display: none;
  }
  .mainsixth .all .slidedown {
    height: 100px;
    padding: 10px;
  }
  .mainsixth .all .slidedown i {
    display: inline !important;
  }
  .mainsixth .all .mainsixthslider .slide {
    position: relative;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails {
    z-index: 100;
    padding: 10px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mainsixth {
    margin-top: 50px;
  }
  .mainsixth .all {
    padding-bottom: 50px;
  }
  .mainsixth .all .mainsixthprev {
    top: unset;
    left: unset;
    bottom: 0%;
    right: 15%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .mainsixthnext {
    bottom: 0%;
    top: unset;
    left: unset;
    right: 0%;
    transform: unset;
    padding-bottom: 7px;
  }
  .mainsixth .all .gotocollections {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
  }
  .mainsixth .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 15px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mainsixth .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .mainsixth .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .mainsixth .all .userselection .right .top {
    width: 100%;
    font-size: 16px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom {
    width: 100%;
    font-size: 17px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .mainsixth .all .userselection .right .bottom i {
    display: none;
  }
  .mainsixth .all .slidedown {
    height: 100px;
    padding: 10px;
  }
  .mainsixth .all .slidedown i {
    display: inline !important;
  }
  .mainsixth .all .mainsixthslider .slide {
    position: relative;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails {
    padding: 10px;
    z-index: 100;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .mainsixth .all .mainsixthslider .slide .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mainsixth {
    overflow: hidden;
  }
  .mainsixth .all .userselection {
    display: none;
  }
  .mainsixth .all .mainsixthprev {
    left: -42px;
  }
  .mainsixth .all .mainsixthnext {
    right: -42px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --footercolor: #E2BA3880;
  --borderradius: 7px;
}

.footer {
  margin-top: 70px;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
}
.footer .map {
  width: 100%;
  margin: 0;
  padding: 0;
}
.footer .map iframe {
  width: 100%;
  height: 200px;
}
.footer .lastfooter {
  text-align: end;
  font-size: 14px;
  font-family: var(--ralewaylight);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
.footer .lastfooter p {
  margin: 0;
  padding: 0;
}
.footer .lastfooter a {
  color: var(--yellow);
}
.footer .all {
  margin: 0;
  padding: 0;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.footer .all .left {
  width: 31%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer .all .left img {
  width: 90%;
}
.footer .all .middle {
  padding: 0;
  margin: 0;
  padding-top: 30px;
  width: 19%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.footer .all .middle a {
  padding-bottom: 10px;
  color: var(--yellow);
  transition: var(--darkModeTransition);
  font-family: var(--ralewaymedium);
  font-size: 16px;
  transition: 0.2s;
}
.footer .all .middle a:hover {
  color: var(--textColor);
}
.footer .all .right {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding-top: 30px;
  width: 50%;
}
.footer .all .right p {
  width: 100%;
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  margin-bottom: 20px;
  font-size: 25px;
  text-align: end;
}
.footer .all .right .subscribe {
  display: grid;
  grid-template-columns: auto 140px;
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.footer .all .right .subscribe input {
  border: 1px solid var(--yellow);
  outline: none;
  border-radius: 10px;
  padding: 8px;
  padding-left: 20px;
  font-size: 16px;
  color: var(--black);
  background-color: var(--white);
  font-family: var(--ralewaymedium);
}
.footer .all .right .subscribe button {
  border: none;
  outline: none;
  border-radius: 10px;
  padding: 8px;
  text-align: center;
  font-size: 16px;
  color: var(--white);
  background-color: var(--yellow);
  transition: 0.2s;
}
.footer .all .right .subscribe button:hover {
  background-color: #A57E02;
}
.footer .all .right .links {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
}
.footer .all .right .links a {
  margin-left: 40px;
}
.footer .all .right .links svg {
  width: 31px;
  height: 31px;
  transition: 0.3s;
}
.footer .all .right .links svg path {
  transition: 0.3s;
}
.footer .all .right .links .fill:hover path {
  fill: var(--textColor);
}
.footer .all .right .links .stroke:hover path {
  stroke: var(--textColor);
}

@media (max-width: 576px) {
  .footer {
    margin-top: 40px;
  }
  .footer .lastfooter {
    text-align: center;
    font-size: 10px;
  }
  .footer .all .left {
    display: none;
  }
  .footer .all .middle {
    width: 100%;
    justify-content: center;
    align-items: center;
    order: 2;
  }
  .footer .all .right {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    order: 1;
    margin-bottom: 0px;
  }
  .footer .all .right p {
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
  }
  .footer .all .right .subscribe {
    display: grid;
    grid-template-columns: auto 100px;
    gap: 15px;
    width: 100%;
    margin-bottom: 15px;
  }
  .footer .all .right .subscribe input {
    font-size: 14px;
  }
  .footer .all .right .subscribe button {
    font-size: 14px;
  }
  .footer .all .right .links {
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: center;
  }
  .footer .all .right .links a {
    margin-left: unset;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .footer {
    margin-top: 50px;
  }
  .footer .lastfooter {
    text-align: center;
    font-size: 12px;
  }
  .footer .all .left {
    display: none;
  }
  .footer .all .middle {
    padding-top: 15px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  .footer .all .middle a {
    padding-bottom: 0px;
    font-size: 16px;
  }
  .footer .all .right {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
  .footer .all .right p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 25px;
  }
  .footer .all .right .subscribe {
    display: grid;
    grid-template-columns: auto 110px;
    gap: 15px;
    width: 100%;
    margin-bottom: 20px;
  }
  .footer .all .right .subscribe input {
    font-size: 15px;
  }
  .footer .all .right .subscribe button {
    font-size: 15px;
  }
  .footer .all .right .links {
    display: flex;
    width: 60%;
    justify-content: space-between;
    align-items: center;
  }
  .footer .all .right .links a {
    margin-left: unset;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .footer {
    margin-top: 60px;
  }
  .footer .lastfooter {
    font-size: 13px;
  }
  .footer .all .left {
    width: 35%;
    order: 2;
    padding-top: 50px;
  }
  .footer .all .middle {
    padding-top: 30px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    order: 1;
  }
  .footer .all .middle a {
    padding-bottom: 0px;
    font-size: 16px;
  }
  .footer .all .right {
    width: 65%;
    order: 3;
  }
  .footer .all .right .subscribe {
    grid-template-columns: auto 120px;
    gap: 15px;
  }
  .footer .all .right .subscribe input {
    font-size: 15px;
  }
  .footer .all .right .subscribe button {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .footer .all .left {
    width: 27%;
  }
  .footer .all .middle {
    width: 18%;
  }
  .footer .all .right {
    width: 55%;
  }
  .footer .all .right .subscribe {
    grid-template-columns: auto 130px;
    gap: 15px;
  }
  .footer .all .right .subscribe input {
    font-size: 15px;
  }
  .footer .all .right .subscribe button {
    font-size: 15px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.sidebar {
  height: 100vh;
  width: 200px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--backgroundColor);
  transition: 0.3s;
  color: var(--textColor);
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 50000;
  margin: 0;
  padding: 0;
}
.sidebar .all {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-top: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  font-family: var(--ralewaymedium);
  width: 100%;
  height: 100%;
}
.sidebar .all .closesidebar {
  position: absolute;
  top: 20px;
  left: 10px;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.sidebar .all .closesidebar svg {
  width: 35px;
  height: 35px;
  stroke: var(--textColor);
}
.sidebar .all .closesidebar svg path {
  fill: var(--textColor);
}
.sidebar .all .listsidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.sidebar .all .listsidebar .outlet a {
  color: var(--red) !important;
}
.sidebar .all .listsidebar .outlet a:hover {
  color: var(--red) !important;
}
.sidebar .all .listsidebar .sidebarlistelement {
  margin-bottom: 17px;
  font-size: 17px;
  color: var(--textColor);
  transition: 0.2s;
  cursor: pointer;
  width: 100%;
}
.sidebar .all .listsidebar .sidebarlistelement a,
.sidebar .all .listsidebar .sidebarlistelement span {
  color: var(--textColor);
  transition: 0.2s;
  cursor: pointer;
}
.sidebar .all .listsidebar .sidebarlistelement a:hover,
.sidebar .all .listsidebar .sidebarlistelement span:hover {
  color: var(--yellow);
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories {
  padding-bottom: 0;
  overflow: hidden;
  display: none;
  list-style: none;
  margin: 0;
  width: 100%;
  padding-left: 15px;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory {
  padding: 5px 0;
  font-size: 15px;
  color: var(--textColor);
  transition: 0.2s;
  cursor: pointer;
  width: 100%;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:first-child {
  padding-top: 15px;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref {
  color: var(--textColor);
  transition: 0.2s;
  cursor: pointer;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref:hover {
  color: var(--yellow);
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .podkategorii {
  opacity: 1;
  visibility: visible;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .sidebarcategoryahref {
  color: var(--yellow);
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii {
  overflow-y: scroll;
  list-style: none;
  border-left: 1px solid black;
  padding-left: 20px;
  padding-top: 70px;
  height: 100vh;
  width: 180px;
  background-color: var(--backgroundColor);
  transition: 0.3s;
  color: var(--textColor);
  position: fixed;
  top: 0;
  left: 200px;
  z-index: 50000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li {
  font-family: var(--ralewaylight);
  padding: 10px 0;
  font-size: 15px;
  color: var(--textColor);
  transition: 0.2s;
  cursor: pointer;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:first-child {
  display: none;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(2) {
  padding-top: 0;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li a {
  transition: 0.2s;
}
.sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:hover a {
  color: var(--yellow);
}
.sidebar .all .languages {
  display: none;
}

.opensidebar {
  left: 0;
}

@media (max-width: 576px) {
  .sidebar {
    width: 50%;
  }
  .sidebar .all {
    padding-left: 15px;
    padding-top: 60px;
  }
  .sidebar .all .closesidebar {
    top: 10px;
    left: 10px;
  }
  .sidebar .all .closesidebar svg {
    width: 30px;
    height: 30px;
  }
  .sidebar .all .listsidebar .sidebarlistelement {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory {
    padding: 5px 0;
    font-size: 14px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:first-child {
    padding-top: 15px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref {
    transition: 0.2s;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref:hover {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .podkategorii {
    opacity: 1;
    visibility: visible;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .sidebarcategoryahref {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii {
    padding-left: 15px;
    padding-top: 60px;
    width: 50%;
    left: 50%;
    opacity: unset;
    visibility: unset;
    display: none;
    transition: unset;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li {
    padding: 10px 0;
    font-size: 15px;
    width: 100%;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(1) {
    padding-top: 0;
    display: block;
    font-family: var(--ralewaymedium);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(1) a {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(2) {
    padding-top: 10px;
  }
  .sidebar .all .languages {
    margin: 0;
    padding: 0;
    display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns: 50px 50px;
    font-family: var(--ralewaymedium);
  }
  .sidebar .all .languages label {
    margin: 0;
    padding: 0;
  }
  .sidebar .all .languages label input {
    display: none;
  }
  .sidebar .all .languages .active {
    text-decoration: underline;
    color: var(--yellow);
  }
  .opensidebar {
    left: 0;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .sidebar {
    width: 250px;
  }
  .sidebar .all {
    padding-left: 15px;
    padding-top: 60px;
  }
  .sidebar .all .closesidebar {
    top: 10px;
    left: 10px;
  }
  .sidebar .all .closesidebar svg {
    width: 30px;
    height: 30px;
  }
  .sidebar .all .listsidebar .sidebarlistelement {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory {
    padding: 5px 0;
    font-size: 15px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:first-child {
    padding-top: 15px;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref {
    transition: 0.2s;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .sidebarcategoryahref:hover {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .podkategorii {
    opacity: 1;
    visibility: visible;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory:hover .sidebarcategoryahref {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii {
    padding-left: 15px;
    padding-top: 60px;
    width: 250px;
    left: 250px;
    opacity: unset;
    visibility: unset;
    display: none;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li {
    padding: 10px 0;
    font-size: 15px;
    width: 100%;
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(1) {
    padding-top: 0;
    display: block;
    font-family: var(--ralewaymedium);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(1) a {
    color: var(--yellow);
  }
  .sidebar .all .listsidebar .sidebarlistelement .allcategories .sidebarcategory .podkategorii li:nth-child(2) {
    padding-top: 10px;
  }
  .opensidebar {
    left: 0;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.shopfirst {
  width: 100%;
  margin-top: 71px;
  position: relative;
}
.shopfirst img {
  width: 100%;
  filter: brightness(0.5);
}
.shopfirst h2 {
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .shopfirst {
    margin-top: 51px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .shopfirst {
    margin-top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .shopfirst {
    margin-top: 68px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.shopsecond {
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  color: var(--darkyellow);
}
.shopsecond .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.shopsecond .all .left {
  padding: 0;
  margin: 0;
  padding-top: 30px;
  padding-right: 50px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.shopsecond .all .left select {
  display: none;
}
.shopsecond .all .left hr {
  background-color: var(--yellow);
  width: 100%;
  height: 2px;
  margin: 10px 0;
}
.shopsecond .all .left p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--ralewaymedium);
  font-size: 24px;
  margin-bottom: 10px;
}
.shopsecond .all .left .filterul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.shopsecond .all .left .filterul .filterli {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding: 5px 0;
  cursor: pointer;
}
.shopsecond .all .left .filterul .filterli .top {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopsecond .all .left .filterul .filterli .top .filtername {
  font-size: 20px;
  width: 90%;
}
.shopsecond .all .left .filterul .filterli .top .plus,
.shopsecond .all .left .filterul .filterli .top .minus {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 10%;
  height: -moz-max-content;
  height: max-content;
}
.shopsecond .all .left .filterul .filterli .top .plus ion-icon,
.shopsecond .all .left .filterul .filterli .top .minus ion-icon {
  font-size: 20px;
}
.shopsecond .all .left .filterul .filterli .top .plus svg,
.shopsecond .all .left .filterul .filterli .top .minus svg {
  transition: var(--darkModeTransition);
  color: var(--darkyellow);
}
.shopsecond .all .left .filterul .filterli .podfilterul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  max-height: 250px;
  overflow-y: scroll;
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech {
  padding: 7px 0;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli:hover .podkategoriyaname,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech:hover .podkategoriyaname {
  color: var(--yellow);
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan {
  width: 18px;
  height: 18px;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  border: 0.8px solid var(--darkyellow);
  border-radius: 1.5px;
  position: relative;
  margin-right: 10px;
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan ion-icon,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan ion-icon {
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli input,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech input {
  display: none;
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyaname,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyaname {
  font-family: var(--ralewaylight);
  font-size: 14px;
  margin-right: 10px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  padding-top: 1px;
}
.shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyacount,
.shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyacount {
  font-size: 11px;
}
.shopsecond .all .left .isoutlet {
  margin-top: 15px;
  padding: 7px 0;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.shopsecond .all .left .isoutlet:hover .podkategoriyaname {
  color: var(--yellow);
}
.shopsecond .all .left .isoutlet .ischeckedspan {
  width: 18px;
  height: 18px;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  border: 0.8px solid var(--darkyellow);
  border-radius: 1.5px;
  position: relative;
  margin-right: 10px;
}
.shopsecond .all .left .isoutlet .ischeckedspan ion-icon {
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.shopsecond .all .left .isoutlet input {
  display: none;
}
.shopsecond .all .left .isoutlet .podkategoriyaname {
  font-family: var(--ralewaylight);
  font-size: 14px;
  margin-right: 10px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  padding-top: 1px;
}
.shopsecond .all .left .isoutlet .podkategoriyacount {
  font-size: 11px;
}
.shopsecond .all .left .colorfilter {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding: 5px 0;
  cursor: pointer;
}
.shopsecond .all .left .colorfilter .top {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopsecond .all .left .colorfilter .top .filtername {
  font-size: 20px;
  width: 90%;
}
.shopsecond .all .left .colorfilter .top .plus,
.shopsecond .all .left .colorfilter .top .minus {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 10%;
  height: -moz-max-content;
  height: max-content;
}
.shopsecond .all .left .colorfilter .top .plus ion-icon,
.shopsecond .all .left .colorfilter .top .minus ion-icon {
  font-size: 20px;
}
.shopsecond .all .left .colorfilter .top .plus svg,
.shopsecond .all .left .colorfilter .top .minus svg {
  transition: var(--darkModeTransition);
  color: var(--darkyellow);
}
.shopsecond .all .left .colorfilter .podfilterul {
  margin: 0;
  padding: 0;
  display: none;
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-start;
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech {
  padding: 0;
  margin: 0;
  margin-top: 15px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli:hover .podkategoriyaname,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech:hover .podkategoriyaname {
  color: var(--yellow);
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli .ischeckedspan,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech .ischeckedspan {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  border: 0.5px solid var(--darkyellow);
  position: relative;
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli .ischeckedspan ion-icon,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech .ischeckedspan ion-icon {
  font-size: 25px;
  position: absolute;
  top: 52%;
  left: 48%;
  transform: translate(-50%, -50%);
  color: #36454F;
  transition: var(--darkModeTransition);
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli input,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech input {
  display: none;
}
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli .podkategoriyaname,
.shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech .podkategoriyaname {
  font-family: var(--ralewaylight);
  font-size: 14px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  padding-top: 1px;
}
.shopsecond .all .left .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}
.shopsecond .all .left .buttons button {
  width: 45%;
  padding: 10px 0;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
  border: none;
  outline: none;
}
.shopsecond .all .left .buttons button:hover {
  background-color: #A57E02;
}
.shopsecond .all .right {
  margin: 0;
  padding: 0;
}
.shopsecond .all .right .top {
  background-color: var(--shopyellow);
  transition: var(--darkModeTransition);
  color: var(--textColor);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}
.shopsecond .all .right .top .openfilter {
  display: none;
}
.shopsecond .all .right .top .sortingdiv {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
}
.shopsecond .all .right .top .sortingdiv .sortby {
  color: var(--black);
  font-family: var(--ralewaymedium);
  font-size: 20px;
  margin-right: 20px;
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions {
  margin: 0;
  padding: 6px 12px;
  background-color: var(--white);
  color: var(--yellow);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  width: 180px;
  font-family: var(--ralewaymedium);
  position: relative;
  cursor: pointer;
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions .sorttype svg path {
  fill: var(--yellow);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions .icon {
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding-top: 2px;
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul {
  list-style: none;
  display: none;
  background-color: white;
  margin: 0;
  padding: 12px;
  width: 180px;
  border-radius: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 200;
  font-family: var(--ralewaymedium);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul .yellowli {
  color: var(--yellow);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul .yellowli svg path {
  fill: var(--yellow);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul li {
  padding: 5px;
  transition: 0.2s;
  color: var(--black);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul li svg {
  transition: 0.2s;
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul li svg path {
  fill: var(--black);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul li:hover {
  color: var(--yellow);
}
.shopsecond .all .right .top .sortingdiv .sortbyoptions ul li:hover svg path {
  fill: var(--yellow);
}
.shopsecond .all .right .products {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
  row-gap: 40px;
  width: 100%;
}
.shopsecond .all .right .products .product {
  margin: 0;
  padding: 0;
  position: relative;
}
.shopsecond .all .right .products .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.shopsecond .all .right .products .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.shopsecond .all .right .products .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.shopsecond .all .right .products .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.shopsecond .all .right .products .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.shopsecond .all .right .products .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shopsecond .all .right .products .product .imgkeeper .sale {
  padding: 2px 14px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 3%;
  left: 4%;
  font-family: var(--ralewaymedium);
}
.shopsecond .all .right .products .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.shopsecond .all .right .products .product .addtowishlist:hover {
  transform: scale(1.05);
}
.shopsecond .all .right .products .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.shopsecond .all .right .products .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.shopsecond .all .right .products .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
.shopsecond .all .right .products .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.shopsecond .all .right .products .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.shopsecond .all .right .products .product .content .price i {
  margin-left: 4px;
}
.shopsecond .all .right .products .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.shopsecond .all .right .products .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.shopsecond .all .right .products .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-right: 8px;
  border: 0.1px solid var(--textColor);
}
.shopsecond .all .right .products .iftherearenoproducts {
  grid-column: 1/4;
  margin-top: 60px;
  font-family: var(--ralewaymedium);
  font-size: 35px;
  text-align: center;
  width: 100%;
}
.shopsecond .all .right .products .pagination {
  grid-column: 1/4;
  padding: 0;
  margin: 0;
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopsecond .all .right .products .pagination ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.shopsecond .all .right .products .pagination ul li {
  margin: 0 15px;
  font-family: var(--ralewaymedium);
  border-radius: 10px;
  font-size: 18px;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  border: 1px solid var(--yellow);
  line-height: 0;
  transition: 0.2s;
  cursor: pointer;
}
.shopsecond .all .right .products .pagination ul li:hover {
  background-color: var(--yellow);
  color: var(--white);
}
.shopsecond .all .right .products .pagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 3px;
  height: 100%;
}
.shopsecond .all .right .products .pagination ul .selectedpage {
  background-color: var(--yellow);
  color: var(--white);
}
.shopsecond .all .right .products .pagination ul .otherli {
  width: 70px;
}

@media (max-width: 576px) {
  .shopsecond .all .left {
    margin: 0;
    padding: 0 15px;
    padding-top: 60px;
    padding-bottom: 100px;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    overflow-y: scroll;
    background-color: var(--backgroundColor);
    transition: 0.3s;
    width: 200px;
    z-index: 3000;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .shopsecond .all .left p {
    font-size: 18px;
  }
  .shopsecond .all .left .closefilter {
    position: absolute;
    top: 20px;
    right: 5px;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
  }
  .shopsecond .all .left .closefilter svg {
    width: 35px;
    height: 35px;
    stroke: var(--textColor);
  }
  .shopsecond .all .left .closefilter svg path {
    fill: var(--textColor);
  }
  .shopsecond .all .left .filterul .filterli .top .filtername {
    font-size: 15px;
  }
  .shopsecond .all .left .filterul .filterli .top .plus ion-icon,
  .shopsecond .all .left .filterul .filterli .top .minus ion-icon {
    font-size: 15px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech {
    padding: 5px 0;
    font-size: 13px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan ion-icon,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan ion-icon {
    font-size: 22px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyaname,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyaname {
    font-size: 13px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyacount,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyacount {
    font-size: 10px;
  }
  .shopsecond .all .left .isoutlet {
    padding: 5px 0;
    font-size: 13px;
  }
  .shopsecond .all .left .isoutlet .ischeckedspan {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  .shopsecond .all .left .isoutlet .ischeckedspan ion-icon {
    font-size: 22px;
  }
  .shopsecond .all .left .isoutlet .podkategoriyaname {
    font-size: 13px;
  }
  .shopsecond .all .left .isoutlet .podkategoriyacount {
    font-size: 10px;
  }
  .shopsecond .all .left .colorfilter .top .filtername {
    font-size: 15px;
  }
  .shopsecond .all .left .colorfilter .top .plus ion-icon,
  .shopsecond .all .left .colorfilter .top .minus ion-icon {
    font-size: 15px;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper {
    grid-template-columns: 1fr 1fr;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli,
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech {
    margin-top: 10px;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli .podkategoriyaname,
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech .podkategoriyaname {
    font-size: 13px;
  }
  .shopsecond .all .right .top {
    padding: 14px;
    border-radius: 10px;
    margin-top: 25px;
    justify-content: space-between;
  }
  .shopsecond .all .right .top .openfilter {
    display: block;
    order: 3;
    font-family: var(--ralewaymedium);
    color: var(--black);
    font-size: 15px;
    padding: 5px 10px;
    padding-top: 6px;
    border: 1px solid var(--black);
    border-radius: 7px;
  }
  .shopsecond .all .right .top .openfilter svg {
    margin-bottom: 3px;
    margin-left: 5px;
  }
  .shopsecond .all .right .top .sortingdiv .sortby {
    font-size: 15px;
    margin-right: 15px;
    order: 1;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions {
    padding: 6px 8px;
    font-size: 15px;
    width: 130px;
    order: 2;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions ul {
    width: 130px;
    padding: 8px;
  }
  .shopsecond .all .right .products {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .shopsecond .all .right .products .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .shopsecond .all .right .products .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .shopsecond .all .right .products .product .imgkeeper img {
    transition: unset;
  }
  .shopsecond .all .right .products .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 3%;
    left: 4%;
  }
  .shopsecond .all .right .products .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 4%;
  }
  .shopsecond .all .right .products .product .addtowishlist:hover {
    transform: unset;
  }
  .shopsecond .all .right .products .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .shopsecond .all .right .products .product .content {
    padding: 0;
  }
  .shopsecond .all .right .products .product .content .name {
    font-size: 15px;
  }
  .shopsecond .all .right .products .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .shopsecond .all .right .products .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .shopsecond .all .right .products .product .content .colors {
    margin-top: 7px;
  }
  .shopsecond .all .right .products .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
  .shopsecond .all .right .products .iftherearenoproducts {
    font-size: 20px;
    grid-column: 1/3;
    text-align: center;
    width: 100%;
  }
  .shopsecond .all .right .products .pagination {
    grid-column: 1/3;
    margin-top: 50px;
  }
  .shopsecond .all .right .products .pagination ul li {
    margin: 0 10px;
    font-size: 14px;
    width: 35px;
    padding-bottom: 1px;
    height: 35px;
  }
  .shopsecond .all .right .products .pagination ul li a {
    padding-bottom: 0;
  }
  .shopsecond .all .right .products .pagination ul .otherli {
    width: 50px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .shopsecond .all .left {
    margin: 0;
    padding: 0 15px;
    padding-top: 60px;
    padding-bottom: 50px;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    overflow-y: scroll;
    background-color: var(--backgroundColor);
    transition: 0.3s;
    width: 230px;
    z-index: 3000;
    justify-content: flex-start;
  }
  .shopsecond .all .left p {
    font-size: 19px;
  }
  .shopsecond .all .left .closefilter {
    position: absolute;
    top: 20px;
    right: 5px;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
  }
  .shopsecond .all .left .closefilter svg {
    width: 35px;
    height: 35px;
    stroke: var(--textColor);
  }
  .shopsecond .all .left .closefilter svg path {
    fill: var(--textColor);
  }
  .shopsecond .all .left .filterul .filterli .top .filtername {
    font-size: 17px;
  }
  .shopsecond .all .left .filterul .filterli .top .plus ion-icon,
  .shopsecond .all .left .filterul .filterli .top .minus ion-icon {
    font-size: 17px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech {
    padding: 7px 0;
    font-size: 14px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .ischeckedspan ion-icon,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .ischeckedspan ion-icon {
    font-size: 21px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyaname,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyaname {
    font-size: 14px;
  }
  .shopsecond .all .left .filterul .filterli .podfilterul .podfilterli .podkategoriyacount,
  .shopsecond .all .left .filterul .filterli .podfilterul .hamsinisech .podkategoriyacount {
    font-size: 11px;
  }
  .shopsecond .all .left .isoutlet {
    padding: 7px 0;
    font-size: 14px;
  }
  .shopsecond .all .left .isoutlet .ischeckedspan {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .shopsecond .all .left .isoutlet .ischeckedspan ion-icon {
    font-size: 21px;
  }
  .shopsecond .all .left .isoutlet .podkategoriyaname {
    font-size: 14px;
  }
  .shopsecond .all .left .isoutlet .podkategoriyacount {
    font-size: 11px;
  }
  .shopsecond .all .left .colorfilter .top .filtername {
    font-size: 17px;
  }
  .shopsecond .all .left .colorfilter .top .plus ion-icon,
  .shopsecond .all .left .colorfilter .top .minus ion-icon {
    font-size: 17px;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper {
    grid-template-columns: 1fr 1fr;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli,
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech {
    margin-top: 10px;
  }
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .podfilterli .podkategoriyaname,
  .shopsecond .all .left .colorfilter .podfilterul .colorlikeeper .hamsinisech .podkategoriyaname {
    font-size: 14px;
  }
  .shopsecond .all .right .top {
    padding: 15px;
    border-radius: 10px;
    margin-top: 25px;
    justify-content: space-between;
  }
  .shopsecond .all .right .top .openfilter {
    display: block;
    order: 3;
    font-family: var(--ralewaymedium);
    color: var(--black);
    font-size: 15px;
    padding: 5px 12px;
    padding-top: 6px;
    border: 1px solid var(--black);
    border-radius: 7px;
  }
  .shopsecond .all .right .top .openfilter svg {
    margin-left: 5px;
    margin-bottom: 3px;
  }
  .shopsecond .all .right .top .sortingdiv .sortby {
    font-size: 15px;
    margin-right: 15px;
    order: 1;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions {
    padding: 6px 10px;
    font-size: 15px;
    width: 145px;
    order: 2;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions ul {
    width: 145px;
  }
  .shopsecond .all .right .products {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .shopsecond .all .right .products .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .shopsecond .all .right .products .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .shopsecond .all .right .products .product .imgkeeper img {
    transition: unset;
  }
  .shopsecond .all .right .products .product .imgkeeper .sale {
    padding: 1px 10px;
    font-size: 12px;
    top: 4%;
    left: 4%;
  }
  .shopsecond .all .right .products .product .addtowishlist {
    padding: 8px;
    top: 3%;
    right: 4%;
  }
  .shopsecond .all .right .products .product .addtowishlist:hover {
    transform: unset;
  }
  .shopsecond .all .right .products .product .addtowishlist svg {
    width: 18px;
    height: 18px;
  }
  .shopsecond .all .right .products .product .content {
    padding: 0;
  }
  .shopsecond .all .right .products .product .content .name {
    font-size: 16px;
  }
  .shopsecond .all .right .products .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .shopsecond .all .right .products .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .shopsecond .all .right .products .product .content .colors {
    margin-top: 7px;
  }
  .shopsecond .all .right .products .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
  .shopsecond .all .right .products .iftherearenoproducts {
    font-size: 28px;
    text-align: center;
    grid-column: 1/3;
    width: 100%;
  }
  .shopsecond .all .right .products .pagination {
    grid-column: 1/3;
    margin-top: 50px;
  }
  .shopsecond .all .right .products .pagination ul li {
    margin: 0 10px;
    font-size: 15px;
    width: 40px;
    padding-bottom: 1px;
    height: 40px;
  }
  .shopsecond .all .right .products .pagination ul .otherli {
    width: 55px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .shopsecond .all .left {
    padding-top: 0;
    padding-right: 20px;
  }
  .shopsecond .all .left p {
    font-size: 22px;
  }
  .shopsecond .all .left .filterul .filterli .top .filtername {
    font-size: 17px;
  }
  .shopsecond .all .left .filterul .filterli .top .plus ion-icon,
  .shopsecond .all .left .filterul .filterli .top .minus ion-icon {
    font-size: 18px;
  }
  .shopsecond .all .left .colorfilter .top .filtername {
    font-size: 17px;
  }
  .shopsecond .all .left .colorfilter .top .plus ion-icon,
  .shopsecond .all .left .colorfilter .top .minus ion-icon {
    font-size: 18px;
  }
  .shopsecond .all .right .top {
    padding: 17px;
    margin-top: 25px;
  }
  .shopsecond .all .right .top .sortingdiv .sortby {
    font-size: 17px;
    margin-right: 15px;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions {
    font-size: 17px;
    width: 150px;
  }
  .shopsecond .all .right .top .sortingdiv .sortbyoptions ul {
    padding: 10px;
    width: 150px;
  }
  .shopsecond .all .right .products {
    margin-top: 25px;
    gap: 20px;
  }
  .shopsecond .all .right .products .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .shopsecond .all .right .products .product .addtowishlist {
    padding: 6px;
    right: 4%;
  }
  .shopsecond .all .right .products .product .content {
    padding: 0;
  }
  .shopsecond .all .right .products .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .shopsecond .all .right .products .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
  .shopsecond .all .right .products .iftherearenoproducts {
    font-size: 32px;
    text-align: center;
    width: 100%;
  }
  .shopsecond .all .right .products .pagination {
    margin-top: 70px;
  }
  .shopsecond .all .right .products .pagination ul li {
    margin: 0 10px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    padding-bottom: 2px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.productfirst {
  margin-top: 71px;
  padding: 0;
  background-color: var(--productyellow);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.productfirst .all {
  margin: 0;
  padding: 30px 0;
}
.productfirst .all ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.productfirst .all ul li {
  font-family: var(--ralewaybold);
  margin-right: 15px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.productfirst .all ul li a {
  color: var(--textColor);
}
.productfirst .all ul li:last-child {
  font-family: var(--ralewaymedium);
}
.productfirst .all ul li svg {
  width: 17px;
  height: 17px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.productfirst .all ul li svg path {
  fill: var(--textColor);
  transition: var(--darkModeTransition);
}

@media (max-width: 576px) {
  .productfirst {
    margin-top: 51px;
  }
  .productfirst .all {
    padding: 20px 0;
  }
  .productfirst .all ul li {
    margin-right: 7px;
    font-size: 14px;
  }
  .productfirst .all ul li:nth-child(1), .productfirst .all ul li:nth-child(2) {
    display: none;
  }
  .productfirst .all ul li svg {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .productfirst {
    margin-top: 54px;
  }
  .productfirst .all {
    padding: 24px 0;
  }
  .productfirst .all ul li {
    margin-right: 10px;
    font-size: 15px;
  }
  .productfirst .all ul li svg {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .productfirst {
    margin-top: 68px;
  }
  .productfirst .all ul li {
    margin-right: 12px;
    font-size: 17px;
  }
  .productfirst .all ul li svg {
    width: 17px;
    height: 17px;
  }
}
:root {
  --white: #ffffff;
  --yellow: #e2ba38;
  --black: #121219;
  --brown: #332d1c;
  --brownopacity: #e2ba3880;
  --red: #ff3d00;
  --darkyellow: #a57e02;
  --shopyellow: rgba(226, 186, 56, 0.5);
  --productyellow: rgba(226, 186, 56, 0.5);
  --darkModeTransition: color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #ffffff;
  --montmedium: montMedium;
  --montbold: montBold;
  --montlight: montLight;
  --otherTextColor: #ffffff;
  --otherBackgroundColor: #332d1c;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.productsecond {
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  margin-top: 40px;
}
.productsecond .all {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 53% 44%;
  gap: 25px;
}
.productsecond .all .left {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 13% 87%;
  gap: 15px;
}
.productsecond .all .left .productseconddots {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.productsecond .all .left .productseconddots div {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 15px;
}
.productsecond .all .left .productseconddots div img {
  width: 100%;
}
.productsecond .all .left .productpageimages {
  position: relative;
}
.productsecond .all .left .productpageimages .mainslideproductpageprev,
.productsecond .all .left .productpageimages .mainslideproductpagenext {
  position: absolute;
  top: 50%;
  opacity: 0.5;
  transition: 0.2s;
}
.productsecond .all .left .productpageimages .mainslideproductpageprev:hover,
.productsecond .all .left .productpageimages .mainslideproductpagenext:hover {
  opacity: 1;
}
.productsecond .all .left .productpageimages .mainslideproductpageprev svg,
.productsecond .all .left .productpageimages .mainslideproductpagenext svg {
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.productsecond .all .left .productpageimages .mainslideproductpageprev {
  left: 15px;
}
.productsecond .all .left .productpageimages .mainslideproductpagenext {
  right: 15px;
}
.productsecond .all .left .productpageimages .slider {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.productsecond .all .left .productpageimages .slider div {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin: 0;
  padding: 0;
}
.productsecond .all .left .productpageimages .slider div img {
  width: 100%;
}
.productsecond .all .left .productpageimages .slider div .addtowishlist {
  padding: 10px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.productsecond .all .left .productpageimages .slider div .addtowishlist:hover {
  transform: scale(1.05);
}
.productsecond .all .left .productpageimages .slider div .addtowishlist:hover svg {
  fill: var(--yellow);
}
.productsecond .all .left .productpageimages .slider div .addtowishlist svg {
  padding-top: 1px;
  width: 28px;
  height: 28px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.productsecond .all .right {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.productsecond .all .right .toppart h2 {
  font-family: var(--ralewaybold);
  color: var(--productdetailh3);
  margin: 0;
  padding: 0;
  transition: var(--darkModeTransition);
  width: 100%;
  margin-bottom: 15px;
}
.productsecond .all .right .toppart .no {
  margin: 0;
  padding: 0;
  font-family: var(--montmedium);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  width: 100%;
}
.productsecond .all .right .desc {
  font-size: 16px;
  font-family: var(--ralewaymedium);
  margin: 0;
  padding: 0;
  margin-top: -25px;
}
.productsecond .all .right .information {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  font-family: var(--ralewaymedium);
}
.productsecond .all .right .information .brand,
.productsecond .all .right .information .country {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.productsecond .all .right .information .brand p,
.productsecond .all .right .information .country p {
  color: var(--yellow);
  font-size: 16px;
  width: 100%;
}
.productsecond .all .right .information .brand a,
.productsecond .all .right .information .country a {
  color: var(--textColor);
  text-decoration: underline;
  font-size: 14px;
  transition: var(--darkModeTransition);
}
.productsecond .all .right .information .category {
  grid-column: 2/4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.productsecond .all .right .information .category span {
  margin: 0 5px;
  margin-top: -2px;
}
.productsecond .all .right .information .category p {
  color: var(--yellow);
  font-size: 16px;
  width: 100%;
}
.productsecond .all .right .information .category a {
  color: var(--textColor);
  text-decoration: underline;
  font-size: 14px;
  transition: var(--darkModeTransition);
}
.productsecond .all .right .information .size {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.productsecond .all .right .information .size p:nth-child(1) {
  color: var(--yellow);
  font-size: 16px;
  width: 100%;
}
.productsecond .all .right .information .size p:nth-child(2) {
  color: var(--textColor);
  text-decoration: underline;
  font-size: 14px;
  transition: var(--darkModeTransition);
}
.productsecond .all .right .information .colors {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}
.productsecond .all .right .information .colors p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: var(--yellow);
  margin-bottom: 7px;
}
.productsecond .all .right .information .colors span {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 0.1px solid var(--textColor);
}
.productsecond .all .right .information .pricefor {
  grid-column: 1/4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  color: var(--yellow);
}
.productsecond .all .right .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.productsecond .all .right .bottom h3 {
  font-family: var(--montbold);
  text-align: left;
  margin: 0;
  padding: 0;
  color: var(--textColor);
}
.productsecond .all .right .bottom h3:nth-child(2) {
  font-family: var(--montmedium);
}
.productsecond .all .right .bottom button {
  padding: 10px 0;
  width: 200px;
  padding-top: 11px;
  border-radius: 10px;
  background-color: var(--yellow);
  font-family: var(--ralewaymedium);
  border: none;
  text-align: center;
  outline: none;
  color: var(--white);
}
.productsecond .all .right .bottom .phoneno {
  padding: 10px 0;
  padding-top: 11px;
  border-radius: 10px;
  width: 200px;
  text-align: center;
  background-color: var(--yellow);
  font-family: var(--montmedium);
  border: none;
  outline: none;
  color: var(--white);
  display: none;
}

@media (max-width: 576px) {
  .productsecond {
    margin-top: 40px;
  }
  .productsecond .all {
    display: flex;
    grid-template-columns: unset;
    gap: unset;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .productsecond .all .left {
    display: block;
    grid-template-columns: unset;
    gap: unset;
    width: 100%;
  }
  .productsecond .all .left .productseconddots {
    display: none;
  }
  .productsecond .all .left .productpageimages .mainslideproductpageprev {
    left: 10px;
  }
  .productsecond .all .left .productpageimages .mainslideproductpagenext {
    right: 10px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist {
    padding: 7px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist svg {
    width: 20px;
    height: 20px;
  }
  .productsecond .all .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }
  .productsecond .all .right .information {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .productsecond .all .right .information .category {
    grid-column: 1/3;
  }
  .productsecond .all .right .information .colors p {
    font-size: 14px;
  }
  .productsecond .all .right .information .colors span {
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .productsecond .all .right .bottom {
    margin-top: 15px;
  }
  .productsecond .all .right .bottom button {
    padding: 7px 0;
    margin: 0;
    width: 160px;
    font-size: 14px;
    padding-top: 8px;
  }
  .productsecond .all .right .bottom .phoneno {
    padding: 7px 0;
    margin: 0;
    width: 160px;
    font-size: 14px;
    padding-top: 8px;
  }
  .productsecond .all .right .toppart h2 {
    margin-bottom: 10px;
  }
  .productsecond .all .right .toppart .no {
    margin-bottom: 10px;
  }
  .productsecond .all .right .desc {
    margin-top: 0px;
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .productsecond .all {
    display: flex;
    grid-template-columns: unset;
    gap: unset;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .productsecond .all .left {
    display: block;
    grid-template-columns: unset;
    gap: unset;
    width: 100%;
  }
  .productsecond .all .left .productseconddots {
    display: none;
  }
  .productsecond .all .left .productpageimages .mainslideproductpageprev {
    left: 15px;
  }
  .productsecond .all .left .productpageimages .mainslideproductpagenext {
    right: 15px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist {
    padding: 8px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist svg {
    width: 22px;
    height: 22px;
  }
  .productsecond .all .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 25px;
  }
  .productsecond .all .right .toppart h2 {
    margin-bottom: 15px;
  }
  .productsecond .all .right .toppart .no {
    margin-bottom: 15px;
  }
  .productsecond .all .right .desc {
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .productsecond .all .right .information {
    gap: 20px;
  }
  .productsecond .all .right .information .brand p,
  .productsecond .all .right .information .country p {
    font-size: 15px;
  }
  .productsecond .all .right .information .category p {
    font-size: 15px;
  }
  .productsecond .all .right .information .size p:nth-child(1) {
    font-size: 15px;
  }
  .productsecond .all .right .information .colors p {
    font-size: 15px;
  }
  .productsecond .all .right .bottom {
    margin-top: 20px;
  }
  .productsecond .all .right .bottom button {
    padding: 8px 0;
    width: 190px;
    padding-top: 9px;
  }
  .productsecond .all .right .bottom .phoneno {
    padding: 8px 0;
    width: 190px;
    padding-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .productsecond .all {
    display: flex;
    grid-template-columns: unset;
    gap: unset;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .productsecond .all .left {
    display: block;
    grid-template-columns: unset;
    gap: unset;
    width: 100%;
  }
  .productsecond .all .left .productseconddots {
    display: none;
  }
  .productsecond .all .left .productpageimages .mainslideproductpageprev {
    left: 15px;
  }
  .productsecond .all .left .productpageimages .mainslideproductpagenext {
    right: 15px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist {
    padding: 9px;
  }
  .productsecond .all .left .productpageimages .slider div .addtowishlist svg {
    width: 24px;
    height: 24px;
  }
  .productsecond .all .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 30px;
  }
  .productsecond .all .right .toppart h2 {
    margin-bottom: 18px;
  }
  .productsecond .all .right .toppart .no {
    margin-bottom: 18px;
  }
  .productsecond .all .right .desc {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 18px;
  }
  .productsecond .all .right .bottom {
    margin-top: 20px;
  }
  .productsecond .all .right .bottom button {
    padding: 8px 0;
    width: 200px;
    padding-top: 9px;
  }
  .productsecond .all .right .bottom .phoneno {
    padding: 8px 0;
    width: 200px;
    padding-top: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .productsecond {
    margin-top: 40px;
  }
  .productsecond .all {
    gap: 20px;
  }
  .productsecond .all .left {
    gap: 15px;
  }
  .productsecond .all .left .productseconddots div {
    margin-bottom: 10px;
  }
  .productsecond .all .left .productpageimages {
    position: relative;
  }
  .productsecond .all .left .productpageimages .mainslideproductpageprev svg,
  .productsecond .all .left .productpageimages .mainslideproductpagenext svg {
    width: 30px;
    height: 30px;
  }
  .productsecond .all .right {
    padding-left: 20px;
  }
  .productsecond .all .right .desc {
    margin-top: 0px;
    font-size: 14px;
  }
  .productsecond .all .right .information {
    gap: 20px;
  }
  .productsecond .all .right .information .colors p {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .productsecond .all .right .bottom h3 {
    font-size: 25px;
  }
  .productsecond .all .right .bottom button {
    padding: 8px 0;
    width: 180px;
    padding-top: 9px;
  }
  .productsecond .all .right .bottom .phoneno {
    padding: 8px 0;
    width: 180px;
    padding-top: 9px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.productthird {
  margin-top: 70px;
}
.productthird .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.productthird .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.productthird .all .productthirdprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.productthird .all .productthirdnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.productthird .all .gotocollection {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.productthird .all .gotocollection:hover {
  background-color: #A57E02;
}
.productthird .all .productthirdslider {
  margin: 0;
  padding: 0;
}
.productthird .all .productthirdslider .product {
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.productthird .all .productthirdslider .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.productthird .all .productthirdslider .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.productthird .all .productthirdslider .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.productthird .all .productthirdslider .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.productthird .all .productthirdslider .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.productthird .all .productthirdslider .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.productthird .all .productthirdslider .product .imgkeeper .sale {
  padding: 2px 15px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: var(--ralewaymedium);
}
.productthird .all .productthirdslider .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.productthird .all .productthirdslider .product .addtowishlist:hover {
  transform: scale(1.05);
}
.productthird .all .productthirdslider .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.productthird .all .productthirdslider .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.productthird .all .productthirdslider .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.productthird .all .productthirdslider .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.productthird .all .productthirdslider .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
}
.productthird .all .productthirdslider .product .content .price i {
  margin-left: 4px;
}
.productthird .all .productthirdslider .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.productthird .all .productthirdslider .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.productthird .all .productthirdslider .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0.1px solid var(--textColor);
  margin-right: 8px;
}

@media (max-width: 576px) {
  .productthird {
    margin-top: 40px;
  }
  .productthird .all .productthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .productthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .productthird .all .productthirdslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .productthird .all .productthirdslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .productthird .all .productthirdslider .product .imgkeeper img {
    transition: unset;
  }
  .productthird .all .productthirdslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .productthird .all .productthirdslider .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 7%;
  }
  .productthird .all .productthirdslider .product .addtowishlist:hover {
    transform: unset;
  }
  .productthird .all .productthirdslider .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .productthird .all .productthirdslider .product .content {
    padding: 0;
  }
  .productthird .all .productthirdslider .product .content .name {
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .colors {
    margin-top: 7px;
  }
  .productthird .all .productthirdslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .productthird {
    margin-top: 50px;
  }
  .productthird .all .productthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .productthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .productthird .all .productthirdslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .productthird .all .productthirdslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .productthird .all .productthirdslider .product .imgkeeper img {
    transition: unset;
  }
  .productthird .all .productthirdslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .productthird .all .productthirdslider .product .addtowishlist {
    padding: 6px;
    top: 2%;
    right: 7%;
  }
  .productthird .all .productthirdslider .product .addtowishlist:hover {
    transform: unset;
  }
  .productthird .all .productthirdslider .product .addtowishlist svg {
    width: 17px;
    height: 17px;
  }
  .productthird .all .productthirdslider .product .content {
    padding: 0;
  }
  .productthird .all .productthirdslider .product .content .name {
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .productthird .all .productthirdslider .product .content .colors {
    margin-top: 7px;
  }
  .productthird .all .productthirdslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .productthird {
    margin-top: 60px;
  }
  .productthird .all .productthirdprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .productthirdnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productthird .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .productthird .all .productthirdslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .productthird .all .productthirdslider .product .addtowishlist {
    padding: 6px;
    right: 7%;
  }
  .productthird .all .productthirdslider .product .content {
    padding: 0;
  }
  .productthird .all .productthirdslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .productthird .all .productthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .productthird {
    overflow: hidden;
  }
  .productthird .all .productthirdprev {
    left: -40px;
  }
  .productthird .all .productthirdnext {
    right: -40px;
  }
  .productthird .all .productthirdslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .productthird .all .productthirdslider .product .addtowishlist {
    padding: 8px;
  }
  .productthird .all .productthirdslider .product .content {
    padding: 0;
  }
  .productthird .all .productthirdslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .productthird .all .productthirdslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.productfourth {
  margin-top: 70px;
}
.productfourth .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.productfourth .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.productfourth .all .productfourthprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.productfourth .all .productfourthnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.productfourth .all .gotowishlist {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.productfourth .all .gotowishlist:hover {
  background-color: #A57E02;
}
.productfourth .all .productfourthslider {
  margin: 0;
  padding: 0;
}
.productfourth .all .productfourthslider .product {
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.productfourth .all .productfourthslider .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.productfourth .all .productfourthslider .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.productfourth .all .productfourthslider .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.productfourth .all .productfourthslider .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.productfourth .all .productfourthslider .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.productfourth .all .productfourthslider .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.productfourth .all .productfourthslider .product .imgkeeper .sale {
  padding: 2px 15px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: var(--ralewaymedium);
}
.productfourth .all .productfourthslider .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.productfourth .all .productfourthslider .product .addtowishlist:hover {
  transform: scale(1.05);
}
.productfourth .all .productfourthslider .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.productfourth .all .productfourthslider .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.productfourth .all .productfourthslider .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.productfourth .all .productfourthslider .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.productfourth .all .productfourthslider .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
}
.productfourth .all .productfourthslider .product .content .price i {
  margin-left: 4px;
}
.productfourth .all .productfourthslider .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.productfourth .all .productfourthslider .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.productfourth .all .productfourthslider .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0.1px solid var(--textColor);
  margin-right: 8px;
}

@media (max-width: 576px) {
  .productfourth {
    margin-top: 40px;
  }
  .productfourth .all .productfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .productfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .productfourth .all .productfourthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .productfourth .all .productfourthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .productfourth .all .productfourthslider .product .imgkeeper img {
    transition: unset;
  }
  .productfourth .all .productfourthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .productfourth .all .productfourthslider .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 7%;
  }
  .productfourth .all .productfourthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .productfourth .all .productfourthslider .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .productfourth .all .productfourthslider .product .content {
    padding: 0;
  }
  .productfourth .all .productfourthslider .product .content .name {
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .colors {
    margin-top: 7px;
  }
  .productfourth .all .productfourthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .productfourth {
    margin-top: 50px;
  }
  .productfourth .all .productfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .productfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .productfourth .all .productfourthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .productfourth .all .productfourthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .productfourth .all .productfourthslider .product .imgkeeper img {
    transition: unset;
  }
  .productfourth .all .productfourthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .productfourth .all .productfourthslider .product .addtowishlist {
    padding: 6px;
    top: 2%;
    right: 7%;
  }
  .productfourth .all .productfourthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .productfourth .all .productfourthslider .product .addtowishlist svg {
    width: 17px;
    height: 17px;
  }
  .productfourth .all .productfourthslider .product .content {
    padding: 0;
  }
  .productfourth .all .productfourthslider .product .content .name {
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .productfourth .all .productfourthslider .product .content .colors {
    margin-top: 7px;
  }
  .productfourth .all .productfourthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .productfourth {
    margin-top: 60px;
  }
  .productfourth .all .productfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .productfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .productfourth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .productfourth .all .productfourthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .productfourth .all .productfourthslider .product .addtowishlist {
    padding: 6px;
    right: 7%;
  }
  .productfourth .all .productfourthslider .product .content {
    padding: 0;
  }
  .productfourth .all .productfourthslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .productfourth .all .productfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .productfourth {
    overflow: hidden;
  }
  .productfourth .all .productfourthprev {
    left: -40px;
  }
  .productfourth .all .productfourthnext {
    right: -40px;
  }
  .productfourth .all .productfourthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .productfourth .all .productfourthslider .product .addtowishlist {
    padding: 8px;
  }
  .productfourth .all .productfourthslider .product .content {
    padding: 0;
  }
  .productfourth .all .productfourthslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .productfourth .all .productfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.contactfirst {
  width: 100%;
  margin-top: 71px;
  position: relative;
}
.contactfirst img {
  width: 100%;
  filter: brightness(0.5);
}
.contactfirst h2 {
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .contactfirst {
    margin-top: 51px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .contactfirst {
    margin-top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .contactfirst {
    margin-top: 68px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.contactsecond {
  margin-top: 60px;
}
.contactsecond .all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.contactsecond .all .top {
  width: 100%;
  margin: 0;
  padding: 0;
}
.contactsecond .all .top h2 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}
.contactsecond .all .top p {
  margin: 0 auto;
  padding: 0;
  font-family: var(--ralewaymedium);
  font-weight: 300;
  font-size: 17px;
  width: 60%;
  text-align: center;
}
.contactsecond .all .bottom {
  padding: 0;
  margin: 0;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.contactsecond .all .bottom .left {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
}
.contactsecond .all .bottom .left .leftdiv {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  width: 100%;
}
.contactsecond .all .bottom .left .leftdiv .icon {
  padding: 0;
  margin: 0;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactsecond .all .bottom .left .leftdiv .icon svg {
  width: 28px;
  height: 28px;
}
.contactsecond .all .bottom .left .leftdiv .icon svg path {
  fill: var(--yellow);
}
.contactsecond .all .bottom .left .leftdiv .data {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  font-family: var(--ralewaymedium);
  font-size: 16px;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  width: 90%;
  transition: var(--darkModeTransition);
}
.contactsecond .all .bottom .left .leftdiv .data p {
  margin: 0;
  padding: 0;
  width: 100%;
}
.contactsecond .all .bottom .left .leftdiv .data p a {
  color: var(--yellow);
}
.contactsecond .all .bottom .left .leftdiv .data p span {
  color: var(--yellow);
}
.contactsecond .all .bottom .left .leftdiv .data p:nth-child(1) {
  color: var(--yellow);
  font-size: 24px;
  font-family: var(--ralewaymedium);
  margin-bottom: 8px;
}
.contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) {
  font-size: 18px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  font-family: var(--ralewaymedium);
}
.contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) .nexochu {
  font-family: var(--montlight);
  color: var(--textColor);
}
.contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) .nexochu1 {
  font-family: var(--montlight);
  color: var(--yellow);
}
.contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) a {
  font-family: var(--montlight);
  color: var(--yellow);
}
.contactsecond .all .bottom .right {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
}
.contactsecond .all .bottom .right .inputkeeper {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.contactsecond .all .bottom .right .inputkeeper label {
  color: var(--textColor);
  transition: var(--darkModeTransition);
  margin-bottom: 15px;
  font-size: 20px;
  font-family: var(--ralewaylight);
}
.contactsecond .all .bottom .right .inputkeeper input {
  border: 1px solid var(--yellow);
  outline: none;
  padding: 8px 12px;
  font-size: 20px;
  width: 100%;
  border-radius: 10px;
}
.contactsecond .all .bottom .right .inputkeeper textarea {
  resize: none;
  width: 100%;
  border-radius: 10px;
  outline: none;
  border: 1px solid var(--yellow);
  padding: 8px 12px;
  font-size: 20px;
  height: 200px;
}
.contactsecond .all .bottom .right button {
  color: var(--white);
  background-color: var(--yellow);
  outline: none;
  border: none;
  padding: 10px 100px;
  font-size: 18px;
  text-align: center;
  border-radius: 10px;
}
.contactsecond .all .bottom .right p {
  color: var(--yellow);
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  font-family: var(--ralewaymedium);
}

@media (max-width: 576px) {
  .contactsecond .all .top h2 {
    margin-bottom: 20px;
  }
  .contactsecond .all .top p {
    font-size: 15px;
    width: 100%;
  }
  .contactsecond .all .bottom {
    margin-top: 40px;
  }
  .contactsecond .all .bottom .left {
    width: 100%;
  }
  .contactsecond .all .bottom .left .leftdiv {
    margin-bottom: 20px;
  }
  .contactsecond .all .bottom .left .leftdiv .icon svg {
    width: 25px;
    height: 25px;
  }
  .contactsecond .all .bottom .left .leftdiv .data {
    font-size: 16px;
    width: 100%;
  }
  .contactsecond .all .bottom .left .leftdiv .data p:nth-child(1) {
    font-size: 18px;
  }
  .contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) {
    font-size: 16px;
  }
  .contactsecond .all .bottom .right {
    width: 100%;
  }
  .contactsecond .all .bottom .right .inputkeeper {
    margin-bottom: 15px;
  }
  .contactsecond .all .bottom .right .inputkeeper label {
    margin-bottom: 9px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right .inputkeeper input {
    padding: 6px 10px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right .inputkeeper textarea {
    padding: 6px 10px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right button {
    padding: 10px 0;
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .contactsecond .all .top h2 {
    margin-bottom: 25px;
  }
  .contactsecond .all .top p {
    font-size: 15px;
    width: 70%;
  }
  .contactsecond .all .bottom {
    margin-top: 40px;
  }
  .contactsecond .all .bottom .left {
    width: 100%;
  }
  .contactsecond .all .bottom .left .leftdiv {
    margin-bottom: 20px;
  }
  .contactsecond .all .bottom .left .leftdiv .icon svg {
    width: 25px;
    height: 25px;
  }
  .contactsecond .all .bottom .left .leftdiv .data {
    font-size: 16px;
    width: 100%;
  }
  .contactsecond .all .bottom .left .leftdiv .data p:nth-child(1) {
    font-size: 18px;
  }
  .contactsecond .all .bottom .left .leftdiv .data p:nth-child(2) {
    font-size: 16px;
  }
  .contactsecond .all .bottom .right {
    width: 100%;
  }
  .contactsecond .all .bottom .right .inputkeeper {
    margin-bottom: 15px;
  }
  .contactsecond .all .bottom .right .inputkeeper label {
    margin-bottom: 9px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right .inputkeeper input {
    padding: 6px 10px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right .inputkeeper textarea {
    padding: 6px 10px;
    font-size: 16px;
  }
  .contactsecond .all .bottom .right button {
    padding: 10px 0;
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .contactsecond {
    margin-top: 40px;
  }
  .contactsecond .all .top p {
    font-size: 16px;
    width: 80%;
  }
  .contactsecond .all .bottom {
    margin-top: 40px;
  }
  .contactsecond .all .bottom .left .leftdiv {
    margin-bottom: 30px;
  }
  .contactsecond .all .bottom .left .leftdiv .data p:nth-child(1) {
    font-size: 22px;
  }
  .contactsecond .all .bottom .right .inputkeeper {
    margin-bottom: 20px;
  }
  .contactsecond .all .bottom .right .inputkeeper label {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .contactsecond .all .bottom .right .inputkeeper input {
    padding: 8px 10px;
    font-size: 18px;
  }
  .contactsecond .all .bottom .right .inputkeeper textarea {
    padding: 8px 10px;
    font-size: 18px;
  }
  .contactsecond .all .bottom .right button {
    padding: 10px 100px;
    font-size: 17px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionsfirst {
  width: 100%;
  margin-top: 71px;
  position: relative;
}
.collectionsfirst img {
  width: 100%;
  filter: brightness(0.5);
}
.collectionsfirst h2 {
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .collectionsfirst {
    margin-top: 51px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionsfirst {
    margin-top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionsfirst {
    margin-top: 68px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionssecond {
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  color: var(--darkyellow);
}
.collectionssecond .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.collectionssecond .all .collections {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  width: 100%;
}
.collectionssecond .all .collections .collection {
  margin: 0;
  padding: 0;
  position: relative;
}
.collectionssecond .all .collections .collection .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.collectionssecond .all .collections .collection .imgkeeper img {
  width: 100%;
}
.collectionssecond .all .collections .collection .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
.collectionssecond .all .collections .collection .content .name,
.collectionssecond .all .collections .collection .content .style {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.collectionssecond .all .pagination {
  padding: 0;
  margin: 0;
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collectionssecond .all .pagination ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.collectionssecond .all .pagination ul li {
  margin: 0 15px;
  font-family: var(--ralewaymedium);
  border-radius: 10px;
  font-size: 18px;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  border: 1px solid var(--yellow);
  line-height: 0;
  transition: 0.2s;
  cursor: pointer;
}
.collectionssecond .all .pagination ul li:hover {
  background-color: var(--yellow);
  color: var(--white);
}
.collectionssecond .all .pagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 3px;
  height: 100%;
}
.collectionssecond .all .pagination ul .selectedpage {
  background-color: var(--yellow);
  color: var(--white);
}
.collectionssecond .all .pagination ul .otherli {
  width: 70px;
}

@media (max-width: 576px) {
  .collectionssecond .all .collections {
    margin-top: 25px;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .collectionssecond .all .collections .collection .content {
    padding: 0;
  }
  .collectionssecond .all .collections .collection .content .name,
  .collectionssecond .all .collections .collection .content .style {
    font-size: 15px;
  }
  .collectionssecond .all .pagination {
    margin-top: 50px;
  }
  .collectionssecond .all .pagination ul li {
    margin: 0 10px;
    font-size: 14px;
    width: 35px;
    padding-bottom: 1px;
    height: 35px;
  }
  .collectionssecond .all .pagination ul .otherli {
    width: 50px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionssecond .all .collections {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .collectionssecond .all .collections .collection .content {
    padding: 0;
  }
  .collectionssecond .all .collections .collection .content .name,
  .collectionssecond .all .collections .collection .content .style {
    font-size: 16px;
  }
  .collectionssecond .all .pagination {
    margin-top: 50px;
  }
  .collectionssecond .all .pagination ul li {
    margin: 0 10px;
    font-size: 15px;
    width: 40px;
    padding-bottom: 1px;
    height: 40px;
  }
  .collectionssecond .all .pagination ul .otherli {
    width: 55px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionssecond .all .collections {
    margin-top: 25px;
    gap: 20px;
  }
  .collectionssecond .all .collections .collection .content {
    padding: 0;
  }
  .collectionssecond .all .pagination {
    margin-top: 70px;
  }
  .collectionssecond .all .pagination ul li {
    margin: 0 10px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    padding-bottom: 2px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionfirst {
  margin-top: 71px;
  padding: 0;
  background-color: var(--productyellow);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.collectionfirst .all {
  margin: 0;
  padding: 30px 0;
}
.collectionfirst .all ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.collectionfirst .all ul li {
  font-family: var(--ralewaybold);
  margin-right: 15px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.collectionfirst .all ul li a {
  color: var(--textColor);
}
.collectionfirst .all ul li:last-child {
  font-family: var(--ralewaymedium);
}
.collectionfirst .all ul li svg {
  width: 17px;
  height: 17px;
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.collectionfirst .all ul li svg path {
  fill: var(--textColor);
  transition: var(--darkModeTransition);
}

@media (max-width: 576px) {
  .collectionfirst {
    margin-top: 51px;
  }
  .collectionfirst .all {
    padding: 20px 0;
  }
  .collectionfirst .all ul li {
    margin-right: 7px;
    font-size: 14px;
  }
  .collectionfirst .all ul li:nth-child(1), .collectionfirst .all ul li:nth-child(2) {
    display: none;
  }
  .collectionfirst .all ul li svg {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionfirst {
    margin-top: 54px;
  }
  .collectionfirst .all {
    padding: 24px 0;
  }
  .collectionfirst .all ul li {
    margin-right: 10px;
    font-size: 15px;
  }
  .collectionfirst .all ul li svg {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionfirst {
    margin-top: 68px;
  }
  .collectionfirst .all ul li {
    margin-right: 12px;
    font-size: 17px;
  }
  .collectionfirst .all ul li svg {
    width: 17px;
    height: 17px;
  }
}
:root {
  --white: #ffffff;
  --yellow: #e2ba38;
  --black: #121219;
  --brown: #332d1c;
  --brownopacity: #e2ba3880;
  --red: #ff3d00;
  --darkyellow: #a57e02;
  --shopyellow: rgba(226, 186, 56, 0.5);
  --productyellow: rgba(226, 186, 56, 0.5);
  --darkModeTransition: color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #ffffff;
  --otherTextColor: #ffffff;
  --otherBackgroundColor: #332d1c;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionsecond {
  margin-top: 20px;
}
.collectionsecond .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.collectionsecond .all .userselection {
  display: none;
}
.collectionsecond .all .collection {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.collectionsecond .all .collection img {
  width: 100%;
}
.collectionsecond .all .collection .hoverfordetails {
  position: absolute;
  border-radius: 100%;
  transition: 0.2s;
  cursor: pointer;
  padding: 30px;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.collectionsecond .all .collection .hoverfordetails:hover .forpadding {
  background-color: rgb(255, 255, 255);
}
.collectionsecond .all .collection .hoverfordetails:hover .forpadding .forotherpadding {
  background-color: rgb(226, 186, 56);
}
.collectionsecond .all .collection .hoverfordetails:hover .forpadding .forotherpadding .allhoverinfo {
  opacity: 1;
  visibility: visible;
}
.collectionsecond .all .collection .hoverfordetails .forpadding {
  transition: 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0;
  padding: 0;
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding {
  background-color: rgba(226, 186, 56, 0.5);
  border-radius: 100%;
  width: 22px;
  height: 22px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: 0.2s;
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
  position: absolute;
  background-color: var(--white);
  width: 270px;
  height: 85px;
  padding: 8px;
  border-radius: 10px;
  transition: 0.2s;
  z-index: 56;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo img {
  height: 100%;
  width: auto;
  border-radius: 10px;
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 10px;
  height: 100%;
  width: 100%;
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right .top {
  width: 100%;
  font-size: 14px;
  font-family: var(--ralewaymedium);
  color: var(--black);
}
.collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo .right .bottom {
  width: 100%;
  font-size: 15px;
  font-family: var(--ralewaybold);
  color: var(--black);
}

@media (max-width: 576px) {
  .collectionsecond {
    margin-top: 12px;
  }
  .collectionsecond .all {
    padding-bottom: 0px;
  }
  .collectionsecond .all h3 {
    margin-bottom: 30px;
  }
  .collectionsecond .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 12px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .collectionsecond .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .collectionsecond .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .collectionsecond .all .userselection .right .top {
    width: 100%;
    font-size: 14px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom {
    width: 100%;
    font-size: 15px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom i {
    display: none;
  }
  .collectionsecond .all .slidedown {
    height: 90px;
    padding: 10px;
  }
  .collectionsecond .all .slidedown i {
    display: inline !important;
  }
  .collectionsecond .all .collection {
    position: relative;
  }
  .collectionsecond .all .collection .hoverfordetails {
    padding: 10px;
    z-index: 100;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionsecond {
    margin-top: 30px;
  }
  .collectionsecond .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 15px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .collectionsecond .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .collectionsecond .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .collectionsecond .all .userselection .right .top {
    width: 100%;
    font-size: 15px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom {
    width: 100%;
    font-size: 16px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom i {
    display: none;
  }
  .collectionsecond .all .slidedown {
    height: 100px;
    padding: 10px;
  }
  .collectionsecond .all .slidedown i {
    display: inline !important;
  }
  .collectionsecond .all .collection {
    position: relative;
  }
  .collectionsecond .all .collection .hoverfordetails {
    padding: 10px;
    z-index: 100;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionsecond {
    margin-top: 40px;
  }
  .collectionsecond .all .userselection {
    background-color: var(--white);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 15px;
    height: 0px;
    padding: 0px;
    border-radius: 10px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .collectionsecond .all .userselection img {
    height: 100%;
    width: auto;
    border-radius: 10px;
  }
  .collectionsecond .all .userselection .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;
    height: 100%;
    width: 100%;
  }
  .collectionsecond .all .userselection .right .top {
    width: 100%;
    font-size: 16px;
    font-family: var(--ralewaymedium);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom {
    width: 100%;
    font-size: 17px;
    font-family: var(--ralewaybold);
    color: var(--black);
  }
  .collectionsecond .all .userselection .right .bottom i {
    display: none;
  }
  .collectionsecond .all .slidedown {
    height: 100px;
    padding: 10px;
  }
  .collectionsecond .all .slidedown i {
    display: inline !important;
  }
  .collectionsecond .all .collection {
    position: relative;
  }
  .collectionsecond .all .collection .hoverfordetails {
    padding: 10px;
    z-index: 100;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding {
    width: 26px;
    height: 26px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding {
    width: 20px;
    height: 20px;
  }
  .collectionsecond .all .collection .hoverfordetails .forpadding .forotherpadding .allhoverinfo {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .collectionsecond {
    overflow: hidden;
  }
  .collectionsecond .all .userselection {
    display: none;
  }
}
.collectionthird {
  margin-top: 30px;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.collectionthird .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.collectionthird .all h2 {
  font-family: var(--ralewaybold);
  color: var(--productdetailh3);
  margin: 0;
  padding: 0;
  transition: var(--darkModeTransition);
  margin-bottom: 20px;
  width: 100%;
}
.collectionthird .all .no {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  font-family: var(--ralewaymedium);
  color: var(--textColor);
  transition: var(--darkModeTransition);
  width: 100%;
}
.collectionthird .all .desc {
  font-size: 16px;
  font-family: var(--ralewaymedium);
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.collectionthird .all .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.collectionthird .all .bottom h3 {
  font-family: var(--montbold);
  text-align: left;
  margin: 0;
  padding: 0;
  color: var(--yellow);
}
.collectionthird .all .bottom button {
  padding: 10px 0;
  width: 200px;
  padding-top: 11px;
  border-radius: 10px;
  background-color: var(--yellow);
  font-family: var(--ralewaymedium);
  border: none;
  text-align: center;
  outline: none;
  color: var(--white);
}
.collectionthird .all .bottom .phoneno {
  padding: 10px 0;
  padding-top: 11px;
  border-radius: 10px;
  width: 200px;
  text-align: center;
  background-color: var(--yellow);
  font-family: var(--montmedium);
  border: none;
  outline: none;
  color: var(--white);
  display: none;
}

@media (max-width: 576px) {
  .collectionthird {
    margin-top: 0;
  }
  .collectionthird .all {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }
  .collectionthird .all h2 {
    margin-bottom: 10px;
  }
  .collectionthird .all .no {
    margin-bottom: 15px;
  }
  .collectionthird .all .desc {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .collectionthird .all .bottom button {
    padding: 7px 0;
    width: 180px;
    padding-top: 8px;
  }
  .collectionthird .all .bottom .phoneno {
    padding: 7px 0;
    width: 180px;
    padding-top: 8px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionthird .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 25px;
  }
  .collectionthird .right h2 {
    margin-bottom: 15px;
  }
  .collectionthird .right .no {
    margin-bottom: 15px;
  }
  .collectionthird .right .desc {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .collectionthird .right .bottom button {
    padding: 8px 0;
    width: 190px;
    padding-top: 9px;
  }
  .collectionthird .right .bottom .phoneno {
    padding: 8px 0;
    width: 190px;
    padding-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionthird .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 30px;
  }
  .collectionthird .right h2 {
    margin-bottom: 18px;
  }
  .collectionthird .right .no {
    margin-bottom: 18px;
  }
  .collectionthird .right .desc {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .collectionthird .right .bottom button {
    padding: 8px 0;
    width: 200px;
    padding-top: 9px;
  }
  .collectionthird .right .bottom .phoneno {
    padding: 8px 0;
    width: 200px;
    padding-top: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .collectionthird .right {
    padding-left: 20px;
  }
  .collectionthird .right .desc {
    font-size: 14px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionfourth {
  margin-top: 70px;
}
.collectionfourth .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.collectionfourth .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.collectionfourth .all .collectionfourthprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.collectionfourth .all .collectionfourthnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.collectionfourth .all .gotocollection {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.collectionfourth .all .gotocollection:hover {
  background-color: #A57E02;
}
.collectionfourth .all .collectionfourthslider {
  margin: 0;
  padding: 0;
}
.collectionfourth .all .collectionfourthslider .product {
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collectionfourth .all .collectionfourthslider .product .imgkeeper .sale {
  padding: 2px 15px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: var(--ralewaymedium);
}
.collectionfourth .all .collectionfourthslider .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.collectionfourth .all .collectionfourthslider .product .addtowishlist:hover {
  transform: scale(1.05);
}
.collectionfourth .all .collectionfourthslider .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.collectionfourth .all .collectionfourthslider .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.collectionfourth .all .collectionfourthslider .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.collectionfourth .all .collectionfourthslider .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.collectionfourth .all .collectionfourthslider .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
}
.collectionfourth .all .collectionfourthslider .product .content .price i {
  margin-left: 4px;
}
.collectionfourth .all .collectionfourthslider .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.collectionfourth .all .collectionfourthslider .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.collectionfourth .all .collectionfourthslider .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0.1px solid var(--textColor);
  margin-right: 8px;
}

@media (max-width: 576px) {
  .collectionfourth {
    margin-top: 40px;
  }
  .collectionfourth .all .collectionfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .collectionfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper img {
    transition: unset;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 7%;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .collectionfourth .all .collectionfourthslider .product .content {
    padding: 0;
  }
  .collectionfourth .all .collectionfourthslider .product .content .name {
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .colors {
    margin-top: 7px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionfourth {
    margin-top: 50px;
  }
  .collectionfourth .all .collectionfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .collectionfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper img {
    transition: unset;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist {
    padding: 6px;
    top: 2%;
    right: 7%;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist svg {
    width: 17px;
    height: 17px;
  }
  .collectionfourth .all .collectionfourthslider .product .content {
    padding: 0;
  }
  .collectionfourth .all .collectionfourthslider .product .content .name {
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .colors {
    margin-top: 7px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionfourth {
    margin-top: 60px;
  }
  .collectionfourth .all .collectionfourthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .collectionfourthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfourth .all .gotocollection {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist {
    padding: 6px;
    right: 7%;
  }
  .collectionfourth .all .collectionfourthslider .product .content {
    padding: 0;
  }
  .collectionfourth .all .collectionfourthslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .collectionfourth {
    overflow: hidden;
  }
  .collectionfourth .all .collectionfourthprev {
    left: -40px;
  }
  .collectionfourth .all .collectionfourthnext {
    right: -40px;
  }
  .collectionfourth .all .collectionfourthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .collectionfourth .all .collectionfourthslider .product .addtowishlist {
    padding: 8px;
  }
  .collectionfourth .all .collectionfourthslider .product .content {
    padding: 0;
  }
  .collectionfourth .all .collectionfourthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .collectionfourth .all .collectionfourthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.collectionfifth {
  margin-top: 70px;
}
.collectionfifth .all {
  margin: 0;
  padding: 0;
  position: relative;
}
.collectionfifth .all h3 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 40px;
}
.collectionfifth .all .collectionfifthprev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.collectionfifth .all .collectionfifthnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.collectionfifth .all .gotowishlist {
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 40px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 7px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--ralewaymedium);
  transition: 0.2s;
}
.collectionfifth .all .gotowishlist:hover {
  background-color: #A57E02;
}
.collectionfifth .all .collectionfifthslider {
  margin: 0;
  padding: 0;
}
.collectionfifth .all .collectionfifthslider .product {
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collectionfifth .all .collectionfifthslider .product .imgkeeper .sale {
  padding: 2px 15px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: var(--ralewaymedium);
}
.collectionfifth .all .collectionfifthslider .product .addtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.collectionfifth .all .collectionfifthslider .product .addtowishlist:hover {
  transform: scale(1.05);
}
.collectionfifth .all .collectionfifthslider .product .addtowishlist:hover svg {
  fill: var(--yellow);
}
.collectionfifth .all .collectionfifthslider .product .addtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.2s;
  stroke: var(--yellow);
}
.collectionfifth .all .collectionfifthslider .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.collectionfifth .all .collectionfifthslider .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.collectionfifth .all .collectionfifthslider .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
}
.collectionfifth .all .collectionfifthslider .product .content .price i {
  margin-left: 4px;
}
.collectionfifth .all .collectionfifthslider .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.collectionfifth .all .collectionfifthslider .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.collectionfifth .all .collectionfifthslider .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0.1px solid var(--textColor);
  margin-right: 8px;
}

@media (max-width: 576px) {
  .collectionfifth {
    margin-top: 40px;
  }
  .collectionfifth .all .collectionfifthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .collectionfifthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper img {
    transition: unset;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist {
    padding: 7px;
    top: 2%;
    right: 7%;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .collectionfifth .all .collectionfifthslider .product .content {
    padding: 0;
  }
  .collectionfifth .all .collectionfifthslider .product .content .name {
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .colors {
    margin-top: 7px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .collectionfifth {
    margin-top: 50px;
  }
  .collectionfifth .all .collectionfifthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .collectionfifthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper img {
    transition: unset;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 4%;
    left: 4%;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist {
    padding: 6px;
    top: 2%;
    right: 7%;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist:hover {
    transform: unset;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist svg {
    width: 17px;
    height: 17px;
  }
  .collectionfifth .all .collectionfifthslider .product .content {
    padding: 0;
  }
  .collectionfifth .all .collectionfifthslider .product .content .name {
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .colors {
    margin-top: 7px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .collectionfifth {
    margin-top: 60px;
  }
  .collectionfifth .all .collectionfifthprev {
    top: unset;
    transform: unset;
    left: unset;
    right: 15%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .collectionfifthnext {
    top: unset;
    transform: unset;
    left: unset;
    right: 0%;
    bottom: 0px;
    padding-bottom: 7px;
  }
  .collectionfifth .all .gotowishlist {
    margin: 0;
    margin-top: 25px;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist {
    padding: 6px;
    right: 7%;
  }
  .collectionfifth .all .collectionfifthslider .product .content {
    padding: 0;
  }
  .collectionfifth .all .collectionfifthslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .collectionfifth {
    overflow: hidden;
  }
  .collectionfifth .all .collectionfifthprev {
    left: -40px;
  }
  .collectionfifth .all .collectionfifthnext {
    right: -40px;
  }
  .collectionfifth .all .collectionfifthslider .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .collectionfifth .all .collectionfifthslider .product .addtowishlist {
    padding: 8px;
  }
  .collectionfifth .all .collectionfifthslider .product .content {
    padding: 0;
  }
  .collectionfifth .all .collectionfifthslider .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .collectionfifth .all .collectionfifthslider .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.wishlistfirst {
  width: 100%;
  margin-top: 71px;
  position: relative;
}
.wishlistfirst img {
  width: 100%;
  filter: brightness(0.5);
}
.wishlistfirst h2 {
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .wishlistfirst {
    margin-top: 51px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .wishlistfirst {
    margin-top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .wishlistfirst {
    margin-top: 68px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.wishlistsecond {
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
  color: var(--darkyellow);
}
.wishlistsecond .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.wishlistsecond .all .products {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  row-gap: 40px;
  width: 100%;
}
.wishlistsecond .all .products .product {
  margin: 0;
  padding: 0;
  position: relative;
}
.wishlistsecond .all .products .product .imgkeeper {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.wishlistsecond .all .products .product .imgkeeper:hover .firstimage {
  opacity: 0;
  visibility: hidden;
}
.wishlistsecond .all .products .product .imgkeeper:hover .secondimage {
  opacity: 1;
  visibility: visible;
}
.wishlistsecond .all .products .product .imgkeeper img {
  width: 100%;
  transition: 0.3s;
}
.wishlistsecond .all .products .product .imgkeeper .firstimage {
  opacity: 1;
  visibility: visible;
}
.wishlistsecond .all .products .product .imgkeeper .secondimage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wishlistsecond .all .products .product .imgkeeper .sale {
  padding: 2px 14px;
  color: var(--black);
  font-size: 12px;
  background-color: var(--yellow);
  border-radius: 5px;
  position: absolute;
  top: 3%;
  left: 4%;
  font-family: var(--ralewaymedium);
}
.wishlistsecond .all .products .product .deletefromtowishlist {
  padding: 8px;
  border-radius: 100%;
  background-color: var(--white);
  position: absolute;
  top: 2%;
  right: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.wishlistsecond .all .products .product .deletefromtowishlist:hover {
  transform: scale(1.05);
}
.wishlistsecond .all .products .product .deletefromtowishlist svg {
  padding-top: 1px;
  width: 18px;
  height: 18px;
  transition: 0.3s;
  stroke: var(--yellow);
}
.wishlistsecond .all .products .product .deletefromtowishlist svg path {
  fill: var(--yellow);
}
.wishlistsecond .all .products .product .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
.wishlistsecond .all .products .product .content .name {
  font-size: 15px;
  font-family: var(--ralewaymedium);
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  transition: var(--darkModeTransition);
  color: var(--textColor);
}
.wishlistsecond .all .products .product .content .price {
  font-family: var(--montmedium);
  width: 40%;
  font-size: 16px;
  text-align: start;
  color: var(--textColor);
  transition: var(--darkModeTransition);
}
.wishlistsecond .all .products .product .content .price i {
  margin-left: 4px;
}
.wishlistsecond .all .products .product .content .discountprice {
  width: 40%;
  text-align: end;
  font-size: 16px;
  color: var(--red);
  font-family: var(--montbold);
}
.wishlistsecond .all .products .product .content .colors {
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wishlistsecond .all .products .product .content .colors .color {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0.1px solid var(--textColor);
  margin-right: 8px;
}
.wishlistsecond .all .products .ifwishlistisempty {
  grid-column: 1/5;
  margin-top: 60px;
  font-family: var(--ralewaymedium);
  font-size: 35px;
  text-align: center;
  width: 100%;
}
.wishlistsecond .all .products .pagination {
  grid-column: 1/5;
  padding: 0;
  margin: 0;
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wishlistsecond .all .products .pagination ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.wishlistsecond .all .products .pagination ul li {
  margin: 0 15px;
  font-family: var(--ralewaymedium);
  border-radius: 10px;
  font-size: 18px;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--textColor);
  transition: var(--darkModeTransition);
  border: 1px solid var(--yellow);
  line-height: 0;
  transition: 0.2s;
  cursor: pointer;
}
.wishlistsecond .all .products .pagination ul li:hover {
  background-color: var(--yellow);
  color: var(--white);
}
.wishlistsecond .all .products .pagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 3px;
  height: 100%;
}
.wishlistsecond .all .products .pagination ul .selectedpage {
  background-color: var(--yellow);
  color: var(--white);
}
.wishlistsecond .all .products .pagination ul .otherli {
  width: 70px;
}

@media (max-width: 576px) {
  .wishlistsecond .all .products {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .wishlistsecond .all .products .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .wishlistsecond .all .products .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .wishlistsecond .all .products .product .imgkeeper img {
    transition: unset;
  }
  .wishlistsecond .all .products .product .imgkeeper .sale {
    padding: 0px 10px;
    font-size: 10px;
    top: 3%;
    left: 4%;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist {
    padding: 7px;
    top: 2%;
    right: 4%;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist:hover {
    transform: unset;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist svg {
    width: 16px;
    height: 16px;
  }
  .wishlistsecond .all .products .product .content {
    padding: 0;
  }
  .wishlistsecond .all .products .product .content .name {
    font-size: 15px;
  }
  .wishlistsecond .all .products .product .content .price {
    width: 40%;
    font-size: 15px;
  }
  .wishlistsecond .all .products .product .content .discountprice {
    width: 50%;
    font-size: 15px;
  }
  .wishlistsecond .all .products .product .content .colors {
    margin-top: 7px;
  }
  .wishlistsecond .all .products .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
  .wishlistsecond .all .products .ifwishlistisempty {
    font-size: 20px;
    grid-column: 1/3;
    text-align: center;
    width: 100%;
  }
  .wishlistsecond .all .products .pagination {
    grid-column: 1/3;
    margin-top: 50px;
  }
  .wishlistsecond .all .products .pagination ul li {
    margin: 0 10px;
    font-size: 14px;
    width: 35px;
    padding-bottom: 1px;
    height: 35px;
  }
  .wishlistsecond .all .products .pagination ul .otherli {
    width: 50px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .wishlistsecond .all .products {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .wishlistsecond .all .products .product .imgkeeper:hover .firstimage {
    opacity: 1;
    visibility: visible;
  }
  .wishlistsecond .all .products .product .imgkeeper:hover .secondimage {
    opacity: 0;
    visibility: hidden;
  }
  .wishlistsecond .all .products .product .imgkeeper img {
    transition: unset;
  }
  .wishlistsecond .all .products .product .imgkeeper .sale {
    padding: 1px 10px;
    font-size: 12px;
    top: 4%;
    left: 4%;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist {
    padding: 8px;
    top: 3%;
    right: 4%;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist:hover {
    transform: unset;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist svg {
    width: 18px;
    height: 18px;
  }
  .wishlistsecond .all .products .product .content {
    padding: 0;
  }
  .wishlistsecond .all .products .product .content .name {
    font-size: 16px;
  }
  .wishlistsecond .all .products .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .wishlistsecond .all .products .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
  .wishlistsecond .all .products .product .content .colors {
    margin-top: 7px;
  }
  .wishlistsecond .all .products .product .content .colors .color {
    width: 15px;
    height: 15px;
  }
  .wishlistsecond .all .products .ifwishlistisempty {
    font-size: 28px;
    grid-column: 1/4;
    text-align: center;
    width: 100%;
  }
  .wishlistsecond .all .products .pagination {
    grid-column: 1/4;
    margin-top: 50px;
  }
  .wishlistsecond .all .products .pagination ul li {
    margin: 0 10px;
    font-size: 15px;
    width: 40px;
    padding-bottom: 1px;
    height: 40px;
  }
  .wishlistsecond .all .products .pagination ul .otherli {
    width: 55px;
  }
  .togglefiltermenu {
    right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .wishlistsecond .all .products {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 25px;
    gap: 20px;
  }
  .wishlistsecond .all .products .product .imgkeeper .sale {
    padding: 0px 13px;
    font-size: 11px;
  }
  .wishlistsecond .all .products .product .deletefromtowishlist {
    padding: 6px;
    right: 4%;
  }
  .wishlistsecond .all .products .product .content {
    padding: 0;
  }
  .wishlistsecond .all .products .product .content .price {
    width: 40%;
    font-size: 16px;
  }
  .wishlistsecond .all .products .product .content .discountprice {
    width: 50%;
    font-size: 16px;
  }
  .wishlistsecond .all .products .ifwishlistisempty {
    font-size: 32px;
    grid-column: 1/4;
    text-align: center;
    width: 100%;
  }
  .wishlistsecond .all .products .pagination {
    grid-column: 1/4;
    margin-top: 70px;
  }
  .wishlistsecond .all .products .pagination ul li {
    margin: 0 10px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    padding-bottom: 2px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.aboutfirst {
  width: 100%;
  margin-top: 71px;
  position: relative;
}
.aboutfirst img {
  width: 100%;
  filter: brightness(0.5);
}
.aboutfirst h2 {
  font-family: var(--ralewaymedium);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .aboutfirst {
    margin-top: 51px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutfirst {
    margin-top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aboutfirst {
    margin-top: 68px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --productyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --productdetailh3: #121219;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.aboutsecond {
  margin-top: 60px;
  background-color: var(--backgroundColor);
  transition: var(--darkModeTransition);
}
.aboutsecond .all {
  display: grid;
  grid-template-columns: 60% 25%;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.aboutsecond .all p {
  font-family: var(--ralewaymedium);
  font-size: 32px;
  color: var(--yellow);
  margin: 0;
  padding: 0;
}
.aboutsecond .all a {
  margin: 0;
  padding: 0;
  padding: 11px 20px;
  font-family: var(--ralewaymedium);
  text-align: center;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 10px;
  font-size: 17px;
}

@media (max-width: 576px) {
  .aboutsecond {
    margin-top: 40px;
  }
  .aboutsecond .all {
    display: flex;
    grid-template-columns: unset;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .aboutsecond .all p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
  }
  .aboutsecond .all a {
    padding: 9px;
    display: block;
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutsecond {
    margin-top: 40px;
  }
  .aboutsecond .all {
    display: flex;
    grid-template-columns: unset;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .aboutsecond .all p {
    font-size: 26px;
    text-align: center;
    margin-bottom: 15px;
  }
  .aboutsecond .all a {
    padding: 9px;
    display: block;
    width: 100%;
    font-size: 16px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.aboutthird {
  margin-top: 70px;
}
.aboutthird .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aboutthird .all .left {
  overflow: hidden;
  border-radius: 10px;
  margin: 0;
  padding: 0;
}
.aboutthird .all .left .slide {
  margin: 0;
  padding: 0;
}
.aboutthird .all .left .slide img {
  width: 100%;
}
.aboutthird .all .right {
  margin: 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.aboutthird .all .right .aboutthirdprev {
  position: absolute;
  bottom: 0%;
  left: 10px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.aboutthird .all .right .aboutthirdnext {
  position: absolute;
  bottom: 0%;
  left: 100px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.aboutthird .all .right h4 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.aboutthird .all .right p {
  font-size: 16px;
  font-family: var(--ralewaymedium);
  margin-bottom: 20px;
}

@media (max-width: 576px) {
  .aboutthird {
    margin-top: 40px;
  }
  .aboutthird .all .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .aboutthird .all .right {
    padding: 0;
    margin: 0;
    margin-top: 20px;
  }
  .aboutthird .all .right .aboutthirdprev {
    display: none !important;
  }
  .aboutthird .all .right .aboutthirdnext {
    display: none !important;
  }
  .aboutthird .all .right h4 {
    margin-bottom: 20px;
  }
  .aboutthird .all .right p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutthird {
    margin-top: 50px;
  }
  .aboutthird .all .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .aboutthird .all .right {
    padding: 0;
    padding-top: 20px;
  }
  .aboutthird .all .right .aboutthirdprev {
    display: none !important;
  }
  .aboutthird .all .right .aboutthirdnext {
    display: none !important;
  }
  .aboutthird .all .right h4 {
    margin-bottom: 20px;
  }
  .aboutthird .all .right p {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aboutthird {
    margin-top: 60px;
  }
  .aboutthird .all .left {
    overflow: hidden;
    border-radius: 10px;
  }
  .aboutthird .all .right {
    padding: 0 15px;
    padding-right: 0;
  }
  .aboutthird .all .right .aboutthirdprev {
    left: 8px;
  }
  .aboutthird .all .right .aboutthirdnext {
    left: 75px;
  }
  .aboutthird .all .right h4 {
    margin-bottom: 20px;
  }
  .aboutthird .all .right p {
    font-size: 13px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .aboutthird .all .right h4 {
    margin-bottom: 22px;
  }
  .aboutthird .all .right p {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --borderradius: 7px;
}

.aboutfourth {
  margin-top: 70px;
}
.aboutfourth .all {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aboutfourth .all .left {
  margin: 0;
  padding: 0;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.aboutfourth .all .left .aboutfourthprev {
  position: absolute;
  bottom: 0%;
  right: 100px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.aboutfourth .all .left .aboutfourthnext {
  position: absolute;
  bottom: 0%;
  right: 10px;
  z-index: 50;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  padding-bottom: 7px;
}
.aboutfourth .all .left h4 {
  color: var(--yellow);
  font-family: var(--ralewaybold);
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.aboutfourth .all .left p {
  font-size: 16px;
  font-family: var(--ralewaymedium);
  margin-bottom: 20px;
}
.aboutfourth .all .right {
  overflow: hidden;
  border-radius: 10px;
  margin: 0;
  padding: 0;
}
.aboutfourth .all .right .slide {
  margin: 0;
  padding: 0;
}
.aboutfourth .all .right .slide img {
  width: 100%;
}

@media (max-width: 576px) {
  .aboutfourth {
    margin-top: 40px;
  }
  .aboutfourth .all .left {
    margin: 0;
    padding: 0;
    order: 2;
    margin-top: 20px;
  }
  .aboutfourth .all .left .aboutfourthprev {
    display: none !important;
  }
  .aboutfourth .all .left .aboutfourthnext {
    display: none !important;
  }
  .aboutfourth .all .left h4 {
    margin-bottom: 20px;
  }
  .aboutfourth .all .left p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .aboutfourth .all .right {
    overflow: hidden;
    border-radius: 10px;
    order: 1;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .aboutfourth {
    margin-top: 50px;
  }
  .aboutfourth .all .left {
    padding: 0;
    padding-top: 20px;
    order: 2;
  }
  .aboutfourth .all .left .aboutfourthprev {
    display: none !important;
  }
  .aboutfourth .all .left .aboutfourthnext {
    display: none !important;
  }
  .aboutfourth .all .left h4 {
    margin-bottom: 20px;
  }
  .aboutfourth .all .left p {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .aboutfourth .all .right {
    overflow: hidden;
    order: 1;
    border-radius: 10px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aboutfourth {
    margin-top: 60px;
  }
  .aboutfourth .all .left {
    padding: 0;
    padding-right: 15px;
  }
  .aboutfourth .all .left .aboutfourthprev {
    right: 75px;
  }
  .aboutfourth .all .left .aboutfourthnext {
    right: 8px;
  }
  .aboutfourth .all .left h4 {
    margin-bottom: 20px;
  }
  .aboutfourth .all .left p {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .aboutfourth .all .right {
    overflow: hidden;
    border-radius: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .aboutfourth .all .right h4 {
    margin-bottom: 22px;
  }
  .aboutfourth .all .right p {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
@font-face {
  font-family: ralewaymedium;
  src: url(../fonts/Raleway-Medium.ttf);
}
@font-face {
  font-family: ralewaybold;
  src: url(../fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: ralewaylight;
  src: url(../fonts/Raleway-Light.ttf);
}
@font-face {
  font-family: montMedium;
  src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
  font-family: montBold;
  src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: montLight;
  src: url(../fonts/Montserra);
}
.imageloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backgroundColor);
  opacity: 0.9;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lds-spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  background-color: var(--backgroundColor);
  height: 40px;
}

.lds-spinner div {
  transform-origin: 40px 20px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 4px;
  height: 10px;
  border-radius: 20%;
  background: #fff;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

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

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

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

:root {
  --white: #FFFFFF;
  --yellow: #E2BA38;
  --black: #121219;
  --brown: #332D1C;
  --brownopacity: #E2BA3880;
  --red: #FF3D00;
  --darkyellow: #A57E02;
  --shopyellow: rgba(226, 186, 56, 0.50);
  --darkModeTransition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --darkModeTransition: fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --textColor: #121219;
  --backgroundColor: #FFFFFF;
  --otherTextColor: #FFFFFF;
  --otherBackgroundColor: #332D1C;
  --ralewaymedium: ralewaymedium;
  --ralewaybold: ralewaybold;
  --ralewaylight: ralewaylight;
  --montmedium: montMedium;
  --montbold: montBold;
  --montlight: montLight;
  --borderradius: 7px;
}

body {
  scroll-behavior: smooth;
  transition: var(--darkModeTransition);
  background: var(--backgroundColor);
  color: var(--textColor);
  position: relative;
}

.darkmode {
  --textColor: #FFFFFF;
  --backgroundColor: #332D1C;
  --otherTextColor: #000000;
  --otherBackgroundColor: #FFFFFF;
  --brownopacity: #E2BA38;
  --darkyellow: #E2BA38;
  --shopyellow: rgba(226, 186, 56, 1);
  --footercolor: #332D1C;
  --headerBackgroundColor: #332d1c69;
  --productyellow: #E2BA38;
  --productdetailh3: #E2BA38;
}

.validation-summary-errors {
  margin: 0;
  margin-bottom: 15px;
  padding: 15px;
  width: 100%;
  border: 1px solid var(--textColor);
  border-radius: 10px;
}
.validation-summary-errors ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--ralewaymedium);
  color: var(--red);
}/*# sourceMappingURL=style.css.map */