@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}
html,
body {
  max-width: 100%;
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
}
a {
  text-decoration: none;
}
a {
  color: inherit;
}
.basic {
  position: relative;
}
header {
  position: relative;
}
header {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}
.h {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
header > img,
.he > div > img {
  margin-left: 50px;
  width: 100px;
  height: 100px;
}
header .navlinks,
header .navlinksh,
.he > div > .navlinks,
.he > div > .navlinksh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 450px;
  height: 100px;
}
header .navlinks a {
  font-weight: 400;
  font-size: 16px;
  color: #06382a;
}
.navlinksh a {
  color: white !important;
}
.he {
  background-color: #06382a;
  padding-bottom: 20px;
}
.he > div {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.cur {
  height: 100%;
}
.cur > div {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cur div span {
  width: 35px;
}
.lang div span {
  width: 20px;
}
header .proflinks span {
  color: white;
  font-size: 16px;
  font-weight: 400;
}
.alce {
  display: flex;
  align-items: center;
}
.ser {
  cursor: pointer;
}
header .proflinks img {
  width: 15px;
  cursor: pointer;
}
header .proflinks {
  display: flex;
  justify-content: space-between;
  width: 270px;
  margin-right: 20px;
  height: 100px;
}
header .proflinks .cur,
header .proflinks .lang div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.lang {
  display: flex;
  align-items: center;
}
.lang > div {
  cursor: pointer;
}
.langdropdown {
  visibility: hidden;
  z-index: 1000;
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  top: calc(50% + 40px);
  right: 39px;
}
.ch10 {
  top: calc(50% + 20px) !important;
}
.langdropdown div {
  display: flex;
  justify-content: space-between;
  width: 46px;
  height: 32px;
  cursor: pointer;
}
.langdropdown div:hover span {
  font-weight: 600;
}
.langdropdown span {
  font-size: 16px;
  font-weight: 400;
}
.langdropdown img {
  display: block;
  width: 20px !important;
  height: 22px;
}
.langarr {
  transition: 0.5s;
}
header .proflinks .lang div img {
  display: block;
  width: 22px;
  height: 22px;
}
.mleft {
  width: 18px;
  position: absolute;
  bottom: 85px;
}
.mleft img {
  display: block;
  width: 18px;
  margin-bottom: 12px;
}
.vertical {
  height: 160px;
  border: 0.4px solid black;
  width: 0.8px;
  margin-left: auto;
  margin-right: auto;
}
.modelimg {
  background-image: url("./assets/model.webp");
  background-repeat: no-repeat;
  background-position: center top 60px;
  width: 950px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.topind {
  position: relative;
  display: flex;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}
.greenback {
  width: 430px;
  height: 660px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #06382a;
}
.langarr {
  width: 15px !important;
}
.modelimg .pierretext {
  position: absolute;
  top: 50%;
}
.modelimg h1 {
  font-weight: 400;
  font-size: 70px;
}

.sh {
  font-weight: 600 !important;
  font-size: 16px !important;
}
.modelimg .pierretext {
  right: -100px;
}
.modelimg h4 {
  font-weight: 200;
  font-size: 16px;
  color: #efefef;
  width: 350px;
}
.modelimg h1 {
  font-family: "Source Serif Pro", sans-serif;
}
.modelimg h1,
.modelimg h4 {
  color: white;
}
.sh {
  display: flex;
  align-items: center;
  gap: 3px;
  font-family: "Source Serif Pro", sans-serif;
  margin-top: 10px;
  margin-left: 30px;
  color: white;
  transition: font-size 0.5s;
}
.sh:hover {
  font-size: 17px !important;
}
.videoModalOuter,
.cookieModalOuter {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  transition: 0.3s;
}
.videoModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.cookieModalInner button:hover {
  background-color: #002c20;
}
.videoModal iframe {
  width: min(50vw, 1000px);
  height: min(32vw, 640px);
  border-radius: 20px;
}
.circletext {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: white;
  position: absolute;
  bottom: -50px;
  left: 40px;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
  transition: background-color 0.4s;
  cursor: pointer;
}
.circletext:hover {
  background-color: #06382a;
}
.circletext:hover .curvedText {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1715%) hue-rotate(320deg) brightness(108%)
    contrast(101%);
}
.circletext img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.curved-text {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-size: 9px;
}
.circletext img {
  transition: filter 0.4s;
}
.curved-text span {
  min-width: 0.5em;
  text-align: center;
  padding: 30px;
  margin: 0px;
  color: #06382a;
  transition: color 0.4s;
}
.movcurv {
  position: absolute;
  left: 0;
  width: 100px;
  height: 100px;
}
.basic {
  margin-top: 60px;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.basic > h4 {
  text-align: center;
  color: #79593d;
  font-size: 16px;
  font-weight: 400;
}
.basic > h1 {
  text-align: center;
  font-family: "Source Serif Pro", sans-serif;
  font-size: 80px;
  font-weight: 400;
  margin-top: 10px;
}
.ourprodsout {
  position: relative;
  margin-bottom: 400px;
}
.ourprods {
  position: absolute;
  display: flex;
  justify-content: space-between;
}
.ourprod {
  width: 23%;
  display: block;
}
.ourprod img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.prodTypes {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 400px;
  justify-content: space-between;
  margin-bottom: 50px;
}
.prodTypes span {
  font-size: 14px;
  position: relative;
  font-weight: 200;
  cursor: pointer;
}
.selectedType {
  font-weight: 400 !important;
}
.selectedType:after {
  content: "";
  height: 1px;
  width: 50%;
  background-color: black;
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  transform: translate(-50%);
}
.basic button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 200px;
  height: 50px;
  border-radius: 70px;
  background-color: white;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
}
.giftguide {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.giftleft {
  position: relative;
  height: 600px;
  width: 60%;
}
.giftleft img {
  position: absolute;
}
.giftmod {
  top: 30px;
  left: -130px;
  width: 700px;
  height: 575px;
  object-fit: cover;
}
.giftr {
  right: 0;
  bottom: 0;
}
.giftright {
  width: 38%;
  margin-top: auto;
  margin-bottom: auto;
}
.giftright .r {
  width: 50px;
}
.giftright h4 {
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.giftright h1 {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 80px;
}
.giftright p {
  font-weight: 300;
  font-size: 16px;
}
.giftright button {
  width: 200px;
  height: 50px;
  border-radius: 70px;
  background-color: #faefe6;
  border: 1px solid black;
  display: block;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.giftguideouter {
  background-color: #faefe6;
}
.finejewlery {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 50px;
}
.fineleft {
  position: relative;
  height: 600px;
  width: 50%;
}
.fineleft img {
  position: absolute;
}
.finemod {
  top: -20px;
  left: 100px;
  width: 450px;
  height: 660px;
  object-fit: cover;
}
.finer {
  left: -30px;
  bottom: 30px;
}
.fineright {
  width: 43%;
  margin-top: auto;
  margin-bottom: auto;
}
.fineright .r {
  width: 50px;
}
.fineright h4 {
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  color: white;
}
.fineright h1 {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 75px;
  color: white;
}
.fineright p {
  font-weight: 300;
  font-size: 16px;
  color: white;
}
.fineright button {
  width: 200px;
  height: 50px;
  border-radius: 70px;
  color: white;
  background-color: #06382a;
  border: 1px solid white;
  display: block;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.finejewleryouter {
  background-color: #06382a;
}
.rr {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(160deg) brightness(104%) contrast(105%);
}
.material {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.material h4 {
  color: #79593d;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.material h1 {
  text-align: center;
  font-family: "Source Serif Pro", sans-serif;
  font-size: 80px;
  font-weight: 400;
}
.materialim {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}
.material {
  position: relative;
}
.inf span {
  font-size: 18.3px;
  font-weight: 500;
}
.inf1 {
  position: absolute;
  border-bottom: 2px dashed #7f5f43;
  border-left: 2px dashed #7f5f43;
  top: 300px;
  left: 200px;
  width: 200px;
  height: 50px;
}
.inf1 span {
  position: absolute;
  transform: translateX(-50%) translateY(-120%);
}
.inf1 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  transform: translateX(-50%) translateY(-10%);
}
.inf2 {
  position: absolute;
  border-bottom: 2px dashed #7f5f43;
  width: 90px;
  height: 2px;
  top: 500px;
  left: 200px;
}
.inf2 span {
  width: 130px;
  position: absolute;
  transform: translateX(-120%) translateY(-50%);
}
.inf2 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  transform: translateX(-100%) translateY(-50%);
}
.inf3 {
  position: absolute;
  border-top: 2px dashed #7f5f43;
  border-left: 2px dashed #7f5f43;
  width: 130px;
  height: 50px;
  top: 670px;
  left: 200px;
}
.inf3 span {
  width: 130px;
  position: absolute;
  transform: translateX(-50%) translateY(200%);
}
.inf3 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  transform: translateX(-50%) translateY(200%);
}
.inf4 {
  position: absolute;
  border-bottom: 2px dashed #7f5f43;
  border-right: 2px dashed #7f5f43;
  top: 300px;
  left: 600px;
  width: 300px;
  height: 50px;
}
.inf4 span {
  width: 130px;
  position: absolute;
  right: 0;
  transform: translateX(50%) translateY(-120%);
}
.inf4 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  right: 0;
  transform: translateX(50%) translateY(-10%);
}
.inf5 {
  position: absolute;
  border-bottom: 2px dashed #7f5f43;
  width: 90px;
  height: 2px;
  top: 500px;
  left: 780px;
}
.inf5 span {
  width: 130px;
  position: absolute;
  right: 0;
  transform: translateX(120%) translateY(-50%);
}
.inf5 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
.inf6 {
  position: absolute;
  border-top: 2px dashed #7f5f43;
  border-right: 2px dashed #7f5f43;
  width: 130px;
  height: 50px;
  top: 670px;
  left: 820px;
}
.inf6 span {
  width: 130px;
  position: absolute;
  right: 0;
  transform: translateX(50%) translateY(200%);
}
.inf6 .ba {
  width: 16px;
  height: 16px;
  background-color: #7f5f43;
  position: absolute;
  border-radius: 16px;
  right: 0;
  transform: translateX(50%) translateY(200%);
}
.indreviews {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.lindreviews {
  position: relative;
}
.lindreviews > img {
  width: 800px;
  height: 524px;
  object-fit: cover;
  margin-top: 50px;
  display: block;
}
.lindreviews .ap {
  position: absolute;
  top: 20px;
  right: 100px;
  background-color: white;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rindreviews {
  position: relative;
}
.backgreenrev {
  background-color: #06382a;
  width: calc(100% + 200px);
  height: 530px;
  position: absolute;
  top: 0;
  left: -200px;
  z-index: -1;
}
.rindreviews .stars {
  margin-bottom: 23px;
  display: flex;
  justify-content: space-between;
  width: 150px;
}
.rindreviews .stars img {
  width: 27px;
}
.rindreviews .review {
  margin-top: 100px;
  display: block;
  padding: 20px;
}
.rindreviews .review p {
  color: white;
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 30px;
}
.rindreviews .review h4 {
  color: white;
  font-size: 16px;
  font-weight: 600;
}
.revsel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.selectedrev {
  background-color: #7e5e42 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 26px !important;
}
.revsel .sel {
  background-color: #d5d5d5;
  width: 18px;
  height: 18px;
  border-radius: 18px;
}
.tofooter {
  display: flex;
  justify-content: space-between;
}
footer {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 15px;
}
.ffooter > img {
  display: block;
  width: 85px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.fh4 {
  text-align: center;
}
.ffooter h4 {
  font-size: 14px;
  font-weight: 400;
  width: 230px;
}
.findus img {
  width: 15px;
}
.findus a {
  border: 1px solid black;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  line-height: 34px;
}
.backbrown {
  background-color: #8a674c;
  border: 1px solid #8a674c !important;
}
.backbrown img {
  width: 10px !important;
}
.findus {
  display: flex;
  justify-content: space-between;
  width: 150px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.sfooter h4 {
  color: #06382a;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}
.ty {
  width: 120px;
}
.sfooter a {
  display: block;
  color: #52525b;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.sfooter a:hover {
  font-weight: 600;
}
.tfooter h4 {
  color: #06382a;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}
.tfooter a {
  display: block;
  color: #52525b;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.tfooter a:hover {
  font-weight: 600;
}
.ffooter h4 {
  color: #06382a;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}
.ffooter a {
  display: block;
  color: #52525b;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.ffooter a:hover {
  font-weight: 600;
}
.prods {
  font-size: 80px;
  font-weight: 400;
  text-align: center;
  font-family: "Source Serif Pro", sans-serif;
  margin-top: 60px;
  margin-bottom: 80px;
}
.shopmain {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.filtersandrecs {
  padding: 10px;
}
.filters,
.recs {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 250px;
}
.recs .filty {
  width: 70px;
}
.recs {
  position: relative;
}
.filtcat {
  cursor: pointer;
}
.recrec {
  cursor: pointer;
}
.catoptpar {
  position: relative;
}
.catoptions {
  position: absolute;
  right: 0px;
  top: 30px;
  width: 200px;
  padding: 0 10px 10px 10px;
  border-radius: 10px;
  border: 1px solid #06382a;
  background-color: white;
  transition: 0.3s;
}
.catoptions1 {
  left: -78px !important;
}
.catoptions div,
.filtersecondop div {
  display: block;
  padding-top: 10px;
}
.catoptions div label,
.catoptions div input,
.filtersecondop div label,
.filtersecondop div input {
  cursor: pointer;
}
input[type="radio"] {
  accent-color: #06382a;
}
.filters h4,
.recs h4 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 500;
}
.filters h4 img {
  width: 10px;
}
.filty {
  color: #aeaeae;
}
.filtersandrecs {
  display: flex;
  justify-content: space-between;
}
.product {
  width: 360px;
  border: 1px solid #ededed;
  padding: 5px;
  border-radius: 5px;
}
.product img {
  width: 327px;
  height: 327px;
  margin-bottom: 20px;
  border-radius: 5px;
  display: block;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}
.pagenum .b1,
.pagenum .b2 {
  display: inline;
}
.product h4 {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
.product h3 {
  font-size: 20px;
  text-align: center;
  color: #06382a;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
.product p {
  color: #8d8d8d;
  font-weight: 400;
  font-size: 10px;
  width: 60%;
}
.product button {
  background-color: #06382a;
  color: white;
  font-family: "Source Serif Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  width: 40%;
  height: 50px;
  border: 1px solid #06382a;
  display: block;
  border-radius: 5px;
}
.product > div {
  display: flex;
  justify-content: space-between;
}
.productmain {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.products30 {
  padding: 0 30px;
}
.productsy {
  margin-top: 30px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.showi {
  font-weight: 400;
  font-size: 16px;
  padding: 30px 10px 10px 10px;
}
.prodimg {
  width: 600px;
}
.prodimg > img {
  width: 600px;
  height: 600px;
  object-fit: cover;
  margin-bottom: 30px;
  margin-top: 50px;
}
.prodimg img {
  border: 1px solid #ededed;
  border-radius: 5px;
}
.prodimg .prodimgunder {
  display: flex;
  justify-content: space-between;
}
.prodimg .prodimgunder img {
  cursor: pointer;
  width: min(10vw, 128px);
  height: min(10vw, 128px);
  object-fit: cover;
}
.toprod {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  gap: 12px;
}
.toprod a,
.toprod span {
  color: #9b9191;
  font-weight: 400;
  font-size: 12px;
}
.proddesc .coltype {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 18px;
  text-decoration-line: underline;
}
.prodimganddesc {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
  gap: 80px;
}
.proddesc h1 {
  font-weight: 400;
  font-size: 30px;
}
.descandd {
  font-weight: 500;
  font-size: 25px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.productdescription h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.productdescription p {
  margin-bottom: 10px !important;
}
.productdescription ul li {
  color: #a1a1a1;
  font-weight: 400;
  font-size: 16px;
}
.productdescription ul {
  margin-bottom: 10px;
  margin-left: 15px;
}
.proddesc p {
  color: #a1a1a1;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 50px;
}
.proddesc .ship {
  display: flex;
  align-items: center;
  gap: 25px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  height: 60px;
  margin-top: 45px;
}
.proddesc .prodreturns {
  display: flex;
  align-items: center;
  gap: 25px;
  border-bottom: 1px solid black;
  height: 60px;
}
.proddesc .ship span,
.proddesc .prodreturns span {
  font-size: 15px;
  font-weight: 400;
}
.proddesc .ship img,
.proddesc .prodreturns img {
  width: 40px;
}
.quan span {
  font-weight: 500;
  font-size: 18px;
}
.quan {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}
.quan > div {
  display: flex;
  justify-content: space-between;
  width: 60px;
  user-select: none;
}
.buybuts {
  display: flex;
  justify-content: space-between;
}
.buybuts button {
  height: 60px;
  background-color: #06382a;
  color: white;
  display: flex;
  justify-content: space-between;
  border: 1px solid #06382a;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px;
  cursor: pointer;
}
.buybuts button:hover {
  background-color: white;
  color: #06382a;
  transition: 0.3s;
}
.bnow {
  width: 60%;
}
.atc {
  width: 30%;
  justify-content: center !important;
}
.relproducts > h1 {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 80px;
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
.relproducts .products {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.relproducts {
  padding-bottom: 100px;
  overflow: visible;
}
.relproducts .products {
  overflow: visible;
}
.relproducts .products .productsy {
  overflow: visible;
}
.relproducts .product {
  box-shadow: 0px 33px 30px rgba(0, 0, 0, 0.04);
  background-color: white;
  overflow: visible;
}
.toprow {
  margin-top: 70px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 700px;
}
.toprowr {
  display: flex;
  align-items: center;
  gap: 15px;
}
.toprowr h5 {
  font-size: 12px;
  font-weight: 400;
  color: #9b9191;
}
.conshop img {
  width: 8px;
}
.conshop span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  width: 150px;
  color: #9b9191;
}
.conshop {
  display: flex;
  gap: 20px;
  align-items: center;
}
.thebag {
  width: 45%;
}
.thebag h2 {
  font-size: 40px;
  font-weight: 400;
  margin-top: 60px;
  margin-bottom: 30px;
}
.thebag .bagprods {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  padding: 40px 0;
}
.thebag .bagprods .bagprod {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.thebag .bagprods .bagprod .bagprodl {
  width: 35%;
  border: 1px solid #ededed;
  flex-shrink: 0;
}
.thebag .bagprods .bagprod img {
  width: 100%;
}
.thebag .bagprods .bagprod h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.thebag .bagprods .bagprod p {
  color: #a1a1a1;
  font-size: 16px;
  font-weight: 400;
}
.bagpage {
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.qtyandpr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.qtyandpr > span {
  color: #818181;
  font-weight: 500;
  font-size: 18px;
}
.qtyandpr .qty > span {
  color: #8d8d8d;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.qtyandpr .qty > div {
  display: flex;
  gap: 8px;
}
.qtyandpr .qty > div span {
  font-size: 16px;
  font-weight: 500;
}
.bagprod {
  position: relative;
}
.bagprod > img {
  width: 16px !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.ordersum {
  height: 500px;
  width: 40%;
  background-color: #f8f8f8;
  margin-top: 60px;
  padding: 25px;
  border-radius: 5px;
}
.ordersum h4 {
  font-size: 22px;
  font-weight: 600;
}
.ordersum .shipto {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.ordersum .shipto h5 {
  font-weight: 400;
  font-size: 14px;
}
.ordersum .shipto button {
  background-color: #06382a;
  border: 1px solid #06382a;
  color: white;
  font-weight: 400;
  font-size: 8px;
  width: 80px;
  height: 25px;
  border-radius: 60px;
  flex-shrink: 0;
}
.ordersum .sub,
.ordersum .tx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.ordersum .sub span,
.ordserum .tx span {
  font-size: 16px;
  font-weight: 400;
}
.ordersum .tx {
  border-bottom: 1px solid black;
  padding-bottom: 20px;
}
.ordersum .tot {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.ordersum .tot span {
  font-size: 18px;
  font-weight: 500;
}
.ordersum > button {
  background-color: #06382a;
  color: white;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #06382a;
  border-radius: 5px;
  margin-top: 70px;
}
.ordersum > span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  font-size: 15px;
  font-weight: 400;
  margin-top: 20px;
  text-align: center;
  color: #9d9999;
}
.ordersum .shipto h5 b {
  font-weight: 500;
  font-size: 16px !important;
}
.selecteda,
.selectedb {
  position: relative;
  display: inline-block;
  font-weight: 700 !important;
}
.selecteda::after,
.selectedb::after {
  content: "";
  width: 50%;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  height: 2px;
}
.selecteda::after {
  background-color: #06382a;
}
.selectedb::after {
  background-color: white;
}
header .navlinks a,
header .navlinksh a {
  position: relative;
}
header .navlinks a::before,
header .navlinksh a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  transition: transform 0.3s ease-out;
  transform-origin: bottom right;
  transform: scaleX(0);
}
header .navlinks a::before {
  background-color: #06382a;
}
header .navlinksh a::before {
  background-color: white;
}
header .navlinks a:hover:not(.selecteda)::before,
header .navlinksh a:hover:not(.selectedb)::before {
  transform: scaleX(1);
}
.prodTypes span::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: black;
  position: absolute;
  bottom: -0.5em;
  transition: transform 0.3s ease-out;
  transform-origin: bottom right;
  transform: scaleX(0);
}
.prodTypes span:hover:not(.selectedType)::before {
  transform: scaleX(1);
}
.dispno {
  display: none !important;
}
.loginout,
.signupout {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(6, 56, 42, 0.5);
  backdrop-filter: blur(4px);
  z-index: 1000;
}
.login,
.signup {
  width: 1200px;
  height: 90vh;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  background-color: white;
  display: flex;
  justify-content: space-between;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.changeaddressout,
.changenameout {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(6, 56, 42, 0.5);
  backdrop-filter: blur(4px);
  z-index: 1000;
}
.addedtocartout {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(6, 56, 42, 0.5);
  backdrop-filter: blur(4px);
  z-index: 10000;
}
.changeaddressin,
.changenamein {
  width: 400px;
  height: 530px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  background-color: white;
  border-radius: 10px;
}
.changenamein {
  height: 230px;
}
.addedtocartin {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  width: 400px;
  height: 530px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  transition: 0.3s;
  background-color: white;
  border-radius: 10px;
}
.addedtocartin h2 {
  font-size: 30px;
  font-weight: 500;
  color: #06382a;
  text-align: center;
  margin-top: 40px;
}
.addedtocartin .addedtocartimg {
  width: 200px;
  height: 200px;
  position: absolute;
  object-fit: cover;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}
.addedtocartin a,
.addedtocartin button {
  width: 250px;
  border-radius: 40px;
  background-color: #06382a;
  color: white;
  font-size: 20px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  height: 45px;
  line-height: 45px;
  border: 1px solid #06382a;
  cursor: pointer;
}
.addedtocartin a:hover,
.addedtocartin button:hover {
  background-color: #014a36;
}
.changeaddressin img,
.changenamein img,
.addedtocartin > .addedtocartx {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.changeaddressin img:hover,
.changenamein img:hover,
.addedtocartin > .addedtocartx:hover {
  rotate: 90deg;
}
.pagenum {
  margin-top: 30px;
}
.pagenum span {
  display: block;
  text-align: center;
}
.progressBar {
  margin-top: 20px;
  position: relative;
}
.progressBarBold {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background-color: #06382a;
  z-index: 10;
  top: -1.5px;
}
.progressBarFaint {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #a5c4bc;
}
.pagenum button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  height: 40px;
  margin-top: 45px;
  border-radius: 30px;
  background-color: #06382a;
  color: white;
  font-size: 16px;
  border: 1px solid #06382a;
  cursor: pointer;
  transition: 0.3s;
}
.pagenum button:hover {
  background-color: #0e5c46;
}
.filtersandrecssecond {
  display: none;
}
.imgline {
  width: 50%;
  position: absolute;
  bottom: -1px;
  height: 3px;
  background-color: #014a36;
  transition: 0.2s;
}
@keyframes animatetop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
header .proflinks .curout img {
  transition: 0.5s;
}

.login .logintext,
.signup .signuptext {
  width: 40%;
  padding-left: 35px;
}
.signup .signuptext {
  padding-left: 35px;
}
.login .logintext h4 {
  margin-top: 22vh !important;
  margin-bottom: 80px;
  font-size: 24px;
  font-weight: 700;
}
.signup .signuptext h4 {
  font-size: 24px;
  font-weight: 700;
}
.login .logintext label,
.signup .signuptext label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px;
  display: block;
}
.login .logintext input,
.signup .signuptext input {
  width: 400px;
  height: 40px;
  padding: 12px 16px;
  margin-bottom: 24px;
  border: 1px solid #cccccc;
  box-shadow: 0px 2px 2px 2px rgba(204, 204, 204, 0.1);
  border-radius: 5px;
}
.login .logintext button,
.signup .signuptext button {
  color: white;
  background-color: #27485d;
  border: 1px solid #284a5e;
  box-shadow: 0px 2px 2px 2px rgba(204, 204, 204, 0.1);
  border-radius: 5px;
  width: 400px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
#html_element {
  width: 400px;
}
.signup .signuptext button {
  position: absolute;
  top: 400px;
  left: 0;
}
.logintext form button:hover,
.signuptext form button:hover {
  background-color: #1f3a4b;
}
.login .logintext > span,
.signup .signuptext > span {
  color: #c4c4c4;
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
  display: block;
  text-align: center;
  width: 400px;
}
.signup .signuptext > span {
  position: absolute;
  top: 610px;
}
.login .logintext span span,
.signup .signuptext span span {
  margin-left: 10px;
  color: #476d73;
  cursor: pointer;
}
.login .loginimg,
.signup .signupimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 55%;
  position: relative;
}
.login .loginimg h1,
.signup .signupimg h1 {
  font-size: 60px;
  font-weight: 700;
  color: #e4e4e4;
}
.login .loginimg h6,
.signup .signupimg h6 {
  font-size: 16px;
  font-weight: 700;
  color: white;
}
.login .loginimg div,
.signup .signupimg div {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
.prof {
  cursor: pointer;
}
.logintext form {
  position: relative;
}
.signup .signuptext {
  height: 100%;
}
.signuptext form {
  position: absolute;
  top: 180px;
}
.logintext form img {
  position: absolute;
  right: 55px;
  top: 123px;
  cursor: pointer;
}
.signuptext form img {
  position: absolute;
  right: 15px;
  top: 127px;
  cursor: pointer;
}
.signup .signuptext h4 {
  position: absolute;
  top: 80px;
}
.signuptext form img {
  top: 288px;
}
.curout {
  display: block;
  position: relative;
}
.curdropdown {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  position: absolute;
  top: calc(50% + 22px);
}
.curdropdown {
  z-index: 1000;
}
.curdropdown div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 54px;
  border-bottom: 1px solid white;
}
.curdropdown div span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.curdropdown div span:hover {
  font-weight: 600;
}
.searchdiv {
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;
  height: 650px;
  z-index: 50;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.searchdiv .searchbar input {
  margin-top: 70px;
  margin-bottom: 90px;
  outline: none;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #c1c0c0;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 5px 30px;
}
.searchdiv .searchbar {
  position: relative;
}
.searchdiv .searchbar img {
  width: 15px;
  position: absolute;
  left: 7.5%;
  top: 7px;
}
.relatedsearch .relatedsearchproduct h2 {
  margin-bottom: 12px;
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 37px;
  text-align: center;
}
.relatedsearch {
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.relatedsearchproduct img {
  width: 250px !important;
  height: 250px;
  object-fit: cover;
  border: 1px solid #ededed;
  box-shadow: 0px 33px 30px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}
.ch {
  background-color: #06382a;
  border-radius: 7px;
}
.ch1 {
  background-color: #06382a;
  border-radius: 7px;
  padding: 5px;
}
.homebut {
  margin-left: 50px;
  width: 100px;
}
.cartouter {
  display: flex;
  justify-content: space-between;
}
.cartmain {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.continueshop1 {
  display: none !important;
}
.cartleft {
  width: 600px;
}
.cartright {
  width: 500px;
}
.cartleft h1 {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 20px;
}
.cartleftbottom {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
}
.continueshop,
.continueshop1 {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 30px;
}
.continueshop img,
.continueshop1 img {
  display: block;
  width: 20px;
  flex-shrink: 0;
}
.continueshop span,
.continueshop1 span {
  color: #9b9191;
  font-size: 14px;
  font-weight: 400;
}
.bagcont {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
}
.bagcont > .rembag {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -10px;
  width: 30px;
  height: auto;
}
.bagcont > .bagprodimg {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border: 1px solid #ededed;
  border-radius: 10px;
}
.dets {
  width: 300px;
}
.dets h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.dets h6 {
  color: #a1a1a1;
  font-size: 16px;
  font-weight: 400;
}
.dets > div {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 300px;
  align-items: center;
}
.dets .quant h7 {
  color: #8b8b8b;
  font-size: 16px;
  font-weight: 500;
}
.dets > div span {
  color: #8b8b8b;
  font-size: 16px;
  font-weight: 500;
}
.quant > div {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
}
.top30 {
  margin-top: 30px;
}
#qty {
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  background-color: white;
  border: none;
}
.rel {
  position: relative;
}
.qtyopts {
  position: absolute;
  z-index: 1000;
  bottom: -125px;
  left: -5px;
  background-color: white;
  border: 1px solid rgb(145, 145, 145);
  border-radius: 8px;
  cursor: pointer;
}
.qtyopts span {
  display: block;
  padding: 5px;
}
.qtyopts span:hover {
  color: #575757;
}
.qnum {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.dis {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.re {
  visibility: visible;
  opacity: 1;
  transition: 0.2s;
}
.cartnavigation {
  margin-top: 25px;
  display: flex;
  gap: 15px;
}
.cartnavigation a,
.cartnavigation span {
  color: #9b9191;
  font-size: 12px;
  font-weight: 400;
}
.ordersummary {
  background-color: #f8f8f8;
  border-radius: 20px;
  margin-top: 50px;
  padding: 25px;
  position: relative;
}
.ordersum1 {
  transition: 0.3s;
}
.ordersum2 {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 350px;
  transform: translateX(-50%);
  transition: 0.3s;
}
.ordersum2 h4 {
  text-align: center;
}
.ordersum2 a {
  display: flex;
  gap: 10px;
  width: 250px;
  height: 40px;
  color: white;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
#paypal-button-container {
  width: 250px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.ordersum2a1 {
  background-color: #0e5c46;
  margin-top: 50px;
}
.ordersum2a2 {
  background-color: #006ead;
}
.ordersum2a3 {
  background-color: rgb(186, 122, 1);
}
.ordersum2a1:hover {
  background-color: #084634;
}
.ordersum2a2:hover {
  background-color: #056197;
}
.ordersum2a3:hover {
  background-color: rgb(151, 98, 0);
}
.ordersum2 a img {
  width: 20px;
}
.ordersum2 a span {
  display: block;
}
.shipto span {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.ordersummary h4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ordersummary h6 {
  font-size: 14px;
  font-weight: 600;
}
.shipto {
  width: 70%;
}
.ordersummary .ordersum1 div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.marbo30 {
  margin-bottom: 30px;
}
.marbo30 button {
  flex-shrink: 0;
  font-size: 8px;
  font-weight: 400;
  width: 90px;
  height: 25px;
  border-radius: 25px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #094d3a;
  border: 1px solid #094d3a;
  cursor: pointer;
  text-align: center;
  line-height: 25px;
}
.marbo30 button:hover {
  background-color: #0c4334;
}
.taxline {
  height: 1px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  margin-top: 25px;
  margin-bottom: 25px;
}
.ordersummary .ordersum1 > button {
  width: 100%;
  height: 60px;
  display: flex;
  line-height: 60px;
  text-align: center;
  color: #06382a;
  font-size: 18px;
  display: block;
  border: 1px solid #06382a;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
}
.ordersummary .ordersum1 > button:hover {
  background-color: #094d3a;
  color: white;
  transition: 0.3s;
}
.decquan {
  cursor: pointer;
}
.incquan {
  cursor: pointer;
}
.profmain {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}
.profmain h2 {
  font-size: 35px;
  font-weight: 400;
  margin-top: 90px;
  font-style: italic;
}
.profmain h1 {
  margin-top: 50px;
  font-size: 50px;
  font-weight: 400;
}
.profopts {
  margin-top: 35px;
  display: flex;
  gap: 90px;
  padding-bottom: 5px;
  border-bottom: 1px solid #252525;
  width: 100%;
}
.profopts span {
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
}
.profopts span:hover {
  color: #06382a;
}
.sele {
  font-weight: 600 !important;
  letter-spacing: -0.43px;
}
.profmain form {
  margin-top: 30px;
}
.profmain form label,
.changeaddressin form label,
.changenamein form label {
  margin-bottom: 9px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #c1c1c1;
}
.profmain form label,
.profmain form input,
.changeaddressin form label,
.changeaddressin form input,
.changenamein form label,
.changenamein form input {
  display: block;
}
.profmain form input,
.changeaddressin form input,
.changenamein form input {
  border-top: 0px;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid black;
  width: 450px;
  padding-bottom: 5px;
}
.changeaddressin form input,
.changenamein form input {
  width: 300px;
}
.profmain form input:focus,
.changeaddressin form input:focus,
.changenamein form input:focus {
  outline: none;
}
.profmain form button,
.changeaddressin form button,
.changenamein form button {
  background-color: #094f3b;
  width: 450px;
  height: 60px;
  border-radius: 10px;
  margin-top: 50px;
  color: white;
  border: 1px solid #094d3a;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.changeaddressin form button,
.changenamein form button {
  width: 150px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 30px;
}
.profmain form button:hover,
.changeaddressin form button:hover,
.changenamein form button:hover {
  background-color: #06382a;
  border: 1px solid #094d3a;
  transition: 0.2s;
}
.changeaddressin form,
.changenamein form {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
}
.changeaddressin form label,
.changenamein form label {
  display: inline-block;
}
#personal,
#addres,
#orders {
  display: flex;
  gap: 300px;
  align-items: center;
}
#personal img,
#addres img,
#orders img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.ridof {
  opacity: 0;
  visibility: hidden;
}
.bagconts .bagcont .rembag {
  transition: 0.3s;
}
.bagconts .bagcont .rembag:hover {
  rotate: 90deg;
}
#orders .bagconts {
  width: 700px;
}
.giftright button:hover {
  border: 1px solid #06382a;
  color: white;
  background-color: #06382a;
  cursor: pointer;
  transition: 0.3s;
}
.giftright button:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(123deg) brightness(122%)
    contrast(116%);
  transition: 0.3s;
}
.fineright button:hover {
  background-color: white;
  color: #06382a;
  cursor: pointer;
  transition: 0.3s;
}
.fineright button:hover img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(11%) saturate(3433%) hue-rotate(115deg) brightness(97%)
    contrast(95%);
  transition: 0.3s;
}
.basic button:hover {
  background-color: #084b38;
  border: 1px solid #084b38;
  color: white;
  transition: 0.3s;
  cursor: pointer;
}
.basic button:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(301deg) brightness(112%)
    contrast(97%);
  transition: 0.3s;
}
.ourprods {
  margin-bottom: 80px;
}
.ourprod {
  box-shadow: 0px 33px 30px 0px rgba(0, 0, 0, 0.04);
}
.vis {
  visibility: hidden;
  opacity: 0;
}
.hamlinks {
  position: absolute;
}
.borderbot {
  border-bottom: 1px solid white;
}
.to30 {
  margin-top: 30px;
}
.relatedsearchproduct img,
.relatedsearchproduct h2 {
  cursor: pointer;
}
.curvedText {
  width: 90px;
}
.cucu {
  display: none;
}
.basic {
  padding: 20px;
}
.lang3 {
  transition: 0.5s;
}
.cartnavigation a:hover,
.continueshop span:hover,
.toprod a:hover {
  color: #858080;
}
.turnarr {
  transform: rotate(180deg);
}
.qnum img {
  transition: 0.3s;
}
.prno,
.ordersummary span,
.product span,
.prodimgmob {
  display: none;
}
.signup1,
.signup2,
.signup3 {
  transition: 0.3s;
}
.signuptext {
  position: relative;
}
.vishidden {
  visibility: hidden;
  opacity: 0;
}
.visvisible {
  visibility: visible;
  opacity: 1;
}
.signup1 span,
.signup2 span,
.signup3 span,
.logintext form span {
  color: red;
  font-size: 11px;
  font-weight: 400;
  display: block;
  margin-top: -15px;
  margin-bottom: 10px;
}
#addres span {
  color: red;
  font-size: 11px;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
}
.signup3h {
  margin-top: 20px;
}
.signup3f {
  margin-top: 20px;
}
#exit a {
  width: 200px;
  height: 50px;
  font-size: 20px;
  background-color: #06382a;
  color: white;
  font-weight: 400;
  border: 1px solid #06382a;
  border-radius: 50px;
  margin-top: 50px;
  cursor: pointer;
  display: block;
  text-align: center;
  line-height: 50px;
}
#exit a:hover {
  background-color: #04241b;
}
#personal form h3,
#address form h3 {
  font-size: 20px;
  font-weight: 600;
}
.langdropdown {
  right: 35px;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #084b38;
  border-radius: 30px;
  width: 150px;
  height: 35px;
  margin-top: 50px;
  margin-left: auto;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 100px;
}
.pagination a {
  display: flex;
  align-items: center;
}
.pagination img {
  width: 20px;
}
.pagination div {
  border: 1px solid #084b38;
  height: 35px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.pagination div span {
  font-size: 16px;
  font-weight: 500;
}
.pagenum {
  display: none;
}
.visno {
  visibility: hidden;
  opacity: 0;
}
.checkmark {
  width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.successh3 {
  text-align: center;
  margin-top: 20px;
  font-size: 25px;
  font-weight: 500;
  color: #06382a;
}
.success {
  height: max(400px, calc(100vh - 457px));
  position: relative;
}
.success div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ho:hover {
  color: #511bae !important;
}
.ordernumnum h3 {
  font-weight: 600;
  font-size: 20px;
}
.ordernumnum span {
  font-weight: 400;
  font-size: 20px;
}
.privacy {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 30px;
}
.reset-container {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.reset-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 24px;
}
.reset-intro {
  color: #6b6b6b;
  font-size: 16px;
  margin-bottom: 14px;
}
.reset-form,
.reset-step {
  display: block;
  margin-top: 8px;
}
.reset-form label,
.reset-step label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #002c20;
  margin-top: 14px;
  margin-bottom: 6px;
}
.reset-form input,
.reset-step input {
  width: 100%;
  height: 44px;
  padding: 12px 14px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.reset-btn {
  width: 100%;
  height: 44px;
  margin-top: 16px;
  border-radius: 8px;
  background-color: #06382a;
  border: 1px solid #06382a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.reset-btn:hover {
  background-color: #084d39;
  border-color: #084d39;
}
.reset-note {
  display: block;
  margin-top: 10px;
  color: #6b6b6b;
  font-size: 13px;
}
@media (max-width: 700px) {
  .reset-card {
    padding: 18px;
    border-radius: 8px;
  }
}
.ret,
.cartmain {
  min-height: calc(100vh - 450px);
}
.privacy h1,
.privacy h2 {
  color: #002c20;
}
.privacy h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 38px;
  font-weight: 700;
}
.privacy h2 {
  margin-bottom: 15px;
  margin-top: 16px;
}
.privacy p {
  margin-bottom: 16px;
}
.privacy ul {
  margin-bottom: 25px;
  margin-left: 15px;
}
.privacy li {
  margin-bottom: 5px;
}
.privacy p {
  font-size: 16px;
  font-weight: 400;
}
.anchor {
  color: blue;
}
.anchor:hover {
  color: rgb(66, 0, 171);
}
.showno {
  opacity: 0;
  visibility: hidden;
  position: fixed;
}
.prodcross {
  background-color: white;
  border: 1px solid #002c20;
  border-radius: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 35px;
  cursor: pointer;
  z-index: 10;
}
.imgnum {
  width: 42px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #002c20;
  position: absolute;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
  color: #002c20;
  left: 8px;
  top: calc(50% + 365px);
}
.adminordersmain {
  padding: 30px;
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.adminordersmain h1 {
  font-size: 30px;
  font-weight: 600;
  color: #002c20;
}
.prodreviews {
  margin-top: 50px;
  margin-bottom: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-top: 50px;
  padding-bottom: 50px;
}
.prodreviews h1 {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 80px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
}
.prodreviewsin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prodreviewsin .prodreviewsl,
.prodreviewsin .prodreviewsr {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #adadad;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: 0.2s;
}
.prodreviewsin .prodreviewsl:hover,
.prodreviewsin .prodreviewsr:hover {
  border: 1px solid #002c20;
}
.prodreviewsin .prodreviewsl img,
.prodreviewsin .prodreviewsr img {
  width: 15px;
}
.prodreviewsboxes {
  position: relative;
  width: 950px;
  height: 240px;
}
.prodreviewsboxes .reviewleftbe {
  left: -2000px;
}
.prodreviewsboxes .reviewleftcur {
  left: 0px;
}
.prodreviewsboxes .reviewleftcur1 {
  left: 500px;
}
.prodreviewsboxes .reviewleftaf {
  left: 2000px;
}
.prodreviewsboxes .prodreviewsbox {
  top: 0;
  position: absolute;
  width: 450px;
  height: 240px;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 20px;
  transition: 0.3s;
}
.prodreviewsboxes .prodreviewsbox h3 {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 7px;
}
.prodreviewsboxes .prodreviewsbox .stardiv {
  width: 120px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.prodreviewsboxes .prodreviewsbox .stardiv img {
  width: 20px;
}
.prodreviewsboxes .prodreviewsbox p {
  color: #a1a1a1;
  font-size: 16px;
  font-weight: 400;
}
.prodreviews button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 160px;
  height: 40px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid #002c20;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.prodreviews button span {
  color: #002c20;
  font-size: 16px;
  font-weight: 400;
  transition: 0.2s;
}
.prodreviews button img {
  width: 18px;
}
.relprodla {
  display: none;
}
.reviewsout {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
.reviewsin {
  width: 800px;
  height: 500px;
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 20px;
}
.reviewsin h5 {
  font-size: 60px;
  text-align: center;
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
}
.reviewsin .writereviewstars {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  width: 300px;
}
.reviewsin .writereviewstars img {
  width: 40px;
  margin-top: 20px;
  cursor: pointer;
}
.reviewsin form {
  margin-top: 50px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.reviewsin form textarea {
  width: 100%;
  height: 150px;
  resize: none;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #002c20;
}
.reviewsin form button {
  width: 120px;
  height: 40px;
  font-size: 18px;
  background-color: #002c20;
  border: 1px solid #002c20;
  color: white;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: block;
  cursor: pointer;
  transition: 0.2s;
}
.reviewsin form button:hover {
  background-color: white;
  color: #002c20;
}
.prodreviewsbox span {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 5px;
  display: block;
  color: #002c20;
}
.product img:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.02);
}
.titlestars {
  display: flex;
  justify-content: space-between;
  width: 130px;
  margin-top: 15px;
}
.titlestars img {
  width: 22px;
}
.prodimg {
  position: relative;
}
.img-zoom-container {
  position: relative;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 200px;
  height: 200px;
  visibility: hidden;
  opacity: 0;
}

.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 350px;
  height: 350px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: calc(min(50vw, 650px) + 30px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.top20 {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .hamburger {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .prodreviewsboxes .reviewleftbe {
    left: -2000px;
  }
  .prodreviewsboxes .reviewleftcur {
    left: 50%;
    transform: translateX(-50%);
  }
  .prodreviewsboxes .reviewleftcur1 {
    left: 2000px;
  }
  .prodreviewsboxes .reviewleftaf {
    left: 2000px;
  }
  .relprodla {
    display: block;
  }
  .langdropdown {
    right: 95px;
  }
  .prodimg > img {
    width: 44vw;
    height: 44vw;
  }
  .buybuts button {
    font-size: 16px;
    font-weight: 500;
  }
  #personal,
  #addres {
    gap: 24vw;
  }
  #personal img,
  #addres img {
    width: 20vw;
    height: 20vw;
  }
  .continueshop {
    display: none;
  }
  .ordersummary {
    margin-top: 20px;
  }
  .continueshop1 {
    display: flex !important;
  }
  .cartleft {
    margin-top: 50px;
  }
  .cartouter {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .cartleft {
    width: 500px;
  }
  .cartleft h1 {
    font-size: 30px;
  }
  .dets > div {
    width: 200px;
  }
  .dets {
    width: 200px;
  }
  .dets h4 {
    font-size: 17px;
  }
  .dets h6 {
    font-size: 14px;
  }
  .dets .quant h7 {
    font-size: 14px;
  }
  .dets > div span {
    font-size: 14px;
  }
  .cartnavigation {
    display: none;
  }
  .products30 {
    padding: 0 calc(50vw - 450px) !important;
  }
  .prods {
    font-size: 65px;
  }
  .navlinksh {
    display: none !important;
  }
  .review {
    margin-top: 70px !important;
  }
  .backgreenrev {
    height: 43vw;
  }
  .lindreviews > img {
    width: 65vw;
    height: 42.6vw;
  }
  .finejewleryouter {
    display: none;
  }
  .giftguide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .giftr {
    width: 120px;
  }
  .giftleft {
    height: 500px;
  }
  .giftleft img:nth-child(1) {
    width: 400px;
  }
  .giftleft img:nth-child(3) {
    display: none;
  }
  .giftmod {
    width: 550px;
    height: 420px;
    left: -90px;
  }
  .greenback {
    height: 570px;
  }
  .giftright h1 {
    font-size: 50px;
  }
  .mleft {
    display: none;
  }
  .modelimg h1 {
    font-size: 50px;
  }
  .modelimg .pierretext {
    top: 30%;
    right: -80px;
  }
  .sh {
    margin-top: 10px;
  }
  .modelimg h4 {
    margin-top: 10px;
  }
  .modelimg {
    width: 750px;
    height: 500px;
  }
  .searchdiv .searchbar input {
    margin-bottom: 5vw;
  }
  .relatedsearchproduct img {
    width: 17vw !important;
  }
  .relatedsearch .relatedsearchproduct h2 {
    font-size: 2.8vw;
  }
  .login,
  .signup {
    width: 700px !important;
  }
  .navlinks {
    display: none !important;
  }
  .hamburger {
    width: 30px;
    margin-left: 10px;
    cursor: pointer;
  }
  .hamburgerline {
    width: 30px;
    border: 1.5px solid white;
    height: 1px;
    display: block;
    margin-bottom: 10px;
  }
  .hamham {
    margin-top: 33px;
  }
  .proflinks {
    width: 330px !important;
  }
  .hamlinks {
    background-color: #06382a;
    height: 370px;
    width: 430px;
    right: 0;
    top: 0;
    z-index: 10000;
    border-bottom-left-radius: 5px;
    transition: 0.3s;
  }
  .hamlinks a {
    font-weight: 500 !important;
    font-size: 16px;
    color: white;
    text-decoration: none;
  }
  .hamlinks div {
    height: 60px;
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .curdrop1 {
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    position: absolute;
    display: block !important;
    padding: 0 !important;
  }
  .curdrop1 span {
    cursor: pointer;
  }
  .curdrop1 div {
    display: block;
    padding: 0 !important;
    background: #06382a;
    z-index: 10000;
    height: 30px !important;
  }
  .langdrop1 {
    top: 40px;
    background-color: #06382a;
    height: 0px !important;
    padding: 0px !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    position: absolute;
    display: block !important;
    left: 50%;
    transform: translateX(-4%);
  }
  .langdrop1 div {
    display: block !important;
    height: 30px !important;
    cursor: pointer;
  }
  .to10 {
    margin-top: 10px;
  }
  .hamlinks > span {
    font-size: 22px !important;
    font-weight: 500 !important;
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .langdropdown {
    right: 104px;
  }
  .login .logintext input,
  .signup .signuptext input {
    width: 230px;
  }
  .login .logintext button,
  .signup .signuptext button {
    width: 230px;
  }
  #html_element {
    transform: scale(0.75);
    margin-left: -50px;
  }
  .login .logintext span,
  .signup .signuptext span {
    width: 230px;
    font-size: 13px;
  }
  .logintext form img {
    right: 25px;
  }
  .signuptext form img {
    right: 15px;
  }
  .login .loginimg h1,
  .signup .signupimg h1 {
    font-size: 40px;
  }
}
@media (max-width: 1000px) {
  #personal img,
  #addres img {
    display: none;
  }
  .products30 {
    padding: 0 30px !important;
  }
  .prods {
    font-size: 60px;
  }
  .mleft {
    display: none;
  }
  .modelimg h1 {
    font-size: 50px;
  }
  .modelimg .pierretext {
    top: 30%;
    right: -100px;
  }
  .sh {
    margin-top: 10px;
  }
  .modelimg h4 {
    margin-top: 10px;
  }
  .modelimg {
    width: 550px;
    height: 350px;
    background-size: 700px;
  }
  .circletext {
    width: 50px;
    height: 50px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.5);
    bottom: 30px;
  }
  .circletext .curvedText {
    display: none;
  }
}
@media (max-width: 860px) {
  .reviewsin {
    width: 500px;
    height: 400px;
  }
  .reviewsin h5 {
    font-size: 45px;
  }
  .reviewsin .writereviewstars {
    width: 200px;
  }
  .reviewsin .writereviewstars img {
    width: 30px;
  }
  .reviewsin form {
    width: 350px;
  }
  .reviewsin form textarea {
    height: 120px;
  }
  .productsy {
    justify-content: center;
  }
}
@media (max-width: 820px) {
  .relproduct {
    width: 220px;
    position: relative;
    height: 390px;
  }
  .relproduct img {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 800px) {
  .relproducts {
    padding-bottom: 20px;
  }
  .relproducts > h1 {
    font-size: 70px;
  }
  .prodreviews h1 {
    font-size: 70px;
  }
  .productfooter {
    padding-bottom: 90px;
  }
  .proddesc h1 {
    font-size: 26px;
  }
  .buy2 {
    display: flex !important;
  }
  .buy1 {
    display: none;
  }
  .buybuts {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: white;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 1;
  }
  .mobsearchdiv {
    top: 120px;
  }
  .pagination {
    display: none;
  }
  .pagenum {
    display: block;
  }
  .profopts {
    display: block;
  }
  .profopts span {
    display: block;
    margin-bottom: 20px;
  }
  .prodimganddesc {
    display: block;
  }
  .prodimgmob {
    height: 700px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  .prodimgmob .chev {
    width: 30px;
    height: 30px;
  }
  .chevouterl,
  .chevouterr {
    z-index: 1;
    background-color: white;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .chevouterl {
    left: 20px;
  }
  .chevouterr {
    right: 20px;
  }
  .proddesc {
    display: block;
  }
  .pr,
  .pr1 {
    width: 100%;
    height: 700px;
    object-fit: cover;
    position: absolute;
    transition: 0.3s;
  }
  .pr1 {
    position: fixed;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
  }
  .prodimgmobenlarge {
    background-color: #f9f9f9;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 2;
  }
  .fr,
  .fr1 {
    transform: translateX(150%);
  }
  .sel {
    transform: translateX(0);
  }
  .be {
    transform: translateX(-150%);
  }
  .rchevron {
    rotate: 180deg;
  }
  .chev {
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
  }
  .toprod {
    display: none;
  }
  .prodimg {
    display: none;
  }
  .fh4 {
    display: none;
  }
  .ffooter h4 {
    width: 100px;
  }
  .di {
    display: none;
  }
  .rindreviews .review {
    margin-top: 10vw !important;
  }
  .material {
    padding-bottom: 300px;
  }
  .lindreviews img {
    position: absolute !important;
    top: -40vw;
  }
  .rindreviews {
    width: 60%;
    margin-left: auto;
  }
  .backgreenrev {
    width: 100% !important;
    right: 0 !important;
    left: auto;
  }
  .material h1 {
    font-size: 50px;
  }
  .materialim {
    width: 80vw;
  }
  .giftleft img:nth-child(1) {
    width: 55vw;
  }
  .giftmod {
    width: 70vw;
    height: 56vw;
    left: -10vw;
  }
  .giftguide {
    display: block;
    position: relative;
    height: 125vw;
  }
  .gl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .gr {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 75vw;
  }
  .ourprodsout {
    margin-bottom: 300px;
  }
  .basic {
    margin-top: 0px;
  }
  .basic > h1 {
    font-size: 45px;
    margin-bottom: 10px;
  }
  .greenback {
    height: 500px;
  }
  .modelimg {
    width: 500px;
    height: 350px;
    background-size: 500px;
  }
  .modelimg h1 {
    font-size: 35px;
  }
  .modelimg h4 {
    font-size: 12px;
    width: 250px;
  }
  .modelimg .pierretext {
    right: -50px;
  }
  .sh {
    font-size: 14px !important;
  }
  .sh:hover {
    font-size: 16px !important;
  }
  .circletext {
    bottom: 70px;
  }
}
@media (max-width: 650px) {
  .prodreviewsboxes {
    height: 310px;
  }
  .prodreviewsboxes .prodreviewsbox {
    width: 300px;
    height: 310px;
  }
  .profopts {
    gap: 60px;
  }
  .profmain h1 {
    display: none;
  }
  .filtersecondop {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border: 1px solid #06382a;
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    width: 200px;
    transition: 0.3s;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
  }
  .recssecond {
    position: relative;
  }
  .recsecondop {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border: 1px solid #06382a;
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    width: 200px;
    transition: 0.3s;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
  }
  .filterssecond h4 img,
  .recssecond h4 img {
    transition: 0.3s;
  }
  .filtersecondop div,
  .recsecondop div {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    display: block;
  }
  .recsecondop div input,
  .recsecondop div label {
    cursor: pointer;
  }
  .filtersandrecs {
    display: none;
  }
  .filtersandrecssecond {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #06382a;
    border-bottom: 1px solid #06382a;
  }
  .dividingwall {
    height: 20px;
    border-right: 1px solid #06382a;
  }
  .filterssecond {
    position: relative;
    height: 50px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recssecond {
    height: 50px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .filterssecond h4,
  .recssecond h4 {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .prods {
    font-size: 50px;
  }
  .ffooter:nth-child(2n) {
    display: none;
  }
  .lindreviews img {
    width: 80vw;
    height: 52.4vw;
    top: -50vw;
  }
  .rindreviews {
    width: 80%;
  }
  .backgreenrev {
    height: 50vw;
  }
  .giftright h1 {
    font-size: 40px;
  }
  .ourprodsout {
    margin-bottom: 250px;
  }
  .curout {
    z-index: 1000000;
  }
  .curout .cucu,
  .hamlinks .cucu {
    display: block !important;
  }
  .login,
  .signup {
    width: 400px !important;
    padding: 50px;
    display: flex;
    align-items: center;
  }
  .login .logintext h4 {
    margin-top: 0px !important;
    margin-bottom: 50px;
  }
  .login .logintext,
  .signup .signuptext {
    width: 100%;
  }
  .logintext form img {
    right: 45px;
  }
  .signuptext form img {
    right: 15px;
  }
  .signupout .signup .signuptext h4 {
    margin-top: 0 !important;
  }
  .loginimg,
  .signupimg {
    display: none;
  }
  .lang {
    display: none !important;
  }
  .cur {
    display: none !important;
  }
  .greenback {
    width: 300px;
  }
  .proflinks {
    width: 250px !important;
  }
  .hamlinks {
    width: 300px;
    height: 370px;
  }
}
@media (max-width: 600px) {
  .relproducts > h1 {
    font-size: 60px;
  }
  .prodreviews h1 {
    font-size: 60px;
  }
  .ordernumnum h3 {
    font-size: 17px;
  }
  .ordernumnum span {
    font-size: 17px;
  }
  .dets h4 {
    font-size: 14px;
  }
  .materialim {
    width: 90vw;
  }
  .signup .signuptext button {
    top: 350px;
  }
  .signup .signuptext > span {
    top: 570px;
  }
  .signup .signuptext h4 {
    font-size: 22px;
  }
  #orders img {
    width: 200px;
    height: 200px;
  }
  .cartleft {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .bagcont > .bagprodimg {
    width: 160px;
    height: 160px;
  }
  .cartright {
    width: 100%;
  }
  .ordersummary {
    width: 100%;
  }
  .backgreenrev {
    height: 55vw;
  }
  .giftguide {
    height: 140vw;
  }
  .gr {
    top: 80vw;
  }
  .gr > img {
    width: 45px !important;
  }
  .gr h1 {
    font-size: 30px;
  }
  .gr p {
    width: 220px;
  }
  .ourprodsout {
    margin-bottom: 220px;
  }
  .greenback {
    height: 410px;
  }
  .modelimg {
    width: 350px;
    height: 245px;
    background-size: 350px;
  }
  .modelimg h1 {
    font-size: 22px;
  }
  .modelimg h4 {
    font-size: 10px;
    width: 170px;
  }
  .modelimg .pierretext {
    right: -30px;
  }
  .sh {
    font-size: 15px !important;
  }
  .sh:hover {
    font-size: 14px !important;
  }
  .sh img {
    width: 16px;
  }
  .circletext {
    bottom: 30px;
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 550px) {
  .relproducts > h1 {
    font-size: 55px;
  }
  .relproduct {
    height: 425px;
  }
  .prodreviews h1 {
    font-size: 55px;
  }
  .prodreviews {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .prodreviewsin .prodreviewsr,
  .prodreviewsin .prodreviewsl {
    width: 40px;
    height: 40px;
  }
  .prodreviewsin .prodreviewsr img,
  .prodreviewsin .prodreviewsl img {
    width: 13px;
    height: 13px;
  }
  .profopts {
    gap: 35px;
  }
  .relproduct img {
    width: 150px;
  }
  .relproduct {
    width: 180px;
  }
}
@media (max-width: 500px) {
  .reviewsin {
    width: 300px;
    height: 350px;
  }
  .reviewsin h5 {
    font-size: 35px;
  }
  .reviewsin form {
    width: 250px;
  }
  .reviewsin form textarea {
    height: 100px;
  }
  .reviewsin form button {
    width: 100px;
    height: 35px;
    font-size: 16px;
  }
  .relproducts > h1 {
    font-size: 40px;
    margin-bottom: 40px;
    margin-top: 20px;
  }
  .prodreviews h1 {
    font-size: 40px;
  }
  .imgnum {
    top: calc(50% + 240px);
  }
  .proddesc h1 {
    font-size: 22px;
  }
  .buybuts {
    padding-left: 10px;
    padding-right: 10px;
  }
  .prodimgmob {
    height: 450px;
  }
  .pr,
  .pr1 {
    height: 450px;
  }
  .materialim {
    margin-top: 70px;
    width: 95vw;
  }
  .profmain form {
    width: 95%;
  }
  .profmain form input {
    width: 100%;
  }
  .profmain form button {
    width: 100%;
  }
  .profopts {
    gap: 20px;
  }
  .relatedsearch {
    display: none;
  }
}
@media (max-width: 470px) {
  .relproduct h4 {
    word-break: break-all;
    padding-left: 10px;
    padding-right: 10px;
  }
  .prodreviewsboxes .prodreviewsbox {
    width: 200px;
    height: 460px;
  }
  .prodreviewsboxes {
    height: 460px;
  }
  .relproduct img {
    width: 110px !important;
    height: 200px !important;
  }
  .relproduct {
    width: 120px !important;
    height: 380px;
  }
  .dets h4 {
    font-size: 12px;
  }
  .gr {
    width: 50%;
  }
  .profopts,
  .profopts span {
    display: block;
  }
  .profopts span {
    margin-bottom: 20px;
  }
  .dets {
    width: 130px;
  }
  .dets > div {
    width: 130px;
  }
  .dets .quant h7 {
    display: none;
  }
  .shipto {
    width: 50%;
  }
  .tofooter {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .tofooter > div {
    flex: 1 1 30%;
  }
  .tofooter > div:nth-child(1) {
    flex: 1 1 100% !important;
  }
  .rindreviews .review {
    margin-top: 15vw !important;
  }
  .tfooter h4 {
    text-align: center;
  }
  .ffooter h4 {
    width: 100%;
    text-align: center;
  }
  .tfooter .ty {
    width: 100%;
    text-align: center;
  }
  .ffooter .ty {
    width: 100%;
    text-align: center;
  }
  .backgreenrev {
    height: 75vw;
  }
  .material h1 {
    font-size: 35px;
  }
  .gr {
    top: 85vw;
  }
  .giftguide {
    height: 160vw;
  }
  .gr h4 {
    width: 200px;
  }
  .gr h1 {
    width: 200px;
  }
  .ourprods .ourprod:nth-child(4),
  .prodTypes span:nth-child(4),
  .ourprods .ourprod:nth-child(3) {
    display: none;
  }
  .prodTypes {
    width: 280px;
  }
  .ourprod {
    width: 45%;
  }
  .ourprodsout {
    margin-bottom: 300px;
  }
  .lang {
    display: none !important;
  }
  .cur {
    display: none !important;
  }
  .greenback {
    width: 180px;
  }
  .proflinks {
    width: 160px !important;
  }
}
@media (max-width: 420px) {
  .ordersummary h4 {
    font-size: 21px;
  }
  .login,
  .signup {
    width: 350px !important;
    padding: 50px;
    display: flex;
    align-items: center;
  }
  .login .logintext,
  .signup .signuptext {
    padding-left: 10px;
  }
  .logintext form img {
    right: 20px;
  }
  .dets h4 {
    font-size: 10px;
  }
  .addedtocartin {
    width: 320px;
  }
  .changeaddressin {
    width: 330px;
  }
  .changeaddressin form input {
    width: 270px;
  }
  .changeaddressin form button {
    width: 270px;
  }
  .giftleft img:nth-child(1) {
    width: 65vw;
  }
  .giftmod {
    width: 85vw;
    height: 68vw;
    left: -15vw;
  }
  .gr {
    top: 100vw;
  }
  .giftguide {
    height: 180vw;
  }
  .material {
    padding-bottom: 230px;
  }
  .materialim {
    content: url("./assets/fabergemobile.webp") !important;
  }
  .dets {
    width: 100px;
  }
  .dets > div {
    width: 100px;
  }
  .backgreenrev {
    height: 350px;
  }
}
@media (max-width: 370px) {
  .prodreviewsboxes .prodreviewsbox {
    width: 190px;
    height: 480px;
  }
  .prodreviewsboxes {
    height: 480px;
  }
  .prodreviewsin .prodreviewsl,
  .prodreviewsin .prodreviewsr {
    width: 35px;
    height: 35px;
  }
  .relproducts > h1 {
    font-size: 33px;
  }
  .productsy {
    padding: 0px;
  }
  .signup {
    padding: 30px;
    width: 300px !important;
  }
  .modelimg h4 {
    width: 185px;
  }
  .cartleft {
    padding-left: 5px;
    padding-right: 5px;
  }
  .buybuts button {
    font-size: 14px;
  }
  .gr {
    width: 60%;
  }
  .profmain {
    padding: 0 15px;
  }
}
@media (max-width: 350px) {
  .product {
    width: 330px;
  }
  .product img {
    width: 300px;
    height: 300px;
  }
  .cartmain {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media only screen and (max-height: 750px) and (max-width: 650px) {
  .signup .signuptext h4 {
    top: 30px;
  }
  .signup {
    height: 95vh;
    padding-top: 10px;
  }
  .signuptext form {
    top: 150px;
  }
  .ch2 {
    top: 530px !important;
  }
}
@media only screen and (max-height: 640px) and (max-width: 650px) {
  .signuptext form {
    top: 100px;
  }
  .ch2 {
    top: 480px !important;
  }
}
@media only screen and (max-height: 570px) and (max-width: 650px) {
  .signupout .signup .signuptext h4 {
    margin-top: -20px !important;
  }
  .signuptext form {
    top: 50px;
  }
  .signup .signuptext > span {
    margin-top: -10px;
  }
}
@media only screen and (max-height: 570px) and (max-width: 650px) {
  .signup .signuptext > span {
    margin-top: -50px;
  }
  .signup .signuptext button {
    top: 330px;
  }
}
@media only screen and (max-height: 740px) and (min-width: 650px) {
  .signuptext form {
    top: 145px;
  }
  .signup .signuptext > span {
    top: 530px;
  }
  .signup .signuptext button {
    top: 345px;
  }
}
@media only screen and (max-height: 640px) and (min-width: 650px) {
  .signup .signuptext h4 {
    top: 20px;
  }
  .signuptext form {
    top: 85px;
  }
  .signup .signuptext > span {
    top: 440px;
  }
  .signup .signuptext button {
    top: 330px;
  }
}
@media (max-height: 525px) {
  .imgnum {
    top: calc(50% + 230px);
  }
}
@media (max-height: 500px) {
  .imgnum {
    display: none;
  }
}