/** Shopify CDN: Minification failed

Line 9698:2 "disply" is not a known CSS property
Line 11381:20 "-" can only be used as an infix operator, not a prefix operator

**/
@font-face {
  font-family: "Futura Bk BT";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaBT-Book.woff2?v=1663310475"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaBT-Book.woff?v=1663310475");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura Md BT";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaBT-Medium.woff2?v=1663310997"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaBT-Medium.woff?v=1663310997");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arkibal Rg";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Arkibal-Regular.woff2?v=1663763218"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Arkibal-Regular.woff?v=1663763218");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaStd-Book.woff2?v=1701750816")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaStd-Book.woff?v=1701750816")
      format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura Std";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Futura-Bold.woff2?v=1701750816")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Futura-Bold.woff?v=1701750816")
      format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura Std";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaStd-Heavy.woff2?v=1701750816")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuturaStd-Heavy.woff?v=1701750816")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fuzzy Bubbles";
  src: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuzzyBubbles-Bold.woff2?v=1703062370")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FuzzyBubbles-Bold.woff?v=1703062370")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
}
*,
*:focus {
  outline: none;
}
:root {
  --bg_color: #033432;
}
html {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Futura Bk BT";
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.02em;
  background: #fff;
  color: #2c2e35;
  margin: 0;
  padding: 0px 0 0;
  -webkit-font-smoothing: antialiased;
}
.container {
  width: 100%;
  max-width: 1730px /*1582px*/;
  margin: 0 auto;
  padding: 0px 20px;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 400;
}
.h1,
h1 {
  font-size: 50px;
  line-height: 56px;
}
.h2,
h2 {
  font-size: 40px;
  line-height: 52px;
}
.h3,
h3 {
  font-size: 28px;
  line-height: 32px;
  color: #000;
}
.h4,
h4 {
  font-size: 20px;
  line-height: 26px;
}
.h5,
h5 {
  font-size: 18px;
  line-height: 24px;
}
.h6,
h6 {
  font-size: 14px;
  line-height: 20px;
}
p {
  font-size: 14px;
  line-height: 18px;
}
.align-center {
  align-items: center;
}
.justify-content-end {
  justify-content: end;
}
.justify-space-between {
  justify-content: space-between;
}
a {
  color: #2c2e35;
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
li {
  list-style: none;
}
ul,
ol {
  padding: 0;
}
img {
  max-width: 100%;
}
.w-25 {
  width: 25%;
}
.w-75 {
  width: 75%;
}
.w-50 {
  width: 50% !important;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.m-0 {
  margin: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.ptb-60 {
  padding: 60px 0 !important;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.btn {
  color: #033432;
  line-height: 20px;
  padding: 15px 30px;
  max-width: 350px;
  font-size: 14px;
  font-family: "Futura Bk BT";
  border: 1px solid #033432;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
}
.btn-full {
  width: 100%;
  max-width: 100%;
}
.btn:hover {
  background: #edd1b6;
  border: 1px solid #edd1b6;
  font-weight: bold;
}
.btn:hover a {
  color: #fff;
}
.btn.btn-bg {
  background: #033432;
  color: #fff;
}
.btn.btn-bg:hover {
  background: #edd1b6;
  border: 1px solid #edd1b6;
  color: #033432;
}
.shop_btn {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 0px;
  background-color: transparent;
  text-decoration-line: underline;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
}
input {
  font-family: inherit;
  font-size: 15px;
}
.hidden-xl {
  display: none !important;
}
.visible-xl {
  display: block;
}
.visible-l {
  display: none;
}
.hidden-l {
  display: block;
}
.overflow {
  overflow: hidden;
}
svg {
  vertical-align: middle;
}
.section-title {
  padding: 36px 0;
}
.section-title p {
  margin-top: 10px;
  margin-bottom: 9px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: #7d7d7d;
}
.swiper-buttons {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background-repeat: no-repeat;
  background-size: 25%;
  background-color: #f5f5f5;
  background-position: center;
  padding: 5px;
  border-radius: 50%;
}
.swiper-buttons-left {
  left: 10px;
  right: auto;
  background-image: url("https://puretraces.com/cdn/shop/files/formkit_left-1.svg");
}
.swiper-buttons-right {
  right: 10px;
  left: auto;
  background-image: url("https://puretraces.com/cdn/shop/files/formkit_right.svg?v=1694512431");
}
.swiper-buttons.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
/* .swiper:not(.swiper-initialized) {opacity: 0;} */
.swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0 2px !important;
  bottom: 5px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #033432;
}
.product-i-img-slider .swiper-pagination {
  display: none;
}
/* top-btn */
#top_button {
  display: inline-block;
  cursor: pointer;
  background-color: #033432;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  display: none;
}
#top_button.show {
  opacity: 1;
  visibility: visible;
}
#top_button svg {
  height: 100%;
  margin: auto;
}
/* slider arrows */
.swiper-button-next {
  right: 40px;
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/formkit_right.svg?v=1694512431");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center;
  z-index: 9;
  background-color: #fff;
  background-position: center;
  background-position: center;
  padding: 5px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #dedede;
}
.swiper-button-prev {
  left: auto;
  right: 85px;
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/formkit_left-1.svg");
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  background-color: #fff;
  background-position: center;
  padding: 5px;
  width: 32px !important;
  height: 32px !important;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #dedede;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.6;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
/* bredcrumb */
.bredcrumb {
  padding: 16px 0;
}
.bredcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
.bredcrumb ul li {
  margin-right: 5px;
}
/* welcome popup */
.newslatter-model {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}
.newslatter-model-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.newslatter-model-content .close-popup {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
}
.newslatter-model-content .h2 {
  margin-bottom: 15px;
}
.newslatter-model-content .h2 img {
  max-height: 34px;
}
.news-model-form {
  margin-top: 25px;
}
.news-model-form .form__input-wrapper ::-webkit-input-placeholder {
  color: #fff;
  font-family: Futura Bk BT;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.news-model-form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  border: 1px solid #fff;
  margin: 4px 10px 0 0;
  cursor: pointer;
}
.news-model-form input[type="checkbox"]:checked {
  background-color: #fff;
  font-size: 10px;
  padding: 0;
  width: 18px;
  height: 18px;
}
.news-model-form input[type="checkbox"]:checked:before {
  content: "\2713";
  color: #000;
  padding: initial;
  font-weight: bolder;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  font-size: 14px;
  width: 16px;
}
.news-model-form .form__input-wrapper {
  display: flex;
  align-items: start;
  width: 100%;
}
.news-model-form .form__submit {
  background: #fff;
  color: #2c2e35;
  width: 100%;
  border: 1px solid #fff;
  padding: 13px 30px;
  font-size: 20px;
  margin: 30px auto 0;
}
.news-model-form .form__submit:hover {
  background: transparent;
  color: #fff;
}
.news-model-form .form__input-wrapper input {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 18px;
}

/* header */
.announcement-bar {
  background-color: #033432;
  color: #fff;
  text-align: center;
  padding: 15px;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
/* .announcement-bar p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} */
.announcement-bar p a {
  color: #fff;
  text-decoration: underline;
}
.site_header {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 5px 1px transparent;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.site-i-header {
  width: 100%;
  box-shadow: 0 0 5px 1px transparent;
  transition: all 0.3s ease-in-out;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #fff;
}
.site-i-header.craft-header {
  position: relative;
}
.site_header .header-container {
  padding: 20px 27px 0px;
}
.site_header .site_logo {
  text-align: center;
}
.site_header .site_logo a {
  display: inline-flex;
  line-height: 11px;
  min-height: 26px;
}
.site_header .site_logo img {
  max-height: 26px;
}
.site_header .header_icons {
  justify-content: space-between;
  margin-top: -28px;
  align-items: center;
}
.site_header .left_side_icon {
  gap: 22px;
  align-items: center;
}
.site_header .icon_list {
  display: flex;
  align-items: center;
}
.site_header .icon_list a {
  display: inline-flex;
  gap: 0px;
}
.site_header .icon_list a svg {
  fill: none;
  color: #000;
  height: 18px;
}
.site_header .icon_list a span {
  letter-spacing: -1.2px;
}
.site_header .cart_icon {
  position: relative;
}
.site_header .cart_icon .cart-total-count {
  position: absolute;
  top: -6px;
  width: 15px;
  border-radius: 23px;
  height: 15px;
  background: #000;
  color: #fff;
  font-size: 8px;
  right: -6px;
  z-index: 1;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
span.sp-wishlist-count-header {
  position: absolute;
  top: -6px;
  width: 15px;
  border-radius: 23px;
  height: 15px;
  background: #000;
  color: #fff;
  font-size: 8px;
  right: -10px;
  z-index: 1;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.icon_list.wishlist_icon {
  position: relative;
}
.site_header .header_functions {
  gap: 40px;
}
.site_header .header_menu {
  margin: 0px;
}
.openbtn,
.closebtn {
  display: none;
}
.hide-header #shopify-section-announcement-bar {
  transform: translateY(-48px);
}
.hide-header .site-i-header {
  transform: translateY(-100px);
}

/* menu and megamenu */
/* .menu_item {display: flex;text-align: center;justify-content: center;}
.menu_item > li {padding: 23px 24px 12px;}
.menu_item li a {font-size: 16px;cursor: pointer;}
.menu_wrap span {display: none;}
.mega-menu-title p {font-weight: 700;padding-bottom: 6px;font-size: 15px;}
.menu_item .mega-menu li a {display: flex;align-items: center;font-size: 14px;letter-spacing: 0.63px;line-height: 20px;color: #000;}
.menu_item .mega-menu li a img, .menu_item .mega-menu li a svg {margin-right: 10px;max-width: 50px;}
.menu_item .mega-menu li.title_show_all a {font-weight: 700;position: relative;display: inline-block;}
.menu_item .mega-menu li.title_show_all a::before {content: '';position: absolute;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);width: 9px;height: 9px;right: -17px;top: 0;margin: auto 0;bottom: 0;}
.mega-menu {position: absolute;background-color: #fff;width: 100%;left: 0;border-top: solid 1px #c4c5c5;top: 100%;display: none;transition: all linear 0.3s;box-shadow: 0px 15px 10px -15px #0001;}
.menu-container {display: block;width: 100%;max-width: 1220px;margin: 0 auto;padding: 0px 20px;}
.mega-menu-img {display: flex;padding: 24px 0px;margin: 0 -8px;}
.mega-menu-img-box {max-width: 25%;width: 100%;padding: 0 10px;}
.mega-menu-img-box h5 {text-align: center; padding: 12px 0;font-size: 16px;line-height: 20px;}
.mega-menu-img-box a {position: relative;padding-bottom: 80%;display: block;overflow: hidden;cursor: pointer;}
.mega-menu-img-box a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition:transform 0.3s ease-in-out; }
.mega-menu-img-box a:hover img{transform: scale(1.14);}
.mega-menu-img-box a p {position: absolute;bottom: 21px;left: 50%;transform: translateX(-50%);color: #ffffff;z-index: 1;}
.mega-menu-img-box a:after {content: "";display: block;position: absolute;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.1);left: 0;top: 0;}
.menu-container:has( .mega-menu-img) {max-width: 1290px;}
.mega-menu-with_img {display: flex;width: 100%;padding: 30px 0px 30px 0px;flex-wrap: wrap;}
.menu-with_img_left {display: flex;max-width: calc(100% - 30%);width: 100%;text-align: left;}
.menu-with_img_list {flex: 1 1 0px;padding-right: 20px;}
.menu-with_img_list ul li {padding: 7px 0;}
.menu-with_img_list.split ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.menu-with_img_right {max-width: 30%;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.menu-with_img_right-box {max-width: calc(50% - 8px);width: 100%;padding: 0;text-align: left;}
.menu-with_img_right-box a:not(:last-child) {display: block;margin-bottom: 12px;padding-bottom: 100%;position: relative;}
.menu-with_img_right-box a img {display: block;width: 100%;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;}
.menu-with_img_right-box p span {font-weight: 400;font-size: 14px;line-height: 17px;display: block;}
.menu-with_img_left{max-width: 75.6%;}
.mega-menu-img-box a{padding-bottom: 127.609427609%;}
.menu-with_img_right {max-width: 24.4%;}
.menu-with_img_right-box {max-width: 100%; margin-bottom: 8px;}
.menu-with_img_right-box:last-child{margin-bottom: 0;}
.menu-with_img_right-box a{position: relative;padding-bottom: 62.962962963%;display: block;}
.menu-with_img_right-box a p{padding: 12px 0;background: rgba(255,255,255,.5);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);text-align: center;position: absolute;bottom: 0;width: 100%;font-size: 16px;letter-spacing: 0.72px;}
.jewellery-menu-imgs .menu-with_img_left {max-width: 25%;}
.jewellery-menu-imgs .menu-with_img_right {max-width: 75%;}
.jewellery-menu-imgs .menu-with_img_right-box {max-width: calc(33.33% - 8px);}
.mega-menu-title p{letter-spacing: 0.63px;color: #000;}  
.overlay {background: rgba(0, 0, 0, 0.4);position: fixed;width: 100%;top: 0;height: 100%;left: 0;display: none;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.5);transition: all 0.25s ease-in-out;}
.isOpen-body .overlay {display: block;opacity: 1;visibility: visible;} */
/* menu and megamenu */
.menu_item {
  display: flex;
  text-align: center;
  justify-content: center;
}
.menu_item > li {
  padding: 23px 24px 14px;
}
.menu_item li a {
  font-size: 16px;
  cursor: pointer;
}
.menu_wrap span {
  display: none;
}
.mega-menu-title p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.63px;
  padding-bottom: 4px;
}
.menu_item .mega-menu li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.63px;
  line-height: 20px;
  color: #000;
}
.menu_item .mega-menu li a img,
.menu_item .mega-menu li a svg {
  margin-right: 10px;
  max-width: 50px;
}
.menu_item .mega-menu li.title_show_all a {
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.menu_item .mega-menu li.title_show_all a::before {
  content: "";
  position: absolute;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
  right: -17px;
  top: 0;
  margin: auto 0;
  bottom: 0;
}
.mega-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  border-top: solid 1px #c4c5c5;
  top: 100%;
  display: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 15px 10px -15px #0001;
}
.menu-container {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
}
.mega-menu-img {
  display: flex;
  padding: 30px 0px;
  margin: 0 -8px;
  justify-content: center;
}
.mega-menu-img-box {
  max-width: 25%;
  width: 100%;
  padding: 0 10px;
}
.mega-menu-img-box h5 {
  text-align: center;
  padding: 12px 0 0;
  font-size: 16px;
  line-height: 20px;
}
.mega-menu-img-box a {
  position: relative;
  padding-bottom: 80%;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.mega-menu-img-box a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.mega-menu-img-box a:hover img {
  transform: scale(1.14);
}
.mega-menu-img-box a p {
  position: absolute;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  z-index: 1;
}
.mega-menu-img.overlayText .mega-menu-img-box {
  position: relative;
}
.mega-menu-img.overlayText .mega-menu-img-box h5 {
  position: absolute;
  bottom: 24px;
  font-size: 16px;
  line-height: 18.258px;
  letter-spacing: 7.36px;
  color: #fff;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.mega-menu-with_img {
  display: flex;
  padding: 24px 0;
  justify-content: center;
  column-gap: 108px;
}
.menu-with_img_left {
  display: flex;
  text-align: left;
  flex: 0 auto;
  flex: 0 1 55.943%;
  flex: 0 1 auto;
  align-items: flex-start;
  column-gap: 108px;
}
.menu-with_img_list {
  flex: 0 1 100%;
  padding-right: 20px;
  padding-right: 0;
  flex: auto;
}
.menu-with_img_list ul li {
  padding: 8px 0;
}
.menu-with_img_list.split ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.menu-with_img_right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 0 1 15.943%;
  flex: 0 1 297px;
}
.menu-with_img_right-box {
  max-width: 100%;
  width: 100%;
  padding: 0;
  text-align: left;
}
.menu-with_img_right-box a:not(:last-child) {
  display: block;
  margin-bottom: 12px;
  padding-bottom: 100%;
  position: relative;
}
.menu-with_img_right-box a img {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.menu-with_img_right-box p span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: block;
}
.mega-menu-img-box a {
  padding-bottom: 127.609427609%;
}
.menu-with_img_right-box:last-child {
  margin-bottom: 0;
}
.menu-with_img_right-box a {
  position: relative;
  padding-bottom: 130.63973064% /*62.962962963%*/;
  display: block;
}
.menu-with_img_right-box a p {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  padding: 15px 10px;
  width: 100%;
  text-align: center;
  text-decoration: underline;
}
.menu-container:has(.mega-menu-img) {
  max-width: 1288px;
}
.mega-menu.learn .menu-with_img_right {
  flex: 0 1 33.495%;
}
.mega-menu.learn .menu-with_img_right .menu-with_img_right-box {
  max-width: calc(50% - 8px);
}
.mega-menu.learn .menu-with_img_right .menu-with_img_right-box a {
  padding-bottom: 62.962962963%;
}
.mega-menu.learn .menu-with_img_right-box a p {
  padding: 12px 0;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-align: center;
  width: 100%;
  color: #000;
  text-decoration: unset;
}
.mega-menu.gifting .menu-container {
  padding: 0;
}
.mega-menu.gifting .mega-menu-with_img {
  padding: 0;
  gap: 54px;
  padding-right: 54px;
}
.mega-menu.gifting .mega-menu-with_img .menu-with_img_right {
  order: 1;
  flex: 0 1 71%;
  flex: 1;
  justify-content: flex-start;
}
.mega-menu.gifting .mega-menu-with_img .menu-with_img_left {
  order: 2; /*flex: 0 1 29%;*/
  padding: 24px 0;
  column-gap: 49px;
}
.mega-menu.gifting
  .mega-menu-with_img
  .menu-with_img_right
  .menu-with_img_right-box {
  flex: 1;
}
.mega-menu.gifting
  .mega-menu-with_img
  .menu-with_img_right
  .menu-with_img_right-box
  a {
  padding-bottom: 100%;
  min-height: 100%;
}
/* .mega-menu.rings .menu-container {
  max-width: 1255px;
} */
.mega-menu.rings .menu-container {
  max-width: 1360px;  
}
/* .mega-menu.rings .menu-with_img_left .menu-with_img_list:nth-child(4) {
  --width: calc(-100% / 3);
  margin-left: calc(var(--width) + 6px);
  margin-top: auto;
} */
.mega-menu.rings .menu-with_img_left .menu-with_img_list:nth-child(4) {
  --width: calc(-100% / 4);
  margin-left: calc(var(--width) + -6px); 
  margin-top: auto;
}
.mega-menu.collections .mega-menu-img .mega-menu-img-box {
  position: relative;
}
.mega-menu.collections .mega-menu-img .mega-menu-img-box h5 {
  position: absolute;
  bottom: 24px;
  font-size: 16px;
  line-height: 18.258px;
  letter-spacing: 7.36px;
  color: #fff;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in-out;
}
.isOpen-body .overlay {
  display: block;
  opacity: 1;
  visibility: visible;
}
.mega-menu.rings .menu-with_img_left {
  column-gap: 60px;
}
.mega-menu.rings .mega-menu-with_img {
  column-gap: 50px;
}

/* badge tag for menu title or link */
span.new_menu_col {
  font-size: 12px;
  margin-left: 10px;
  background: #ffb000;
  padding: 0px 8px 0 4px;
  text-transform: capitalize;
  color: #fff;
  position: relative;
  z-index: 3;
}
span.new_menu_col:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 10px;
  border-top: 10px solid #ffb000;
  border-right: 10px solid white;
  border-bottom: 10px solid #ffb000;
  border-left: 10px solid #ffb000;
  z-index: -1;
  height: 100%;
}

/* product grid */
.collection-matrix {
  display: grid !important;
  display: -ms-grid;
  grid-auto-flow: dense;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  overflow: visible;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
}
.collection-matrix.collection-matrix-3 {
  grid-template-columns: repeat(4, 1fr);
}
.collection-matrix .lay_1x1 {
  -webkit-box-align: unset;
  align-items: unset;
}
.collection-matrix .lay_2x1 {
  grid-column: auto/span 2;
  grid-row: auto/span 1;
  -ms-grid-column-span: 2;
  -ms-grid-row-span: 1;
}
.collection-matrix .lay_2x2 {
  grid-column: auto/span 2;
  grid-row: auto/span 2;
  -ms-grid-column-span: 2;
  -ms-grid-row-span: 2;
  height: 100%;
}
.collection-matrix .lay_3x2 {
  grid-column: auto/span 3;
  grid-row: auto/span 2;
  -ms-grid-column-span: 3;
  -ms-grid-row-span: 2;
}
.collection-matrix .lay_2x1 .product-i-item {
  height: 100%;
}
.col-pro-i-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.col-pro-i-box {
  height: 100%;
}
.col-pro-i-box p {
  cursor: pointer;
  position: absolute;
  letter-spacing: 0.63px;
  text-decoration-line: underline;
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  text-underline-offset: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}
* .pro-grid-wrap {
  transition: all 0.3s ease-in-out;
}
.pro-grid-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
  background: #fff;
  transition: all 0.3s ease-in-out; /* min-height: calc(100%);  */
  padding: 1px;
}
.pro-grid-wrap .pro-info-table {
  width: 100%;
  padding: 0;
  display: none;
}
.product-i-item {
  width: 100%;
  height: auto;
  flex: 1;
}
.product-i-box {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-right: 0;
  max-width: 100%;
  padding: 1px 1px 0 1px;
}
.pro-grid-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 152px);
  border: 1px solid #033432;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}
.collection-matrix .lay_2x2 .product-i-box,
.collection-matrix .lay_2x3 .product-i-box {
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.product-i-box-in {
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  display: inline-block !important;
  height: 100%;
  max-height: 100%;
  transition: all 0.3s linear;
  background-color: #fff;
}
.swiper.product-i-img-slider {
  max-width: 100%;
  width: 100%;
}
.swiper.product-i-img-slider .swiper-wrapper .swiper-slide {
  width: 100% !important;
}
.product-i-img-slider .swiper-button-next,
.product-i-img-slider .swiper-button-prev {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  padding-right: 0;
  background-size: 12px;
}
.product-i-img-slider .swiper-button-next {
  right: 0px !important;
  margin: unset !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.product-i-img-slider .swiper-button-prev {
  left: 0px !important;
  margin: unset !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.product-i-item .product-i-img a.proImg_anchor {
  width: 100%;
  display: block;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden; /* background: linear-gradient(225deg, #EBEBEB 0%, #FDFDFD 54.69%, #F1F1F1 100%); */
}
.product-i-item .product-i-img a.proImg_anchor:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 24px solid transparent;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.product-i-item .product-i-img img,
.product-i-item .product-i-img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.site-item-wishlist,
.sp_add_wishlist {
  position: absolute;
  width: auto;
  height: auto;
  top: 26px;
  right: 26px;
  z-index: 1;
  transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.site-item-wishlist .wishlist {
  border: 0;
  outline: 0;
  padding: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  text-align: center;
  background: transparent;
}
.product-i-info {
  padding: 12px 0 26px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
}
.pro-title-swatch {
  width: 100%;
  margin-bottom: 5px;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.pro-title-swatch h2,
.pro-title-swatch h2 a {
  font-family: "Futura Bk BT";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-transform: capitalize;
  flex: 1 1 auto;
  margin: 1px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
  color: #2c2e35;
}
.pro-title-swatch h2 a {
  color: #0f0f0f;
  word-break: unset;
}
.site-product-subdesc {
  font-size: 14px;
  margin-bottom: 6px;
  color: #7d7d7d;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.pro-i-price {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  opacity: 1;
  margin-top: 0px;
  transition: all 0.3s ease-in-out;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  font-weight: 600;
  color: #0f0f0f;
}
.pro-i-price span img {
  margin-left: 5px;
}
.pro-i-price b {
  margin-left: 6px;
  text-decoration: none !important;
  font-weight: normal;
}
.pro-compare-price {
  text-decoration: line-through;
  font-size: 12px;
  color: #939598;
}
.pro-grid-price {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.63px;
  display: block; /*transition: all 0.3s ease-in-out;*/
}
.btn-next-add-cart .pro-grid-price {
  color: #fff;
}
.site-product-buttons-wrap {
  margin: 0px;
  color: #000;
  display: flex;
  width: 100%;
  height: 52px;
  padding: 10px 24px;
  justify-content: space-between;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  position: unset;
  z-index: 1;
  bottom: 20px;
}
.collections-site-product-buttons {
  width: 100%;
}
.site-product-buttons-addtobag {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #033432;
  transition: all 0.4s ease-in-out;
  background-color: #033432;
  color: #fff;
  width: 100%;
  justify-content: space-between;
  padding: 15px 30px;
  width: 100%;
  margin: 0 auto;
}
.site-product-buttons-addtobag:hover {
  background-color: #e5c197;
  border: 1px solid #e5c197;
  color: #033432;
}
.site-product-buttons-price,
.site-product-addtobag-text {
  font-family: "Futura Bk BT";
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.63px;
  text-align: center;
}
.coll-next-btn1,
.coll-next-btn2,
.coll-next-btn3,
.coll-checkout-btn-wrap {
  display: none;
}
.site-product-buttons.added-cart-success {
  width: 100%;
}
.site-product-buttons.added-cart-success .site-product-buttons-addtobag {
  justify-content: center;
}
/* .btn-coll-checkout{justify-content: center;} */
.product-tax-note {
  font-size: 12px;
  color: #7d7d7d;
}
.sp_product_options_new {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 78px;
  top: auto;
  display: none;
}
.sp_product_options_new .product-form__item {
  display: none;
}
/* metal size variant etc... */
.option-wrap {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.option-wrap label {
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.63px;
  background: #ebebeb;
  padding: 10px;
  width: 100%;
  display: block;
}
.option-wrap .metal-color {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.option-wrap .metal-color span {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: solid 1px #fff;
  display: block;
  margin-right: 8px;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.option-wrap .metal-color span.rose {
  background-color: #ffcfbc;
}
.option-wrap .metal-color span.silver {
  background-color: #c8c8c8;
}
.option-wrap .metal-color span.yellow {
  background-color: #e0be77;
}
.option-wrap .metal-color span.active {
  box-shadow: 0 0 0 1px #784534;
}
.option-wrap .guide {
  position: absolute;
  right: 0;
  bottom: -15px;
  cursor: pointer;
  font-size: 13px;
  line-height: 14px;
  color: #939598;
}
select.metal_sel,
.selector-wrapper,
select.diamond_sel,
#productSelect,
select.size_sel {
  display: none;
}
.var-select {
  margin-left: auto;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
}
.var-select .list {
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  max-height: 114px;
  overflow: hidden;
  overflow: hidden auto;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.var-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.var-select .list li {
  text-align: center;
  font-size: 14px;
  color: #7d7d7d;
  cursor: pointer;
  font-weight: 400;
  line-height: 37px;
  list-style: none;
  min-height: 35px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 1px solid #f3f3f3;
  letter-spacing: 0.32px;
}
.var-select .list li:hover,
.var-select .list li.selected {
  background-color: #f6f6f6;
}
.var-select .list::-webkit-scrollbar {
  width: 3px;
}
.var-select .list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.var-select .list::-webkit-scrollbar-thumb {
  background: #888;
}
.var-select.open:after {
  transform: rotate(225deg);
  top: 12px;
}
.var-select.metal_sel {
  margin-left: 0;
  margin-right: 0;
}
.most-popular-sec-in {
  text-align: center;
}
.most-popular-sec-in .btn,
.explore-the-cat .btn {
  margin: 30px 0 0;
}

/* metal size variant etc... end */
.sp_pricebreak_mainbox {
  display: none;
}
/* hover */
@media (min-width: 992px) {
  .pro-grid-wrap:hover {
    z-index: 2;
    min-height: calc(100% + 0px);
  }
  .pro-grid-wrap:hover:after {
    opacity: 1;
    height: calc(100%);
  }
  .pro-grid-wrap:hover .product-i-box {
    width: calc(100% + 2px);
  }
  .collection-matrix .pro-grid-wrap:only-child:hover .product-i-box {
    position: unset;
  }
  .site-product-wrapper
    > .swiper-slide:only-child
    .pro-grid-wrap:hover
    .product-i-box {
    height: auto;
    min-height: 100%;
  }
  .pro-grid-wrap:hover .product-i-img a:before {
    border-color: #fff;
  }
  .pro-grid-wrap:hover .product-i-img img,
  .pro-grid-wrap:hover .product-i-img video {
    transform: scale(0.87);
  }
  .pro-grid-wrap:hover .pro-i-price {
    opacity: 0;
    transform: none;
  }
  .pro-grid-wrap:hover .site-product-buttons-wrap {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
  }
  .pro-grid-wrap:hover .site-item-wishlist,
  .pro-grid-wrap:hover .sp_add_wishlist {
    opacity: 1;
    transform: scale(1);
  }
  .pro-grid-wrap:hover .swiper-button-next.swiper-button-disabled,
  .pro-grid-wrap:hover .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
  }
  .pro-grid-wrap:hover
    .product-i-img-slider
    .swiper-button-next.swiper-button-disabled,
  .pro-grid-wrap:hover
    .product-i-img-slider
    .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    pointer-events: auto;
  }
  .pro-grid-wrap:hover .swiper-button-next,
  .pro-grid-wrap:hover .swiper-button-prev {
    opacity: 1;
  }
  .pro-grid-wrap:hover .sp_product_options_new {
    display: block;
  }
  .pro-grid-wrap.lay_2x2:hover,
  .pro-grid-wrap.lay_2x1:hover {
    min-height: 100%;
  }
  .pro-grid-wrap:hover::after {
    opacity: 1;
  }
  .pro-grid-wrap.lay_2x2::after,
  .pro-grid-wrap.lay_2x1::after {
    content: none;
  }
}
/* home page sections start */
/* hero_banner */
.hero_banner a,
.hero_banner img {
  display: block;
}
.hero_banner a {
  position: relative;
  padding-bottom: 55.5753262159%;
}
.hero_banner img,
.hero_banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: top;
}
/* spotlightslider */
.site-spotlight-sec {
  padding-top: 24px;
}
.spotlight-wrapper {
  position: relative;
}
.spotlight-slider.swiper {
  padding: 0 109px;
}
.spotligth-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.text-left-center {
  align-items: start;
  justify-content: center;
}
.text-left-top {
  align-items: start;
  justify-content: start;
}
.text-left-bottom {
  align-items: start;
  justify-content: end;
}
.text-center-center {
  align-items: center;
  justify-content: center;
}
.text-center-top {
  align-items: center;
  justify-content: start;
}
.text-center-bottom {
  align-items: center;
  justify-content: end;
}
.text-right-center {
  align-items: end;
  justify-content: center;
}
.text-right-top {
  align-items: end;
  justify-content: start;
}
.text-right-bottom {
  align-items: end;
  justify-content: end;
}
.spotligth-text h4 {
  text-align: center;
  font-size: 88px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px; /* 36.364% */
  letter-spacing: 17.32px;
  background: linear-gradient(
    180deg,
    #dec5a9 21.42%,
    #f0d5b6 55.65%,
    #dec5a9 89.23%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.spotlight-item.swiper-slide {
  display: flex;
}
.spotlight-item > img {
  width: 100%;
  display: block;
}
.spotlight-slider .swiper-buttons {
  background-color: #fff;
}
.main-spotlight-sec {
  margin-top: 24px;
}
.main-spotlight-slider {
  padding: 0 109px;
}
.main-spotligth-text {
  color: #fff;
  margin-left: 48px;
  padding: 30px 20px;
}
.main-spotligth-text span {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 10.82px;
  display: block;
}
.main-spotligth-text img {
  margin: 12px 0 14px;
}
.main-spotligth-text h3 {
  font-size: 60px;
  line-height: 52px;
  letter-spacing: 5.6px;
  color: #fff;
}
.main-spotligth-text .spotligth-text-subtxt {
  letter-spacing: 5.32px;
  margin: 24px 0 36px;
}
.main-spotligth-text .btn {
  color: #fff;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1.32px;
  padding: 10px;
}
.spotlight-item-img img {
  display: block;
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.spotlight-item-img {
  position: relative;
  display: block;
  padding-bottom: 44.4839857651%;
  width: 100%;
}
.spotlight-item-img.isGradient:before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  background: linear-gradient(90deg, #000 -59.87%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  max-width: 790px;
  height: 100%;
}
.main-spotligth-text .btn:hover {
  color: #033432;
  border: 1px solid #edd1b6;
}
.main-spotligth-text-in {
  text-align: center;
}
.template-product .main-spotlight-sec {
  margin-bottom: 90px;
}

/* most popular */
#main {
  overflow-x: hidden;
}
.most-pouplar-sec .section-title {
  padding-top: 0;
}
.most-pouplar-wrapper {
  padding: 0 50px;
  position: relative;
}
.most-pouplar-sec.also-related-slider {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 60px;
  margin-top: 90px;
}
.site-pro-wrap {
  overflow: hidden !important;
}
/* .most-pouplar-wrapper .site-pro-wrap{padding: 0 50px;} */
.site-pro-wrap::-webkit-scrollbar {
  width: 0;
}
.site-product-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  height: 100%;
}
.site-product-wrapper.swiper-wrapper {
  flex-wrap: nowrap;
  gap: 0;
}
.site-pro-wrap .swiper-slide {
  height: auto;
}
.most-pouplar-wrapper > .swiper-button-prev {
  left: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.most-pouplar-wrapper > .swiper-button-next {
  right: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.site-product-sliderwrapper1 > .swiper-button-prev {
  left: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.site-product-sliderwrapper1 > .swiper-button-next {
  right: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.site-product-sliderwrapper2 > .swiper-button-prev {
  left: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.site-product-sliderwrapper2 > .swiper-button-next {
  right: 0px;
  margin-top: 0;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 70px));
}
.swiper.site-product-sliderwrapper1,
.swiper.site-product-sliderwrapper2 {
  z-index: 2;
  padding-right: 34px;
  padding-left: 34px;
}
/* .most-pouplar-wrapper .site-product-sliderwrapper .swiper-slide{opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;}
.most-pouplar-wrapper .site-product-sliderwrapper .swiper-slide-active, 
.most-pouplar-wrapper .site-product-sliderwrapper .swiper-slide-active + .swiper-slide,
.most-pouplar-wrapper .site-product-sliderwrapper .swiper-slide-active + .swiper-slide + .swiper-slide,
.most-pouplar-wrapper .site-product-sliderwrapper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity: 1;visibility: visible;} */
/* .site-product-sliderwrapper .swiper-button-prev{left: 0px;transform:translateY(calc(-50% - 70px));margin: auto 0;}
.site-product-sliderwrapper .swiper-button-next{right: 0px;transform:translateY(calc(-50% - 70px));margin: auto 0;}       */
.site-product-sliderwrapper1 .swiper-slide,
.site-product-sliderwrapper2 .swiper-slide {
  transition: all 0.3s ease-in-out;
}
/* .site-product-sliderwrapper1 .swiper-slide-active, .site-product-sliderwrapper2 .swiper-slide-active, 
.site-product-sliderwrapper1 .swiper-slide-active + .swiper-slide, .site-product-sliderwrapper2 .swiper-slide-active + .swiper-slide,
.site-product-sliderwrapper1 .swiper-slide-active + .swiper-slide + .swiper-slide, .site-product-sliderwrapper2 .swiper-slide-active + .swiper-slide + .swiper-slide  {opacity: 1;visibility: visible;} */
.also_like_wrapper {
    padding: 0 50px;
    position: relative;
}
.also_like_slider_swiper .swiper-button-prev {
  left: 10px;
}
.also_like_slider_swiper .swiper-button-next {
  right: 10px;
}
.site-product-sliderwrapper1 .swiper-slide {
  width: 33.33%;
  margin-right: 34px;
}
/* feature-collection */
.feature_coll_slider {
  position: relative;
  display: block;
  overflow: hidden;
}
.feature_collection_title {
  margin-bottom: 15px;
}
.collection_slider {
  text-align: center;
  overflow: visible !important;
}
.collection_slider .swiper-slide {
  width: 20%;
  margin-right: 12px;
}
.collection_slider .swiper-slide a {
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.collection_slider .swiper-slide a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection_slider .coll-txt {
  padding: 12px 0;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* explore the cat */
.explore-left-img img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.explore-the-cat {
  padding-top: 30px;
}
.explore-the-cat-wrap {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  margin-right: -34px;
}
.explore-the-cat-left {
  width: 27%;
  position: relative;
  z-index: 8;
}
.explore-the-cat-right {
  width: 73%;
  padding: 0 0 0 40px;
}
.explore-left-box {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 150%;
  padding-bottom: 202%;
}
.explore-left-txt {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
}
.explore-left-txt a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.63px;
  color: #b1927b;
  padding: 13px 16px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  border-radius: 10px;
}
.explore-the-cat .section-title h3 {
  font-size: 39px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.explore-the-cat .section-title h3::before {
  content: "";
  position: absolute;
  height: 6px;
  width: 65px;
  left: -104px;
  top: 14px;
  background-color: #edd1b6;
}
.explore-the-cat .section-title h3::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 65px;
  right: -104px;
  top: 14px;
  background-color: #edd1b6;
}
.explore-the-cat .section-title p {
  font-size: 18px;
  line-height: 27px;
  color: #7d7d7d;
  letter-spacing: 0.81px;
  max-width: 885px;
  margin: 30px auto 25px;
}
.explore-cat-wrapper {
  padding-bottom: 50px;
}
/* service */
.service {
  background-color: var(--bg_color);
  padding: 66px 0;
  margin-top: 20px;
  background-position: center;
  background-size: cover;
  text-align: center;
}
.service .container {
  max-width: 1430px;
  padding: 0;
}
.service_item img {
  max-height: 200px;
  margin: 0 auto;
  display: block;
}
.service_item {
  width: 25%;
  text-align: center;
  position: relative;
}
.service_item_wrap-box {
  position: relative;
}
.service_item_wrap-box:after {
  content: none;
  background-color: #033432;
  height: 8px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  z-index: 0;
}
.service_item:last-child .service_item_wrap-box:after {
  content: none;
}
.service_item_wrap {
  background-color: #033432;
  display: inline-block;
  padding: 50px 48px;
  border-radius: 120px;
  z-index: 1;
  position: relative;
  transition: all ease-in-out 0.3s;
  transform-origin: center;
}
.service_item a {
  display: block;
}
.service_item_des {
  margin-top: 8px;
}
.service_item_des h6 {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 24px;
  font-weight: 600;
  margin-top: 28px;
}
.service_item_wrap:hover {
  --zoom: 1.1048;
  --zoom2: 1.04;
  transform: scale(var(--zoom));
  z-index: 1;
}
.our-value-details {
  padding: 40px 50px;
  max-width: 1280px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  margin: 80px auto 0;
  border-radius: 10px;
}
.our-value-details p {
  color: rgba(3, 52, 50, 1);
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.service-read-more-link {
  margin-top: 20px;
  display: inline-block;
  color: #033432;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.service .section-title p {
  color: #003937;
  font-size: 17px;
  letter-spacing: 2px;
}
.service .section-title h4 {
  color: #003937;
  letter-spacing: 8px;
}
.service .section-title {
  color: #003937;
  display: inline-block;
  padding: 6px;
  border: dashed 8px #003937;
  border-style: dashed;
  border-image-source: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Group_929.png?v=1697115921");
  border-image-slice: 7;
  border-image-repeat: revert;
  margin: 0 auto 50px;
}
.service_item_des p {
  padding: 0 10px;
  font-size: 16px;
  color: #033432;
  line-height: 24px;
  letter-spacing: 0.2px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 265px;
  margin: 20px auto 0;
  text-align: justify;
}
/* shop the looks */
.lookbook-blocks .section-title h3 {
  font-size: 39px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.lookbook-blocks .section-title h3::before {
  content: "";
  position: absolute;
  height: 6px;
  width: 65px;
  left: -104px;
  top: 14px;
  background-color: #edd1b6;
  border-radius: 6px;
}
.lookbook-blocks .section-title h3::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 65px;
  right: -104px;
  top: 14px;
  background-color: #edd1b6;
  border-radius: 6px;
}
.lookbook-blocks .section-title p {
  font-size: 18px;
  line-height: 27px;
  color: #7d7d7d;
  letter-spacing: 0.81px;
  max-width: 885px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.lookbook-blocks {
  margin: 90px 0px 0px;
  padding-bottom: 29px;
}
.lookbook-blocks .container {
  padding: 0 96px;
}
.lookbook-wrap {
  display: flex;
  margin: 0 -17px;
  padding-top: 24px;
}
.lookbook-nav {
  width: 50%;
  padding: 0 17px;
}
.lookbook-for {
  width: 50%;
  padding: 0 17px;
}
.lookbook-wrap:nth-child(even) .lookbook-nav {
  order: 2;
}
.lookbook-wrap:nth-child(even) .lookbook-for {
  order: 1;
}
.lookbook-slider-in {
  overflow: visible !important;
  display: flex;
  flex-wrap: wrap;
  row-gap: 34px;
  column-gap: 10px;
  justify-content: center;
}
.lookbook-dots {
  position: absolute;
  top: 0;
  left: 0 !important;
  bottom: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100%;
  z-index: 7;
}
.lookbook-dots .lookbook-banner-dots {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  font-size: 0px;
  color: #000;
  background: #e5c197;
  display: block;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
}
.lookbook-dots .lookbook-banner-dots:nth-child(1) {
  top: 46%;
  left: 48%;
}
.lookbook-dots .lookbook-banner-dots:nth-child(2) {
  top: 56%;
  left: 43%;
}
.lookbook-dots .lookbook-banner-dots:nth-child(3) {
  top: 65%;
  left: 25%;
}
.lookbook-dots .lookbook-banner-dots:nth-child(4) {
  top: 70%;
  left: 40%;
}
.lookbook-dots .lookbook-banner-dots::after {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: 100%;
  background: rgba(229, 193, 151, 0.5);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-animation: pulse-aninmation 2s ease-in-out infinite both;
  animation: pulse-aninmation 2s ease-in-out infinite both;
}
.lookbook-dots .lookbook-banner-dots.active::after {
  opacity: 1;
}
@keyframes pulse-aninmation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.lookbook-slider-in .lookbook-slider-item {
  pointer-events: auto !important;
  z-index: 2;
  height: auto;
  width: calc(50% - 5px);
}
.lookbook-slider-in
  .lookbook-slider-item
  .pro-grid-wrap
  .site-product-buttons-wrap {
  bottom: 20px;
}
.lookbook-slider-in .lookbook-slider-item:nth-child(3),
.lookbook-slider-in .lookbook-slider-item:nth-child(4) {
  z-index: 1;
}
@media (min-width: 992px) {
  .lookbook-slider-in .lookbook-slider-item.isActive .pro-grid-wrap {
    z-index: 2;
    min-height: calc(100% + 0px);
  }
  .lookbook-slider-in .lookbook-slider-item.isActive .pro-grid-wrap:after {
    opacity: 1;
    height: calc(100%);
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .product-i-box {
    width: calc(100% + 2px);
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .product-i-img
    a:before {
    border-color: #fff;
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .pro-i-price {
    opacity: 0;
    transform: none;
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .site-product-buttons-wrap {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
    display: flex;
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .site-item-wishlist {
    opacity: 1;
    transform: scale(1);
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .swiper-button-next.swiper-button-disabled,
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35 !important;
  }
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .swiper-button-next,
  .lookbook-slider-in
    .lookbook-slider-item.isActive
    .pro-grid-wrap
    .swiper-button-prev {
    opacity: 1 !important;
  }
}
.lookbook-for-slider {
  position: relative;
}
.lookbook-for-slider-item {
  padding-bottom: 121.986754967%;
  position: relative;
  display: block;
  min-height: 100%;
}
.lookbook-for-slider-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.look-tooltip {
  position: absolute;
  bottom: 24px;
  left: 24px;
  display: inline-block;
  z-index: 8;
}
.tooltip-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.63px;
  padding: 12px 15px 12px 40px;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: relative;
  cursor: pointer;
  display: block;
}
.tooltip-text::before {
  content: "";
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  background-color: #edd1b6;
  border-radius: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tooltip-mark {
  cursor: pointer;
  display: block;
}
.tooltip-mark .tooltiptext {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.54px;
  color: #717171;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  margin-bottom: 4px;
  text-align: left;
  border-radius: 5px;
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  z-index: 30;
  min-width: 121px;
  transform: translate(0px, -10px);
  transition: all 300ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.tooltip-mark .tooltiptext::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -11px;
  left: 16px;
  border-radius: 0;
  height: 12px;
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/tooltip.svg");
  width: 12px;
  background-repeat: no-repeat;
  background-size: 12px;
}
.tooltip-mark:hover .tooltiptext {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0px, 0px, 0px);
}
.tooltip-mark svg {
  vertical-align: middle;
}

/* shop-look page  */
.template-page\.shop-the-look-page .lookbook-blocks {
  margin: 0;
}
.template-page\.shop-the-look-page .lookbook-wrap {
  padding-top: 36px;
}

/* custom-ring-sec */
.custom-ring-sec {
  padding-top: 60px;
  padding-bottom: 60px;
}
.ring_sec_bg {
  margin: 10px auto 0;
  background-color: #f7f7f7; /*box-shadow:-4px 4px 10px 2px #ddddddeb;*/
}
.custom_ring_info {
  display: flex;
  justify-content: space-evenly;
  margin: 0 -17px;
}
.custom_ring_item {
  width: 50%;
  padding: 0 18px;
}
.custtom-ring-text {
  text-align: center;
  margin-top: 15px;
}
.custom_ring_item a {
  display: flex;
  position: relative;
  display: block;
  padding-bottom: 66%;
}
.custom_ring_item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
.custtom-ring-text a.btn {
  margin-top: 15px;
  min-width: 157px;
  display: inline-block;
  padding: 10px 30px;
}
.custom_ring_title {
  text-align: center;
  padding: 20px 0px;
}
.ring_info_box {
  max-width: 50%;
  margin-bottom: 0;
  width: 50%;
}
.ring_info_img {
  position: relative;
  padding-bottom: 100%;
}
.ring_info_box img {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: top;
}
.ring_box_info {
  text-align: center;
  margin-top: 15px;
  position: relative;
}
.ring_box_info p {
  margin-top: 5px;
}
.ring_box_info .right_arrow {
  position: absolute;
  right: -15px;
  bottom: 0px;
}
/* video_with_txt */
.video_with_txt {
  display: flex;
  padding-top: 50px;
  padding-bottom: 28px;
}
.video_with_txt img {
  display: block;
}
.main_video {
  display: block;
}
.video video {
  width: 100%;
  cursor: pointer;
}
.video {
  width: 50%;
  position: relative;
  display: block;
}
.video svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video_content {
  width: 50%;
  display: block;
  position: relative;
  padding: 0 69px 50%;
}
.video_content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
}
.video_content .img-info {
  position: absolute;
  bottom: 0;
  max-width: 85.5%;
  background-color: #0000003d;
  border-radius: 12px;
  padding: 20px 20px;
  left: 0;
  right: 0;
  margin: 0 auto 45px;
  color: #fff;
}
.video_content .img-info p {
  margin: 15px 0px;
}
.video_content .img-info h3 {
  text-transform: capitalize;
  font-size: 22px;
  line-height: 26px;
}
.video_content .img-info h3 span {
  display: block;
}
.video_content .img-info a {
  display: block;
  text-align: right;
  color: #fff;
}
.video_with_txt_wrap {
  display: flex;
  margin: 0 -15px;
}
.video_with_txt_item {
  width: 50%;
  padding: 0 15px;
}
.video-with-hover {
  width: 100%;
  height: 100%;
}
.video-wrapper {
  position: relative;
  display: block;
  padding-bottom: 65.9008464329%;
}
.video-with-hover, .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-text {
  text-align: center;
  margin-top: 20px;
}
.video-text a.btn {
  margin-top: 28px;
  min-width: 157px;
}
.video-wrapper {
  cursor: pointer;
}
.video-with-hover-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 1s ease-in-out;
}
.video-with-hover, .video-wrapper iframe {
  display: none;
  transition: all 1s ease-in-out;
}
.video-wrapper:hover .video-with-hover-img {
  display: none;
  opacity: 0;
}
.video-wrapper:hover .video-with-hover, .video-wrapper:hover iframe {
  display: block;
}
/* book_appointment */
.book_appointment {
  padding-bottom: 120px;
  padding-top: 60px;
}
.appointment_content {
  background: #f8f8f8;
  display: flex;
}
.appointment_img {
  width: 50%;
  position: relative;
  padding-bottom: 28.59%;
}
.appointment_img img {
  display: block;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.appointment_info {
  width: 50%;
  padding-left: 108px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.appointment_info h3 {
  font-size: 48px;
  line-height: 32px;
  letter-spacing: 0.32px;
}
.appointment_info p {
  margin: 32px 0 23px;
  max-width: 63%;
  color: #737373;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.32px;
}
.appointment_info .btn {
  max-width: 157px;
}
.empty-desc {
  margin-top: 40px;
}
/* brands */
.brands {
  padding: 48px 0;
  background-color: #f9f9f9;
}
.brands_slider .swiper-slide img {
  filter: grayscale(1);
  max-height: 26px;
}
.brands_slider .swiper-slide {
  text-align: center;
  margin: auto 0;
}
.brands_slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
/* popular coll */
.pop-collection-box {
  position: relative;
}
.coll-box-title {
  padding: 60px 15px 20px;
  text-align: center;
}
.coll-box-title h3 {
  font-size: 32px;
}
.popular-coll-item {
  height: 280px;
  position: relative;
  transition: 0.4s;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: flex-end;
  background-position: center;
}
.popular-coll-item.active {
  display: flex;
}
.popular-slider a,
.popular-slider img {
  display: block;
}
.popular-item-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 58%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.4) 14.95%,
    rgba(0, 0, 0, 0) 97.04%
  );
}
.popular-item {
  position: relative;
  padding: 27px;
  color: #fff;
}
.popular-item-title {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 200;
}
.popular-item-link {
  color: #fff !important;
  border-color: #fff;
}
.link {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 21px;
  text-decoration: none;
}
.link:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  background-color: #3e2b21;
  width: 0;
  transition: 0.4s;
  transition-delay: 50ms;
}
/* insta_gallery */
.insta_gallery {
  padding-top: 60px;
  padding-bottom: 40px;
}
.insta_gallery_sec {
  margin-left: calc((100% - 1220px) / 2);
  position: relative;
  overflow: hidden;
}
.insta_gallery_slider {
  position: relative;
  overflow: visible;
}
.insta_gallery_title {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insta_gallery_title h2 {
  display: inline-block;
}
.insta_gallery_title .shop_btn {
  padding: 0;
  text-transform: capitalize;
  position: absolute;
  left: auto;
  right: 145px;
}
.insta_gallery_slider .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insta_gallery_slider .swiper-slide > a {
  display: block;
  padding-bottom: 120%;
  position: relative;
  width: 100%;
}
/* footer */
.site_footer {
  background: var(--bg_color);
  padding: 45px 0 35px;
  text-align: center;
  color: #fff;
}
.site_footer .container {
  max-width: 1260px;
}
.footer_logo {
  padding-bottom: 30px;
}
.footer_logo img {
  max-height: 28px;
}
.footer_banner {
  border-top: 1px solid #fff9;
  border-bottom: 1px solid #fff9;
  overflow: hidden;
  padding: 10px 0;
  margin: 0px 0px 30px 0px;
}
.footer-banner__text {
  color: #fff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.footer-banner__outer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.footer-banner__item {
  display: inline-block;
  white-space: nowrap;
}
.footer-banner__inner {
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  white-space: nowrap;
}
.footer-banner__item-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.footer-banner__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -5px;
}
.footer-banner__icon i {
  background: #fff;
  display: block;
  height: 10px;
  width: 10px;
}
.footer-banner__inner--primary {
  -webkit-animation-name: ticker;
  animation-name: ticker;
}
.footer-banner__inner--secondary {
  -webkit-animation-name: ticker;
  animation-name: ticker;
  left: 0;
  padding-left: 3350px;
  position: absolute;
  top: 0;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-3350px, 0, 0);
    transform: translate3d(-3350px, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-3350px, 0, 0);
    transform: translate3d(-3350px, 0, 0);
  }
}
.footer_menu {
  display: flex;
}
.footer_menu_item {
  width: 23%;
  text-align: left;
}
.footer_menu_item:last-child {
  width: 31%;
}
.footer_menu_item p {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer_menu_item ul li a {
  color: #fff;
  line-height: 24px;
  letter-spacing: 0.02em;
  font-size: 13px;
}
.footer_newsletter input {
  width: 100%;
  font-family: "Futura Bk BT";
  background-color: transparent;
  border: 1px solid #fff9;
  padding: 0px 20px 0px;
  line-height: 38px;
  color: #fff;
  max-width: calc(100% - 123.3px);
  border-radius: 0;
}
::-webkit-input-placeholder {
  color: #fff;
  font-size: 16px;
}
.footer_newsletter button {
  float: right;
  background-color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 40px;
  color: #2c2e35;
  font-family: "Futura Bk BT";
  padding: 0 10px;
  min-width: 123px;
}
.footer_txt {
  margin-top: 15px;
  line-height: 30px;
}
.footer_txt span a {
  color: #fff;
}
.footer_newsletter .err-msg {
  position: relative;
  color: #fff;
}
.footer_menu_item .footer_newsletter form {
  margin-top: 0 !important;
}
.footer-social-icons {
  margin-top: 20px;
}
.footer-social-icons .social-media__item-list li {
  margin-right: 4px;
}
/* home page sections over */

/* collection page sections start */
.product_list {
  margin: 50px 0;
}
.load_btn {
  text-align: center;
  margin: 50px 0px;
}
.showbtn {
  display: none;
}
/* main_coll_banner */
.main_coll_banner_title {
  margin: 25px 0;
}
.main_coll_banner p {
  margin: 0px 0 30px;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  max-width: 40%;
}
.main_col_desc {
  margin: 0 0 20px 0;
}
.main_coll_banner .btn {
  margin: 0 0 20px 0;
}
.main_coll_banner {
  background-repeat: no-repeat;
  height: 100%;
  text-align: left;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: left;
  background-size: contain;
}
.main_coll_banner-img {
  position: relative;
  display: block;
  padding-bottom: 25.641025641%;
}
.main_coll_banner img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* filter menu */
#side-filter-container {
  max-width: 100%;
  padding: 0;
}
.side-filter-menus {
  position: relative;
  padding: 0;
  height: auto !important;
}
.side-filter-menus .filter-menu {
  max-width: 1730px;
  margin: 0 auto;
  padding: 20px;
  display: block;
  border: unset !important;
}
.filter-menu .pt-display-dropdown {
  position: static !important;
  margin: 0;
}
.filter-menu .pt-display-dropdown .menu-trigger {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Futura Bk BT;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  cursor: pointer;
  padding: 13px 28px 13px 0 !important;
  z-index: 5;
  line-height: 26px;
  height: auto !important;
  position: relative;
  overflow: hidden;
  background-color: transparent !important;
  border: unset !important;
}
.filter-menu
  .menu-trigger[aria-label="Categories dropdown selection collapsed"]::after {
  transform: rotate(180deg);
}
.filter-menu .filter-group.filter-group-sort-orders {
  width: 100%;
  justify-content: flex-end !important;
  order: 100;
  margin-left: auto;
  border-right: 0;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.filter-menu .pt-display-dropdown {
  margin: 10px;
  vertical-align: text-top;
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  min-width: auto !important;
  max-width: 240px !important;
  padding: 0 30px 0 0 !important;
  border-right: 1px solid #d6d6d6;
  margin-right: 30px !important;
}
.filter-menu .pt-display-dropdown .scroll-content {
  border: none !important;
  position: absolute !important;
  background: #ffffff !important;
  min-width: 100% !important;
  margin: 0 auto !important;
  padding: 15px 10px !important;
  left: 0 !important;
  right: 0 !important;
  top: 72px !important;
  width: 100% !important;
}
.filter-menu .pt-display-dropdown .menu-trigger:after {
  font-size: 13px;
  font-weight: normal;
  top: 50% !important;
  transform: translateY(-50%);
  transition: all 0.6s;
}
.main-filter-content {
  width: 100% !important;
}
.ft_apply_btn {
  position: unset !important;
  margin: 20px auto 0px !important;
  z-index: 999;
  display: none;
}
.ft-open-up .ft_apply_btn {
  display: none !important;
}
.ft-clear-all {
  margin-left: 15px;
  display: none;
}
.filter-menu .ft_apply_btn {
  max-width: 515px !important;
}
.filter-group ul {
  max-width: 1730px;
  width: 100%;
  margin: 0 auto !important;
}
.pt-apply {
  margin: 0 !important;
  line-height: 20px;
  padding: 10px 30px;
  min-width: 250px;
  max-width: 350px;
  font-size: 16px !important;
  font-family: Futura Bk BT;
  border: 1px solid #2c2e35;
  background-color: transparent !important;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  color: #2c2e35 !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  display: none;
}
.filter-group li a {
  margin-left: 0px !important;
  padding: 0 25px !important;
}
.filter-menu
  .pt-display-dropdown:not(.filter-group-sort-orders, .filter-group-categories)
  li {
  display: inline-block !important;
}
.filter-group li a {
  font-family: Futura Bk BT;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 400 !important;
  color: #2c2e35 !important;
}
.filter-menu .has_group_selected {
  display: inline-block !important;
}
i.check-icon {
  color: #f9f9f9 !important;
  display: block;
  margin-bottom: 0;
  width: 20px !important;
  margin-right: 10px;
}
i.check-icon:before {
  font-size: 0px !important;
}
.filter-menu .ft-active::after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.filter-group .collection-container i.check-icon:before {
  width: 100%;
  height: 20px;
  border: 1px solid #033432;
  border-radius: 0px;
}
.filter-group .collection-container.selected i.check-icon:before {
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/check-i.svg?v=1692268088");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
.side-filter-menus.ft-open-up .pt-apply,
.side-filter-menus.ft-open-up .ft-clear-all {
  display: block;
}
.filter-menu .pt-display-dropdown li a {
  display: flex;
  text-indent: 0;
  align-items: center;
}
.filter-menu .pt-display-dropdown li:hover {
  background: transparent !important;
}
.filter-group .scroll-content {
  max-height: unset !important;
}
.filter-group-categories .collection-name .check-icon {
  display: none !important;
}
.filter-group-sort-orders ul {
  max-width: 300px;
}
.filter-menu .filter-group-sort-orders .scroll-content {
  min-width: 240px !important;
  width: 240px !important;
  left: unset !important;
  right: unset !important;
  padding: 0px !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.filter-menu:has(.ft-sort-order) .filter-group.ft_apply_btn {
  display: none !important;
}
.filter-menu .filter-group-sort-orders .scroll-content .nav-sort-orders li {
  border-bottom: 1px solid #d4d4d4;
  padding: 15.5px 0;
}
.filter-menu .pt-display-dropdown.filter-group-sort-orders li a {
  justify-content: center;
}
/* .filter-group.filter-group-price-range {padding-left: 0 !important;} */

/* collection page sections over */

/* product page start */
.template-product .bredcrumb {
  display: none;
}
.main_product_sec {
  overflow: hidden;
}
.main_product_sec .container {
  max-width: 1280px;
}
.main_product {
  display: flex;
  flex-wrap: wrap;
}
.template-product .site-spotlight-sec {
  margin-bottom: 90px;
}

/* product slider */
.main_product .product_slider {
  width: 63.33%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-bottom: 0;
  background-color: #f9f8f9;
  position: relative;
  z-index: 1;
  padding: 0px 135px 40px;
}
/* .main_product .product_slider::before {content: '';--cwidth: 1500px;--fwidth: calc(100% - var(--cwidth));position: absolute;top: 0;left: -100%;width: 100%;background-color: #F8F8F8;height: 100%;z-index: -1;} */
.main_product .product_slider::before {
  content: "";
  --cwidth: calc(-100vw);
  --fwidth: calc(100vw * 2);
  position: absolute;
  top: 0;
  left: var(--cwidth);
  width: var(--fwidth);
  background-color: #f9f8f9;
  height: 100%;
  z-index: -1;
}
.product_slider .pro_nav {
  overflow: hidden;
  width: 100%;
  order: 1;
  display: flex;
}
.product_slider .pro_nav .swiper-slide a,
.cloudzoom_Box {
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.product_slider .pro_nav .swiper-slide iframe,
.product_slider .pro_nav .swiper-slide video,
.product_slider .pro_nav .swiper-slide img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  display: block;
}
.product_slider .pro_thumbs {
  padding: 0px;
  position: relative;
  order: 2;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}
.product_slider .pro_thumbs .swiper-slide .thumb_in {
  position: relative;
  padding-bottom: 100%;
}
.product_slider .pro_thumbs .swiper-slide img {
  border: 1px solid #f8f8f8;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  cursor: pointer;
}
.product_slider .pro_thumbs .swiper-slide-thumb-active img {
  border: 1px solid #e9e9e9;
}
.product_slider .pro_thumbs .swiper-button-prev {
  background-image: unset;
  width: 25px;
  height: 100%;
  left: 0;
  right: auto;
  background-size: 8%;
  background-color: #f5f5f5ba;
  margin: auto;
  transform: translateY(-50%);
  border: unset;
  border-radius: 0;
}
.product_slider .pro_thumbs .swiper-button-prev::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  border-radius: 1px;
  transform: rotate(-45deg);
}
.product_slider .pro_thumbs .swiper-button-next {
  background-image: unset;
  width: 25px;
  height: 100%;
  right: 0;
  background-size: 8%;
  background-color: #f5f5f5ba;
  margin: auto;
  transform: translateY(-50%);
  border: unset;
  border-radius: 0;
}
.product_slider .pro_thumbs .swiper-button-next::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  border-radius: 1px;
  transform: rotate(135deg);
}
.product_slider .pro_thumbs .swiper-button-prev.swiper-button-disabled,
.product_slider .pro_thumbs .swiper-button-next.swiper-button-disabled {
  opacity: 0.1;
}
.play-icon {
  height: 20% !important;
  width: 20% !important;
  border: none !important;
  margin: auto;
  top: 50% !important;
  transform: translateY(-50%);
}
.pro_thumbs:not(.swiper-initialized) {
  visibility: hidden;
}
.pro_thumbs:not(.swiper-initialized) .swiper-slide {
  width: 20%;
}
/* product details */
.main_product .product_detail {
  width: 36.67%;
  padding: 40px 15px;
  margin-bottom: 0;
  background-color: #f8f8f8;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main_product .product_detail::after {
  content: "";
  --cwidth: 1280px;
  --fwidth: calc(100% - var(--cwidth));
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  background-color: #f8f8f8;
  height: 100%;
  z-index: -1;
}
.product_detail h3 {
  font-size: 24px;
  line-height: 32px;
}
.product_detail .cust_rating {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product_detail .cust_rating img {
  max-height: 16px !important;
  background: #d0d0d0;
  border-radius: 4px;
  left: 0 !important;
}
.review-star ul {
  display: flex;
}
.review-star ul li {
  padding-right: 4px;
}
.div-wishlist {
  padding: 8px;
}
.div-wishlist .nothearted {
  height: 20px !important;
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Vector_5.svg?v=1695040083")
    no-repeat scroll 0 0px transparent !important;
  background-size: 20px !important;
}
.div-wishlist .nothearted .addToFavorite,
.div-wishlist .hearted .removeFavorite {
  height: 20px !important;
  width: 20px !important;
  min-width: 20px !important;
}
.div-wishlist .hearted {
  height: 20px !important;
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/fill_heart.svg?v=1695040857")
    no-repeat scroll 0 0px transparent !important;
  background-size: 20px !important;
}
p.tags_details {
  color: #7d7d7d;
  line-height: 32px;
}
.product_detail p {
  margin: 0px 0px 15px;
}
.product_detail .product_price {
  display: flex;
  align-items: center;
  margin-bottom: 36px;
  font-size: 16px;
  line-height: 24px;
}
.product_price .dis_price {
  text-decoration-line: line-through;
  color: #939598;
  margin-right: 20px;
  font-size: 16px;
}
.product_price span img {
  margin-right: 5px;
}
.product_price p {
  font-size: 12px;
  line-height: 12px;
  color: #ec0000;
  margin-left: 15px;
}
.product_detail .more-detail-btn {
  padding: 0;
  text-transform: capitalize;
  font-weight: 400;
}
.add-cart-btn {
  font-size: 16px;
  font-weight: 600;
}
.product_detail_btns .add-cart-btn:focus,
.template-product.fixedBag .blankAddtoBag .product_detail_btns button:focus {
  background: #033432 !important;
  color: #fff !important;
}
.product-btn-group {display: flex;align-items: center;margin: 36px 0 10px;gap: 15px;}
.product_detail_btns {
  display: flex;
  justify-content: center;
  width: 100%;
  flex: 1;
}
.product-inquiry-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex: 1;
}
.product-inquiry-btn .btn,
.wishlist {
  font-size: 16px;
  width: calc(50% - 5px);
  min-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: inherit;
  color: #033432;
  border-radius: 0;
}
.product-inquiry-btn .btn{
  width: 100%;
}
.wishlist .btn {
  width: 100%;
}
.product-inquiry-btn .btn svg {
  margin-right: 10px;
}
.product-inquiry-btn .btn svg path {
  fill: #033432;
}
.wishlist svg {
  opacity: 0;
}
.product-inquiry-btn .wishlist {
  position: relative;
}
.product-inquiry-btn .div-wishlist {
  position: absolute;
  left: 54px;
}
.product_detail_btns .btn:focus {
  background: transparent;
  color: #2c2e35;
}
.add-cart-btn.add_to_cart_btn.loader-active {
  background: #033432;
}
.btn-buy-now.add_to_cart_btn.loader-active {
  background: transparent;
}
.social-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.social-sharing span {
  width: 45px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 2px;
}
.social-sharing svg {
  fill: #033432;
}
.social-sharing a:hover span {
  background: #033432;
}
.social-sharing a:hover svg {
  fill: #fff;
}
.product_detail .sp_product_options_new {
  position: unset;
  display: block;
}
.product_detail .option-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  width: 100%;
  padding: 0;
}
.pro-option-wrap {position: relative;display: flex;align-items: center;margin: 0 auto 25px;width: 100%;padding: 0;}
.product_detail .option-wrap label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  background: unset;
  color: #2c2e35;
  padding: unset;
  width: auto;
  flex: unset;
  min-width: 100px;
}
.product_detail .var-select {
  order: 2;
  border: 1px solid #7d7d7d;
  padding: 9px 10px;
  min-width: 160px;
  text-align: center;
  position: relative;
  margin: 0;
  flex: 0;
  color: #7d7d7d;
}
.product_detail .var-select .list {
  box-shadow: 0 0 6px #0000002b;
  margin-top: 1px;
  position: absolute;
  top: 100%;
  left: -1px;
  right: 0;
  min-width: 162px;
  transform: unset;
  transition: unset;
  transform-origin: unset;
  visibility: hidden;
  opacity: 1;
  max-height: 0;
  width: 100%;
  -webkit-transition: max-height, 0.6s ease-in-out;
  transition: max-height, 0.6s ease-in-out;
  overflow-x: hidden;
}
.product_detail .var-select .list li{
  margin-bottom: 0;
}
.product_detail .var-select:after {
  content: "";
  transform: unset;
  height: 8px;
  width: 8px;
  border-right: solid 1px #2c2e35;
  border-bottom: solid 1px #2c2e35;
  transform: rotate(45deg) translateY(-50%);
  line-height: 0.7;
  margin-top: unset;
  pointer-events: none;
  display: inline-block;
  transition: all ease-in-out 0.2s;
}
.product_detail .option-wrap .guide {
  position: unset;
  order: 3;
  flex: 1;
  text-align: right;
  text-decoration: underline;
  font-size: 14px;
  text-underline-offset: 2px;
}
.product_detail .option-wrap .metal-color {
  order: 3;
  margin: 0;
  flex: 1;
  justify-content: right;
}
.product_detail .var-select span {
  padding-right: 2px;
}
.product_detail .var-select.open .list {
  pointer-events: auto;
  visibility: visible;
  height: auto;
  max-height: 152px;
}
.product_detail .var-select.open:after {
  transform: rotate(225deg);
  top: 12px;
}
.size-link-wrapper {
  position: relative;
  order: 3;
  margin: 0;
  flex: 1;
  text-align: right;
}
.add_ur_personlization {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.add_ur_personlization label {
  width: 100%;
  font-size: 14px;
    line-height: 18px;
}
.add_ur_personlization input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #000;
  margin-top: 5px;
  padding: 15px 10px;
}
/* table product info */
.main_product .m_product_info {
  width: 63.33%;
  margin-right: 0;
  margin-top: 48px;
}
.main_product .m_product_info.hide-detail-img {
  width: 100%;
  margin-right: 0;
}
.m_product_info .product_info {
  margin: 0 auto;
}
.pro-stone-title,
.pro-metal-title,
.price-bu-title h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
  color: #2c2e35;
}
.pro-stone-info-wrapper,
.pro-metal-info-wrapper,
.pb_main_table {
  color: #939598;
}
.grand_total_price_box {
  color: #2c2e35;
}
.pro_info_table ul {
  width: 25%;
}
.pro_info_table ul:nth-child(1) {
  width: 30%;
}
.pro_info_table ul:nth-child(3) {
  width: 20%;
}
.pro_info_table_title {
  color: #000 !important;
  border-bottom: 1px solid #96989b;
  padding-bottom: 5px;
}
.pro_info_table ul li {
  color: #939598;
  margin-bottom: 5px;
  display: flex;
  font-size: 14px;
}
.pro_info_table ul li span:nth-child(1) {
  width: 32%;
}
.pro_info_table ul li span:nth-child(3) {
  width: 18%;
}
.pro_info_table ul li span {
  width: 25%;
  display: inline-block;
}
.pro_info_box {
  margin-bottom: 20px;
  margin-top: 20px;
}
.pro_info_box_title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.pro_info_box_title h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.pro_info_box_title svg {
  margin-left: auto;
  cursor: pointer;
  transition: all 0.6s;
  transform: rotate(180deg);
}
.pro_info_box_title.active svg {
  transform: rotate(0deg);
}
.pro_info_dropdown .pro_drop_item {
  display: flex;
  margin-bottom: 5px;
  font-size: 14px;
}
.pro_info_dropdown .pro_drop_item p {
  margin: 0;
}
.pro_info_dropdown .pro_drop_item span {
  color: #939598;
  margin-left: auto;
}
.pro_info_dropdown li {
  display: flex;
  margin-bottom: 5px;
  font-size: 14px;
}
.pro_info_dropdown li p {
  margin: 0;
}
.pro_info_dropdown li span {
  color: #939598;
  margin-left: auto;
}
.pro-stone-wrapper,
.pro-metal-wrapper {
  width: 100%;
}
.pro-info-table {
  margin: 0 36px 0 0;
  border-top: 1px solid #e6e6e6;
  padding-top: 36px;
  margin-bottom: 36px;
}
.pro-info-table:first-child {
  border-top: unset;
}
.pro-table .pro-info-table.pro-details-info {
  display: none;
}
.pro-table .pro-info-table.pro-diamonds-info {
  display: none;
}
.pro-info-types .pro-stone-info-data,
.pro-info-types .pro-metal-info-data {
  color: #939598;
}
.pro-table .sp_pricebreak_mainbox {
  padding: 10px 15px;
  display: none;
}
.pb_row_heading div,
.pb_row_data div {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  flex: 1 1 22%;
}
.pb_row_heading div {
  font-weight: bold;
}
.pb_row_data div {
  font-size: 14px;
}
.pb_row_heading,
.pb_row_data {
  display: flex;
  margin-bottom: 8px;
}
.metal_box .pb_col1 {
  text-transform: capitalize;
}
.pro-stone-ul,
.pro-metal-ul {
  display: flex;
  margin-bottom: 8px;
  font-size: 14px;
}
.pro-stone-ul:last-child,
.pro-metal-ul:last-child {
  margin-bottom: 0;
}
.pro-stone-ul li,
.pro-metal-ul li {
  flex: 1 1 0;
}
.pb_row_heading div:first-child,
.pb_row_data div:first-child {
  flex: 1 0 28%;
}
.pb_box_title div {
  font-size: 16px;
  font-weight: 600;
}
.pb_row_data.grand_total_price_box {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  padding-top: 15px;
}
.pb_col2,
.pb_col3 {
  text-align: right;
  color: #939598;
}
.pb_col1-2,
.pb_col2 {
  text-align: center;
}
.pb_col3 strong {
  color: #000;
}
.pb_row_data div.pb_col1-2 {
  flex: 1 0 25%;
}
.pb_row_data div.pb_col2 {
  flex: 1 0 25%;
}
.pb_row_data.grand_total_price_box div.pb_col2 {
  flex: 1 0 10%;
}
.pb_row_data.grand_total_price_box div.pb_col3 {
  flex: 1 1 40%;
}
.text-black {
  font-size: 11px;
}
.pro-info-table.is_empty_data {
  display: none;
}
.pro_info_box.pro-info-margin {
  margin: 0 36px 36px 0;
}
.pro-info-margin .pro_info_dropdown p {
  color: #939598;
  line-height: 19px;
}
.pro-info-margin .pro_info_box_title {
  margin-bottom: 16px;
}
.pro_info_dropdown {
  color: #939598;
  font-size: 14px;
}

/* info right side image */
.m_product_img {
  width: 36.67%;
  margin-top: 48px;
}
.m_product_img span {
  position: relative;
  padding-bottom: 150%;
  display: block;
}
.m_product_img span img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* order sec */
.order-detail-sec {
  padding-top: 38px;
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #f0f0f0;
}
.m_product_img.order-pro-img {
  margin: 0;
  height: 100%;
}
.order-pro-img a {
  display: block;
}
.m_product_order_detail {
  width: calc(65% - 15px);
  background: #f8f8f8;
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-bottom: 20px;
  height: 100%;
}
.product_order_detail {
  padding: 20px;
  margin: 0 auto;
}
.order_ship_info {
  margin: 10px 0px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0px;
}
.order_ship_info p {
  margin-bottom: 5px;
}
.order_ship_info p span {
  color: #0da958;
}
.pro_order_options {
  display: flex;
  margin-top: 10px;
}
.order_options_box {
  background: #e8e9ea;
  border-radius: 5px;
  padding: 15px;
}
.order_options_box:nth-child(1) {
  margin-right: 15px;
}
.order_box_info {
  display: flex;
}
.order_box_txt {
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.order_box_txt span {
  color: #000000;
  font-weight: 600;
}
.order_box_txt p {
  line-height: 15px;
  margin-top: 5px;
}
.order_option_btn {
  width: 100%;
  background: #033432;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 10px;
  text-transform: capitalize;
}
.order_option_btn:hover {
  background: transparent;
  color: #2c2e35;
}
/* service sec */
.product_services {
  background: #fff;
  padding: 35px 0px;
  margin-top: 90px;
}
.product_services .row {
  padding: 0 200px;
  justify-content: space-evenly;
}
.pro_service_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.pro_service_box {
  text-align: center;
  width: 20%;
}
.pro_service_box a {
  display: flex;
}
.pro_service_box a img {
  margin: auto;
  max-height: 36px;
  margin-bottom: 10px;
}
.pro_service_box span {
  display: block;
  color: var(--bg_color);
  margin-bottom: 0;
  margin-top: auto;
  font-size: 10px;
  line-height: normal;
}
/* banner sec */
.template-product .hero_banner a {
  padding-bottom: 39%;
}
/* diamond guide popup */
.diamond_cs_modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 25px 0px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.diamond_cs_modal .diamond_modal_content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 600px;
  border-radius: 5px;
  overflow: hidden auto;
  height: 100%;
}
.diamond_cs_modal .modal_close {
  color: #2c2e35;
  float: right;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
}
.diamond_cs_modal .diamond_cs_box {
  display: block;
  padding: 20px 0px;
}
.diamond_cs_modal .diamond_cs_info,
.diamond_cs_modal .diamond_cs_img {
  width: 100%;
  padding: 0;
}
.diamond_cs_modal .diamond_cs_info p {
  font-size: 16px;
  line-height: 22px;
}
.diamond_cs_modal .cs_type_title {
  padding: 24px 0 5px;
  text-align: center;
}
.diamond_cs_modal .diamond_modal_content ul li {
  padding: 20px 0;
  border-bottom: 1px solid #96989b;
}
.diamond_cs_modal .diamond_modal_content ul li:last-child {
  border: none;
}
.diamond_cs_modal .diamond_modal_content ul li p {
  font-size: 16px;
  line-height: 22px;
  color: #939598;
  margin: 10px 0;
}
.diamond_cs_modal .diamond_modal_content::-webkit-scrollbar {
  width: 5px;
  border-radius: 4px;
}
.diamond_cs_modal .diamond_modal_content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.diamond_cs_modal .diamond_modal_content::-webkit-scrollbar-thumb {
  background: #a9a9a9;
  border-radius: 4px;
}
.diamond_cs_modal .diamond_modal_content::-webkit-scrollbar-thumb:hover {
  background: #a9a9a9;
}
/* diamond guide popup over */
/* size guide popup start */
.size_guide_popup {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 25px 0px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.size_guide_content {
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 100%;
  max-width: 900px;
  border-radius: 5px;
  overflow: hidden auto;
  height: 100%;
  position: relative;
}
.size_guide_content .modal_closes {
  color: #2c2e35;
  float: right;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
  position: absolute;
  top: 5px;
  float: none;
  z-index: 999;
  right: 5px;
  padding: 10px;
}
.size_guide_content::-webkit-scrollbar {
  width: 5px;
  border-radius: 4px;
}
.size_guide_content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.size_guide_content::-webkit-scrollbar-thumb {
  background: #a9a9a9;
  border-radius: 4px;
}
.size_guide_content::-webkit-scrollbar-thumb:hover {
  background: #a9a9a9;
}
.tabs {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.tabs__header {
  display: flex;
  background-color: #f7f7f7;
}
.tabs__header--title {
  color: #a9a9a9;
  cursor: pointer;
  flex: 0 1 auto;
  padding: 20px;
  position: relative;
  text-align: center;
  transition: opacity 0.3s;
  font-size: 20px;
  font-weight: 600;
}
.tabs__header--title.active {
  color: #033432;
}
.tabs__header--title::after {
  background: #e91e63;
  bottom: -1px;
  content: "";
  display: none;
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.3s;
  width: 100%;
}
.tabs__header--title.active::after {
  transform: translateX(-50%) scaleX(1);
}
.tabs__underline {
  width: 33%;
  background: #e91e63;
  height: 4px;
  position: absolute;
  left: 0;
  top: 58px;
  transition: transform 0.5s cubic-bezier(1, -1.25, 0, 1.75);
}
.tabs__content {
  display: none;
  padding: 0;
}
.tabs__content.active {
  animation: fadeIn 1s;
  display: block;
}
.tabs__content.active .tabs__content--title,
.tabs__content.active .tabs__content--text {
  animation: fadeInUp 0.3s forwards;
}
.tabs__content.active .tabs__content--text {
  animation-delay: 0.3s;
}
.tabs__content--title {
  font-family: "Lustria", serif;
  font-size: 2rem;
  margin-bottom: 20px;
}
.tabs__content--text {
  line-height: 1.4;
  opacity: 0;
}
.tab_xs_title {
  display: none;
}
.tab_xs_content {
  padding: 20px;
}
.tab_xs_content table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e5e5e5;
}
.tab_xs_content tr th {
  text-align: left;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
}
.tab_xs_content tr td {
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
  background-color: #f7f7f7;
}
.tab_xs_content tr:nth-child(even) td {
  background-color: #ffffff;
}
.tab_xs_content h4 {
  margin-bottom: 0;
  margin-top: 20px;
}
.tab_xs_content p {
  margin-top: 10px;
}
.tab_x_content h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 600;
}
.tab_x_content ul li table,
.tab_x_content ul li table tr th,
.tab_x_content ul li table tr td {
  border: unset;
}
.tab_x_content ul li table tr td {
  background: unset;
  padding: 0;
}
.tab_xs_content.tab_x_content
  ul
  li:not(.tab_xs_content.tab_x_content table ul li) {
  list-style: none;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.tab_xs_content.tab_x_content table ul li {
  list-style: auto;
  list-style-position: outside;
}
.tab_x_content span {
  min-width: 300px;
  display: inline-block;
  text-align: center;
}
.tab_x_content p span {
  min-width: auto;
  display: block;
  text-align: unset;
  margin-bottom: 0;
}
.tab_xs_content.tab_x_content table ul {
  margin-bottom: 0px;
}
.tab_xs_content.tab_x_content table ul li:last-child {
  margin-bottom: 0;
}
.tab_xs_content.tab_x_content ul li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: unset !important;
}
.tab_xs_content.active.tab_x_content ul {
  margin-top: 25px;
}
.tab_xs_content.active.tab_x_content ul li h3 {
  margin: 0;
}
/* size guide popup over */

/* .also_like_title */
/* .also_like_slider{margin: 0 -15px;}
.also_like_title h3 {text-align: left;margin-bottom: 15px;text-transform: capitalize;}
.also_like_slider .swiper-slide {text-align: center;padding: 0 15px;display: flex;flex-direction: column; opacity:0;transition: all 0.4s; } 
.also_like_sec {padding: 60px 0px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
.also_like_slider .swiper-slide a {display: block;}
.like_pro_detail {margin-bottom: 0;margin-top: auto;}
.also_like_slider .swiper-button-prev {right: auto; left: -50px; transform: translateY(-50%);}
.also_like_slider .swiper-button-next {right: -50px; transform: translateY(-50%);} 
.also_like_slider .swiper-slide > a {position: relative;padding-bottom: 90%;}
.also_like_slider .swiper-slide img {position: absolute;width: 100%;margin: auto;left: 0;top: 0;right: 0;height: 100%;object-fit: cover;filter: brightness(96%);}
.also_like_sec .container {position: relative;}
.also_like_wrapper {overflow: hidden; padding: 0 72px;}
.also_like_slider {overflow: visible;}
.also_like_slider .swiper-slide.swiper-slide-active, .also_like_slider .swiper-slide.swiper-slide-active + .swiper-slide , .also_like_slider .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide , .also_like_slider .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide { opacity: 1;}
.also_like_wrapper .section-title {padding: 10px 0 80px;} */

/* unkonown */
.product_option_select p {
  font-size: 15px;
  line-height: 18px;
  margin-right: 10px;
  float: left;
}
.product_option_select p img {
  vertical-align: bottom;
  margin-left: 10px;
}
.product_option_select svg {
  float: right;
}
.product_option_select span {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #939598;
  margin-top: 2px;
}
.social_contact {
  display: flex;
  margin: 30px 0px;
}
.social_contact li {
  width: 50%;
  text-align: center;
}
.social_contact li svg {
  margin-left: 7px;
}
.social_contact li:not(:last-child) {
  border-right: 1px solid #d5d7d8;
}
.product_banner img {
  display: block;
}
.no_custom_opt {
  display: block;
}
.measure-type-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.m-box-content {
  width: 60%;
}
.m-box-img {
  width: 30%;
  text-align: center;
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* product page end */

/* our story */
.page__header {
  background-color: #fff;
  padding: 60px 0px;
}
.container--narrow {
  text-align: center;
  min-height: 500px;
}

/* about us */
.about_us_banner {
  background-repeat: no-repeat;
  background-position: center;
  min-height: 500px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: center;
}
.empty-bg-img {
  background: #ebdddd;
}
.about_banner_title {
  margin: 25px 0;
}
.about_banner_detail p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.about_our_history {
  padding: 60px 0;
}
.about_history {
  display: flex;
  flex-wrap: wrap;
}
.about_banner_detail {
  max-width: 42%;
  text-align: center;
  margin: 0 auto;
}
.about_his_img {
  width: 50%;
}
.about_his_img a {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 65%;
}
.about_his_img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_his_detail {
  width: 50%;
  padding: 0px 0px 0px 40px;
  margin: auto 0px;
}
.about_his_detail p {
  margin-top: 20px;
  letter-spacing: 0.01em;
  color: #939598;
}
.about_info {
  display: flex;
  margin-top: 60px;
}
.about_info_img {
  width: 50%;
}
.about_info_img a img {
  display: block;
}
.about_info_des {
  width: 50%;
  margin: auto 0px;
  padding-left: 40px;
}
.about_info_des .btn {
  width: max-content;
}
.about_info_des p {
  color: #939598;
  margin: 20px 0;
}
.about_info:nth-child(even) {
  flex-direction: row-reverse;
}
.about_info:nth-child(even) .about_info_des {
  padding-left: 0px;
  padding-right: 40px;
}
.about_info_sec {
  padding-bottom: 60px;
}

/* contact form */
.contact_title {
  text-align: center;
}
.contact__store-image {
  position: relative;
}
.txt-spinner {
  position: absolute;
  top: 0%;
  right: calc(-240px / 2);
  z-index: 1;
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.contact__store-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}
.contact__store-image .aspect-ratio {
  position: relative;
}
.layout__section .layout__column {
  width: 50%;
  padding: 0 15px;
}
.layout > .layout__section {
  display: flex;
  margin: 0 -15px;
}
.layout__box__in {
  background-color: #f8f8f8;
  padding: 45px;
  height: 100%;
}
.contact__store-text.rte p {
  font-family: "Futura Bk BT";
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.02em;
}
label.form__floating-label {
  width: 100%;
}
.form__input-wrapper input,
.form__input-wrapper textarea,
.form__input-wrapper select {
  width: 100%;
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid #96989b;
  padding: 10px 0;
  line-height: 24px;
  border-radius: 0;
}
a.viewMap {
  text-align: right;
  text-decoration: underline;
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
}
.form__input-wrapper {
  margin-bottom: 30px;
  text-align: left;
}
.form__input-wrapper label {
  font-size: 16px;
  line-height: 20px;
}
.form__input-wrapper textarea {
  height: 120px;
}
.layout__box {
  height: 100%;
}
.layout__box button {
  line-height: 20px;
  padding: 10px 30px;
  min-width: 250px;
  max-width: 350px;
  font-size: 16px;
  font-family: "Futura Bk BT";
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  margin: 0 auto;
  display: block;
}
.contact_que p {
  font-size: 26px;
  line-height: 32px;
}
.contact_que span {
  font-size: 18px;
  line-height: 26px;
  margin-top: 5px;
  display: inline-block;
}
.contact_details {
  padding: 60px 0;
}
.contact_que {
  text-align: center;
  margin-bottom: 60px;
}
.contact_info_box {
  background: #f8f8f8;
  width: 33.33%;
  text-align: center;
  padding: 20px 10px;
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact_info_box p {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 5px;
}
.contact_info_box span {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}
.contact_info_box.email_info a {
  text-decoration-line: underline;
}
.contact_info {
  display: flex;
  justify-content: center;
}

/* account-login-form */
.form__header {
  padding: 50px 0;
  text-align: center;
}
.secondary_btn {
  background: #033432;
  color: #fff;
  border: 1px solid #033432;
  display: block;
  margin: 0 auto;
}
.secondary_btn:hover {
  color: #2c2e35;
}
.forgot_pass_txt {
  text-decoration: underline;
  margin: 0px 0 20px 0;
  display: inline-block;
  cursor: pointer;
}
.login-form,
.form--main {
  width: 700px;
  margin: 0 auto;
}
.form__secondary-action {
  margin: 15px 0 50px 0;
  text-align: center;
}
.link--accented {
  margin: 0px 0px 20px 0;
  display: inline-block;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000000s ease-in-out 0s;
  appearance: none !important;
}
.article__comment-form-wrapper input:-webkit-autofill,
.article__comment-form-wrapper input:-webkit-autofill:hover,
.article__comment-form-wrapper input:-webkit-autofill:focus,
.article__comment-form-wrapper input:-webkit-autofill:active {
  color: #fff;
  background: #fff;
  -webkit-text-fill-color: #fff;
}
.account-info {
  font-size: 22px;
  font-weight: 600;
}
.order_card {
  color: #939598;
}
.account-info {
  color: #2c2e35;
  margin-bottom: 8px;
}
.name {
  color: #2c2e35;
}

/* empty-state */
.empty-state {
  padding: 0px 0;
}
.empty-state .btn {
  background: #033432;
  color: #fff;
  border: 1px solid #033432;
  margin: 20px 0px;
}
.empty-state .btn:hover {
  background: transparent;
  color: #2c2e35;
}
.error_page {
  padding: 90px 0 70px 0px;
}
.error_txt_des {
  margin-bottom: 30px !important;
}
.empty-banner-img {
  min-height: 200px;
  text-align: center;
}

/* diamond-guide */
.diamond_cs_box {
  display: flex;
  border-bottom: 1px solid #96989b;
  padding: 60px 0;
}
.diamond_cs_box:last-child {
  border: none;
}
.diamond_cs_info,
.diamond_cs_img {
  width: 50%;
}
.left-img .diamond_cs_img {
  order: 1;
}
.left-img .diamond_cs_info {
  order: 2;
}
.diamond_cs_img {
  order: 2;
}
.diamond_cs_info {
  order: 1;
  padding: 0px 20px;
}
.diamond_cs_info p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #939598;
  margin: 10px 0px;
}
.diamond_modal_content h3 {
  padding: 24px 0 5px;
  text-align: center;
}

/* address-form */
.modal__header {
  padding: 60px 0;
  text-align: center;
}
.check_box {
  width: 16px !important;
  margin-right: 6px;
}
.modal__close {
  width: max-content;
}
.add_label {
  width: auto !important;
}
.address-list {
  width: 350px;
  margin: 30px 0;
  text-align: left;
}
.card__title {
  padding: 60px 0;
}
.address-list__item-top .heading {
  font-size: 18px;
  color: #2c2e35;
  font-weight: 600;
  margin-bottom: 6px;
}
.address-list__item-top p {
  font-size: 15px;
}
.address-list__action-list {
  margin: 15px 0 0 0;
}
.add-new-address {
  margin-top: 15px;
}
.address-list__action-list button {
  border: none;
  background: none;
  text-decoration: underline;
  font-size: 16px;
  color: #2c2e35;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0;
  cursor: pointer;
}
.footer_newsletter input:-webkit-autofill,
.footer_newsletter input:-webkit-autofill:hover,
.footer_newsletter input:-webkit-autofill:focus,
.footer_newsletter input:-webkit-autofill:active {
  color: #fff !important;
  transition: background-color 5000000s ease-in-out 0s;
  appearance: none !important;
  -webkit-text-fill-color: #fff;
}
.theme-cmn-bg.acc-page-bg {
  margin-bottom: 40px;
}
.acc-page {
  padding: 20px 0;
}
.acc-page .section-title .breadcrumb {
  padding-bottom: 10px;
}
.acc-page .section-title .breadcrumb a {
  color: #784534;
  text-decoration: unset;
}
.acc-page .section-title .breadcrumb a,
.acc-page .section-title .breadcrumb span {
  font-weight: 100;
}
.acc-page .sec-titles {
  margin: 0px auto;
  padding: 50px 0;
  text-align: center;
}
.acc-page .account-left .ac_dashboard .var-select {
  padding: 0;
}
.acc-page .account-left .ac_dashboard ul {
  list-style: none;
  position: unset;
  transform: unset;
  transition: unset;
  opacity: 1;
  transform-origin: unset;
  margin: 0;
  background-color: transparent;
  border: unset;
  box-shadow: unset;
}
.acc-page .account-left .ac_dashboard ul li {
  background-color: transparent;
  line-height: 1.5;
  min-height: unset;
  padding: 0;
}
.acc-page .account-left .ac_dashboard {
  padding: 20px;
  background-color: #f2fcfb;
  border-radius: 15px;
  border: solid 1px #2c2e35;
}
.ac_dashboard .current {
  display: none;
}
.acc-page .account-left .ac_dashboard .login-title {
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0;
  padding-bottom: 15px;
}
.acc-page .account-left .ac_dashboard ul li a {
  text-decoration: unset;
  color: #2c2e35;
  font-size: 18px;
  padding: 5px 0;
  display: block;
  font-weight: 100;
}
.acc-page .account-left {
  max-width: 20%;
  width: 100%;
}
.acc-page .account-right {
  max-width: 80%;
  width: 100%;
  padding: 20px 20px 20px 50px;
}
.acc-page .account-right .tab-content.hide {
  display: none;
}
.acc-page .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.acc-page .account-right h4 {
  font-size: 22px;
  line-height: 1;
  font-weight: 100;
  padding-bottom: 20px;
  letter-spacing: 0;
}
.account-right .view-addrs {
  margin-top: 20px;
}
.acc-page .cus-name-acc {
  line-height: 24px;
  color: #2e2f2f;
  font-weight: 600;
  padding-bottom: 10px;
}
.acc-page .button {
  display: block;
  width: 100%;
  max-width: 200px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: var(--bg_color);
  border: 1px solid var(--bg_color);
  color: #fff;
}
.acc-page .button:hover {
  background: transparent;
  color: #2c2e35;
}
.acc-page a .button {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.acc-page .ac_logout {
  padding-top: 10px;
}
.acc-page .account-left .ac_dashboard ul li.active a {
  color: #033432;
  text-decoration: underline;
}
.add-new-address #add_address,
.edit-address {
  padding: 40px 0;
}
.add-new-address #add_address .input-div .col-50,
.edit-address .input-div .col-50 {
  max-width: calc(50% - 10px);
  width: 100%;
}
.add-new-address #add_address .input-div .select-arrow,
.edit-address .input-div .select-arrow {
  position: relative;
}
.add-new-address #add_address .input-div input,
.add-new-address #add_address .input-div select,
.edit-address .input-div input,
.edit-address .input-div select {
  margin: 0;
  border: 0;
  border-bottom: solid 1px #2e2f2f;
  background-color: #fff;
  padding: 10px 0;
  font-size: 16px;
  width: 100%;
  line-height: 1;
  margin: 10px 0;
  -webkit-appearance: none;
  color: #2e2f2f;
  font-weight: normal;
}
.add-new-address #add_address .input-div input::-webkit-input-placeholder,
.add-new-address #add_address .input-div select::-webkit-input-placeholder,
.edit-address .input-div input::-webkit-input-placeholder,
.edit-address .input-div select::-webkit-input-placeholder {
  color: #033432;
}
.add-new-address #add_address .input-div svg,
.edit-address .input-div svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.add-new-address #add_address .input-div .deflt-address,
.edit-address .input-div .deflt-address {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.add-new-address #add_address .input-div .deflt-address input,
.edit-address .input-div .deflt-address input {
  padding: 8px;
  cursor: pointer;
  width: auto;
  background-color: #fff;
  border: solid 1px #033432;
  color: #ffffff;
}
.add-new-address #add_address .input-div .deflt-address label,
.edit-address .input-div .deflt-address label {
  padding-left: 10px;
  position: relative;
  cursor: pointer;
}
.add-new-address #add_address .input-div .deflt-address input:checked,
.edit-address .input-div .deflt-address input:checked {
  background-color: #033432;
}
.add-new-address
  #add_address
  .input-div
  .deflt-address
  input:checked
  + label:before,
.edit-address .input-div .deflt-address input:checked + label:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 3px;
  height: 10px;
  width: 6px;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  display: block;
}
.acc-page .button-border {
  display: inline-block;
}
.acc-page .button-border u {
  text-decoration: unset;
}
.acc-page .submit-btn {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.acc-page .submit-btn a:last-child {
  margin-left: 15px;
}
.account-right .tab-content #contact_form .alert--error {
  font-weight: 100;
  letter-spacing: 0;
  color: red;
  padding-bottom: 0px;
  padding-left: 0px;
}
#address_form_new .alert--error,
.edit-address .alert--erro {
  font-weight: 400;
  letter-spacing: 0;
  color: red;
  padding-bottom: 0px;
  padding-left: 0px;
}
.alert--error {
  font-weight: 100;
  letter-spacing: 0;
  color: red;
  padding-bottom: 5px;
  padding-left: 10px;
}
.account-right .tab-content #contact_form .alert--success {
  color: green;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 18px;
}
.alert--success {
  color: green;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 18px;
}
.article__comment-form-wrapper .alert--success {
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 18px;
  color: #0a9b0a;
}
.de_address {
  padding-top: 20px;
}
.de_address .mb-30 {
  margin-bottom: 25px;
}
.de_address .edit-delete {
  color: #033432;
  padding-top: 10px;
  font-size: 16px;
}
.de_address .edit-delete a {
  color: #033432;
}
.de_address .add-pagination {
  margin-top: 50px;
}
#orders table,
.order-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#orders table thead th,
.order-table table th {
  padding: 10px 5px;
  font-family: Futura Bk BT;
}
#orders table thead th:first-child,
.order-table table th:first-child {
  border-top-left-radius: 10px;
}
#orders table thead th:last-child,
.order-table table th:last-child {
  border-top-right-radius: 10px;
}
#orders table tbody td,
.order-table table td {
  text-align: center;
  padding: 10px 5px;
  border: solid 1px #2e2f2f;
  vertical-align: middle;
  font-family: Futura Bk BT;
}
.order-table table td:first-child {
  text-align: left;
}
.order-table table tbody td:first-child {
  text-align: center;
}
#orders table tbody td a,
.order-table table td a {
  color: #2e2f2f;
  text-decoration: unset;
}
.order-table table td .mob-title {
  display: none;
}
.my-order-page .sec-titles {
  padding: 40px 0;
}
.add-bar {
  padding-bottom: 20px;
}
.add-bar a {
  display: flex;
  align-items: center;
}
.add-bar a svg {
  max-width: 20px;
  height: auto;
  width: 100%;
  margin-right: 10px;
}
.add-bar a svg path {
  fill: #2e2f2f;
}
.add-bar .login-title {
  font-size: 22px;
  color: #2e2f2f;
  line-height: 1;
  font-weight: 100;
  padding-bottom: 20px;
  letter-spacing: 0;
}
.add-bar a {
  display: flex;
  text-decoration: unset;
  color: #2e2f2f;
  font-size: 18px;
}
.sub-i-order-details .order-table {
  padding-bottom: 20px;
}
.order-table .place-date {
  font-weight: 100;
  font-size: 16px;
  padding-bottom: 10px;
}
.bill-information {
  padding-top: 40px;
  padding-bottom: 60px;
}
.bill-information .col-50 {
  max-width: 50%;
  width: 100%;
}
.bill-information h4 {
  font-size: 22px;
  color: #2e2f2f;
  line-height: 1;
  font-weight: 100;
  padding-bottom: 20px;
  letter-spacing: 0;
}
.bill-information p {
  font-weight: 100;
}
.order-progress {
  padding: 50px 0;
}
.steps-box {
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  max-width: 800px;
  text-align: center;
  padding-left: 0;
  padding-bottom: 30px;
}
.steps {
  position: relative;
  display: inline-block;
  width: 16.66%;
  height: 30px;
  font-size: 13px;
  color: #fff;
}
.steps:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(to right, #ebebeb 50%, #ebebeb 50%);
  background-size: 200% 100%;
  background-position: right top;
}
.steps:nth-child(1):before {
  display: none;
}
.steps-point {
  display: inline-block;
}
.steps-circle {
  display: inline-block;
  transition: transform 400ms ease-out;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #c0c0c0;
  background: linear-gradient(to right, #fff 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right top;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.steps-title {
  opacity: 1;
  line-height: 1.2;
  color: #cccccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 5px;
}
.steps.is-completed .steps-circle:before {
  display: inline-block;
}
.steps.is-completed .steps-circle:after {
  display: none;
}
.steps.is-completed .steps-circle,
.steps.is-completed + .is-completed:before,
.steps.is-completed + .is-current:before {
  background: linear-gradient(to right, #033432 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right top;
}
.steps.is-completed + .is-completed:before,
.steps.is-completed + .is-current:before {
  background: linear-gradient(to right, #033432 50%, #ebebeb 50%);
  background-size: 200% 100%;
  background-position: right top;
}
.steps.is-current .steps-circle {
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.steps.is-current .steps-circle:after {
  display: none;
}
.steps.is-current .steps-title {
  color: #033432;
  font-weight: bold;
}
.steps.is-current .steps-circle {
  background: linear-gradient(to right, #033432 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right top;
}
.steps.is-current + .steps:before {
  background: linear-gradient(to right, #033432 0%, #ebebeb 50%);
  background-size: 200% 100%;
  background-position: right top;
}
.steps.is-current ~ .steps .steps-circle:after {
  display: none;
}
.steps.is-line-entering:before {
  opacity: 1;
  animation: stepsLineIn 200ms linear forwards;
}
.steps.is-line-entering .steps-circle {
  opacity: 1;
  animation: stepsLineIn 200ms 200ms linear forwards;
}
.steps .steps-title {
  opacity: 1;
  font-size: 16px;
  color: #033432;
}
@keyframes stepsLineIn {
  from {
    background-position: right top;
    opacity: 1;
  }
  to {
    background-position: left top;
    opacity: 1;
  }
}
@-webkit-keyframes stepsLineIn {
  from {
    background-position: right top;
    opacity: 1;
  }
  to {
    background-position: left top;
    opacity: 1;
  }
}

/* certificate */
.sub-i-order-details .lineItem-image-wrapper svg {
  max-width: 20px;
  height: auto;
  margin-right: 5px;
  display: block;
}
.sub-i-order-details .lineItem-image-wrapper a,
.sub-i-order-details .lineItem-image-wrapper .view-certi {
  color: #033432;
  text-decoration: unset;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 5px 5px;
  background: transparent;
  border: 0;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
}
.view-certi-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  width: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
  background-color: #ffffff;
  margin: auto;
  padding: 30px;
  border-radius: 5px;
}
.view-certi-popup.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.view-certi-popup button {
  position: absolute;
  top: 10px;
  right: 10px;
  appearance: none;
  border: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
}
.view-certi-popup img {
  width: 100%;
}
.sub-i-order-details .lineItem-image-wrapper .view-certi-popup button svg {
  margin-right: 0;
}
.certi_overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(47, 47, 47, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}
.certi_overlay.active {
  opacity: 1;
  visibility: visible;
}
/* certificate over */

/* search */
.search_title {
  margin: 20px 0 60px;
}
.search_input {
  text-align: left;
  position: relative;
  display: flex;
  border-bottom: 1px solid #96989b;
}
.search_input input {
  border-bottom: unset;
  font-size: 18px;
}
.form__input-wrapper ::-webkit-input-placeholder {
  color: #2c2e35;
  font-family: Futura Bk BT;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.form__input-wrapper :-ms-input-placeholder {
  color: #2c2e35;
}
.form__input-wrapper ::placeholder {
  color: #2c2e35;
}
.search_input button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.search_input button svg {
  stroke: #2c2e35;
}
.product-list--collection {
  padding: 40px 0px;
  display: grid !important;
  display: -ms-grid;
  grid-auto-flow: dense;
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  overflow: visible;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
}
.layout__grid {
  display: block !important;
}
.button-group {
  display: flex;
  justify-content: center;
}
.button-group .btn {
  width: 250px;
  margin: 0 10px;
}
.button-group .button--secondary {
  background: #033432;
  color: #fff;
}
.button-group .button--secondary:hover {
  background: transparent;
  color: #2c2e35;
}
.forgot_password {
  margin: 10px 0 !important;
  text-align: right;
}
.login-btns {
  margin: 40px auto;
  text-align: center;
}
.login-btns p a {
  margin-top: 16px;
  text-decoration: underline;
  font-size: 16px;
}

/* search-popup */
.s-overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #fff;
  background-color: #fff;
  overflow-y: hidden;
  transition: 0.5s;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.s-overlay-content {
  padding: 40px 20px;
  width: 100%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.search-close-btn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 30px;
  color: #000;
  cursor: pointer;
  z-index: 99;
}
.search-input {
  border: 1px solid #00000080;
  box-sizing: border-box;
  display: inline-block;
  height: 50px;
  line-height: 2;
  min-width: 550px;
  outline: medium none;
  padding: 10px 15px 10px 15px;
  width: 100%;
  transition: all 0.45s ease 0s;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-input::-webkit-input-placeholder {
  color: #000;
}
.search-bar {
  position: relative;
}
.search-icon {
  background-color: transparent;
  border: medium none;
  color: #111;
  font-size: 16px;
  line-height: 1;
  padding: 15px;
  margin-left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  cursor: pointer;
}
.search-icon svg {
  stroke: #2c2e35 !important;
}
.search-results li {
  padding-bottom: 10px;
}
.view_all_result a {
  border-bottom: 1px solid #033432;
  padding-bottom: 1px;
}
.search-result-wrapper .container {
  display: flex;
  justify-content: space-between;
}
.search-result-wrapper {
  margin: 0px;
  padding-bottom: 20px;
}
.search-category li {
  padding-top: 10px;
}

/* faq */
.sec-title {
  padding: 70px 0px;
  text-align: center;
}
.accordian-type {
  color: #000;
  padding: 25px 0;
  font-size: 24px;
  text-transform: capitalize;
  line-height: normal;
  position: relative;
  cursor: pointer;
  border-bottom: solid 1px #cecece;
}
.accordian {
  margin-bottom: 35px;
}
.accordian .accordion-box {
  border-bottom: solid 1px #cecece;
  position: relative;
}
.accordian .accordion-title {
  font-size: 18px;
  line-height: 22px;
  padding: 28px 48px 28px 40px;
  position: relative;
  cursor: pointer;
  letter-spacing: 0.3px;
  font-family: Futura Bk BT;
}
.accordion-title span {
  position: absolute;
  left: 0;
}
.small-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
  display: block;
  padding: 0 15px;
}
.accordian .accordion-title:after {
  content: "+";
  position: absolute;
  right: 30px;
  font-size: 26px;
  line-height: 26px;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-in-out 0.3s;
}
.accordian .accordion-title.active:after {
  transform: translateY(-50%) rotate(45deg);
}
.accordian .acco_detail {
  padding: 0 10px 20px;
}
.acco_detail p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0;
}
.acco_detail p:not(:last-child) {
  padding-bottom: 10px;
}
/* .page_faq_desc .accordian-type:after {content: "+";position: absolute;right: 0;font-size: 20px;}
.page_faq_desc .accordian-type.active:after {content: "-";right: 5px;} */
.cart-list .left .main-cart-title {
  padding-bottom: 16px;
}
.cart-list-wrap .cart-product {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  border-top: solid 1px #ddd;
}
.cart-list .cart-page .container {
  display: flex;
  flex-wrap: wrap;
}
.cart-list .cart-page .container .right {
  max-width: calc(100% - 60%);
  width: 100%;
  padding-left: 30px;
}
.cart-list .cart-page .container .left {
  max-width: 60%;
  width: 100%;
}
.cart-list-wrap .cart-product .cart-img {
  position: relative;
}
.cart-list-wrap .cart-product .cart-img a {
  display: block;
  width: 100px;
  padding-bottom: 100%;
  position: relative;
  border: 1px solid #96989b;
}
.cart-list-wrap .cart-product .cart-img a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cart-list-wrap .cart-product .cart-content {
  padding-left: 20px;
  display: flex;
  align-items: flex-start;
  max-width: calc(100% - 100px);
  width: 100%;
  justify-content: space-between;
}
.cart-list-wrap .cart-product .cart-content .cart-content-inner .title a {
  padding-bottom: 5px;
  display: inline-block;
}
.pro-opt-wrap p {
  color: #96989b;
  margin-bottom: 10px;
}
.cart-content-inner .sku,
.cart-property {
  font-size: 14px;
  line-height: 18px;
  color: #96989b;
  margin-bottom: 10px;
}
.cart-list-wrap .cart-product .cart-content .cart-content-inner .pro-qut {
  display: flex;
  align-items: center;
  color: #96989b;
}
.pro-qut select {
  color: #96989b;
  border: unset;
}
.cart-list-wrap .cart-product .cart-content .remove_items {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
}
.cart-list-wrap .cart-product .cart-content .cart-p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.01em;
  color: #2c2e35;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.cart-list {
  padding-top: 50px;
  padding-bottom: 50px;
}
.right .right-wrap {
  background-color: #f8f8f8;
  padding: 20px;
}
.right .right-wrap .main-cart-title {
  padding-bottom: 10px;
}
.right .right-wrap .cart-list-wrap .button {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  min-width: 100%;
}
.right .right-wrap .cart-list-wrap .shipping {
  text-align: center;
}
.right .right-wrap .cart-list-wrap .subtotal p {
  font-size: 16px;
  color: #2c2e35;
}
.right .right-wrap .cart-list-wrap .subtotal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 37px;
}
.deli-charges p {
  font-size: 16px;
  line-height: 20px;
}
.cart-list-wrap .cart-product .cart-content .cart-p strike {
  text-decoration: line-through;
  color: #96989b;
}
.cart-content-empty-wrapper {
  text-align: center;
}
.cart-body {
  width: 100%;
  text-align: center;
  padding: 0 0 50px;
}
.cart-content-empty-wrapper p.sec-title {
  font-size: 60px;
  line-height: 72px;
  margin-bottom: 20px;
  padding-bottom: 40px;
}
.cart-content-empty-wrapper a.button {
  line-height: 22px;
  padding: 13px 50px;
  border: 1px solid #2c2e35;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
}
.cart-content-empty-wrapper a.button:hover {
  background: var(--bg_color);
  border: 1px solid var(--bg_color);
  color: #fff;
}
.check-pincode {
  margin-top: 90px;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 20px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.cart-list-wrap .main-total {
  font-size: 16px;
  line-height: 20px;
}
.pin_code_text::-webkit-input-placeholder {
  color: #2c2e35;
  font-family: "Arkibal Rg";
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
}
.pin_code_text:-ms-input-placeholder {
  color: #2c2e35;
}
.pin_code_text::placeholder {
  color: #2c2e35;
}
.check-pincode input {
  border: none;
  background: transparent;
  border-bottom: 1px solid #9a9a9a;
  line-height: 27px;
  width: 50%;
  margin-left: auto;
}
.subtotal .pro-compare-price {
  margin-right: 8px;
  color: #4f4f4f;
  opacity: 0.8;
}
.price-cls {
  display: flex;
}
.price-cls .pro-compare-price {
  margin-right: 10px;
  opacity: 0.7;
}
.cart-property-list {
  margin-bottom: 10px;
}
.add_note p {
  font-size: 16px;
}
.add_note textarea {
  width: 100%;
  padding: 5px;
  margin-top: 10px;
  height: 100px;
  border: 1px solid #e9e9e9;
  background: transparent;
  border-radius: 0;
}
.cart-content-inner .sku,
.cart-property,
.pro-opt-wrap p {
  margin-bottom: 2px;
}

/* cart drawer */
.drawer-opened {
  overflow: hidden;
}
.drawer-opened .cart-drawer {
  transform: translate3d(0, 0, 0);
}
.drawer-opened .cart-drawer-mask {
  opacity: 1;
  visibility: visible;
  display: block;
}
.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 450px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transform: translate3d(100%, 0, 0);
  transition: all 0.25s ease-in-out;
  z-index: 9999;
}
.cart-drawer form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cart-drawer-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  z-index: 9990;
  display: none;
}
.cdrawer-head {
  padding: 15px;
  position: relative;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 5px 1px #00000020;
}
.cdrawer-head img {
  max-height: 68px;
  display: block;
  margin: auto;
}
.cdrawer-head h3 {
  text-align: center;
  display: block;
  width: 100%;
}
.stroke-ic {
  fill: none;
  stroke: currentColor;
}
.cdrawer-close {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto 0;
}
.cdrawer-close svg {
  display: block;
  fill: #000;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.show-color-header .cdrawer-close svg {
  fill: #000;
}
.cdrawer-body {
  flex: 1 1 auto;
  overflow: hidden auto;
}
.cdrawer-body::-webkit-scrollbar {
  width: 5px;
}
.cdrawer-body::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.cdrawer-body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #6d6d6d;
}
.cdrawer-item {
  display: flex;
  align-items: flex-start;
  padding: 20px 25px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e9e9e9;
}
.cdrawer-item:last-child {
  margin: 0;
  border: 0;
}
.cdrawer-img {
  width: 80px;
  height: 80px;
  flex: 0 0 auto;
  margin-right: 15px;
  border: 1px solid #e9e9e9;
  position: relative;
  display: block;
  background-color: #f5f5f5;
}
.cdrawer-img::before {
  display: inline-block;
  content: "";
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}
.cdrawer-img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(96%);
}
.cdrawer-info {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cdrawer-info p {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin-bottom: 5px;
}
.cdrawer-info .variant span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #96989b;
  display: block;
  margin-bottom: 5px;
}
.cart-price {
  font: 400 13px/14px "Futura Bk BT";
  margin: 2px 0 8px;
  color: #2c2e35;
}
.cart-price .c-price {
  color: #96989b;
  text-decoration: line-through;
}
.cart-actions {
  display: flex;
  justify-content: space-between;
  margin: -5px 0 0;
}
.cart-actions .cart-remove {
  font-size: 12px;
  line-height: 15px;
  float: right;
  margin-top: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Futura Md BT";
  text-decoration: underline;
}
.cdrawer-shoplook {
  border-top: 1px solid #e9e9e9;
  padding: 20px 25px 20px;
}
.cdrawer-shoplook h4 {
  margin: 0px 0px 10px;
}
.cdrawer-look-item {
  border: 1px solid #e9e9e9;
  width: 35%;
  padding: 0 10px 10px;
  text-align: center;
}
.cdrawer-look-item .cdrawer-img {
  width: 100px;
  height: 100px;
  border: 0;
  margin: 10px auto;
  background-color: #f5f5f5;
}
.look_btn {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.01em;
  min-width: max-content !important;
}
.cdrawer-footer {
  flex: 0 0 auto;
  padding: 20px 25px 82px;
  border-top: 1px solid #dddddd;
}
.cdrawer-footer ul {
  margin-bottom: 14px;
}
.cdrawer-footer ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.cdrawer-footer ul li span:last-child {
  margin-left: 15px;
  text-align: right;
}
.cdrawer-footer .btn {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.cdrawer-footer p {
  text-align: center;
  margin-top: 9px;
  margin-bottom: 0;
  font-size: 14px;
}
.cdrawer-item-title span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 14px;
}
.cart-qty-wrap {
  display: flex;
  align-items: center;
}
.cart-qty-wrap span {
  color: #96989b;
  margin-right: 5px;
  float: left;
  font-size: 12px;
}
.cart-qty {
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  line-height: 17px;
  float: left;
  border: 1px solid #ddd;
}
.cart-qty a {
  min-width: 14px;
  color: $96989B;
  text-align: center;
  cursor: pointer;
}
.cart-qty a.qty-minus {
  line-height: 5px;
}
.cart-qty input {
  width: 16px;
  min-width: 16px;
  height: 17px;
  font-size: 13px;
  line-height: 17px;
  background: none;
  color: #96989b;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
}
.cart-qty input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.cart-qty input::-webkit-inner-spin-button,
.cart-qty-box input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cdrawer-footer .add_note {
  padding-bottom: 15px;
}
.cdrawer-footer .add_note p {
  text-align: left;
  font-size: 16px;
  margin-top: 0;
  cursor: pointer;
}
.cdrawer-footer .add_note i {
  text-align: right;
  font-size: 16px;
  position: absolute;
  right: 33px;
}
.cdrawer-footer .add_note textarea#addnote {
  display: none;
  border-radius: 0;
}
.cdrawer-footer .add_note p i::after,
.cdrawer-footer .add_note p i::before {
  content: "";
  background-color: #3e3e3e;
  width: 1px;
  border-radius: 50px;
  height: 14px;
  position: absolute;
}
.cdrawer-footer .add_note p i::before {
  width: 14px;
  height: 1px;
  left: -6px;
  top: 6px;
}
.cdrawer-footer .add_note p.active i::after {
  opacity: 0;
}

/* empty cart  */
.cdrawer-empty {
  text-align: center;
  padding: 40px 10px;
}
.cdrawer-empty h4 {
  letter-spacing: 0;
  margin-bottom: 30px;
  font-size: 22px;
}
.cdrawer-empty .cont_shop {
  background-color: #033432;
  color: #fff;
  padding: 10px 15px;
  font-family: "Futura Bk BT";
}
.cdrawer-empty .cont_shop:hover,
.cdrawer-empty .cont_shop:focus {
  background: transparent;
  color: #2c2e35;
}
.cart-qty-wrap select.qty {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #96989b;
  border: unset;
  vertical-align: 1px;
}
a.cart-remove.remove_items {
  cursor: pointer;
}
a.cart-remove.remove_items svg {
  fill: #3e3e3e;
  width: 18px;
}
.cdrawer-info-in .cart-property {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
}
.cdrawer-info-in .cart-property-list {
  margin-bottom: 5px;
}
.cdrawer-info-in .cart-price {
  margin-bottom: 0;
}
.cdrawer-info-in {
  padding-right: 10px;
}

/* collection_list */
.main-collections-list .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.coll_list_box {
  max-width: 25%;
  height: auto;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 15px;
}
.coll_list_item {
  padding: 10px 10px;
  background-color: #fff;
  position: relative;
  transition: all ease-in-out 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 2px 5.2px 0.5px rgb(0 0 0 / 6%);
}
.coll_lis_title {
  padding: 40px 0 20px 0;
}
.collection_list_wrapper {
  padding: 40px 0 0 0;
}
.coll_list_img a {
  display: block;
  position: relative;
  padding-bottom: 114%;
}
.coll_list_img a img {
  position: absolute;
  width: 100%;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: contain;
}
.all_collection_list {
  padding-bottom: 70px;
}
.item_title {
  margin: 5px 0;
}

/* loader */
.load_btn {
  position: relative;
}
.lds-ellipsis {
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.lds-ellipsis span {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis span:nth-child(1) {
  left: 5px;
  animation: lds-ellipsis1 0.8s infinite;
}
.lds-ellipsis span:nth-child(2) {
  left: 5px;
  animation: lds-ellipsis2 0.8s infinite;
}
.lds-ellipsis span:nth-child(3) {
  left: 20px;
  animation: lds-ellipsis2 0.8s infinite;
}
.lds-ellipsis span:nth-child(4) {
  left: 35px;
  animation: lds-ellipsis3 0.8s infinite;
}
.quantity {
  margin-left: auto;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(15px, 0);
  }
}
.loading .load_btn .btn-load-more {
  color: transparent;
  background-color: #033432;
}
.loader-active {
  position: relative;
  font-size: 0 !important;
}
.loader-active:after {
  content: "";
  position: absolute;
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/loader-1.gif?v=1666163989");
  width: 50px;
  height: 15px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}
.btn-buy-now.loader-active:after {
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Ellipsis-2s-124px.gif?v=1666170294");
}
p.err-msg {
  color: red;
  text-transform: capitalize;
  margin-bottom: 5px;
}
p.err-msg a {
  text-decoration: underline;
}
#recover_customer_password p.success-msg {
  color: green;
  text-align: center;
}
.empty-state-txt p {
  margin: 0;
}
.empty-state-txt .btn {
  margin: 20px 0 !important;
}
.empty-state-txt {
  padding-bottom: 60px;
}
.template-blog-page svg {
  width: 20px;
  height: 20px;
}
.blog-container {
  display: flex;
}
.blog-post-list-wrapper {
  margin-bottom: 50px;
}
.blog-sidebar {
  padding-left: 15px;
}
.block-list__item {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.article-item {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.article-item__image-container {
  display: block;
  margin-bottom: 15px;
}
.article-item__image-container .aspect-ratio {
  position: relative;
  display: block;
  text-decoration: unset;
  overflow: hidden;
}
.article-item__image-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  display: block;
}
.article-item__title {
  margin-bottom: 10px;
}
.article-item__meta {
  margin-bottom: 10px;
}
.article-item__meta-item {
  padding-right: 7px;
  border-right: 1px solid #a3a3a3;
  margin-right: 7px;
  color: #a3a3a3;
}
.article-item__meta-item:last-child {
  border: 0;
}
.newsletter.newsletter--compact {
  margin-top: 30px;
}
.newsletter--compact button.form__submit {
  margin-left: 0;
  margin-bottom: 10px;
}
ul.page__tag-list li {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
}
ul.page__tag-list li.is-selected {
  padding-right: 5px;
}
.article__image-wrapper .aspect-ratio {
  position: relative;
  display: block;
  text-decoration: unset;
  overflow: hidden;
}
.article__image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  display: block;
}
.blog-post,
.blog-post-list-wrapper {
  flex: 75%;
  margin-bottom: 0px;
}
.blog-sidebar {
  flex: 25%;
  margin-bottom: 50px;
}
.blog-post .card li.social-media__item svg {
  width: 30px;
  height: 30px;
}
.blog-post .card li.social-media__item {
  display: inline-block;
}
.social-media__item-list li {
  display: inline-block;
}
.social-media__item-list li svg {
  width: 30px;
  height: 30px;
}
.article__toolbar-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.article__toolbar-item svg {
  width: 30px;
  height: 30px;
}
a.article__comments-count.link {
  padding-left: 10px;
}
.article__aside {
  margin-top: 10px;
}
.article__aside-item a.link.link--accented {
  margin-bottom: 0;
}
.article__aside-item {
  margin-bottom: 10px;
}
.article__share-label {
  margin-bottom: 15px;
  display: inline-block;
}
.template-article-page .page__title {
  margin-bottom: 10px;
}
.template-article-page .page__meta {
  margin-bottom: 10px;
}
.template-article-page .page__meta-item {
  padding-right: 7px;
  border-right: 1px solid #a3a3a3;
  margin-right: 7px;
  color: #a3a3a3;
}
.template-article-page .page__meta-item:last-child {
  border: 0;
}
.template-article-page .page__meta-item a {
  color: #a3a3a3;
}
.guide-content {
  text-align: left;
  margin-bottom: 60px;
}
.guide-content p,
.guide-content i {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}
.guide-content h3 {
  margin-bottom: 20px;
}
.guide-content h4 {
  margin: 40px 0 20px 0;
}
.page_faq_desc {
  text-align: left;
  margin-bottom: 80px;
}
.blog_posts {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-left: -28px;
  margin-right: -28px;
}
.blog_posts .blog_posts_columns {
  width: 33.33%;
  padding: 0 28px;
  margin-bottom: 80px;
}
.blog_post_item > a {
  position: relative;
  display: block;
  padding-bottom: 62.5%;
  overflow: hidden;
}
.blog_post_item > a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in;
}
.blog_post_item > a h6 {
  font-family: Futura Md BT;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  position: absolute;
  bottom: 15px;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
  text-transform: capitalize;
}
.blog_item_desc {
  padding: 24px 0 0 0;
  text-align: left;
}
.blog_item_desc h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #6B6B6B;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.blog_item_desc a.blog-links {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;  
  color: #6B6B6B;
  display: block;
  text-align: center;
  text-decoration-line: underline;  
}
.blog_item_desc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #8A8A8A;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 16px;  
}
.blog_posts_title {
  margin: 36px 0 24px;
}
.blog_posts_title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize;
  color: #6B6B6B;
}
.blog_post_item:hover > a img{
  transform: scale(1.05);
}
.main_blog .main_coll_banner_title {
  color: #fff;
  text-align: center;
}
.main_blog .load_btn {
  margin: 0 0 50px 0;
}
.main-blog-banner{
  position: relative;
  display: block;
  padding-bottom: 16.7454068241%;
  min-height: 300px;
}
.main-blog-banner img{
  background-color: #ebebeb;
}
.main_search_banner-img {
  position: relative;
  display: block;
  padding-bottom: 25.641025641%;
}
.main_blog .main_coll_banner_title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 800px;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
}
.template-search-page .main_coll_banner_title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 800px;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
}

/* article-new */
.site-article {
  padding: 60px 0;
}
.site-article-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.article-box-wrap {
  width: 100%;
  max-width: 1100px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
.article-item-box h1 {
  font-size: 32px;
  line-height: 1.3;
  margin: 0 0 10px 0;
}

.article-item-box {
  text-align: center;
}
.article-related-post-box {
  max-width: 800px;
  margin: 40px auto 0;
}
.social-comment-wrapper {
  max-width: 800px;
  margin: 40px auto 0;
}
.article-related-post-box p {
  font-size: 16px;
  line-height: 1.5;
}
.article-related-post-box h3{
  color: inherit;
}
.article-related-post-box h2 {
  font-size: 30px;
  line-height: 1.3;
}
.post-item-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.post-item-box {
  width: 33.33%;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.post-item-box a,
.most-view-item-box a {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.most-view-item-box a {
  padding-bottom: 130%;
}
.post-item-box a img,
.most-view-item-box a img,
.article-item-box a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-item-box a img {
  position: relative;
  min-height: 300px;
}
.article-box-wrap .article-item-box a{
  padding-bottom: unset;
}
.article-related-post-box p,
.article-item-box p {
  margin-bottom: 15px;
}
.related-post-wrap h3 {
  text-align: center;
}
.article-item-box img {
  margin-bottom: 15px;
}
.post-item-box p {
  margin-bottom: 5px;
}
.article-sidebar {
  padding-left: 40px;
  width: 40%;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
.most-viewed-item {
  display: flex;
  margin-left: -7px;
  margin-right: -7px;
}
.most-view-item-box {
  width: 33.33%;
  padding: 7px;
  text-align: center;
  margin-bottom: 10px;
}
.most-view-item-box p {
  font-size: 12px;
}
.most-viewed-article-box h3 {
  text-align: center;
  margin-bottom: 10px;
}
.most-viewed-article-box {
  margin-bottom: 20px;
}
.article-categories-links li {
  margin-bottom: 12px;
  font-size: 14px;
}
.article-categories h4 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.article-categories {
  background: #033432;
  padding: 20px;
  color: #fff;
}
.article-categories-links li a {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.article-categories-links li a img {
  margin-right: 8px;
}
.article-categories-links li:last-child {
  margin-bottom: 0px;
}
.article-tags {
  background: #033432;
  padding: 20px;
  color: #fff;
  margin-top: 30px;
}
.article-tag-links li a {
  color: #fff;
  font-size: 14px;
}
.article-tag-links li {
  display: inline-flex;
  margin: 0 5px 8px 0;
  border: 1px solid #f5f5f557;
  padding: 5px 18px;
}
.article-tag-links {
  margin-top: 15px;
}
.view-links-btn {
  color: #fff;
  margin: 8px 0 0 5px;
  display: inline-flex;
  align-items: center;
}
.view-links-btn img {
  margin-left: 5px;
}
.related-post-wrap li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  margin-bottom: 10px;
}
.related-post-wrap li:after {
  position: absolute;
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/dot.png?v=1675071364");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  left: 0;
  top: 2px;
}
.article-item-box a {
  display: block;
  padding-bottom: 65.58%;
  position: relative;
  width: 100%;
}
.article__aside-item .social-sharing svg {
  fill: #fff;
}
.article__aside-item .social-sharing span {
  background: #033432;
}
.article__comment-form {
  background: #033432;
  color: #fff;
  padding: 20px;
  margin-top: 25px;
}
.article__comment-form-wrapper .form__input-wrapper input,
.article__comment-form-wrapper .form__input-wrapper textarea,
.article__comment-form-wrapper .form__input-wrapper select {
  border: 1px solid #f5f5f547;
  padding: 7px 10px;
  margin-top: 6px;
  color: #fff !important;
  font-size: 14px;
}
.article__comment-form-wrapper {
  margin-top: 15px;
}
.article__moderated-note {
  margin-top: 5px;
}
.article__comment-form-wrapper .form__input-wrapper {
  margin-bottom: 20px;
}
.article__comment-form-wrapper .btn {
  background: #ffffff;
  color: #000;
  margin: 0;
}
.footer-payment-wrapper {
  margin-top: 15px;
}
.size_guide_type {
  margin-bottom: 60px;
}
.size_guide_type .first_ul {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.size_guide_type .first_ul h4 {
  margin-top: 10px;
  font-weight: 600;
}
.size_guide_type .first_ul li {
  padding: 0;
  width: 10%;
}
.size_guide_type .first_ul li img {
  width: auto;
}
.size_guide_type .first_ul li a {
  text-align: center;
  display: block;
  color: #a9a9a9;
}
.size_guide_type .first_ul li.active a {
  color: #033432;
}
.size_guide_type .first_ul li a {
  position: relative;
}
.size_guide_type .first_ul li a::before {
  content: "";
  border: 2px solid transparent;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}
.size_guide_type .first_ul li.active a::before {
  border: 2px solid #033432;
}
.size_guide_type .first_ul li h3 {
  font-weight: 600;
  font-size: 22px;
  margin: 0 auto;
  text-align: center;
  line-height: 22px;
  display: block;
  padding: 5px 0;
}
.size_guide_type .first_ul li a h4 {
  color: #033432;
  background-color: #e5e5e5;
  cursor: pointer;
  flex: 0 1 auto;
  padding: 20px;
  position: relative;
  text-align: center;
  transition: opacity 0.3s;
  font-size: 18px;
  border-radius: 6px;
  margin-right: 6px;
}
.size_guide_type .first_ul li.active a h4 {
  background-color: #033432;
  color: #fff;
}
.size-hedaer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 20px;
  margin-top: 30px;
  gap: 40px;
}
.size-hedaer h4 {
  font-weight: bold;
  font-size: 26px;
}
.size_sec h3 {
  margin: 0 0 20px;
  line-height: 22px;
  padding: 5px 0;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
}
.size_sec p {
  text-align: left;
  padding-left: 0;
  margin-top: 5px;
  font-family: Futura Bk BT;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.size_sec ul.list-block {
  display: block;
  text-align: left;
  max-width: 100%;
  margin: 0;
  padding-left: 20px;
  margin-top: 10px;
  border: 0;
  padding-bottom: 20px;
}
.size_sec ul.list-block li {
  list-style: disc;
  margin-bottom: 10px;
  padding: 0;
}
.size_sec h6 {
  text-align: left;
  padding: 0;
  font-weight: 600;
}
.size_sec ol {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.size_sec ol li {
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.size_sec ol li b {
  margin-bottom: 10px;
}
.size_sec ol li span {
  background-color: transparent;
  display: inline-block;
  max-width: 120px;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.size_two_colum_content {
  display: flex;
}
.size_two_colum_content > div {
  width: 80%;
}
.size_two_colum_content ol {
  flex-direction: column;
  width: 20%;
}
.size_sec {
  display: none;
}
.size_sec.active {
  display: block;
}
.size_guide_type .first_ul li a {
  text-align: center;
  background-color: #033432;
  display: flex;
  color: #a9a9a9;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
}
.size_guide_type .first_ul li.active a {
  color: #033432;
  background-color: #033432;
}
.size_guide_type .first_ul {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}
.size_guide_type .first_ul li a {
  text-align: center;
  background-color: #033432;
  display: flex;
  color: #a9a9a9;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
}
.size_guide_type .first_ul li a h4 {
  color: #033432;
  cursor: pointer;
  flex: 0 1 auto;
  position: relative;
  text-align: center;
  transition: opacity 0.3s;
  font-size: 18px;
}
.size_sec h3 {
  margin: 0 0 20px;
  line-height: 22px;
  padding: 5px 0;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  background-color: #033432;
  padding-left: 40px;
}
.size_sec h3 span {
  background-color: #fff;
  padding: 5px 7px;
}
.size_sec.active {
  display: block;
  transform: translateX(0);
  animation: moveLeft 1000ms ease;
}
@-webkit-keyframes moveLeft {
  0% {
    transform: translateX(10vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveLeft {
  0% {
    transform: translateX(10vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.size-link-wrapper {
  position: relative;
}
.size-link-wrapper .guide {
  display: inline-block;
  bottom: auto;
  top: -30px;
  left: 0px;
}
.article__comment-list {
  background: #f8f8f8;
  padding: 15px;
  margin-top: 30px;
}
.article-comment {
  margin: 10px 0px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
p.article-comment__author {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}
.article-comment:last-child {
  border-bottom: unset;
  padding-bottom: 0px;
}
.article-comment__date {
  margin-bottom: 2px;
  display: inline-block;
  font-size: 14px;
}
.article__comment-list-heading {
  margin-bottom: 10px;
}

.appointment_form .form__input-row {
  display: flex;
  flex-wrap: wrap;
}
.appointment_form .form__input-wrapper {
  width: 50%;
  padding: 0 15px;
  flex: 50%;
}
.appointment_form .form__input-wrapper.full-colum {
  width: 100%;
  flex: 100%;
}
.appointment_form .form__input-wrapper.terms {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.appointment_form .form__input-wrapper.terms label,
.appointment_form .form__input-wrapper.terms input {
  width: auto;
}
ul.list_a li {
  list-style-type: disc;
  margin-bottom: 5px;
}
ul.list_a {
  padding-left: 30px;
}

.terms {
  display: block;
  position: relative;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 2rem;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.terms:hover input ~ .checkmark {
  background-color: #d2d2d2;
}
.terms input:checked ~ .checkmark {
  background-color: #033432;
}
.terms input:checked ~ .checkmark:after {
  display: block;
}
.terms .checkmark::after {
  left: 0px;
  top: 3px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  margin: 0 auto;
}
.terms input {
  position: absolute;
  height: 16px;
  width: 16px !important;
  cursor: pointer;
  left: 0;
  top: 0;
}
.checkmark {
  background-color: #eeeeee;
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  aspect-ratio: 1;
}
.checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.terms label {
  line-height: 15px;
  padding-left: 10px;
  cursor: pointer;
}

/* Diamond-guide */
.diamond_types_wrap li {
  width: 25%;
  padding: 0 10px;
  text-align: center;
}
.diamond_types_wrap li h4 {
  margin: 10px 0;
  font-size: 24px;
}
.diamond_types_wrap li p {
  margin: 0 0 10px 0;
}
.diamond_types_wrap li a {
  text-decoration: underline;
}
.diamond_types_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -10px 0;
}
.diamond_types hr {
  margin: 20px 0;
}
.diamond_types h3 {
  font-weight: 600;
  text-align: left;
}
.diamond_types {
  text-align: center;
}
.cs_types_wrap {
  margin-top: 45px;
}
.cs_types_wrap table,
.cs_types_wrap th,
.cs_types_wrap td {
  border: 1px solid #a39d9d;
  border-collapse: collapse;
  padding: 8px;
}
.cs_types_wrap table tr td:first-child,
.cs_types_wrap table tr th:first-child {
  width: 140px;
}
.cs_types_wrap table {
  margin: 25px 0;
}
.cs_types_wrap ol li {
  list-style: decimal;
}
.cs_types_wrap ol {
  padding-left: 25px;
  margin-bottom: 20px;
}
.cs_types_wrap img {
  display: block;
  margin: 0 auto;
}
.cs_types_wrap h3 {
  font-weight: 600;
}
#appointment_form .form__input-wrapper textarea,
#appointment_form .form__input-wrapper select {
  appearance: none;
  background: transparent
    url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Vector.png?v=1664518032")
    no-repeat right center;
  background-size: 16px;
  font-size: 15px;
  min-height: 45px;
}

.template-collection-page main#main {
  min-height: 900px;
  padding-bottom: 50px;
}
.empty-col-banner {
  min-height: 200px;
  background-color: #f8f8f8;
}
.empty-col-banner .main_coll_banner_title.h1 {
  font-family: "Futura Bk BT";
  font-size: 36px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 9px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.og_price_strike {
  text-decoration: line-through;
  margin-right: 10px;
}
/* .dis_color {color: #278727;font-weight: bolder;} */
.main_page_banner_title {
  margin: 25px 0;
  color: #fff;
}
.our-story .main_page_banner_title {
  color: #000;
}
.main_page_banner p {
  margin: 0px 0 30px;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  max-width: 40%;
}
.main_page_banner .btn {
  margin: 0 0 20px 0;
}
.main_page_banner {
  background-repeat: no-repeat;
  height: 100%;
  text-align: left;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: center;
}
.main_page_banner .container {
  position: absolute;
  max-width: 1260px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.page-has-image .main_page_banner .container {
  display: flex;
}
.page-has-image .page__header {
  display: none;
}

/* icon page */
.service-page {
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Pure_Traces_Website_-_Icon_Page.png?v=1676550366");
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  padding: 100px 0 0 0;
  background-position: center;
}
.service-page .service-sec {
  padding-bottom: 150px;
  display: flex;
  align-items: center;
}
.service-page .service-sec .service-img,
.service-page .service-sec .service-cont {
  width: 50%;
  text-align: center;
}
.service-page .service-sec .service-cont h3 {
  color: #fff;
}
.service-page .service-sec .service-cont p {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding-top: 10px;
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
}
.service-page .service-img img {
  max-height: 320px;
}
.service-page .right-img .service-img {
  order: 1;
}

/* menu changes */
.promo_code {
  display: flex;
  flex-wrap: wrap;
}
.promo_code_txt {
  width: 50%;
  background-color: #033432;
  color: #fff;
  padding: 100px 50px;
}
.promo_code_txt h3 {
  margin-bottom: 0;
}
.promo_code_txt span {
  margin-bottom: 20px;
  display: block;
}
.promo_code_txt .see_link {
  color: #fff;
  text-decoration: underline;
  display: block;
}
.promo_code_txt .shop-now-btn {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  margin-top: 20px;
}
.promo_code_img {
  width: 50%;
}
.promo_code_img p {
  position: relative;
  display: block;
  min-height: 100%;
}
.promo_code_img p img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}
section.main-page.offer .page__header {
  padding-bottom: 10px;
}
section.main-page.offer p.subtitle {
  text-align: center;
  margin-bottom: 60px;
}
section.main-page.offer p.subtitle a {
  text-decoration: underline;
}

.prod_divv_wishheart .div-wishlist {
  width: 24px !important;
  height: 24px !important;
}
.prod_divv_wishheart .nothearted {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4LjAwMDAwMHB0IiBoZWlnaHQ9IjQ4LjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNDguMDAwMDAwIDQ4LjAwMDAwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNDguMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9IiMyYzJlMzUiIHN0cm9rZT0ibm9uZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTczIDM4MCBjLTQ4IC0yMCAtNjggLTExNSAtMzkgLTE4NSAxOSAtNDYgOTYgLTEyNiAxNTcgLTE2NiBsNDkgLTMxCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgNDkgMzEgYzYxIDQwIDEzOCAxMjAgMTU3IDE2NiAxOCA0NSAxOCAxMDggLTEgMTQ2IC0yNyA1MiAtOTcgNjQgLTE2NSAyOSBsLTQwCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLTIwIC00MCAyMCBjLTQxIDIxIC05MCAyNSAtMTI3IDEweiBtMTIzIC0zNSBjMTAgLTggMzAgLTE0IDQ0IC0xNCAxNCAwIDM0IDYKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA0NCAxNCAzMCAyMyAxMDkgMTkgMTMxIC01IDI0IC0yNiAyNCAtMTA0IDEgLTE0OSAtMjEgLTQwIC04MiAtMTAxIC0xMzYgLTEzNwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGwtNDAgLTI3IC00MCAyNyBjLTU0IDM2IC0xMTUgOTcgLTEzNiAxMzggLTI0IDQ2IC0yNCAxMjAgMCAxNDcgMjMgMjUgMTAxIDI5CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMTMyIDZ6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==)
    no-repeat scroll 0 -2px transparent !important;
  height: 24px !important;
  background-size: 24px !important;
}
.prod_divv_wishheart .nothearted .addToFavorite,
.prod_divv_wishheart .hearted .removeFavorite {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
}
.prod_divv_wishheart .hearted {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4LjAwMDAwMHB0IiBoZWlnaHQ9IjQ4LjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNDguMDAwMDAwIDQ4LjAwMDAwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw0OC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxsPSIjMmMyZTM1IiBzdHJva2U9Im5vbmUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTczIDM4MCBjLTQ4IC0yMCAtNjggLTExNSAtMzkgLTE4NSAxOSAtNDYgOTYgLTEyNiAxNTcgLTE2NiBsNDkgLTMxCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA0OSAzMSBjNjEgNDAgMTM4IDEyMCAxNTcgMTY2IDE4IDQ1IDE4IDEwOCAtMSAxNDYgLTI3IDUyIC05NyA2NCAtMTY1IDI5IGwtNDAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC0yMCAtNDAgMjAgYy00MSAyMSAtOTAgMjUgLTEyNyAxMHoiLz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==)
    no-repeat scroll 0 -2px transparent !important;
  height: 24px !important;
  background-size: 24px !important;
}
.prod_divv_wishheart .product_detail .cust_rating img {
  max-height: 24px !important;
  background: #d0d0d0;
  border-radius: 4px;
  left: 0 !important;
}
.prod_divv_wishheart {
  position: absolute;
  top: 5px;
  right: 1px;
  opacity: 0;
  transition: all 0.3s linear;
}
.product-i-item .product-i-box:hover .prod_divv_wishheart {
  opacity: 1;
}
.btn.wish_page {
  max-width: 100%;
  width: auto;
  min-width: unset;
  padding: 5px;
}
.sa_wishlist_page .pagination {
  margin-bottom: 50px;
}
.sa_wishlist_page .pagination .icon {
  height: 20px;
  width: 20px;
}
.sa_wishlist_page .pagination__text {
  padding: 0 20px;
}
.sa_wishlist_page .btn.wish_page:hover svg path {
  fill: #fff;
}
.sa_wishlist_page .d-flex-btn {
  background-color: transparent;
}
.product_detail .hearted img,
.product_detail .nothearted img {
  top: 0;
}

#appointment_form .success-msg {
  color: green;
}
div#looxReviews {
  margin: 50px auto !important;
  padding: 0 10px;
}
svg.loox-icon {
  width: 0.7em !important;
  height: 0.7em !important;
}
.loox-rating-label {
  font-size: 12px !important;
}
.template-collection-page .bredcrumb {
  display: none;
}

/* get-closer-look */
.get-closer-look {
  padding-top: 120px;
  padding-bottom: 90px;
}
.get-closer-look .get-look-section {
  display: flex;
  align-items: center;
}
.get-closer-look .bottom-look {
  padding-top: 120px;
}
.get-closer-look .bottom-look .closer-look-content {
  order: 1;
}
.get-closer-look .closer-look-content {
  padding-left: 109px;
  padding-right: 20px;
  width: 50%;
}
.get-closer-look .closer-look-img {
  width: 50%;
}
.get-closer-look .closer-look-img .img-box {
  display: flex;
  position: relative;
  padding-bottom: 74.6%;
}
.get-closer-look .closer-look-img .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.closer-look-content h3 {
  color: #000;
  font-size: 48px;
  font-weight: 400;
  line-height: 52px;
  letter-spacing: 0.32px;
}
.closer-look-content p {
  max-width: 632px;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.32px;
  color: #737373;
  padding: 24px 0;
}
@-webkit-keyframes stepsLineIn {
  from {
    background: linear-gradient(to bottom, #033432 0%, #ebebeb 100%);
    opacity: 1;
  }
  to {
    background: linear-gradient(to bottom, #033432 100%, #ebebeb 0%);
    opacity: 1;
  }
}
.site-product-buttons-addtobag.btn-coll-checkout.loader-active
  .site-product-addtobag-text,
.site-product-buttons-addtobag.btn-coll-checkout.loader-active
  .site-product-buttons-price
  .pro-grid-price {
  font-size: 0;
}
.loading .load_more_button .shop-look-load-more {
  color: transparent;
  background-color: #033432;
}
.loading .load_more_button .loader {
  display: block;
}
.btn.btn-custm-wish {
  display: none;
}
.product_detail .a-wishlist {
  line-height: 40px;
  width: 100%;
}
.product_detail .a-wishlist a {
  color: #033432;
  line-height: 20px;
  padding: 14px 30px;
  font-size: 14px;
  font-family: Futura Bk BT;
  border: 1px solid #033432;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  display: block;
}
.product_detail .a-wishlist a::before {
  content: "";
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/BORDER.svg?v=1695789949");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
.product_detail .a-wishlist a:hover {
  background: #edd1b6;
  border: 1px solid #edd1b6;
  font-weight: 700;
}
.product_detail .a-wishlist a.removeFavorite:before {
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FILL.svg?v=1695789948");
  background-repeat: no-repeat !important;
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.also-related-slider .a-wishlist {
  line-height: 40px;
  width: 100%;
  font-size: 0;
}
.also-related-slider .a-wishlist a {
  color: #033432;
  line-height: 0;
  padding: 8px;
  width: 36px;
  font-size: 0px;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  display: block;
}
.also-related-slider .a-wishlist a::before {
  content: "";
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/BORDER.svg?v=1695789949");
  background-repeat: no-repeat !important;
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  transition: all 0.3s ease-in-out;
  background-position: center;
}
.also-related-slider .a-wishlist a:hover {
  background: unset;
  border: 0;
}
.also-related-slider .a-wishlist a.removeFavorite:before {
  background: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/FILL.svg?v=1695789948");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat !important;
}
.pb_row_data .dis_color {
  color: #033432;
  font-weight: 700;
}

.pro-grid-wrap .div-wishlist img,
.pro-grid-wrap .sp_add_wishlist .a-wishlist img,
.product_detail .product-inquiry-btn .a-wishlist img {
  display: none !important;
}
.btn-add-cart.loader-active,
.btn-coll-checkout.loader-active {
  pointer-events: none;
}

/* whishlist  */
.sa_wishlist_main .product-i-img a {
  padding-bottom: 100%;
  display: block;
  background: #fff !important;
}
/* .sa_wishlist_main .product-i-img a img{z-index:1; transform: scale(.95) !important;} */
.sa_wishlist_main .prod_divv_wishheart {
  z-index: 1;
  right: 22px;
  top: 26px;
}
.sa_wishlist_page .product-i-info {
  position: unset;
}
/* .sa_wishlist_page .pro-grid-wrap:hover .pro-i-price{opacity:1;} */
.template--page .sa_wishlist_page {
  max-width: 1720px;
}
.wish_loader img {
  max-height: 50px;
}
.sa_wishlist_page .prod_divv_wishheart .hearted {
  background-size: 20px !important;
}
.sa_wishlist_page .prod_divv_wishheart .div-wishlist {
  width: 36px !important;
  height: 36px !important;
}
.wishlist_pro_container {
  margin: 0 !important;
}

.announcement-message-container {
  display: flex;
  justify-content: center;
}
.announcement-message-container .close-icon {
  margin-left: auto;
  cursor: pointer;
}
.slideshow-slide {
  position: relative;
  display: block;
  padding-bottom: 26.246719%;
}
.slideshow-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.blankAddtoBag.product_detail {
  display: none;
}
.template-product.fixedBag .blankAddtoBag.product_detail {
  display: flex;
}
.template-product.fixedBag
  .product_detail:not(.blankAddtoBag)
  .product_detail_btns {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.template-product.fixedBag .blankAddtoBag .product_detail_btns {
  position: unset;
  gap: 0;
  justify-content: center;
  flex: 1;
  padding-left: 0;
}
.template-product.fixedBag .blankAddtoBag .product_detail_btns button {
  max-width: 100%;
}
.template-product.fixedBag
  .product_detail:not(.blankAddtoBag)
  .product-inquiry-btn
  .wishlist {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.template-product.fixedBag .blankAddtoBag .wishlist {
  position: unset;
  padding: 10px 10px 10px 16px;
  flex: 0 1 0;
}
.blankAddtoBag.product_detail .product_detail_btns {
  position: unset;
}
.swiper-zoom-container {
  display: block;
  padding-bottom: 100%;
  position: relative;
}

/* our values */
.multirow-value-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multirow-value-item-in {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.multirow-value-img {
  width: 50%;
  display: flex;
}
.multirow-img-in {
  display: block;
  position: relative;
  padding-bottom: 101.125%;
  width: 100%;
  background-color: #ededed;
}
.multirow-value-img .multirow-img-in img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.multirow-value-txt {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 180px;
}
.multirow-value-txt h5 {
  font-family: "Futura Std";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2.816px;
  text-transform: uppercase;
  color: #6b6b6b;
}
.multirow-value-txt p {
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.88px;
  text-align: justify;
  margin-top: 5px;
  margin-bottom: 6px;
  color: #6b6b6b;
}
.multirow-value-item.valueimg-right .multirow-value-item-in {
  flex-direction: row-reverse;
}
.multirow-value-middle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multirow-value-middle-in {
  border: 14px solid #033432;
  background-color: #033432;
  border-radius: 85px;
  display: inline-flex;
  filter: drop-shadow(
    15.62263298034668px 21.871685028076172px 68.73958587646484px
      rgba(0, 0, 0, 0.15)
  );
}

.values-moreabout-wrapper .section-title h5 {
  font-family: "Futura Std";
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 5px;
  text-transform: capitalize;
  color: #6b6b6b;
}
.values-moreabout-wrapper {
  padding: 23px 0 80px;
}
.values-moreabout-img {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
  justify-content: center;
}
.values-moreabout-img-box {
  max-width: 25%;
  width: 100%;
  padding: 0 10px;
  position: relative;
  z-index: 0;
}
.values-moreabout-img-box::before {
  content: "";
  border: 1px solid #6b6b6b;
  background-color: #fff;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  position: absolute;
  top: -1px;
  left: 9px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.values-moreabout-img-box:hover::before {
  opacity: 1;
  height: 100%;
}
.values-moreabout-img-box h5 {
  font-family: "Futura Std";
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #6b6b6b;
}
.values-moreabout-img-box a {
  position: relative;
  padding-bottom: 116.748768473%;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.values-moreabout-img-box a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.values-moreabout-img-box:hover img {
  transform: scale(1.1);
}
.values-moreabout-img-box a p {
  position: absolute;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  z-index: 1;
}
.values-moreabout-img-box a.learn-link {
  font-family: "Futura Std";
  padding: 0;
  text-align: center;
  text-decoration: underline;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: capitalize;
  color: #6b6b6b;
}
.values-moreabout-txt {
  padding: 24px 8px 28px;
}

.commitment-wrapper {
  padding: 50px 0 0;
}
.commitment-wrapper .section-title h5 {
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 5px;
  text-transform: capitalize;
}
.commitment-img {
  position: relative;
  padding-top: 40.5581947743%;
  display: block;
  border-radius: 20px;
  margin-top: 22px;
}
.commitment-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.commitment-tree {
  display: flex;
  gap: 33px;
  margin-top: 30px;
  padding: 0;
}
.commitment-item {
  border-radius: 20px;
  background: #033432;
  color: #fff;
  padding: 28px 28px 55px 65px;
  position: relative;
  flex: 1;
}
.commitment-item h5 {
  font-family: "Futura Std";
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 44.233px;
  letter-spacing: 3.6px;
  text-transform: uppercase;
}
.commitment-item h5 b {
  display: inline-block;
  font-weight: 600;
}
.commitment-item h5 b::first-letter {
  font-size: 44px;
}
.commitment-item span {
  text-decoration: underline;
  color: #fff;
  text-align: justify;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  position: absolute;
  left: 28px;
  top: 28px;
  width: 30px;
  height: 50px;
  text-underline-offset: -18px;
  text-decoration-thickness: 3px;
}
.commitment-item p {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.88px;
  margin-top: 0;
}

/* our story */

/* our-story-banner */
.our-story-banner .container {
  max-width: 1535px;
}
.our-story-banner {
  padding: 155px 0 96px;
}
.story-banner-in {
  display: flex;
  padding: 80px;
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/Rectangle_4304.png?v=1701063411");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.story-banner-txt h4 {
  font-family: "Futura Std";
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.story-banner-txt p {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 19px;
  line-height: 43.233px;
  letter-spacing: -0.54px;
}
.story-banner-txt {
  width: 28%;
  padding-right: 45px;
  color: #033432;
}
.story-banner-img {
  width: 72%;
  display: block;
  position: relative;
  padding-bottom: 42.35416%;
  margin-top: -150px;
}
.story-banner-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* our-story-service */
.our-story-service-sec .container {
  max-width: 1535px;
}
.story-service-item {
  display: flex;
  align-items: center;
  padding: 80px 0;
}
.story-service-txt {
  width: 50%;
  padding-right: 70px;
}
.story-service-img {
  width: 50%;
  padding-left: 70px;
  margin-right: 10px;
}
.story-service-item.left-service-img .story-service-txt {
  padding: 0 0 0 70px;
}
.story-service-item.left-service-img .story-service-img {
  padding: 0 70px 0 0;
}
.story-service-wrapper .story-service-item:nth-child(even) {
  flex-direction: row-reverse;
}
.story-service-txt h4 {
  font-family: "Futura Std";
  font-size: 24px;
  color: #6b6b6b;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 15px;
}
.story-service-txt p {
  font-family: "Futura Std";
  font-size: 22px;
  line-height: 52.162px;
  color: #6b6b6b;
  text-align: justify;
}
.story-service-wrapper {
  padding: 0 100px;
}
.story-service-img img {
  width: 100%;
  position: relative;
  z-index: 2;
  display: block;
  transition: all 0.3s ease-in-out;
}
.story-service-img-in {
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.story-service-img-in:after {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-color: #edd1b6;
  z-index: 1;
}
.story-service-img-in:hover img {
  transform: translate(20px, 20px);
}

/* story-img-with-txt */
.story-i-txt-wrapper {
  display: flex;
  align-items: center;
}
.story-img-with-txt .container {
  max-width: 1535px;
}
.story-i-details {
  width: 50%;
  padding-left: 70px;
}
.story-i-img {
  width: 50%;
  position: relative;
  display: block;
  padding-bottom: 36.5%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-left: 10px;
  min-height: 270px;
}
.story-i-img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.story-i-img:after {
  position: absolute;
  content: "";
  left: -10px;
  top: -10px;
  width: 98%;
  height: 98%;
  background-color: #edd1b6;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.story-i-img:hover img {
  transform: translate(-20px, -20px);
}
.story-i-img:hover:after {
  transform: translate(15px, 15px);
}
.story-img-with-txt {
  padding: 40px 0 96px;
  color: #6b6b6b;
}
.story-img-txt-title h3 {
  font-family: "Futura Std";
  color: #6b6b6b;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 5px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 50px;
}
.story-i-details p {
  font-family: "Futura Std";
  color: #6b6b6b;
  text-align: justify;
  font-size: 18px;
  line-height: 43.233px;
  letter-spacing: -0.4px;
  margin-bottom: 45px;
}
.story-i-details span {
  font-weight: 600;
  display: block;
}

/* story-subbanner */
.story-subbanner {
  background: linear-gradient(
    90deg,
    #e9e9e9 0.17%,
    rgba(233, 233, 233, 0) 62.14%
  );
}
.story-subbanner .container {
  max-width: 1535px;
}
.story-subbanner-in {
  display: flex;
  color: #6b6b6b;
  padding-top: 70px;
  align-items: center;
}
.story-subbanner-img img {
  display: block;
}
.story-subbanne-txt {
  width: 50%;
  padding-left: 30px;
}
.story-subbanner-img {
  width: 50%;
  padding-right: 30px;
}
.story-subbanne-txt h3 {
  font-family: "Futura Std";
  color: #6b6b6b;
  font-size: 34px;
  font-weight: 600;
  line-height: 43.233px;
  letter-spacing: 2.459px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.story-subbanne-txt p {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  line-height: 43.233px;
  letter-spacing: 0;
  margin-bottom: 15px;
}
.owner-details p {
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.owner-details p span {
  font-weight: 600;
}
.owner-details svg {
  width: 20px;
}
.owner-details {
  margin-top: 30px;
}

/* story-features */
.story-features {
  background: #033432;
  color: #fff;
  padding: 70px 0;
}
.story-features-item {
  width: 32%;
  padding: 0 20px;
}
.story-features-item h4 {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: flex;
  margin-bottom: 5px;
  align-items: flex-start;
}
.story-features-item h4 span {
  font-size: 60px;
  line-height: 45px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: -22px;
  margin-right: 10px;
}
.story-features-item p {
  font-family: "Futura Std";
  text-align: justify;
  line-height: 21px;
  letter-spacing: 0.88px;
}
.story-features-wrapper {
  display: flex;
  justify-content: space-between;
}

/* story-txt-with-slider */
.story-txt-slider-in {
  display: flex;
  padding: 0 20px;
  color: #6b6b6b;
  align-items: center;
}
.story-txt-with-slider {
  background: linear-gradient(
    90deg,
    #e9e9e9 0.17%,
    rgba(233, 233, 233, 0) 62.14%
  );
  padding: 60px 0;
}
.story-slider-details {
  width: 60%;
  display: flex;
  align-items: center;
}
.story-expertise {
  width: 30%;
  padding: 0 20px;
  max-width: 315px;
  margin: 0 auto;
}
.story-slider-details-in {
  width: 30%;
}
.story-slider-details-in h4 {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 24px;
  font-weight: 600;
  line-height: 43.233px;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.story-slider-details-in p {
  font-family: "Futura Std";
  text-align: justify;
  font-size: 18px;
  line-height: 43.233px;
  letter-spacing: -0.4px;
}
.story-expertise h6 {
  font-family: "Futura Std";
  text-align: justify;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.story-expertise li {
  font-family: "Futura Std";
  margin-bottom: 15px;
  text-align: justify;
  font-size: 16px;
  line-height: 23.2px;
  letter-spacing: 1.6px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}
.story-slider {
  width: 35.6%;
}
.story-slider-in {
  display: flex;
}
.slide-thumb {
  margin-right: 15px;
}
.story-slider-in .swiper-vertical {
  margin-bottom: 35px;
}
.story-slider-in .slide-nav {
  padding-bottom: 35px;
}
/* .slide-thumb .swiper-wrapper {width: 120px;height: 110px; } */
.slide-nav {
  width: calc(100% - 130px);
}
.slide-thumb .swiper-slide {
  overflow: hidden;
}
.slide-thumb .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide-thumb .swiper-slide .story-slider-in-img {
  display: block;
  position: relative;
  padding-bottom: 90.5511811024%;
  cursor: pointer;
}
.slide-nav img {
  display: block;
}
.slide-nav .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide-nav .swiper-slide .slide-nav-img {
  display: block;
  position: relative;
  padding-bottom: 116.741071429%;
}
.slide-thumb .swiper-slide .story-slider-in-img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255 255 255 / 60%);
}
.slide-thumb
  .swiper-slide.swiper-slide-thumb-active
  .story-slider-in-img:after {
  background: rgb(255 255 255 /0%);
}
p.story-slider-note {
  font-family: "Futura Std";
  font-weight: 600;
  line-height: 43.233px;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
  position: absolute;
  bottom: -45px;
  left: 0;
  background: #fff;
  width: 100%;
  text-align: left;
}
.story-video-in {
  display: flex;
  margin: 0 -70px;
}
.story-video-item {
  width: 33.33%;
  position: relative;
  color: #fff;
  background: #d9d9d9;
  transform: skewX(345deg);
  margin: 0 3px;
}
.story-video-section {
  overflow-x: hidden;
  padding: 0 0 96px 0;
}
.story-video-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 20%);
  z-index: 1;
}
.story-video-text {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  padding: 20px;
}
.story-video-item:first-child .story-video-text {
  left: 80px;
}
.story-video-title {
  display: flex;
  align-items: end;
  justify-content: end;
  margin-bottom: 10px;
  transform: skewX(15deg);
}
.story-video-title span {
  text-align: justify;
  font-size: 126px;
  font-weight: 600;
  line-height: 104.996px;
  letter-spacing: 7.56px;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: -43px;
  margin-bottom: -12px;
}
.story-video-title h3 {
  font-family: "Futura Std";
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 90.785px;
  letter-spacing: 7.56px;
  text-transform: uppercase;
  margin-left: 5px;
}
.story-video-title h3 span {
  font-size: 92px;
  text-decoration: none;
}
.story-video-text p {
  font-family: "Futura Std";
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.13px;
  margin-bottom: 10px;
}
.story-video-item img {
  display: block;
}
.story-video-wrapper {
  position: relative;
  display: block;
  padding-bottom: 65%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  min-height: 200px;
}
.story-video-wrapper img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.story-video-wrapper video {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.story-video-item:hover .story-video-wrapper video {
  display: block;
}
.story-video-item:hover .story-video-wrapper img {
  display: none;
}
.story-video-item:last-child .story-video-text {
  right: 90px;
  transform: skewX(15deg);
}
.story-video-item:last-child .story-video-text p {
  transform: unset;
}
.story-video-item:last-child .story-video-title {
  transform: unset;
}

/* page-consult-stylist */

/* consult-stylist-banner */
.stylist-banner {
  padding: 90px 0;
  color: #6b6b6b;
  position: relative;
  overflow: hidden;
}
.stylist-banner-vector-top {
  position: absolute;
  top: 0;
  right: 0;
}
.stylist-banner-vector-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.stylist-banner-wrapper {
  display: flex;
  align-items: center;
}
.stylist-banner-txt {
  width: 60%;
}
.stylist-banner-img {
  width: 40%;
  padding-left: 90px;
}
.stylist-banner .container {
  max-width: 1535px;
}
.stylist-banner-txt-in {
  max-width: 570px;
}
.stylist-banner-txt p {
  margin: 20px 0 30px;
  font-size: 23px;
  line-height: 42.286px;
}
.stylist-banner-img-in {
  position: relative;
  display: block;
  padding-bottom: 118.6%;
}
.stylist-banner-img-in img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.stylist-banner-txt-in h1 {
  font-size: 69px;
  line-height: 82.8px;
  letter-spacing: 0.282px;
}
.template-page\.consult-stylist-page .btn:not(.cont_shop),
.template-page\.create-your-own-jewellery-page .btn:not(.cont_shop) {
  border-radius: 15px;
  font-size: 20px;
  padding: 18px 30px;
  line-height: 24px;
  margin-right: 15px;
  z-index: 1;
  position: relative;
}
.template-page\.consult-stylist-page .s-faq-btn.btn,
.template-page\.create-your-own-jewellery-page .s-faq-btn.btn {
  background: transparent;
  color: #033432;
  border: 2px solid #6b6b6b;
}
.template-page\.create-your-own-jewellery-page .s-faq-btn.btn:hover,
.template-page\.consult-stylist-page .s-faq-btn.btn:hover {
  background: #edd1b6;
  border: 2px solid #edd1b6;
  color: #033432;
  font-weight: 400;
}

/* consult-stylist-features */
.stylist-features .container {
  max-width: 1400px;
}
.s-features-item {
  padding: 60px 0;
  display: flex;
  align-items: center;
  color: #6b6b6b;
}
.s-features-img-wrapper {
  width: 50%;
  padding-right: 120px;
}
.s-features-txt {
  width: 50%;
  padding-left: 120px;
  position: relative;
}
.s-features-txt:before {
  position: absolute;
  content: "";
  width: 75px;
  border: 2px solid #edd1b6;
  top: -15px;
}
.s-features-txt h2 {
  font-size: 44px;
  font-weight: 600;
  color: #6b6b6b;
  line-height: 56px;
}
.s-features-txt p {
  font-size: 16px;
  line-height: 31.5px;
  margin: 20px 0 22px;
  color: #8a8a8a;
}
.s-features-txt .btn {
  border-radius: 5px;
}
.s-features-img {
  position: relative;
  display: block;
  padding-bottom: 96.44%;
}
.s-features-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0 30px 30px 0;
}
.s-features-img-right {
  flex-direction: row-reverse;
}
.s-features-img-right .s-features-img-wrapper {
  padding: 0 0 0 120px;
}
.s-features-img-right .s-features-txt {
  padding: 0 120px 0 0;
}
.template-page\.create-your-own-jewellery-page .s-features-txt:before {
  content: unset;
}
.template-page\.create-your-own-jewellery-page .s-features-txt h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
}
.template-page\.create-your-own-jewellery-page .s-features-txt p {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.32px;
  color: #6b6b6b;
  margin: 24px 0 22px;
}
.template-page\.create-your-own-jewellery-page .s-features-txt {
  padding-left: 20px;
}
.template-page\.create-your-own-jewellery-page
  .s-features-img-right
  .s-features-txt {
  padding: 0 60px 0 0;
}

/* stylist-form */
.stylist-form-wrapper {
  display: flex;
  align-items: center;
}
.stylist-form {
  padding: 60px 0;
}
.s-form-img-wrapper {
  width: 50%;
}
.s-form-txt {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.s-form-img {
  position: relative;
  display: block;
  padding-bottom: 74.7%;
}
.s-form-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0 20px 20px 0;
}
.s-form-txt form .field input {
  border-radius: 10px;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0px 1.22741px 2.45481px 0px rgba(16, 24, 40, 0.05);
  padding: 12px 18px;
  display: block;
  width: 100%;
  color: #6b6b6b;
  line-height: 30px;
  font-size: 20px;
}
.s-form-txt form label {
  color: #344054;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  display: block;
  padding-bottom: 8px;
}
.s-form-txt form input::placeholder,
.s-form-txt form select::placeholder {
  color: #6b6b6b;
  font-size: 20px;
}
.s-form-txt form {
  box-shadow: 0 12.39649px 12.39649px -6.19825px #1018280a,
    0 30.99123px 37.18947px -6.19825px #1018281a;
  padding: 25px;
  border-radius: 20px;
  max-width: 530px;
  width: 100%;
}
.s-form-txt form .field {
  margin-bottom: 20px;
}
.s-form-txt .btn {
  margin-top: 10px;
}
.s-form-txt form input,
.s-form-txt form select {
  font-family: Futura Bk BT;
  font-size: 19.638px;
  line-height: 30px;
  color: #6b6b6b;
  width: 100%;
  height: 55px;
  padding: 10px 17px;
  display: block;
  border-radius: 10px;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0 1.22741px 2.45481px #1018280d;
}
.s-form-txt form button {
  font-family: Futura Bk BT;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  border-radius: 9.819px !important;
  background: #003937;
  box-shadow: 0 1px 2px #1018280d !important;
  border: unset !important;
  color: #fff;
  width: 100% !important;
  padding: 15px 22px !important;
  display: block;
  margin-top: 4px;
}
.s-form-txt form label,
.s-form-txt form .label-content {
  font-family: "Futura Bk BT";
  font-size: 20px;
  line-height: 24.548px;
  color: #6b6b6b !important;
  font-weight: 600;
  padding-bottom: 2px;
  display: inline-block;
}

.own-jewellery-features .s-features-txt:before {
  display: none;
}
.own-jewellery-features .s-features-txt h2 {
  font-family: Futura Std;
  font-weight: 400;
  letter-spacing: 0.32px;
  font-size: 48px;
  margin-bottom: 12px;
}
.own-jewellery-features .s-features-txt p {
  font-family: Futura Std;
  margin: 12px 0;
  line-height: 36px;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.32px;
}

.template-index-page .faq-list .page__header {
  padding-top: 0;
}

/* Virtual Booking css start */

.appointment-form .appointment-left {
  max-width: 61.7847%;
  width: 100%;
}
.appointment-form .appointment-left .appointment-left-img {
  position: relative;
  padding-bottom: 68.6491%;
  min-height: 100%;
  width: 100%;
}
.appointment-form .appointment-left .appointment-left-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.appointment-form .appointment-right {
  max-width: calc(100% - 61.7847%);
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.appointment-form .appointment-right-head {
  padding-bottom: 0;
  padding-top: 84px;
}
.appointment-form .appointment-right-head h5 {
  color: #6b6b6b;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0.287px;
  padding-bottom: 8px;
}
.appointment-form .appointment-right-head p {
  color: #6b6b6b;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.287px;
}
.appointment-form .appointment-right-wrap {
  max-width: 461px;
  width: 100%;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.appointment-form .appointment-right form {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 9.81924px 9.81924px -4.90962px rgba(16, 24, 40, 0.04),
    10.19691px -6.04676px 29.45773px -4.90962px rgba(16, 24, 40, 0.1);
  padding: 20px 20px;
}
.appointment-right form .field {
  display: flex;
  flex-wrap: wrap;
}
.appointment-right form .field:not(:last-child) {
  padding-bottom: 20px;
}
.appointment-right form label {
  font-family: "Futura Bk BT";
  font-size: 17.184px;
  line-height: 25px;
  color: #6b6b6b !important;
  font-weight: 600;
  padding-bottom: 2px;
  display: block;
}
.appointment-right form label span.label-content {
  color: #6b6b6b !important;
  font-family: "Futura Bk BT";
  font-weight: 600;
  font-size: 17.184px;
}
.appointment-right form input,
.appointment-right form select {
  font-family: "Futura Bk BT";
  font-size: 19.638px;
  line-height: 30px;
  color: #6b6b6b;
  width: 100%;
  height: 55px;
  padding: 10px 17px;
  display: block;
  border-radius: 10px;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0px 1.22741px 2.45481px 0px rgba(16, 24, 40, 0.05);
}
.appointment-right form select {
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/select.png?v=1701768351") !important;
  background-repeat: no-repeat;
  appearance: none;
  background-size: 14px;
  background-position: 96% center;
}
.appointment-right form button {
  font-family: "Futura Bk BT";
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  border-radius: 9.819px !important;
  background: #003937;
  box-shadow: 0 1px 2px #1018280d !important;
  border: unset !important;
  color: #fff;
  width: 100% !important;
  padding: 15px 22px !important;
  display: block;
  margin-top: 4px;
}
.appointment-right form input::placeholder,
.appointment-right form select::placeholder {
  color: #6b6b6b;
  font-size: 18px;
}
.appointment-right .appointment-pattern {
  position: absolute;
}
.appointment-right .appointment-pattern.right-top {
  top: 0;
  right: 0;
}
.appointment-right .appointment-pattern.left-bottom {
  bottom: -10%;
  left: -32%;
}
.appointment-services {
  background: #033432;
  padding: 0 50px;
}
.appointment-services-wrap {
  justify-content: space-between;
}
.appointment-services-box {
  padding: 21px 20px;
  max-width: 490px;
  width: 100%;
  align-items: center;
}
.appointment-services-box-content {
  padding-left: 24px;
  flex: 1;
}
.appointment-services-box-icon {
  width: 78px;
  height: 76px;
  border-radius: 28px 8px 15px 8px;
  background-color: #174c4a;
  margin-top: 10px;
  margin-left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appointment-services-box-icon img {
  display: block;
  object-fit: contain;
  object-position: center;
}
.appointment-services-box-icon img {
  display: block;
}
.appointment-services-box-content h6 {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 8px;
}
.appointment-services-box-content p {
  color: #fff;
  text-align: justify;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0;
}
.appointment-services-box:last-child {
  max-width: 510px;
}
.appointment-step {
  /*background-image: url('https://cdn.shopify.com/s/files/1/0663/1836/9012/files/ser-bg_1.png?v=1701159894');*/
  background-size: cover;
  background-repeat: repeat;
  padding: 126px 0 169px 0;
  margin-bottom: 48px;
}
.appointment-step .container {
  max-width: 1442px;
  padding: 0 20px;
}
.appointment-step .appointment-step-head {
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 62px;
}
.appointment-step .appointment-step-head h2 {
  color: #033432;
  font-size: 44px;
  line-height: 66px;
  font-weight: 600;
  max-width: 566px;
  position: relative;
}
.appointment-step .appointment-step-head h2:before {
  content: "";
  disply: block;
  height: 5px;
  background: #033432;
  position: absolute;
  width: 70px;
  bottom: calc(100% + 10px);
}
.template-page\.create-your-own-jewellery-page
  .appointment-step
  .appointment-step-head
  h2 {
  max-width: 100%;
}
.template-page\.create-your-own-jewellery-page
  .appointment-step
  .appointment-step-head
  h2:before {
  bottom: calc(100% + 0px);
}
.appointment-step .appointment-step-head .btn {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  padding: 15px;
  border-radius: 5px;
  background: #003937;
  border: unset;
}
.appointment-step-box-wrap {
  display: flex;
  column-gap: 56px;
}
.appointment-step-box {
  max-width: 20%;
  width: 100%;
}
.appointment-step-box .appointment-step-box-icon {
  padding: 0 48px 40px;
}
.appointment-step-box .appointment-step-box-icon-inner {
  padding-bottom: 100%;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.appointment-step-box .appointment-step-box-icon-inner img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.appointment-step-box-icon-inner span {
  position: absolute;
  height: 50px;
  width: 50px;
  background-color: #033432;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: normal;
  bottom: -1px;
  left: -6px;
}
.appointment-step-box-content {
  text-align: center;
}
.appointment-step-box-content h6 {
  color: #033432;
  font-size: 21px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
}
.appointment-step-box-content p {
  color: #033432;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.appointment-step-box:not(:last-child) .appointment-step-box-icon-inner:after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  border-bottom: dashed 2px #033432;
  width: calc(100% + 70px);
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.globo-form-control {
  margin-bottom: 20px !important;
}
body.template-page\.consult-stylist-page .appointment-services-box {
  max-width: 548px;
}
body.template-page\.consult-stylist-page .appointment-services-box:first-child {
  max-width: 537px;
}
body.template-page\.consult-stylist-page .appointment-services-box:last-child {
  max-width: 510px;
}
body.template-page\.create-your-own-jewellery-page .appointment-services-box {
  max-width: 548px;
}
body.template-page\.create-your-own-jewellery-page
  .appointment-services-box:first-child {
  max-width: 537px;
}
body.template-page\.create-your-own-jewellery-page
  .appointment-services-box:last-child {
  max-width: 510px;
}
/* Virtual Booking css end */

/* responsibility css start */
.responsibility-hero {
  padding-bottom: 90px;
}
.responsibility-hero .responsibility-hero-box {
  max-width: 33.33%;
  width: 100%;
}
.responsibility-hero .responsibility-hero-box .responsibility-hero-box-inner {
  position: relative;
  padding-bottom: calc(100vh - var(--total-height));
  overflow: hidden;
  background: linear-gradient(
      0deg,
      rgba(1, 42, 65, 0.4) 0%,
      rgba(1, 42, 65, 0.4) 100%
    ),
    #d9d9d9;
}
.responsibility-hero
  .responsibility-hero-box
  .responsibility-hero-box-inner
  video,
.responsibility-hero
  .responsibility-hero-box
  .responsibility-hero-box-inner
  image {
  position: absolute;
  height: 100%;
  width: calc(100% + 2px);
  left: 0;
  top: 0;
  object-fit: cover;
}
.responsibility-hero-box-content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  z-index: 2;
}
.responsibility-hero-box-content span {
  color: #fff;
  font-family: Futura Std;
  font-weight: 600;
  display: block;
  font-size: 26.855px;
  line-height: 26.856px;
  letter-spacing: 1.848px;
}
.responsibility-hero-box-content h6 {
  color: #fff;
  font-weight: 600;
  padding-bottom: 5px;
  font-size: 70.29px;
  line-height: 70.287px;
  letter-spacing: 25.571px;
  font-family: Futura Std;
}
.responsibility-hero-box-content p {
  font-family: Futura Std;
  color: #fff;
  font-size: 16.598px;
  font-weight: 400;
  line-height: 16.595px;
  letter-spacing: 0.478px;
}
.responsibility-hero-box-inner:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.responsibility-hero-box:first-child .responsibility-hero-box-content span {
  letter-spacing: -1.908px;
  font-size: 26.798px;
  line-height: 26.8px;
}
.responsibility-hero-box:first-child .responsibility-hero-box-content h6 {
  font-size: 70.141px;
  line-height: 70.138px;
  letter-spacing: 19.906px;
}
.responsibility-hero-box:first-child .responsibility-hero-box-content p {
  padding-left: 12px;
  font-size: 16.563px;
  line-height: 16.56px;
  letter-spacing: 9.173px;
}
.responsibility-hero-box:last-child .responsibility-hero-box-content span {
  letter-spacing: 5px;
  font-size: 25.15px;
  line-height: 25.152px;
}
.responsibility-hero-box:last-child .responsibility-hero-box-content h6 {
  font-size: 65.828px;
  line-height: 65.825px;
  letter-spacing: 6.504px;
}
.responsibility-hero-box:last-child .responsibility-hero-box-content p {
  font-size: 15.545px;
  line-height: 15.542px;
  letter-spacing: 6.199px;
}
.initiatives-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: center;
  display: none;
}
.initiatives-slider-wrap {
  position: unset;
}
.initiatives .container {
  max-width: 1623px;
  padding: 0 15px;
}
.initiatives h2 {
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 5px;
  text-transform: capitalize;
  padding-bottom: 36px;
  text-align: center;
}
.initiatives-slider .initiatives-slider-img {
  max-width: 37.8887%;
  width: 100%;
}
.initiatives-slider .initiatives-slider-img-inner {
  padding-bottom: 150.1079%;
  position: relative;
  width: 100%;
}
.initiatives-slider .initiatives-slider-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.initiatives-slider .initiatives-slider-content {
  max-width: calc(100% - 37.8887%);
  width: 100%;
  padding-left: 84px;
}
.initiatives-slider-content h3 {
  font-family: Futura Std;
  color: #6b6b6b;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1px;
  padding-bottom: 24px;
}
.initiatives-slider-content p {
  font-family: Futura Std;
  padding-bottom: 30px;
  color: #6b6b6b;
  text-align: justify;
  font-size: 18px;
  font-weight: 400;
  line-height: 43.233px;
  letter-spacing: -0.4px;
}
.initiatives-slider .swiper-slide {
  align-items: center;
}
.initiatives-slider .swiper-button-next,
.initiatives-slider .swiper-button-prev {
  background-color: #e9e9e9;
  border-radius: 0;
  border: unset;
  width: 50px;
  height: 70px;
  background-size: 12px;
  margin: 0 !important;
  top: 50%;
  transform: translateY(-50%);
}
.initiatives-slider .swiper-button-next {
  right: 0;
  left: auto;
}
.initiatives-slider .swiper-button-prev {
  left: 0;
  right: auto;
}
.initiatives {
  margin-bottom: 150px;
}
.initiatives-slider {
  padding: 63px 173px 62px 198px;
  background: #f5f5f5;
  position: relative;
}
.responsibility-masonry {
  padding-bottom: 60px;
}
.responsibility-masonry .masonry-wrap {
  display: grid;
  grid-template-columns: max-content;
  grid-template-rows: auto;
  gap: 9px;
  grid-auto-flow: row;
  grid-template-areas: "a b c d" "a e c d" "a e c g" "a e f g";
  min-height: 100%;
}
.responsibility-masonry .a {
  grid-area: a;
}
.responsibility-masonry .b {
  grid-area: b;
}
.responsibility-masonry .c {
  grid-area: c;
}
.responsibility-masonry .d {
  grid-area: d;
}
.responsibility-masonry .e {
  grid-area: e;
}
.responsibility-masonry .f {
  grid-area: f;
}
.responsibility-masonry .g {
  grid-area: g;
}
.responsibility-masonry .masonry-box {
  position: relative;
  display: grid;
  align-items: baseline;
  justify-content: center;
  height: fit-content;
}
.responsibility-masonry .masonry-box img {
  object-fit: cover;
}
/* responsibility css end */

/* faq css start */
.faq-list .page__title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.62px;
  padding-bottom: 24px;
}
.faq-list .page__header p {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.81px;
  max-width: 885px;
  margin: 0 auto;
}
.faq-list .page__header {
  padding-bottom: 65px;
}
.faq-list .container {
  max-width: 1227px;
}
/* faq css end */

/* innovation & technology start */
.landingpage_banner {
  background-repeat: no-repeat;
  height: 100%;
  text-align: left;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: left;
  background-size: contain;
}
.landingpage_banner-img {
  position: relative;
  display: block;
  padding-bottom: 20.8398950131%;
}
.landingpage_banner img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.celebration_slider {
  padding: 60px 0;
}
.celebration_slider .container {
  max-width: 100%;
  padding-left: calc((100% - 1710px) / 2);
  padding-right: 0;
}
.celebration_rows {
  display: flex;
  align-items: center;
  gap: 28px;
}
.celebration_left {
  width: 27.5%;
}
.celebration_right {
  width: 72.5%;
  background: linear-gradient(180deg, #f0f0f0 0%, #fafafa 100%);
  padding: 96px 0 84px 36px;
  border-radius: 40px 0 0 40px;
}
.celebration_left h5 {
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: 6.129px;
  text-transform: uppercase;
  color: #2c2c2c;
  margin-bottom: 12px;
}
.celebration_left p {
  color: #2c2c2c;
  font-family: "Futura Bk BT";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.88px;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.celebration_watch_play {
  font-family: "Futura Std";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 6.129px;
  border-radius: 10px;
  background: #2c2c2c;
  color: #fff;
  padding: 12px 30px;
  display: inline-flex;
  align-items: center;
  text-transform: capitalize;
  gap: 12px;
}
.clebration_item_in {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.clebration_item_txt {
  width: 29.4589178357%;
  position: relative;
  z-index: 9;
}
.clebration_item_txt span {
  font-family: "Futura Std";
  font-size: 195.374px;
  font-weight: 600;
  line-height: 195.374px;
  letter-spacing: 7.815px;
  background: linear-gradient(
    180deg,
    #dbdbdb 11.61%,
    rgba(237, 237, 237, 0.4) 93.31%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: unset;
  transform: unset;
  margin-bottom: calc(-195.374px / 2);
  display: block;
}
.clebration_item_txt h4 {
  font-family: "Futura Std";
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.211px;
  color: #606060;
  margin-bottom: 12px;
}
.clebration_item_txt p {
  color: #606060;
  font-family: "Futura Std";
  font-size: 18.004px;
  font-weight: 400;
  line-height: 21.598px;
  letter-spacing: 0.158px;
}
.clebration_item_img {
  width: 70.5410821643%;
  border-radius: 10px;
}
.clebration_item_img_in {
  display: block;
  position: relative;
  padding-bottom: 61.3667157585%;
  border-radius: 10px;
  transition: transform 1s ease-in-out;
}
.clebration_item_img_in {
  /*transform: scale(0.8);*/
  transition: transform 1s ease-in-out;
}
.clebration_item_img_in img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  object-fit: cover;
  border-radius: 10px;
}
.clebration_item_slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.clebration_item_slider {
  padding-right: 21.6470588235%;
}
/* .clebration_item:not(.swiper-slide-active) .clebration_item_txt{position: absolute;opacity: 0;transition: all 1s ease-in-out;} 
.clebration_item.swiper-slide-active .clebration_item_txt {opacity: 1;} */
.swiper-celebration-buttons {
  width: calc(70.5410821643% - 13px);
  position: relative;
  left: calc(29.4589178357% + 13px);
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
}
.swiper-celebration-button-prev {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #797979;
}
.swiper-celebration-button-next {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #797979;
}
.swiper-celebration-button-prev span,
.swiper-celebration-button-next span {
  font-family: "Futura Std";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.88px;
}
.swiper-celebration-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5px;
  border-radius: 0;
  bottom: 0 !important;
  cursor: pointer;
  background: #d9d9d9;
  width: calc(100% - 150px) !important;
}
.swiper-celebration-pagination .swiper-pagination-bullet {
  background: #d9d9d9;
  height: 3px;
  flex: 1;
  border-radius: 0;
  margin: 0 !important;
  opacity: 1;
  position: relative;
}
.swiper-celebration-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #033432;
  height: 3px;
}
.swiper-celebration-pagination .swiper-pagination-bullet::before {
  content: "";
  background: #033432;
  position: absolute;
  left: 0;
  height: 4px;
  top: 0;
  width: 0;
  transition: all 0.5s ease-in-out;
}
.swiper-celebration-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #033432;
}
.image-slider__fraction {
  width: 100%;
}
.image-slider__current {
  text-align: center;
  font-family: "Futura Std";
  font-size: 16px;
  font-weight: 400;
  line-height: 21.06px;
  letter-spacing: 1.03px;
  color: #797979;
}
.swiper-celebration-button-prev:hover,
.swiper-celebration-button-next:hover {
  color: #000;
}
.swiper-3d .swiper-slide-shadow-left {
  display: none !important;
}
.swiper-3d .swiper-slide-shadow-right {
  display: none !important;
}

.innovation_video h4 {
  font-family: "Futura Std";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.158px;
  color: #606060;
  text-align: justify;
  display: inline-block;
}
.innovation_video {
  width: 100%;
  padding: 30px 0 60px;
}
.innovation_video .container {
  max-width: 1584px;
  padding: 0;
}
.innovation-video-wrapper {
  position: relative;
  display: block;
  padding-bottom: 46.25%;
  cursor: pointer;
  border-radius: 10px;
}
.innovation-video-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-play-button-in {
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 0px 6px;
  position: relative;
}
.video-play-button-in:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button-in:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  transition: all 200ms;
}
.video-play-button-in span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.innovation_video_with_text_box {
  width: 100%;
  padding: 60px 0 120px;
}
.inno_video_with_text-wrapper {
  display: flex;
}
.inno_video_with_img_wrapper {
  width: 61%;
}
.inno_video_with_img {
  position: relative;
  display: block;
  padding-bottom: 66.893865628%;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  min-height: 100%;
}
#inno_video_with_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.inno_video_with_text_right {
  background: linear-gradient(180deg, #f0f0f0 0%, #fafafa 100%);
  width: 39%;
  position: relative;
  display: flex;
  align-items: center;
}
.inno_video_with_text_right::after {
  content: "";
  background: linear-gradient(180deg, #f0f0f0 0%, #fafafa 100%);
  position: absolute;
  right: -100vw;
  top: 0;
  width: 100vw;
  height: 100%;
}
.inno_video_right_txt_in {
  max-width: 528px;
  margin: 0 auto;
}
.inno_video_right_txt_in h5 {
  font-family: Futura Std;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.211px;
  color: #606060;
  text-align: justify;
  margin-bottom: 24px;
}
.inno_video_right_txt_in p {
  font-family: Futura Std;
  font-size: 18.004px;
  line-height: 27px;
  letter-spacing: 0.158px;
  color: #606060;
  text-align: justify;
}
.video-playtxt-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-playtxt-btn-in {
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 0px 6px;
  position: relative;
}
.video-playtxt-btn-in:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-playtxt-btn-in:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  transition: all 200ms;
}
.video-playtxt-btn-in span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
/* innovation & technology end */

/* gifting page start */
.gifting-hero_banner .gifting-hero_banner-in {
  position: relative;
  display: block;
  padding-bottom: 30.98%;
}
.gifting-hero_banner .gifting-hero_banner-in img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gift-gallery {
  text-align: center;
  padding-top: 60px;
}
.gift-gallery .container {
  max-width: 1710px;
}
.gift-gallery .gift-tab {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background-color: #f2f2f2;
  border-radius: 20px;
  margin-bottom: 48px;
  gap: 1px;
}
.gift-gallery .gift-tab li {
  padding: 12px 18px;
  cursor: pointer;
}
.gift-gallery .gift-tab li.current {
  border-radius: 50px;
  background-color: #033432;
  opacity: 0.9;
}
.gift-gallery .gift-tab li.current a {
  color: #fff;
}
.gift-gallery .gift-tab li a {
  font-family: Futura Std;
}
.gift-content-gallery {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  grid-template-rows: repeat(8, 2.9vw);
  gap: 12px;
}
.gift-content-gallery.gift-tab-content {
  display: none;
}
.gift-content-gallery.gift-tab-content.current {
  display: grid;
}
.gift-content-gallery .gallery-gift-image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gift-content-gallery .gallery-gift-image {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}
.gift-content-gallery .gallery-gift-image a {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.gift-content-gallery .gallery-gift-image:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gift-content-gallery .gallery-gift-image:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gift-content-gallery .gallery-gift-image:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gift-content-gallery .gallery-gift-image:nth-child(4) {
  grid-column-start: 5;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 9;
}
.gift-content-gallery .gallery-gift-image:nth-child(5) {
  grid-column-start: 8;
  grid-column-end: 11;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gift-content-gallery .gallery-gift-image:nth-child(6) {
  grid-column-start: 8;
  grid-column-end: 11;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gift-content-gallery .gallery-gift-image:nth-child(7) {
  grid-column-start: 11;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gift-content-gallery .gallery-gift-image:nth-child(8) {
  grid-column-start: 13;
  grid-column-end: 15;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gift-content-gallery .gallery-gift-image:nth-child(9) {
  grid-column-start: 11;
  grid-column-end: 15;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gift-tab-2 .gallery-gift-image:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 9;
}
.gift-tab-2 .gallery-gift-image:nth-child(2) {
  grid-column-start: 5;
  grid-column-end: 11;
  grid-row-start: 1;
  grid-row-end: 9;
}
.gift-tab-2 .gallery-gift-image:nth-child(3) {
  grid-column-start: 11;
  grid-column-end: 15;
  grid-row-start: 1;
  grid-row-end: 9;
}
.gift-content-gallery.current .gallery-gift-image {
  animation: cardAnim 0.6s linear;
  animation-fill-mode: backwards;
}
@keyframes cardAnim {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* .gift-tab-2.current .gallery-gift-image:nth-child(1){animation: zoom 0.5s linear both;}
@keyframes zoom {  0%  {grid-row-end: 5;}50%  {grid-row-end: 7;}100%  {grid-row-end: 9;}  }  */

.second-gifting_banner {
  padding-bottom: 24px;
}
.second-gifting_banner .gifting_banner {
  display: block;
  position: relative;
  padding-bottom: 50.19%;
}
.second-gifting_banner .gifting_banner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gift-card-section {
  padding: 0 0 90px;
}
.gift-card-section .gift-card-in {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
  row-gap: 8px;
}
.gift-card-section .gift-card-in .cards-item {
  width: calc(33.33%);
  border-radius: 20px;
  padding: 0 4px;
}
.gift-card-section .gift-card-in .cards-item img {
  display: block;
  border-radius: 20px;
}

.gifted-jewellery {
  padding: 26px 20px;
  background: linear-gradient(
    90deg,
    #0d2e2e 0%,
    #294c4d 25%,
    #456b6c 50.1%,
    #244747 80.21%,
    #0f2f2f 100%
  );
  text-align: center;
}
.gifted-jewellery h3 {
  font-family: "Futura Std";
  letter-spacing: 0.32px;
  color: #fff;
  padding-bottom: 4px;
}
.gifted-jewellery p {
  font-family: "Futura Std";
  letter-spacing: 0.32px;
  color: #fff;
  line-height: 32px;
}

.gifting-featured-products {
  margin-top: 47px;
}
.giftingcat-wrap-in {
  width: 100%;
}
.swiper.site-product-sliderwrapper3 {
  z-index: 2;
  padding-right: 34px;
  padding-left: 34px;
  display: flex;
}
.site-product-sliderwrapper3 .swiper-slide {
  width: 25%;
}
.gifting-featured-products .pro-grid-wrap {
  width: unset;
}
.gifting-featured-products .site-product-sliderwrapper3 > .swiper-button-next {
  right: 0;
  left: auto;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 48px));
}
.gifting-featured-products .site-product-sliderwrapper3 > .swiper-button-prev {
  left: 0;
  right: auto;
  align-items: unset;
  top: 50%;
  transform: translateY(calc(-50% - 48px));
}
.gifting-featured-products-btn {
  width: 100%;
  padding-top: 36px;
  display: none;
}
.gifting-featured-products-btn .btn {
  font-weight: 700;
}

.cards-item a {
  position: relative;
  padding-bottom: 62.45%;
  display: block;
}
.cards-item a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* 
.personalz-progress-wrap{position:relative;margin-top: 40px;margin-bottom: 90px;}
.personalz-progress-in{background-color: #FDF9F6;}
.personalization-progress-wrap .personalz-progress-in{max-width: 100%;width: 100%;}
.personalz-progress-box{display: flex;}
.personalz-progress-box .personalz-progress-img{width: 39.8843930636%;display: flex;}
.personalz-progress-box .personalz-progress-img span{display:block;position: relative;padding-bottom:71.27%;width:100%;min-height: 100%;}
.personalz-progress-img span img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.personalz-progress-box .personalz-progress-txt{width: 60.1156069364%;background-color: #fdf9f6;display: flex;align-items: center;padding-left: 10.405%;}
.personalz-progress-txt .personalz-progress-txt-in{max-width: 426px;width: 100%;padding-bottom: 58px;}
.personalz-progress-txt .personalz-progress-txt-in h4{font-family: 'Futura Std';font-size: 24px;line-height: 16px;letter-spacing: 0.32px;text-transform: capitalize;color: #4B4B4B;margin-bottom: 22px;}
.personalz-progress-txt .personalz-progress-txt-in p{font-family: 'Futura Std';font-size: 18px;line-height: 28px;letter-spacing: 0.32px;color: #4B4B4B;text-align: justify;}
.swiper-personlize-bts-wrap {width: 100%;display: flex;margin-top: -6.779%;padding-bottom: 74px;}
.swiper-personlize-left {width: 39.8843930636%;}
.swiper-personlize-right {width: 60.1156069364%;padding-left: 10.405%;}
.swiper-personlize-buttons {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;max-width: 426px;position: relative;z-index: 9;}
.swiper-personlize-button-prev {display: flex;align-items: center;gap: 12px;cursor: pointer;color: #797979;}
.swiper-personlize-button-next {display: flex;align-items: center;gap: 12px;cursor: pointer;color: #797979;}
.swiper-personlize-button-prev span, .swiper-personlize-button-next span {font-family: 'Futura Std';font-size: 16px;font-weight: 400;line-height: 18px;letter-spacing: 0.88px;}
.swiper-personlize-pagination {position: relative;display: flex;justify-content: center;align-items: center;height: 5px;border-radius: 0;bottom: 0 !important;cursor: pointer;background: #D9D9D9;width:calc(100% - 150px)!important;}
.swiper-personlize-pagination .swiper-pagination-bullet {background: #D9D9D9;height: 3px;flex: 1;border-radius: 0;margin: 0 !important;opacity: 1;position: relative;}
.swiper-personlize-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #033432;height: 3px;}
.swiper-personlize-pagination .swiper-pagination-bullet::before {content: '';background: #033432;position: absolute;left: 0;height: 4px;top: 0;width: 0;transition: all 0.5s ease-in-out;}
.swiper-personlize-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 100%;}
.swiper-personlize-button-prev:hover, .swiper-personlize-button-next:hover {color: #000;}
 */

.personalz-progress-wrap {
  position: relative;
  margin-top: 40px;
  margin-bottom: 90px;
}
.personalz-progress-in {
  background-color: #fdf9f6;
  display: flex;
}
.personalization-progress-wrap .personalz-progress-in {
  max-width: 100%;
  width: 100%;
}
.personalz-progress-for-wrap {
  width: 39.8843930636%;
}
.personalz-progress-nav-wrap {
  width: 60.1156069364%;
  background-color: #fdf9f6;
  padding: 20px 20px;
}
.personalz-prog-slider-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 426px;
  margin-left: 178px;
  justify-content: center;
}
.personalz-prog-slider-nav .swiper-wrapper {
  height: auto;
}
.personalz-progress-txt {
  display: flex;
  background-color: #fdf9f6;
  width: 100%;
  height: 100%;
}
.personalz-progress-txt .personalz-progress-txt-in {
  width: 100%;
}
.personalz-progress-txt .personalz-progress-txt-in h4 {
  font-family: "Futura Std";
  font-size: 24px;
  line-height: 46px;
  letter-spacing: 0.32px;
  text-transform: capitalize;
  color: #4b4b4b;
  margin-bottom: 2px;
}
.personalz-progress-txt .personalz-progress-txt-in p {
  font-family: "Futura Std";
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.32px;
  color: #4b4b4b;
  text-align: justify;
}
.personalz-progress-img {
  width: 100%;
  height: 100%;
  display: flex;
}
.personalz-progress-img span {
  display: block;
  position: relative;
  padding-bottom: 71.27%;
  width: 100%;
  min-height: 100%;
}
.personalz-progress-img span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-personlize-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 426px;
  position: relative;
  z-index: 9;
  padding-top: 27px;
}
.swiper-personlize-button-prev {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #797979;
}
.swiper-personlize-button-next {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #797979;
}
.swiper-personlize-button-prev span,
.swiper-personlize-button-next span {
  font-family: "Futura Std";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.88px;
}
.swiper-personlize-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5px;
  border-radius: 0;
  bottom: 0 !important;
  cursor: pointer;
  background: #d9d9d9;
  width: calc(100% - 150px) !important;
}
.swiper-personlize-pagination .swiper-pagination-bullet {
  background: #d9d9d9;
  height: 3px;
  flex: 1;
  border-radius: 0;
  margin: 0 !important;
  opacity: 1;
  position: relative;
}
.swiper-personlize-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #033432;
  height: 3px;
}
.swiper-personlize-pagination .swiper-pagination-bullet::before {
  content: "";
  background: #033432;
  position: absolute;
  left: 0;
  height: 4px;
  top: 0;
  width: 0;
  transition: all 0.5s ease-in-out;
}
.swiper-personlize-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.swiper-personlize-button-prev:hover,
.swiper-personlize-button-next:hover {
  color: #000;
}
.personalz-prog-slider-for {
  height: 100%;
}

/* gifting page end */

/* Lab Grown Diamonds page start */
.lab-diamonds-banner-in {
  position: relative;
  display: block;
  padding-bottom: 25.355%;
}
.lab-diamonds-banner-in img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lab-diamond-feature-in {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.lab-diamond-feature-item {
  width: 25%;
}
.lab-diamond-feature-item-in {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 4px 35px 4px rgba(0, 0, 0, 0.05);
  padding: 24px;
  margin: 0 10px;
  height: 100%;
}
.lab-diamonds-features {
  padding: 60px 0 30px;
  color: #757575;
}
.lab-diamond-feature-item-in img {
  display: block;
  max-width: 60px;
}
.lab-diamond-features-title {
  color: #757575;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.211px;
  text-align: center;
  margin-bottom: 36px;
}
.lab-diamond-feature-item-in h4 {
  font-weight: 700;
  letter-spacing: 0.176px;
  margin: 24px 0 12px;
}
.lab-diamond-feature-item-in p {
  color: #b3b3b3;
  text-align: justify;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: 0.141px;
}

.lab-multirow {
  padding: 0 0 30px;
}
.labmulti-service-wrapper {
  padding: 0;
}
.labmulti-service-item {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.labmulti-service-wrapper .labmulti-service-item.right-service-img {
  flex-direction: row-reverse;
}
.labmulti-service-img {
  width: 49.2307%;
}
.labmulti-service-img-in {
  position: relative;
  display: block;
  padding-bottom: 79.8076923077%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.labmulti-service-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
.large-img .labmulti-service-img-in {
  padding-bottom: 93.99%;
}
.labmulti-service-txt {
  width: 50.7692%;
  display: flex;
  align-items: center;
  background: var(--gradient);
}
.labmulti-service-txt-in {
  max-width: 552px;
  margin: 0 auto;
  padding: 24px 12px;
}
.labmulti-service-txt h4 {
  font-family: "Futura Std";
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.211px;
  text-align: justify;
  margin-bottom: 24px;
}
.labmulti-service-txt p {
  font-family: "Futura Std";
  font-size: 18.004px;
  line-height: 27px;
  letter-spacing: 0.158px;
  text-align: justify;
}

.labmulti-slogan {
  background-image: url("https://cdn.shopify.com/s/files/1/0663/1836/9012/files/slogan-bg.png?v=1702530093");
  background-repeat: no-repeat;
  background-color: lightgray;
  background-size: 108.819% 1205.233%;
  background-position-x: -84px;
  background-position-y: -386.333px;
  padding: 64px 0;
  width: 100%;
  min-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-top: 30px;
  margin-bottom: 30px;
}
.labmulti-service-item.right-service-img .labmulti-slogan {
  margin-right: calc(-50vw + 50%);
}
.labmulti-slogan-in {
  max-width: 1730px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.labmulti-slogan-in p {
  font-family: "Futura Std";
  font-size: 24px;
  line-height: 31.2px;
  letter-spacing: 0.211px;
  color: #28574f;
  text-align: justify;
  max-width: 1238px;
  margin: 0 auto;
}

.lab-imgtxt-slogan {
  padding: 0;
  width: 100%;
  margin: 30px 0;
}
.lab-imgtxt-slogan-in {
  max-width: 100%;
  text-align: center;
}
.lab-imgtxt-slogan-in p {
  font-family: "Futura Bk BT";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.158px;
  color: #6b6b6b;
  max-width: 653px;
  margin: 0 auto;
}

.labgrown_video {
  width: 100%;
  padding: 30px 0 60px;
}
.labgrown_video .section-title {
  padding-top: 0;
}
.labgrown_video h4 {
  font-family: "Futura Bk BT";
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.211px;
  color: #757575;
  text-align: justify;
  display: inline-block;
}
.labgrown-video-wrapper {
  position: relative;
  display: block;
  padding-bottom: 46.2162162162%;
  cursor: pointer;
  border-radius: 10px;
}
.labgrown-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.lab-grown-compare {
  padding: 0 0 30px;
}
.compare-wrap {
  border-radius: 20px;
  background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 87.96%);
  position: relative;
  padding-bottom: 36px;
}
.compare-wrap::before {
  content: "";
  width: 50%;
  height: 100%;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #f0f0f0 0%, #fafafa 100%);
  border-radius: 20px 0 0 20px;
}
.compare-item {
  display: flex;
  position: relative;
}
.compare-item-txt {
  flex: 1;
  padding: 9px 0 0;
}
.compare-item.comparetitle-txt {
  padding: 30px 120px;
  background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 87.96%);
  border-radius: 20px 20px 0 0;
  margin-bottom: 36px;
}
.compare-item.comparetitle-txt .compare-item-txt {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compare-item.comparetitle-txt h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
.compare-item.comparetitle-txt p {
  background: transparent;
}
.compare-item.comparetitle-txt span {
  font-family: "Futura Bk BT";
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #757575;
  text-align: center;
}
.compare-item.comparetitle-txt::after {
  content: unset;
}
.compare-item-in {
  flex: 1;
  display: flex;
  padding: 24px 120px;
}
.compare-item h4 {
  font-family: "Futura Bk BT";
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  color: #757575;
  text-align: center;
}
.compare-item p {
  --width: 129px;
  width: var(--width);
  height: auto;
  border-radius: 20px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: calc(- (var(--width) / 2));
  padding: 8px 10px;
  gap: 4px;
  position: relative;
  z-index: 1;
}
.compare-item p span {
  font-family: "Futura Bk BT";
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.123px;
  color: #8f8f8f;
  text-align: center;
}
.compare-item p img {
  max-height: 44px;
  min-height: 44px;
}

.compare-border {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  z-index: 0;
  max-width: calc(100% - calc(120px * 2));
  border-bottom: 2px solid #dfdfdf;
}
.compare-border::before {
  content: "";
  position: absolute;
  left: -7px;
  bottom: -3px;
  height: 18px;
  transform: rotate(-42deg);
  border-left: 2px solid #dfdfdf;
}
.compare-border::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -3px;
  height: 18px;
  transform: rotate(42deg);
  border-left: 2px solid #dfdfdf;
}
/* Lab Grown Diamonds page end */

/* Design & Craftsmanship page */
.cartmanship-hero {
  position: relative;
}
.cartmanship-banner {
  position: relative;
  display: block;
  padding-bottom: 25.35%;
  min-height: 300px;
}
.cartmanship-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cartmanship-hero .hero-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 800px;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
}
.cartmanship-hero .hero-content h1 {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 6.129px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff 50%, rgba(0, 0, 0, 0) 152.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cartmanship-hero .hero-content p {
  padding-bottom: 24px;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.88px;
  text-transform: capitalize;
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
}
.cartmanship-hero .hero-content button {
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.306px;
  letter-spacing: 0.797px;
  border-radius: 10px;
  background: linear-gradient(
    121deg,
    #4f515e -4.61%,
    #84869c 61.6%,
    #6c6e80 88.6%,
    #787a8d 125.11%
  );
  display: inline-flex;
  padding: 12.653px;
  justify-content: center;
  align-items: center;
  border: unset;
}

.feature-design {
  margin-top: 48px;
  margin-bottom: 135px;
}
.feature-design .content-feature {
  text-align: center;
}
.feature-design .content-feature h5 {
  font-family: Futura Std;
  margin-bottom: 18px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 2.459px;
  background: linear-gradient(
    121deg,
    #4f515e -4.61%,
    #84869c 61.6%,
    #6c6e80 88.6%,
    #787a8d 125.11%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.feature-design .content-feature p {
  font-family: Futura Std;
  color: #5c5e73;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 1.52px;
  max-width: 1048px;
  width: 100%;
  margin: 0 auto;
}
.content-feature .main-feature-content {
  margin-top: 60px;
  display: flex;
  gap: 30px;
  position: relative;
}
.main-feature-content .feature-content-box {
  width: 16.67%;
}
.feature-content-box .feature-image {
  background: linear-gradient(
    121deg,
    #4f515e -4.61%,
    #84869c 61.6%,
    #6c6e80 88.6%,
    #787a8d 125.11%
  );
  border-radius: 50%;
  display: flex;
  position: relative;
  width: 115px;
  height: 115px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.main-feature-content .feature-content-box h6 {
  color: #5d5f73;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding-top: 33px;
  padding-bottom: 10px;
}
.main-feature-content .feature-content-box p {
  color: #5d5f73;
  text-align: justify;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.2px;
}
.feature-image .count-number p {
  font-family: "Futura Bk BT";
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.feature-image .count-number {
  background-color: #fff;
  border-radius: 20px;
  filter: drop-shadow(0px 3.287px 3.287px rgba(0, 0, 0, 0.25));
  position: absolute;
  bottom: -1px;
  left: -5px;
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-feature .main-feature-content:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  border-bottom: 1px dashed #5d5f73;
}
.feature-image .feature-image-wrap {
  display: flex;
}

.our-design {
  display: flex;
}
.craftsmanship-design {
  flex-direction: row-reverse;
}
.our-design .our-design-slider {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.swiper-craftsmanship-design {
  padding-bottom: 50px;
}
.swiper-craftsmanship-design .swiper-button-prev,
.swiper-craftsmanship-design .swiper-button-next {
  border: unset;
  color: #797979;
  background-image: unset;
}
/* .craftsmanship-design .our-design-slider{margin-left: 111px;} */
/* .our-design-slider-wraper .creative-image-wraper{max-width: calc(717px - 57px);} */
.our-design .main-our-design-slider {
  width: 50%;
}
.our-design .our-design-slider-wraper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 760px;
  padding: 40px 50px 0px 30px;
}
.our-design-slider .our-design-slider-wraper h4 {
  padding-bottom: 14px;
  font-size: 22px;
  background: linear-gradient(
    121deg,
    #4f515e -4.61%,
    #84869c 61.6%,
    #6c6e80 88.6%,
    #787a8d 125.11%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  line-height: 21.738px;
  letter-spacing: 2.227px;
}
.our-design-slider-wraper .creative-slider-image {
  position: relative;
  /* padding-bottom: 100%; */
  height: calc(100vh - 300px);
}
.our-design-slider-wraper .creative-slider-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-design-slider-wraper .creative-slider-content {
  position: relative;
  padding: 20px;
  backdrop-filter: blur(35px);
  -webkit-backdrop-filter: blur(35px);
  margin-top: -70px;
  transform: translateX(30px);
}
.our-design-slider-wraper .creative-slider-content:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) left/350%
    100%;
  background-repeat: no-repeat;
  animation: shimmer 2.5s infinite;
  z-index: 1;
}
@keyframes shimmer {
  100% {
    -webkit-mask-position: right;
  }
}
.our-design-slider-wraper .creative-slider-content p {
  position: relative;
  z-index: 10 !important;
  font-family: Futura Std;
  color: #fff;
  text-align: justify;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: -0.483px;
  max-width: 687px;
  width: 100%;
}
.our-design-slider .main-swiper-pagination {
  display: flex;
  position: relative;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
.our-design-slider .main-swiper-pagination .main-fraction-pagination {
  max-width: 512px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5px;
  border-radius: 0;
  bottom: 0 !important;
  cursor: pointer;
  background: #d9d9d9;
  width: calc(100% - 150px) !important;
}
.our-design-slider
  .main-swiper-pagination
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
  height: 4px;
}
.our-design-slider .swiper-slide {
  transition: all 300ms linear;
  transform: scale(0.7);
}
.our-design-slider .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.our-design .our-design-video {
  width: 50%;
}
.our-design .our-design-video-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.our-design .our-design-video-text h4 {
  color: #fff;
  text-align: justify;
  font-size: 48px;
  font-weight: 250;
  line-height: normal;
  letter-spacing: 7px;
}
.our-design-video .our-design-video-wraper {
  position: relative;
  height: 100vh;
  display: block;
}
.our-design-video .our-design-video-wraper video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-fraction-pagination .fraction-as {
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translate(-50%);
  color: #797979;
  font-family: Futura Std;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.06px;
  letter-spacing: 1.03px;
}

.essence-image-with-text {
  display: flex;
  align-items: center;
}
.essence-image-with-text .essence-image {
  width: 40%;
}
.essence-image .essence-image-wraper {
  position: relative;
  padding-bottom: 88.022%;
  z-index: 1;
}
.essence-image .essence-image-wraper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.essence-image-with-text .essence-content {
  width: 60%;
  position: relative;
  height: 100%;
}
.essence-content h3 {
  margin-bottom: 24px;
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 3px;
  text-transform: capitalize;
  line-height: 37px;
}
.essence-content p {
  font-family: Futura Std;
  color: #fff;
  text-align: justify;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1.6px;
  margin-bottom: 12px;
}
.cartmanship-hero .hero-content a {
  cursor: pointer;
  font-family: Futura Std;
  color: #fff;
  text-align: center;
  font-size: 17.714px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.306px;
  letter-spacing: 0.797px;
  padding: 12px;
  border-radius: 10px;
  background: linear-gradient(
    121deg,
    #4f515e -4.61%,
    #84869c 61.6%,
    #6c6e80 88.6%,
    #787a8d 125.11%
  );
  display: inline-flex;
}
.feature-design .container {
  max-width: 1494px;
}
.swiper-craftsmanship-design .swiper-button-prev,
.swiper-craftsmanship-design .swiper-button-next {
  position: unset;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #797979;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.swiper-craftsmanship-design .swiper-button-prev:hover,
.swiper-craftsmanship-design .swiper-button-next:hover {
  color: #000;
}
.essence-content-in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  max-width: 885px;
  margin: auto;
  z-index: 1;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.essence-content-img {
  position: relative;
  display: block;
  padding-bottom: 58.68%;
}
.essence-content-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.swiper-craftsmanship-design .swiper-slide-active .creative-slider-content {
  animation: slide-aninmation 1.4s ease-in-out both;
}
@keyframes slide-aninmation {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(30px);
  }
}
/* Design & Craftsmanship page end */

/* nature over natural start */
.nature-multirow {
  padding: 18px 0 30px;
}
.naturemulti-service-wrapper {
  padding: 0;
}
.naturemulti-service-item {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.naturemulti-service-wrapper .naturemulti-service-item.right-service-img {
  flex-direction: row-reverse;
}
.naturemulti-service-img {
  width: 54.0199684708%;
}
.naturemulti-service-img-in {
  position: relative;
  display: block;
  padding-bottom: 70%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.naturemulti-service-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
.large-img .naturemulti-service-img-in {
  padding-bottom: 79.766536965%;
}
.naturemulti-service-txt {
  width: 45.9800315292%;
  display: flex;
  align-items: center;
  background: var(--gradient);
}
.naturemulti-service-txt-in {
  max-width: 552px;
  margin: 0 auto;
  padding: 24px 20px;
}
.naturemulti-service-txt h4 {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.211px;
  font-weight: 700;
  text-align: justify;
  margin-bottom: 24px;
  color: #757575;
}
.naturemulti-service-txt p {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.158px;
  text-align: justify;
  color: #b3b3b3;
  margin-bottom: 12px;
}
.naturemulti-service-txt p:last-child {
  margin: 0;
}
.nature-imgtxt-slogan {
  padding: 0 16px;
  width: 100%;
  margin: 30px 0;
}
.nature-imgtxt-slogan-in {
  max-width: 100%;
  text-align: center;
}
.nature-imgtxt-slogan-in p {
  font-family: "Futura Bk BT";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.158px;
  color: #6b6b6b;
  max-width: 833px;
  margin: 0 auto;
}

.natureethical-multirow {
  padding: 0 0 30px;
}
.natureethical-multirow .container {
  max-width: 1813px;
  padding: 0 85px;
}
.natureethical-service-wrapper {
  padding: 14px 0 44px;
  background: linear-gradient(128deg, #f0f0f0 0%, #fafafa 136.44%);
}
.natureethical-service-item {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.natureethical-service-wrapper .natureethical-service-item.left-service-img {
  flex-direction: row-reverse;
}
.natureethical-service-txt {
  width: calc(44.796% + 85px);
  display: flex;
  align-items: center;
  background: var(--gradient);
}
.natureethical-service-txt-in {
  max-width: 552px;
  margin: 0 auto;
  padding: 24px 20px;
}
.natureethical-service-txt h4 {
  font-size: 24px;
  line-height: 31.2px;
  letter-spacing: 0.211px;
  font-weight: 700;
  text-align: justify;
  margin-bottom: 24px;
  color: #757575;
}
.natureethical-service-txt p {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.158px;
  text-align: justify;
  color: #b3b3b3;
  margin-bottom: 12px;
}
.natureethical-service-txt p:last-child {
  margin: 0;
}
.natureethical-service-img {
  width: 55.204%;
  margin-right: -85px;
}
.natureethical-service-img-in {
  position: relative;
  display: block;
  padding-bottom: 68.9084895259%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.natureethical-service-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
.natureethical-service-wrapper
  .natureethical-service-item.left-service-img
  .natureethical-service-img {
  margin-left: -85px;
  margin-right: 0;
}
.nature-img-txt {
  padding: 30px 0;
}
.nature-img-txt-item {
  display: flex;
  flex-wrap: wrap;
}
.nature-imgtxt-content {
  width: 50%;
  display: flex;
  align-items: center;
  background: #fdf3eb;
}
.nature-imgtxt-content-in {
  max-width: 717px;
  margin: 0 auto;
  padding: 24px 16px;
}
.nature-imgtxt-content h4 {
  font-family: "Fuzzy Bubbles";
  font-size: 28px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.246px;
  text-align: justify;
  margin-bottom: 24px;
  color: #806753;
}
.nature-imgtxt-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.158px;
  color: #806753;
  text-align: justify;
  margin-bottom: 12px;
}
.nature-imgtxt-content p:last-child {
  margin: 0;
}
.nature-imgtxt-content p b {
  font-weight: 700;
}
.nature-imgtxt-img {
  width: 50%;
}
.nature-imgtxt-img-in {
  position: relative;
  display: block;
  padding-bottom: 56.7681007345%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  height: 100%;
}
.nature-imgtxt-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
/* nature over natural end */

/* product tooltip */

.tooltipIcon {
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: -14px;
}
.tooltipIcon:hover .tooltip-content {
  visibility: visible;
}
.tooltip-content {
  visibility: hidden;
  width: 190px;
  background-color: #d4b08e;
  color: #fff;
  border-radius: 5px;
  padding: 6px 10px;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 26px;
  margin-left: 0;
  font-size: 12px;
  line-height: 14.4px;
  text-align: left;
}
.tooltip-content:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -14px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #d4b08e transparent transparent transparent;
  border-radius: 0px;
  transform: rotate(90deg);
}

/* body.template-page\.design-craftsmanship-page .shopify-section__header{width: 100%;box-shadow: 0 0 5px 1px transparent;transition: all .3s ease-in-out;position: sticky;top: 0;z-index: 99;background-color: #fff; } */
.responsibility-masonry-wrap .masonry-box:hover img {
  transform: scale(1.1);
}
.responsibility-masonry-wrap .masonry-box img {
  transition: all 0.4s ease-in-out;
}
.responsibility-masonry-wrap .masonry-box {
  overflow: hidden;
}
.masonry-img-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  color: #fff;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.responsibility-masonry-wrap .masonry-box:hover .masonry-img-txt {
  opacity: 1;
}
.masonry-img-txt h2 {
  font-size: 50px;
  font-family: "Futura Std";
  font-weight: 600;
  letter-spacing: 5.147px;
  margin: 5px 0;
}
.masonry-img-txt p {
  font-size: 12px;
  letter-spacing: 4.906px;
  font-weight: 600;
}
.masonry-img-txt h4 {
  font-family: "Futura Std";
  letter-spacing: 3.957px;
  font-weight: 600;
}
.template-search-page .sp_product_options_new {
  display: none !important;
}
.wish_header {
  padding: 0 !important;
}
.article__comment-form-title {
  color: #fff;
}

.pro-grid-price.price--loader {
  background-color: #f3f3f3;
  background-image: linear-gradient(
    to right,
    #f1f1f1 0%,
    #f3f3f3 20%,
    #f1f1f1 40%,
    #f1f1f1 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderShimmer;
  animation-timing-function: linear;
  height: 22px;
  flex: 0 0 auto;
  width: 100px;
  border-radius: 4px;
  font-size: 0;
  margin: 0 auto;
}
.p_price.price--loader {
  background-color: #f3f3f3;
  background-image: linear-gradient(
    to right,
    #f1f1f1 0%,
    #f3f3f3 20%,
    #f1f1f1 40%,
    #f1f1f1 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderShimmer;
  animation-timing-function: linear;
  height: 22px;
  flex: 0 0 auto;
  width: 100px;
  border-radius: 4px;
  font-size: 0;
}
@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.site-product-buttons-wrap.btn-loading-placeholder {
  opacity: 0;
}
.site-product-buttons-wrap.btn-loading-placeholder::before {
  background-color: #ededed;
  background-image: linear-gradient(
    to right,
    #f1f1f1 0%,
    #f3f3f3 20%,
    #f1f1f1 40%,
    #f1f1f1 100%
  );
  background-repeat: no-repeat;
  background-size: 960px 214px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderShimmer2;
  animation-timing-function: linear;
  height: 54px;
  flex: 0 0 auto;
  width: calc(100% - 48px);
  font-size: 0;
  margin: 0 auto;
  content: "";
  position: absolute;
}
@keyframes placeholderShimmer2 {
  0% {
    background-position: -500px 0;
  }
  100% {
    background-position: 500px 0;
  }
}

.swiper.site-pro-wrap.site-product-sliderwrapper:not(.swiper-initialized) {
  display: flex;
}

@media only screen and (min-width: 992px) {
  .swiper.site-pro-wrap.site-product-sliderwrapper:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide {
    width: 25%;
    padding: 0 17px;
  }
  .swiper.site-pro-wrap.site-product-sliderwrapper1:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide {
    width: calc(33.33% - 22px);
    margin-right: 34px;
  }
  .swiper.site-pro-wrap.site-product-sliderwrapper2:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide {
    width: calc(33.33% - 22px);
    margin-right: 34px;
  }
}
@media only screen and (max-width: 1260px) {
  .site-product-buttons-wrap.btn-loading-placeholder::before {
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 991px) {
  .swiper.site-pro-wrap.site-product-sliderwrapper:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide,
  .swiper.site-pro-wrap.site-product-sliderwrapper1:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide,
  .swiper.site-pro-wrap.site-product-sliderwrapper2:not(.swiper-initialized)
    .site-product-wrapper
    > .swiper-slide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .pro-grid-price.price--loader {
    margin-left: 0;
    width: 65px;
    height: 18px;
  }
}

.essential_countdown_annoucement_bar_wrapper {
  z-index: 98 !important;
}
.pagination__page-count {
  display: none;
}
.pagination__inner {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  border-top: 1px solid #EAECF0;
  padding-top: 24px;
  gap: 12px;
}
.pagination__nav {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pagination__nav .pagination__nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  max-height: 40px;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}
.pagination__next.link,
.pagination__prev.link{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  gap: 14px;
  color: #6B6B6B;
}
.pagination__nav .pagination__nav-item.is-active,
.pagination__nav .pagination__nav-item:hover{
  background: #033432;
  color: #fff;
}
.pagination__inner svg {
  color: #6B6B6B;
}
.pagination__next.link.disabled, .pagination__prev.link.disabled {
  cursor: no-drop;
  pointer-events: none;
  opacity: 0.5;
}


.promoBanner {gap: 12px;display: flex;flex-wrap: wrap;}
.promoBannerFull {width: 100%;}
.promoFullItem a {display: flex;position: relative;padding-bottom: 19.7633136095%;overflow: hidden;}
.promoFullItem a img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;transition: all 1200ms linear;object-fit: cover;}
.promoFullItem:hover a img {transform: scale(1.04);}
.promoBannerGrid {display: flex;flex-wrap: wrap;gap: 12px;width: 100%;}
.promoGridItem {flex: 1 1 calc(33.33% - 8px);}
.promoGridItem a {display: flex;position: relative;padding-bottom: 28.9568345324%;overflow: hidden;}
.promoGridItem a img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;transition: all 1200ms linear;object-fit: cover;}
.promoGridItem:hover a img {transform: scale(1.04);}
.twoColumnGrid .promoGridItem{flex: 1 1 calc(50% - 8px);}
.twoColumnGrid .promoGridItem a {padding-bottom: 19.1438763377%;}

@media only screen and (min-width: 768px) {
.promo_xs{display: none;}
}
@media only screen and (max-width: 767px) {
  .promo_lg{display: none;}
  .promoBanner {gap: 8px;}
  .promoBlock .container{padding: 0;}
  .promoBannerGrid {gap: 8px 8px;}
  .promoGridItem {flex: 1 1 calc(50% - 8px);}
  .promoFullItem a {padding-bottom: 51.0256410256%;}
  .promoGridItem a {padding-bottom: 69.109947644%;}
  .twoColumnGrid .promoGridItem a {padding-bottom: 69.109947644%;}
  .twoColumnGrid .promoFullItem a {padding-bottom: 51.0256410256%;}
}

.bloggle--header.position_r_layout{min-width: 100vw;margin-left: calc(-50vw + 50%);} 
h1.bloggle--blog-title {font-size: 36px;text-transform: capitalize;font-weight: 500;}
.bloggle--blog-item-link .bloggle--blog-item-title {font-size: 20px !important;color: #6B6B6B !important;line-height: 24px !important;margin-top: 24px;font-weight:700!important;}  
.bloggle--blog-item-link .bloggle--blog-item-desc{color:#8A8A8A;margin:12px 0 16px; text-align:justify; font-size:16px;}
#bloggle--blog_layout .bloggle--blog-item-link .bloggle--blog-item-button {background: transparent;color: #6B6B6B;padding: 0;text-decoration: underline;text-underline-offset: 2px;text-align: center;width: 100%;font-weight: 700;font-size: 16px;}
.bloggle--blog-items.blog-layout-v2.trois {column-gap: 40px;row-gap: 60px;grid-template-columns: repeat(3, calc(33.3333% - 26.33333px));} 
.developed_by_sp{font-size: 14px;} 
.developed_by_sp a.sp_link {color: #fff;font-size: 14px;}
body.template-blog\.bloggle-page #bloggle--blog_layout{margin-bottom:80px;}  
.bloggle--sub-header .bloggle--nav-item{color:#6B6B6B;}
.bloggle--nav-item.bloggle--active {font-weight: 600;text-underline-offset: 2px;}  
#bloggle--blog_layout .bloggle--header .textImage--container {margin-bottom: 40px;} 
.bloggle--pagination-item {color: #6B6B6B !important;width: 40px;height: 40px;background-color: #fff;border-radius: 8px;font-size: 14px;line-height: 20px;}
.bloggle--pagination-item.bloggle--active {background-color: #033432;color: #fff !important;}
.bloggle--pagination {border-top: 1px solid #EAECF0;padding-top: 24px;margin-top: 80px !important;gap: 2px;}
.bloggle--pagination-item[rel="prev"], .bloggle--pagination-item[rel="next"] {display: flex;width: auto;gap: 14px;font-weight: 700;}
.bloggle--pagination-item[rel="prev"] {margin-right: 15px;}
.bloggle--pagination-item[rel="next"] {margin-left: 15px;}
.bloggle--pagination-item[rel="prev"]::after {content: 'Prev';}
.bloggle--pagination-item[rel="next"]::before {content: 'Next';}
.bloggle--pagination-item[rel="prev"] svg {background-image: url('https://cdn.shopify.com/s/files/1/0663/1836/9012/files/prev_left_blog.svg');background-repeat: no-repeat;background-position: center;background-size: 14px;width: 14px;height: 14px;transform: unset;}
.bloggle--pagination-item[rel="next"] svg {background-image: url('https://cdn.shopify.com/s/files/1/0663/1836/9012/files/next_right_blog.svg?v=1707995149');background-repeat: no-repeat;background-position: center;background-size: 14px;width: 14px;height: 14px;transform: unset;}
.bloggle--pagination-item[rel="prev"] svg path, .bloggle--pagination-item[rel="next"] svg path {display: none;}

@media only screen and (max-width: 1260px){
  .bloggle--blog-items.blog-layout-v2.trois {column-gap: 20px;row-gap: 40px;grid-template-columns: repeat(3, calc(33.3333% - 13.33333px));}
  .bloggle--blog-item-link .bloggle--blog-item-desc{font-size: 14px;margin: 8px 0 10px;}
}
@media only screen and (max-width: 1024px){
  .article-text-container .bloggle--blog-item-title {margin-bottom:0px !important; } 
}

@media only screen and (max-width: 991px){
  .bloggle--blog-items.blog-layout-v2.trois{grid-template-columns: repeat(2, calc(50% - 10.33333px));}
  .bloggle--blog-item-link .bloggle--blog-item-title {font-size: 18px !important;margin-top: 12px;}
}

@media only screen and (max-width: 575px){
  .bloggle--blog-items.blog-layout-v2.trois{grid-template-columns: repeat(1, calc(100% - 0.33333px));row-gap: 10px;}  
  .bloggle--blog-item-link .bloggle--blog-item-title {font-size: 16px !important;font-weight: 600 !important;} 
  #bloggle--blog_layout .bloggle--blog-item-link .bloggle--blog-item-button{font-size: 14px;margin-top: 0;} 
  h1.bloggle--blog-title{font-size: 26px;} 
  #bloggle--blog_layout .bloggle--header .textImage--container {margin-bottom: 20px;}
  body.template-blog\.bloggle-page #bloggle--blog_layout {margin-bottom: 40px;} 
  .bloggle--pagination {margin-top: 40px !important;}
}

/* Blog page and blog post after remove blogger app */

.blog_item_desc > div {
  height: 95px;
  overflow: hidden;
}

.empty-blog-post-item a{
  padding-bottom: unset;
}
.main_blog .container{
  max-width: 1280px;
}
.main_blog .blog_posts{
  margin-top: 40px;  
}
.main_blog .blog_posts_columns{
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .custm-img-text-post {
    flex-direction: column !important;
  }
  .custm-img-text-post div {
    width: 100% !important;
  }
  .article-item-box h1 {
    font-size: 24px;
  }
  .article-related-post-box h2 {
    font-size: 22px;
  }
  .article-related-post-box h3 {
    font-size: 20px;
  }
  .article-related-post-box p{
    font-size: 14px;
    line-height: 1.4;
  }
  .blog_item_desc > div {
    height: 83px;
  }
}

body::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
body::-webkit-scrollbar-thumb {background-color: darkgrey;}

.modal-card .modal-content[data-v-62be3e6c]::-webkit-scrollbar {width: 6px;}
.modal-card .modal-content[data-v-62be3e6c]::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.modal-card .modal-content[data-v-62be3e6c]::-webkit-scrollbar-thumb {background-color: darkgrey;}

.store-locator{padding: 50px 0;}
.store-locator h3 {margin-bottom: 20px;font-weight: 600;}
.sidebar-wrapper{width: 100%;}
#store-details {display: flex;flex-wrap: wrap;gap: 20px;}
.store-block {width: calc(25% - 15px);padding: 15px;border: 1px solid #f4f4f4;box-shadow: 0rem .3125rem .3125rem -.15625rem rgba(0, 0, 0, .03), 0rem .1875rem .1875rem -.09375rem rgba(0, 0, 0, .02), 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, .02), 0rem .0625rem .0625rem -.03125rem rgba(0, 0, 0, .03), 0rem .03125rem .03125rem 0rem rgba(0, 0, 0, .04), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);}
.store-block.active {display: block;}
.locator-img {position: relative;padding-bottom: 60%;margin-bottom: 20px;overflow: hidden;width: 100%;background-color: #f5f5f5;}
.locator-img img,
.locator-img video,
.locator-img iframe{position: absolute;top: 0;left: 0;width: 100%;height: auto;display: block;}
.store-block .store-title {font-size: 18px;line-height: 1;font-weight: 600;margin-bottom: 10px;padding-bottom: 5px;display: inline-block;}
.store-block p {font-size: 14px;line-height: 1.3;margin: 0;color: #033432;font-weight: 400;}
.store-block ul {display: flex;flex-direction: column;gap: 8px;}
.store-contact {display: flex;align-items: center;gap: 10px;}
.store-contact span {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;color: #033432;}
.store-contact span svg {width: 18px;height: 18px;}
.store-contact a {color: #033432;}
.store-contact a strong {font-weight: 400;}

.testimonial-wrap--inner svg {width: 80px;height: 80px;color: #ca943c;fill: #ffffff;margin-bottom: 10px;}

.personalization_click {background: transparent;padding: 0;border: 0;color: #033432;width: 100%;padding: 0;font-size: 12px;letter-spacing: 0.5px;text-transform: capitalize;cursor: pointer;text-align: left;}
.personalization_detail {width: 100%;display: none;flex-direction: column;margin-top: 10px;gap: 10px;padding: 0;}
.personalization_detail .personalization_val {height: 40px;background-color: transparent;width: 100%;margin-top: 10px;padding: 10px;}
.arrow {display: inline-block;height: 10px;position: relative;width: 10px;margin-left: 10px;margin-bottom: 2px;transition: transform 0.2sease;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.arrow::after {border-bottom-style: solid;border-bottom-width: 2px;border-right-style: solid;border-right-width: 2px;border-color: #033432;content: "";display: inline-block;height: 10px;left: 0;position: absolute;top: 0;width: 10px;}
.personalization_click.active .arrow::after{transform: rotate(180deg);margin-left: 4px;margin-top: 3px;}
@media only screen and (max-width: 991px) {
   .store-block{width: calc(50% - 15px);}
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper {gap: 10px;flex-wrap: wrap;}
  .sidebar-left {width: 100%;}
  .sidebar-left ul {display: flex;width: 100%;gap: 10px;}
  .sidebar-right {width: 100%;}
  .store-item {font-size: 16px;padding: 10px;}
  .testimonial-wrap--inner svg {width: 50px;height: 50px;}
  .store-block{width: 100%;}
}