#content>h1 {
  text-align: center;
}

/* Breadcrumbs Common css starts */


.breadcrumb>li {
  color: #000000;
  font-size: var(--font-libre-14);
  font-family: var(--font-family-libre);
}

.breadcrumb>li:not(:last-child):after {
  top: 9px;
  right: 6px;
  width: 5px;
  height: 5px;
}

.breadcrumb>li {
  text-transform: capitalize !important;
}

@media (max-width: 767px) {

  .breadcrumb>li {
    font-size: var(--font-libre-12);
  }

}

/* Breadcrumbs Common css ends */


/* About Us CSS Starts */
#informationdiv-3 .section-header {
  margin: 0;
}

#informationdiv-3 .breadcrumb-section {
  display: none;
}

#logomenu,
#locationmenu {
  display: none;
}

.about_us_main_banner {
  display: flex;
  width: 100%;
}

.about_us_main_banner .banner-content>p {
  display: none;
}

@media (max-width: 640px) {
  .about_us_main_banner {
    flex-direction: column;
  }
}

.about_us_main_banner .banner-img {
  width: 49%;
}

@media (max-width: 640px) {
  .about_us_main_banner .banner-img {
    width: 100%;
  }
}

.about_us_main_banner .banner-content {
  padding: 102px 60px;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .about_us_main_banner .banner-content {
    padding: 62px 86px 62px 36px;
    /* margin-top: 20px; */
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .about_us_main_banner .banner-content {
    padding: 40px 74px 40px 36px;
    /* margin-top: 20px; */
  }
}

@media (max-width: 640px) {
  .about_us_main_banner .banner-content {
    padding: 20px 16px 32px;
  }
}

.about_us_main_banner .about_us_banner_text {
  font-weight: var(--font-regular);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0 0 24px;
}

@media (max-width: 1024px) {
  .about_us_main_banner .about_us_banner_text {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-bottom: 16px;
  }
}

@media (max-width: 640px) {
  .about_us_main_banner .about_us_banner_text {
    /* margin-bottom: 16px; */
  }
}

.about_us_main_banner p {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-18);
  line-height: var(--font-libre-18-line-height);
  margin-bottom: 24px !important;
}

@media (max-width: 640px) {
  .about_us_main_banner p {
    margin: 16px 0;
  }
}

@media (max-width: 1024px) {
  .about_us_main_banner p {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    margin: 16px 0 !important;
  }
}

.about_us_main_banner .trustpilot-img-aboutus {
  max-width: 158px;
}

.section-header.color-milk {
  padding: 60px;
  background-color: var(--color-milk);
}

@media (min-width: 640px) and (max-width: 768px) {
  .section-header.color-milk {
    padding: 40px 34px 30px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .section-header.color-milk {
    padding: 40px 42px 30px;
  }
}

@media (max-width: 640px) {
  .section-header.color-milk {
    padding: 30px 16px;
  }
}

.about_us_banner_text {
  font-weight: var(--font-regular);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
}

.why-df-section {
  display: flex;
  text-align: center;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .why-df-section {
    text-align: left;
  }
}

@media (max-width: 640px) {
  .why-df-section {
    flex-direction: column;
    gap: 40px 0;
    text-align: center;
  }
}

.why-df-section .currency-symbol {
  font-family: var(--font-family-libre);
  font-weight: var(--font-regular);
  font-size: 38px;
}

.why-df-section .why-df-subsections {
  max-width: 424px;
}

@media (min-width: 767px) {
  .why-df-section .why-df-subsections {
    width: 32%;
  }
}

.why-df-section .why-df-subsections h3,
.why-df-section .why-df-subsections img {
  margin: 0 0 24px;
}

@media (min-width: 767px) and (max-width: 1024px) {

  .why-df-section .why-df-subsections h3,
  .why-df-section .why-df-subsections img {
    margin: 0 0 8px;
  }
}

@media (max-width: 640px) {

  .why-df-section .why-df-subsections h3,
  .why-df-section .why-df-subsections img {
    margin: 0 0 12px;
  }
}

.why-df-section h3.why-df-heading {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .why-df-section h3.why-df-heading {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }
}

@media (min-width: 640px) and (max-width: 769px) {
  .why-df-section h3.why-df-heading {
    font-family: var(--font-family-ivy) !important;
    font-size: var(--font-ivy-20) !important;
    line-height: var(--font-ivy-20-line-height) !important;
  }
}

@media (max-width: 640px) {
  .why-df-section h3.why-df-heading {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }
}

@media (min-width: 767px) and (max-width: 1023px) {
  .why-df-section p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (max-width: 640px) {
  .why-df-section p {
    margin: 0;
  }
}

@media (max-width: 640px) {
  .compare-section-main-div {
    /* padding-top: 40px !important; */
    padding-bottom: 0 !important;
  }

  .container.compare-section {
    padding: 0;
  }

  .container .compare-section-left {
    padding: 0 16px;
  }

}

.compare-section {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .compare-section {
    flex-direction: column;
    /* gap: 40px 0; */
  }
}

.compare-section .compare-section-left {
  width: 33%;
  /* margin-bottom: 30px;
    margin-right: 25px; */
  margin: 32px 25px 30px 0;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .compare-section .compare-section-left {
    max-width: 32%;
    margin-top: 30px;
    margin-bottom: 0;
    padding-right: 32px;
  }
}

@media (max-width: 992px) {
  .compare-section .compare-section-left {
    max-width: 70%;
    margin-bottom: 20px;
    width: 100%;
  }

  .compare-section .compare-section-right {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .compare-section .compare-section-left {
    max-width: 100%;
  }
}

.compare-section .compare-section-left h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin-top: 0;
  margin-bottom: 16px;
}

@media (max-width: 1024px) {
  .compare-section .compare-section-left h3 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }
}

@media (min-width: 1440px) {
  .compare-section .compare-section-left h3 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-bottom: 24px;
  }
}

.compare-section .compare-section-left p.color-brown {
  margin-bottom: 4px;
  font-weight: var(--font-weight-semi-bold);
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

.compare-section .compare-section-right {
  width: 66%;
}

@media (min-width: 992px) {
  .compare-section .compare-section-right {
    max-width: 66%;
    width: 100%;
  }
}

.compare-section .compare-section-right img {
  max-width: 872px;
}

.choose-df-section {
  padding: 40px 60px 0px;
}

@media (max-width: 640px) {
  .choose-df-section {
    padding: 30px 16px 20px !important;
  }
}

.choose-df-section h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
}

@media (min-width: 1025px) {
  .choose-df-section h3 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }
}

@media (max-width: 640px) {
  .choose-df-section h3 {
    margin-bottom: 30px;
  }
}

.choose-df-section .choose-df-content {
  display: flex;
  justify-content: space-between;
  max-width: 996px;
  margin: auto;
}

@media (max-width: 640px) {
  .choose-df-section .choose-df-content {
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 30px;
  }
}

.choose-df-section .choose-df-content .choose-df-subsections {
  display: flex;
  align-items: center;
  padding: 12px 0;
  width: 32%;
}

@media (min-width: 767px) and (max-width: 1100px) {
  .choose-df-section .choose-df-content .choose-df-subsections {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .choose-df-section .choose-df-content .choose-df-subsections {
    width: 100%;
    padding: 20px 0;
  }
}

.choose-df-section .choose-df-content .choose-df-subsections img {
  max-width: 70px;
}

.choose-df-section .choose-df-content .choose-df-subsections p {
  margin-left: 16px;
  margin-bottom: 0px;
}

@media (min-width: 767px) and (max-width: 1100px) {
  .choose-df-section .choose-df-content .choose-df-subsections p {
    margin-left: 0px;
    text-align: center;
  }
}

.featured-in-logos {
  display: flex;
  justify-content: space-between;
  max-width: 1290px;
  margin: 24px auto 0px;
  padding: 22px 217px 20px;
}

@media (min-width: 767px) and (max-width: 1100px) {
  .featured-in-logos {
    padding: 22px 0;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 640px) {
  .featured-in-logos {
    flex-wrap: wrap;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 16px 28px;
    padding-top: 20px;
  }
}

#slider-container {
  margin: auto;
  overflow: hidden;
  position: relative;
  background-color: var(--color-brown);
}

#slider-container .owl-dot {
  display: none;
}

.slide {
  /* display: none; */
  width: 100%;
  text-align: center;
  transition: transform 0.5s ease-in-out;
}

.sliders {
  display: flex;
  justify-content: space-around;
  padding: 60px 100px 20px;
}

@media (min-width: 767px) and (max-width: 992px) {
  .sliders {
    padding: 40px 34px;
    justify-content: space-between;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .sliders {
    padding: 40px 42px;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 640px) {
  .sliders {
    flex-direction: column;
    padding: 60px 16px;
    gap: 26px 0;
  }
}

.sliders img.timeline-img {
  max-width: 560px;
}

@media (min-width: 767px) and (max-width: 992px) {
  .sliders img.timeline-img {
    width: 57% !important;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .sliders img.timeline-img {
    width: 440px !important;
  }
}

.sliders .slider-text {
  max-width: 527px;
  text-align: left;
}

@media (min-width: 767px) and (max-width: 992px) {
  .sliders .slider-text {
    width: 40%;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .sliders .slider-text {
    width: 380px;
  }
}

@media (max-width: 640px) {
  .sliders .slider-text {
    text-align: center;
    min-height: 264px;
    margin: auto;
  }
}

.sliders .content-2018 {
  display: flex;
  padding: 0;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .sliders .content-2018 {
    flex-direction: column;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .sliders .content-2018 {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .sliders .content-2018 {
    align-items: center;
  }
}

.sliders .content-2018 h3 {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .sliders .content-2018 h3 {
    margin-bottom: 16px;
  }
}

.sliders .content-2018 .nav.nav-pills {
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
  gap: 28px;
}

@media (min-width: 767px) and (max-width: 992px) {
  .sliders .content-2018 .nav.nav-pills {
    justify-content: space-between !important;
  }
}

.sliders .content-2018 .nav.nav-pills li a {
  opacity: 0.4;
  padding: 0;
  background: transparent;
  color: #fff;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: #fff;
}

@media (max-width: 992px) {
  .sliders .content-2018 .nav.nav-pills li a {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

.sliders .content-2018 .nav.nav-pills li.active a {
  opacity: 1;
}

.sliders h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-64);
  line-height: var(--font-ivy-64-line-height);
  color: var(--color-white);
  margin: 0 0 24px;
}

@media (min-width: 767px) and (max-width: 1280px) {
  .sliders h3 {
    font-size: var(--font-ivy-56);
    line-height: var(--font-ivy-56-line-height);
  }
}

@media (max-width: 640px) {
  .sliders h3 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0 0 16px;
  }
}

.sliders p {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-18);
  line-height: var(--font-libre-18-line-height);
  color: var(--color-milk);
}

@media (max-width: 1024px) {
  .sliders p {
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
  }
}

.slider-buttons {
  position: absolute;
  top: 3%;
  transform: translateY(-50%);
  width: 48%;
  display: flex;
  z-index: 2;
  left: 51%;
  gap: 0 20px;
  justify-content: flex-end;
}

.white-arrow-left,
.white-arrow-right {
  opacity: 1;
}

@media (min-width: 767px) and (max-width: 1024px) {
  /* .slider-buttons {
      top: 63%;
      left: 59%;
    } */
}

@media (max-width: 640px) {
  .slider-buttons {
    display: none;
  }
}

.sliders .slider-buttons button {
  margin: 0;
}

.text {
  width: 50%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
}

input[type=range] {
  width: 100% !important;
  margin-top: 20px;
}

.breakpoint-text {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  cursor: pointer;
  padding: 0 80px;
}

@media (max-width: 640px) {
  .breakpoint-text {
    display: none !important;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .breakpoint-text {
    padding: 0 10px;
    margin-bottom: 40px;
  }
}

@media (max-width: 640px) {
  .breakpoint-text div {
    margin-right: 30px;
  }
}

.breakpoint-text span {
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
  color: #fff;
  opacity: 0.2;
}

@media (max-width: 992px) {
  .breakpoint-text span {
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
  }
}

.breakpoint-text .breakpoint span {
  opacity: 1;
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
}

@media (max-width: 992px) {
  .breakpoint-text .breakpoint span {
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
  }
}

.range-slider {
  width: 80%;
  margin: 20px auto;
  position: relative;
}

.breakpoint-container {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -20px;
  /* Adjust as needed to position above the range slider */
  left: 0;
  right: 0;
}

.breakpoint {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 992px) {
  .breakpoint {
    justify-content: center;
  }
}

.breakpoint.no-circle::before {
  content: none;
}

.breakpoint::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  /* Set the color of the solid circle */
  border: 3px solid #957127;
  border-radius: 50%;
  position: absolute;
  top: -62%;
  left: 50%;
  transform: translateX(-50%);
}

.slider-buttons {
  text-align: center;
  margin-top: 10px;
}

.slider-buttons img {
  width: 100%;
}

button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
}

#slider {
  -webkit-appearance: none;
  width: 95%;
  height: 1px;
  background: white;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: auto;
  /* margin-right: 0; */
}

#slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  /* position: absolute; */
}

#slider::-webkit-slider-runnable-track {
  height: 2px;
  opacity: 1;
  background: white;
}

.mobile-slider {
  border-top: 1px solid #fff;
  width: 103%;
  padding: 0 10px;
}

.mobile-slider .dot {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  /* Set the color of the solid circle */
  border: 3px solid #957127;
  border-radius: 50%;
  position: absolute;
  top: 92.3%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 320px) {
  .mobile-slider .dot {
    top: 91.8%;
  }
}

@media (max-width: 360px) {
  .mobile-slider .dot {
    top: 92.1%;
  }
}

@media (min-width: 376px) and (max-width: 426px) {
  .mobile-slider .dot {
    top: 92.7%;
  }
}

@media (min-width: 426px) and (max-width: 640px) {
  .mobile-slider .dot {
    top: 93.8%;
  }
}

.mobile-slider .mob-breakpoint {
  display: flex;
  width: 57%;
  float: right;
  justify-content: space-between;
  padding-right: 15px;
  margin-top: 20px;
  color: #fff;
}

@media (min-width: 426px) and (max-width: 640px) {
  .mobile-slider .mob-breakpoint {
    width: 55%;
  }
}

.mobile-slider .mob-breakpoint-full {
  width: 100%;
}

.mobile-slider .mob-breakpoint-full .breakpoint-dot-left {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  /* Set the color of the solid circle */
  border: 3px solid #957127;
  border-radius: 50%;
  position: absolute;
  top: 92.3%;
  left: 8%;
  transform: translateX(-50%);
  opacity: 1 !important;
}

@media (max-width: 320px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-left {
    top: 91.8%;
  }
}

@media (max-width: 360px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-left {
    top: 92.1%;
  }
}

@media (min-width: 376px) and (max-width: 426px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-left {
    top: 92.7%;
  }
}

@media (min-width: 426px) and (max-width: 640px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-left {
    top: 93.8%;
  }
}

.mobile-slider .mob-breakpoint-full .breakpoint-dot-right {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  /* Set the color of the solid circle */
  border: 3px solid #957127;
  border-radius: 50%;
  position: absolute;
  top: 92.3%;
  left: 92%;
  transform: translateX(-50%);
  opacity: 1 !important;
}

@media (max-width: 320px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-right {
    top: 91.8%;
  }
}

@media (max-width: 360px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-right {
    top: 92.1%;
  }
}

@media (min-width: 376px) and (max-width: 426px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-right {
    top: 92.7%;
  }
}

@media (min-width: 426px) and (max-width: 640px) {
  .mobile-slider .mob-breakpoint-full .breakpoint-dot-right {
    top: 93.8%;
  }
}

.first-slide,
.second-slide p:not(.mob-breakpoint-text),
.third-slide p:not(.mob-breakpoint-text),
.fourth-slide p:not(.mob-breakpoint-text),
.fifth-slide p:not(.mob-breakpoint-text),
.sixth-slide p:not(.mob-breakpoint-text),
.seventh-slide p:not(.mob-breakpoint-text) {
  opacity: 0.3;
}

@media (max-width: 640px) {
  .sliders img {
    width: 100% !important;
  }
}

/* About Us CSS Ends */
/************************************************
  Contact Us and Customer Care Css starts
  ************************************************/

.floating-label span {
  color: #E54545;
}

/* error message css starts */

#contactusFrm .text-danger {
  font-size: 12px !important;
  font-weight: 400;
  font-family: var(--font-family-libre);
  line-height: 19px;
  margin-top: 4px !important;
  display: block;
}

.contact-us-form .alert-success p {
  margin: 0 auto 15px !important;
}

/* error message css ends */

.cmscontent {
  padding: 0px;
}

/* #information-contact .contact-form .info {
    max-width: 730px;
  } */

.contact-us-form {
  max-width: 872px;
  margin: 0 auto;
}

.contact-us-form h3 {
  margin-top: 0px;
  text-align: center;
  font-size: var(--font-ivy-36);
  font-family: var(--font-family-ivy);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-ivy-36-line-height);
}

.contact-us-form p {
  text-align: center;
  /* max-width: 700px; */
  margin: 0 auto 40px;
}

.contact-us-para {
  margin-bottom: 40px;
}

.new-form-txbox p {
  margin: 0 auto 30px;
}

.contact-us-form small {
  color: var(--color-jet);
  font-size: var(--font-libre-12);
  font-family: var(--font-family-libre);
  line-height: var(--font-libre-16-line-height);
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}

.area-code {
  color: #957127 !important;
  margin-top: 10px !important;
}

.contact-us-form .contact-submit {
  margin: 40px auto 0px;
  display: flex;
  justify-content: center;
}

.contact-submit #bt_contactUS {
  border: none;
  padding: 12px 40px;
}

.contact-us-form .form-group {
  margin: 0px;
}

.contact-us-form .form-group .floating-label-group {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 0;
  margin-bottom: 24px;
}

.contact-us-form .form-group .floating-label-group input:focus~.floating-label,
.contact-us-form .form-group .floating-label-group input:not(:focus):valid~.floating-label,
.contact-us-form .form-group .floating-label-group label.floating-label.invalid,
.contact-us-form .form-group .floating-label-group .floating-label-group input:read-only~.floating-label {
  top: -15px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

.contact-us-form .form-group .floating-label-group textarea:focus~.floating-label,
.contact-us-form .form-group .floating-label-group textarea:not(:focus):valid~.floating-label {
  top: -15px;
  bottom: 0px;
  left: 0px;
  font-size: 12px;
  opacity: 1;
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

.contact-us-form .form-group .appoint_input {
  background: 0 0;
  border-bottom: 1px solid var(--color-brown);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 100%;
  padding: 12px 0px;
  color: var(--color-black);
  font-size: var(--font-libre-14);
  font-family: var(--font-family-libre);
  line-height: var(--font-libre-14-line-height);
  font-weight: var(--font-weight-regular);
}

.contact-us-form .form-group #input-enquiry {
  border: 1px solid var(--color-brown);
  border-radius: 5px;
  padding: 10px 5px;
}

.contact-us-form .form-group #input-enquiry::placeholder {
  color: #D5C4A3;
  opacity: 1;
  /* Firefox */
}

#contactusFrm .text-danger {
  font-size: 12px !important;
  font-weight: 400;
  line-height: 19px;
  margin-top: 4px !important;
  display: block;
  font-family: var(--font-family-libre);
}

.contact-us-form .alert-success p {
  margin: 0 auto 15px !important;
}

.contact-us-form .form-group .floating-label {
  color: var(--color-brown);
  position: absolute;
  pointer-events: none;
  top: 9px;
  transition: all 0.1s ease;
  font-size: var(--font-libre-14);
  font-family: var(--font-family-libre);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-libre-14-line-height);
}

.contact-us-form .form-group .message-label {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 100%;
  padding: 12px 0;
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  font-family: var(--font-family-libre);
  line-height: var(--font-libre-14-line-height);
  font-weight: var(--font-weight-regular);
}

.contact-us-form .form-group .message-label span {
  color: var(--color-error);
}

.contact-checkbox {
  margin-bottom: 20px;
}

.contact-checkbox .input[type=checkbox] {
  margin: 0px 10px 0px 0px;
}

.new_req_div {
  text-align: center;
}

#viewing-error #bt_contactUS {
  font-size: 14px;
  font-weight: 400;
}


/* STYLE C */

.checkbox-style {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-style input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-style input:checked~.checkbox-checkmark {
  background-color: #957127;
}

.checkbox-style input:checked~.checkbox-checkmark:after {
  opacity: 1;
}

.checkbox-style:hover input~.checkbox-checkmark {
  background-color: #eee;
}

.checkbox-style:hover input:checked~.checkbox-checkmark {
  background-color: #957127;
}

.checkbox-style .checkbox-checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  transition: background-color 0.25s ease;
  border-radius: 7px;
}

.checkbox-style .checkbox-checkmark:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.checkbox-style .checkbox__body {
  color: #0F172A;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-family-libre);
  margin-top: 2px;
}

/* STYLE C */

.neutral-link {
  color: #334155 !important;
}


.Jewelleryexperts .section-header-mb24 {
  margin-bottom: 24px;
}

.talk-to-experts {
  display: flex;
  justify-content: center;
}

.Jewelleryexperts .container {
  max-width: 1026px;
}

.Jewelleryexperts .container .row [class*=col-] a {
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.Jewelleryexperts .container .row [class*=col-] a figure {
  max-width: 80px;
  flex: 0 0 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 16px 0 0;
}

.Jewelleryexperts .container .row [class*=col-] a figure img {
  max-height: 100%;
}

.Jewelleryexperts .container .row [class*=col-] a span {
  margin: 0;
}

@media (min-width: 1024px) {
  .contact-us-form .form-group .sidemr-email {
    margin-right: 24px;
  }
}

@media (max-width: 767px) {

  .contact-us-form h3 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin-bottom: 48px;
  }

  .contact-us-form p {
    margin: 0 auto 48px;
  }

  .contact-us-para {
    margin-bottom: 48px;
  }

  .contact-us-form small {
    margin-top: 16px;
  }

  .contact-us-form .form-group .floating-label-group {
    margin-bottom: 16px;
  }

  .contact-us-form #recaptcha-badge {
    display: flex;
    justify-content: center;
  }

  .contact-checkbox {
    margin-top: 0px;
    margin-bottom: 16px;
  }

  .contact-submit #bt_contactUS {
    width: 100%;
    display: block;
  }

  .Jewelleryexperts {
    background-color: var(--color-milk);
  }

  .talk-to-experts {
    flex-direction: column;
  }

  .Jewelleryexperts .section-header-mb24 {
    margin-bottom: 26px;
  }
}

/************************************************
  Contact Us and Customer Care Css starts
  ************************************************/


/************************************************
  Customer Review Css starts
  ************************************************/

.tp-widget-wrapper {
  max-width: 100% !important
}

.store-flags {
  display: flex;
  justify-content: center;
}

.store-flags li {
  padding: 0px 8px;
}

.store-flags li a {
  color: var(--color-black);
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 0px 8px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.store-flags>li.active>a,
.store-flags>li.active>a:focus,
.store-flags>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: var(--color-white);
  border-bottom-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.store-flags>li.active>a,
.store-flags {
  border: none;
}

.store-flags>li.active>a,
.store-flags>li.active>a:focus,
.store-flags>li.active>a:hover {
  border: none;
}

.flag-nav h3 {
  margin-top: 0px;
  margin-bottom: 24px;
  text-align: center;
  font-size: var(--font-ivy-36);
  font-family: var(--font-family-ivy);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-ivy-36-line-height);
}

.wrapper-company-info {
  text-align: center;
  margin: 0px 0px 30px;
}

.tp-widget-reviews-filter-label {
  margin-bottom: 24px;
}

.ukicon, .fricon, .gricon, .usicon, .caicon, .auicon, .nzicon, .ieicon, .seicon, .nlicon {
  width: 40px;
  height: 25px;
  display: inline-block;
  float: none;
  padding: 0 !important;
  margin-bottom: 14px;
  filter: grayscale(100%);
}

.ukicon {
  background: url(../image/information/tp-ukflag.png) no-repeat 0px 0px;
}

.fricon {
  background: url(../image/information/tp-frflag.png) no-repeat 0px 0px;
}

.gricon {
  background: url(../image/information/tp-deflag.png) no-repeat 0px 0px;
}

.caicon {
  background: url(/catalog/language/en-ca/en-ca.png) no-repeat center;
  filter: none;
}

.auicon {
  background: url(/catalog/language/en-au/en-au.png) no-repeat center;
  filter: none;
}

.nzicon {
  background: url(/catalog/language/en-nz/en-nz.png) no-repeat center;
  filter: none;
}

.ieicon {
  background: url(/catalog/language/en-ie/en-ie.png) no-repeat center;
  filter: none;
}

.seicon {
  background: url(/catalog/language/sv-se/sv-se.png) no-repeat center;
  filter: none;
}

.nlicon {
  background: url(/catalog/language/nl-nl/nl-nl.png) no-repeat center;
  filter: none;
}

.store-flags .active .ukicon {
  filter: grayscale(0%);
}

.store-flags .active .fricon {
  filter: grayscale(0%);
}

.store-flags .active .gricon {
  filter: grayscale(0%);
}

.store-flags .uktxt,
.store-flags .frtxt,
.store-flags .grtxt,
.store-flags .ustxt,
.store-flags .catxt,
.store-flags .ietxt,
.store-flags .autxt,
.store-flags .nztxt,
.store-flags .setxt,
.store-flags .nltxt {
  color: var(--color-black);
  font-size: var(--font-libre-16);
  font-family: var(--font-family-libre);
  line-height: var(--font-libre-16-line-height);
}

.review-top {
  background: #F8F8F8;
  padding: 20px 0px;
  margin: 20px 0 50px;
}

/* trustpilot widget css changes starts */

.customer-reviews {
  height: 100%;
  margin: 0 auto;
  max-width: 887px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.customer-review {
  padding-bottom: 0px !important;
}

.review-top-section {
  margin-bottom: 30px;
}

.review-top-section h3 {
  font-size: var(--font-ivy-36);
  font-family: var(--font-family-ivy);
  font-weight: 400;
  line-height: var(--font-ivy-36-line-height);
  margin-top: 0px;
  margin-bottom: 30px;
  color: #333335;
}

.customer-reviews .review-top-section h3 {
  margin-bottom: 24px;
}

.happymain {
  height: 1100px;
  margin: 0 auto;
  max-width: 750px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tp-businessinfo span {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  margin-bottom: 17px;
}

.wrapper-company-info .tp-widget-humanscore h1 {
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  margin: 0px;
}

.tp-widget-humanscore {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
}

.tp-widget-humanscore span {
  margin-left: 7px;
}

.trustpilot-review-count {
  font-size: 17px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tp-businessinfo span {
  font-weight: 600 !important;
}

.tp-widget-logo {
  margin-left: 9px;
}

.reviews-filter-label {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: var(--font-family-libre);
  margin-bottom: 30px;
  color: #6A6A6A;
}

.wrapper-reviews {
  overflow-y: auto;
}

.reviewcs {
  background-color: var(--color-milk) !important;
  border-radius: 2px;
  line-height: 18px;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 15px;
  position: relative;
  word-wrap: break-word;
  font-family: var(--font-family-libre);
}

.date-user-info {
  display: flex;
  color: rgba(0, 0, 0, .6);
  font-size: 12px;
  line-height: 1.2;
  margin: 15px 15px 15px 0;
  max-width: fit-content;
  font-size: 12px;
  line-height: 15px;
}

.media-heading a {
  font-size: 25px;
  font-weight: 400;
}

.reviewcs .date-user-info .review-name {
  font-weight: 700;
}

.reviewcs .date-user-info .review-date {
  font-weight: 400;
}

.reviewcs .review-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}

.reviewcs .review-content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 0px;
  max-width: 596px;
  width: 100%;
}

.morecontent span {
  display: none;
}

.morelink {
  display: block;
  font-size: var(--font-libre-14);
  font-family: var(--font-family-libre);
  font-weight: 700;
  line-height: var(--font-libre-14-line-height);
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  color: #00B67A !important;
}

.review-content-paragr .morelink {
  color: var(--color-brown) !important;
}

.text-from {
  font-weight: 400;
}

.profilestar {
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 25px;
}

/* uk store icons starts */
.tpstar-4 {
  background: url(../image/information/4star.png) no-repeat 0px 0px;
}

.tpstar-4-5 {
  background: url(../image/information/4-5star.png) no-repeat 0px 0px;
}

.tpstar-5 {
  background: url(../image/information/5star.png) no-repeat 0px 0px;
}

/* uk store icons ends */

/* de store icons starts */

.tshopstar-4 {
  background: url(../image/information/tshop-4-star.png) no-repeat 0px 0px;
}

.tshopstar-4-5 {
  background: url(../image/information/tshop-4-5-star.png) no-repeat 0px 0px;
}

.tshopstar-5 {
  background: url(../image/information/tshop-5-star.png) no-repeat 0px 0px;
}

/* de store icons ends */

#wrapper-reviews::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #eae3d4;
  border-radius: 10px;
  background-color: #FFFCF6;
}

#wrapper-reviews::-webkit-scrollbar {
  width: 4px;
  background-color: #FFFCF6;
}

#wrapper-reviews::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #eae3d4;
  background-color: #eae3d4;
}

.wrapper-reviews ul:last-child {
  margin-bottom: 0px;
}

/* trustpilot widget css changes ends */

@media (max-width: 767px) {

  .store-flags .uktxt,
  .store-flags .frtxt,
  .store-flags .grtxt,
  .store-flags .ustxt {
    font-size: var(--font-libre-12);
  }

  .flag-nav h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-28-line-height);
  }

  .store-flags li a {
    padding: 0px 7px;
  }

  .wrapper-company-info .tp-widget-humanscore h1 {
    font-size: 24px !important;
  }

  .trustpilot-review-count {
    font-size: 13px !important;
  }

  .reviews-filter-label {
    font-size: 14px !important;
    text-align: center;
    margin-bottom: 12px;
  }

  .reviewcs {
    margin-bottom: 30px;
  }

  .pdp-carousel-container {
    padding-top: 30px !important;
  }

  .review-top-section h3 {
    font-size: var(--font-ivy-24);
    font-weight: 400;
    line-height: var(--font-libre-24-line-height);
    margin: 0px 40px 30px;
  }

  .tp-widget-logo img {
    max-width: 79px;
  }

}

/************************************************
  Customer Review Css ends
  ************************************************/


/************************************************
  Cookies Policy Css starts
  ************************************************/

.info-top-48 .joinus {
  padding: 30px 0px;
}

.third-party-section {
  max-width: 1260px;
  margin: 30px auto 0px;
}

.third-party-section h2,
.get-in-touch h2 {
  font-size: var(--font-ivy-36);
  font-family: var(--font-family-ivy);
  line-height: var(--font-ivy-36-line-height);
  text-align: center;
  margin-bottom: 30px;
}

.get-in-touch {
  max-width: 1140px;
  text-align: center;
  margin: 0 auto;
}

.get-in-touch h2 {
  margin: 30px 0px;
}

.get-in-touch p {
  margin-bottom: 20px;
}

.get-in-touch p:last-child {
  margin-bottom: 0px;
}

.get-in-touch p .yellow {
  text-decoration: underline;
}

.third-party-section strong {
  font-weight: 600;
  float: right;
}

.third-party-section .row+.row {
  margin-top: 18px;
}

.yellow {
  color: var(--color-brown) !important;
}

.neutral-link {
  color: #334155 !important;
}

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

  .third-party-section strong {
    float: none;
  }

}


@media only screen and (max-width: 768px) {
  .cmscontent {
    padding: 0px;
  }

  .section.looking-for-jewellery {
    padding: 30px 0px !important;
  }

  .looking-for-jewellery .section-guide-header {
    margin-bottom: 12px !important;
  }  

  .what-is-white-gold {
    padding-top: 0px;
  }

  .third-party-section {
    text-align: center;
    margin-top: 30px;
  }

  .third-party-section h2,
  .get-in-touch h2 {
    font-size: var(--font-ivy-24);
  }

  .get-in-touch h2 {
    margin-bottom: 30px;
  }

  .third-party-section strong {
    display: block;
    margin-bottom: 15px;
  }

  .third-party-section .row+.row {
    margin-top: 30px;
    display: block;
  }

  .breadcrumb>li {
    font-size: var(--font-libre-12);
  }

  .get-in-touch h2 {
    margin: 30px 0px 20px;
    line-height: var(--font-libre-24-line-height);
  }

}

@media (min-width: 767.99px) {

  .third-party-section {
    text-align: left;
  }

}

/************************************************
    Cookies Policy Css ends
  ************************************************/

/************************************************
    Ring Calculator Css starts
  ************************************************/

.landing_main_banner {
  display: flex;
  width: 100%;
}

.landing_main_banner .banner-img {
  width: 100%;
  height: 100%;
  max-width: 700px;
}

.landing_main_banner .landing_banner_text {
  text-transform: capitalize;
}

#information-ring-calculator h1.landing_banner_text {
  text-transform: capitalize;
}

#information-ring-calculator h1.landing_banner_text span {
  color: var(--color-brown);
}


.landing_main_banner .banner-content {
  padding: 0 60px;
  margin: auto;
}

.landing_main_banner .banner-content p {
  max-width: 500px;
  margin-bottom: 0px;
}

.formcalc {
  max-width: 800px;
  margin: 0 auto;
}

.formcalc label {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  font-weight: var(--font-weight-regular);
  text-transform: capitalize;
}

.calculator-user input,
.calculator-user-full input {
  border: 1px solid #000;
  padding: 12px 10px;
  width: 100%;
  margin-bottom: 40px;
}

.calculator-user-full {
  display: flex;
  flex-direction: column;
}

#engagement_ring_calculator {
  margin: 8px auto 0px;
}

#information-ring-calculator h1.landing_banner_text {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
}

.location-trustpilot-container .trustpilot-title {
  padding: 0px 0 10px;
}

.section-trustpilot {
  padding: 0px !important;
}

.calculator-user:first-child {
  padding-right: 24px !important;
}

.calculator-user:last-child {
  padding-left: 24px !important;
}

.content-section-new p:last-child {
  margin-bottom: 0px;
}

.left-banner-section {
  background-color: var(--color-milk);
}

.left-banner-section.bgwhite {
  background-color: var(--color-white);
}

.left-banner-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1250px;
}

.content-section-new {
  max-width: 550px;
}

.content-section-new a {
  text-decoration: underline;
  font-weight: 600;
}

.content-section-new h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin: 0px auto 16px;
}

.content-section-new p {
  margin-bottom: 30px;
}

.section.resultsec {
  padding-bottom: 0px;
}

.resultsec .title {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  max-width: 570px;
  margin: 0px auto 24px;
}

.formcalcnew {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  text-align: center;
}

#calculate_again_btn {
  margin-top: 80px;
  text-transform: capitalize;
}

#response_html_div_with_items p {
  margin-bottom: 20px;
}

.yellow-pale {
  color: #DEB218 !important;
}

#response_html_div_with_items .yellow-pale{
  display: inline-block;
}

@media (max-width: 992px) {

  .left-banner-section .container {
    flex-direction: column;
  }

}

@media (max-width: 767.98px) {

  .landing_main_banner {
    flex-direction: column;
    text-align: center;
  }

  .landing_main_banner p br {
    display: none;
  }

  .landing_main_banner .landing_banner_text {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 30px auto !important;
  }

  #information-ring-calculator h1.landing_banner_text {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 30px auto !important;
  }

  #information-ring-calculator .left-banner-section.bgwhite .content-section-new+.image-section-new {
    margin-top: 30px;
  }

  .formcalc .text-danger {
    margin-top: -5px;
  }

  .calculator-user input,
  .calculator-user-full input {
    margin-bottom: 24px;
  }

  .calculator-user:first-child {
    padding-right: 8px !important;
  }

  .calculator-user:last-child {
    padding-left: 8px !important;
  }

  .landing_main_banner .banner-img {
    max-width: 100%;
  }

  .landing_main_banner .banner-content {
    padding: 0px 16px;
  }

  .calcte-input {
    flex-direction: column;
  }

  #engagement_ring_calculator {
    width: 100%;
    margin: 0px auto;
  }

  .content-section-new {
    text-align: center;
  }

  .content-section-new h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0px auto 12px;
  }

  .resultsec .title {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0px auto 32px;
  }

  .section.resultsec {
    padding: 30px 16px 0px;
  }


}

/************************************************
    Ring Calculator Css ends
  ************************************************/


/************************************************
    Lab Grown diamond uk store Css starts
  ************************************************/

/* language changes */
.labgrowldbanner {}

.labgrowldbanner h1 {
  font-family: var(--font-family-ivy) !important;
  line-height: 1.2;
}

.labgrowldcontent,
.labgrowldcontent #accordion .panel-title>a {
  font-family: var(--font-family-libre) !important;
}

.labgrowldcontent h2,
.labgrowldcontent h3.titlename,
.labgrowldcontent .labgrow4step .stpename {
  font-family: var(--font-family-ivy) !important;
  line-height: 1;
}

.labgrowldcontent .accordion_panel p {
  text-align: left;
}

/* language changes end */


.lab-created-top .diamondguidetop-banner {
  padding-bottom: 0px;
}

.lab-created-top h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0px auto 30px;
}

.lab-created-h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0px auto 30px;
}

.no-bg-white {
  background-color: #fff !important;
}

.lab-made-diamonds-chart .inn h3 {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  text-align: center;
  margin: 24px auto 0px;
}

.diamond_shapes_cut_sizes.no-bg-white .subheader,
.diamond_shapes_cut_sizes.no-bg-white p {
  text-align: center;
}

.bg-color-milk {
  background-color: var(--color-milk);
}

.information-lab-grown-landing .diamondcut_faqs {
  padding-bottom: 60px;
}

.colourdiamonds p {
  margin-bottom: 0px;
}

.lab-diamond-tips h3,
.lab-diamond-tips p {
  text-align: center;
}

.lab-grown-container-slider-new .pdp-carousel-container {
  text-align: left;
}

.lab-grown-container-slider-new .lab-grown-diamond-ring {
  padding: 0;
}

.lab-grow-desc p {
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  margin: 30px auto;
  max-width: 1100px;
  color: var(--color-black);
}


.diamond_shapes_cut_sizes .subheader {
  margin-bottom: 24px;
}

.section-guide-header h2+p {
  margin: 40px auto;
}

.lab-made-diamonds-chart .section-guide-header {
  max-width: 800px;
  margin: 0px auto;
}

@media (max-width: 1199px) {

  .lab-made-diamonds-chart .inn h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }
}

@media (max-width: 768px) {

  .diamondcertificate-top .section-guide-header {
    text-align: center;
  }

  .information-lab-grown-landing .colourdiamonds {
    padding-top: 30px;
  }

  .natural-lab-section {
    padding-top: 30px;
  }

  .lab-made-diamonds-chart .section-guide-header h2+p {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .lab-made-diamonds-chart .owl-carousel {
    margin: 0 !important;
  }

  .lab-made-diamonds-chart .owl-carousel [class*=col-] {
    padding: 0 !important;
  }

  .lab-made-diamonds-chart .owl-carousel .owl-dots,
  .lab-made-diamonds-chart .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 36px !important;
  }

  .lab-made-diamonds-chart .inn h3 {
    margin-top: 16px;
  }

  .lab-grow-desc p {
    padding: 0px 16px;
    margin: 36px auto !important;
  }

  .lab-grow-desc .giftsliderbtn {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }

  .lab-created-top h2 {
    max-width: 300px;
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0px auto 12px;
  }

  .lab-created-h1 {
    max-width: 300px;
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0px auto 12px;
  }

  .lab-diamond-tips .section-guide-header {
    margin-bottom: 24px !important;
  }

  .lab-diamond-tips .owl-carousel .owl-dots,
  .lab-diamond-tips .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px !important;
  }

  .lab-grown-container-slider-new {
    padding: 15px 0 0 !important;
  }

  .lab-grown-container-slider-new .pdp-carousel-container {
    padding: 15px 0 !important;
  }

  .information-lab-grown-landing .diamondcut_faqs {
    padding-bottom: 30px;
  }

  .what-are-lab-diamonds {
    padding: 30px 16px;
  }

  .what-are-lab-diamonds .container {
    flex-direction: column-reverse !important;
  }

  .what-are-lab-diamonds .container .left_block {
    padding: 24px 0 0;
  }

  /* .what-are-lab-diamonds .right_block picture img {
      padding: 0px 16px;
    } */

}

@media (min-width: 1200px) {
  .information-lab-grown-landing .diamond_shapes_cut_sizes .subheader {
    margin: 0 0 24px;
  }

  .lab-made-diamonds-chart .section-guide-header h2+p {
    margin: 40px auto;
  }

  .information-lab-grown-landing .colourdiamonds .section-guide-header {
    margin-bottom: 30px;
  }

  .lab-grown-container-slider-new .pdp-carousel-container .section-header {
    margin-bottom: 30px;
  }
}



/* Diamond Jewellery section end one */

/* Diamond Guide Certification start */

.natural-lab-section {
  background-color: var(--color-milk);
}

.natural-lab-section .container {
  display: flex;
  flex-direction: column;
  padding-right: 0;
}

@media (max-width: 767.98px) {
  .natural-lab-section .container {
    padding: 0;
    flex-direction: column-reverse;
  }

  .natural-lab-section .left_block {
    padding: 30px 16px;
    text-align: center;
  }

  .natural-lab-section .right_block picture img {
    width: 100%;
    display: block;
  }

  .natural-lab-section .right_block {
    margin: auto;
    padding: 0px 16px;
  }

  .natural-lab-section .left_block h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0px auto 12px;
  }

}

@media (min-width: 768px) {
  .natural-lab-section .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .natural-lab-section .left_block {
    margin-right: 34px;
  }

  .natural-lab-section .right_block {
    max-width: 376px;
    flex: 0 0 376px;
  }
}

@media (min-width: 992px) {
  .natural-lab-section .left_block {
    margin-right: 42px;
    max-width: 430px;
  }

  .natural-lab-section .right_block {
    max-width: 400px;
    flex: 0 0 400px;
  }
}

@media (min-width: 1200px) {
  .natural-lab-section .container {
    justify-content: flex-end;
    padding: 0;
  }

  .natural-lab-section .left_block {
    max-width: 500px;
    margin-right: 92px;
    margin-left: 60px;
    text-align: end;
  }

  .natural-lab-section .right_block img {
    width: 100%;
  }

  .natural-lab-section .right_block {
    max-width: 720px;
    flex: 0 0 720px;
  }

  .natural-lab-section .left_block h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0px auto 16px;
  }
}


/* Diamond Jewellery section end one  */

/* Diamond Jewellery section start two */

.diamond-jewellery {
  background-color: var(--color-milk);
}

.diamond-jewellery .container {
  display: flex;
  flex-direction: column;
  padding-right: 0;
}

.diamond-jewellery .left_block {
  margin: auto;
}



@media (max-width: 767.98px) {
  .diamond-jewellery .container {
    padding: 0;
  }

  .diamond-jewellery .left_block {
    padding: 0px 16px 30px;
  }

  .diamond-jewellery .right_block {
    padding: 0px 16px;
    text-align: center;
    margin-bottom: 30px;
  }

  .diamond-jewellery .right_block picture img {
    width: 100%;
    display: block;
  }

  .diamond-jewellery h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0px auto 12px;
  }
}

@media (min-width: 768px) {
  .diamond-jewellery .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 0px;
  }

  .diamond-jewellery .left_block img {
    max-width: 400px;
  }

  .diamond-jewellery .right_block {
    margin: 0px 40px;
  }
}

@media (min-width: 992px) {

  .diamond-jewellery .right_block {
    max-width: 480px;
    flex: 0 0 480px;
    padding-right: 50px
  }

  .diamond-jewellery h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0px auto 16px;
  }

  .diamond-jewellery p {
    font-size: var(--font-ivy-14);
  }
}

@media (min-width: 1200px) {
  .diamond-jewellery .container {
    justify-content: flex-start;
    padding: 0px;
  }

  .diamond-jewellery .left_block {
    margin: 0px;
  }

  .diamond-jewellery .left_block img {
    width: 100%;
    max-width: 720px;
  }

  .diamond-jewellery .right_block {
    max-width: 500px;
    flex: 0 0 500px;
    margin-left: 95px;
  }

  .diamond-jewellery h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0px auto 16px;
  }

  .diamond-jewellery p {
    font-size: var(--font-ivy-16);
  }
}

/* Diamond Jewellery section end two */

/************************************************
  Lab Grown diamond uk store Css ends
************************************************/

/************************************************
  Jewellery insurance Css starts
************************************************/

#informationdiv-13 .banner-info .info {
  max-width: 725px;
}

.insurance-section {
  padding: 0px 90px;
}

.jewellery-insurance-content {
  padding-bottom: 0px !important;
}

.insurance-section h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin: 0px auto 24px;
}

.insurance-section p {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  margin: 0px auto 24px;
}

.insurance-section p a {
  text-decoration: underline;
}

.insurance-section p a:hover {
  text-decoration: underline !important;
}

.benefit-section p {
  margin-bottom: 0px;
}

.jewellery-insurance-content {
  padding: 0px;
}

.media-section {
  padding-left: 25px;
  margin-bottom: 24px;
}

.media-section ul {
  list-style-type: disc;
  margin-bottom: 0px;
}

.insurance-section ol {
  padding-left: 25px;
  margin-bottom: 0px;
  list-style-type: auto;
}

@media (max-width: 1025px) {

  .insurance-section {
    padding: 0px 30px;
  }
}

@media (max-width: 768px) {

  .insurance-section {
    padding: 0px;
  }

  .insurance-section h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 0px auto 24px;
    text-align: center;
  }

  .insurance-section p {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    margin: 0px auto 24px;
  }

}

/************************************************
  Jewellery insurance Css ends
************************************************/

/************************************************
  Lifetime Manufacturing Css starts
************************************************/

#informationdiv-53 .banner-info .info {
  max-width: 730px;
}

.lifetime-content .container {
  max-width: 1100px;
  text-align: center;
}

.lifetime-content p {
  margin-bottom: 0px auto;
}

.lifetime-content p:first-child {
  margin-bottom: 30px;
}

.info-top-53 .joinus {
  padding-top: 0px;
}

@media (max-width:767px) {
  .lifetime_guarantee .banner-info .container>.info {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .lifetime_guarantee .banner-info .container h1 {
    font-size: var(--font-ivy-56) !important;
    line-height: var(--font-ivy-56-line-height) !important;
  }
}

/************************************************
  Lifetime Manufacturing Css ends
************************************************/

/*  natural diamond page section changes starts */


.natural_diamond_fact .container {
  display: flex;
  flex-direction: row;
}

.natural_diamond_fact .container>.right_block {
  margin: auto;
}

.natural_diamond_h1 {
  color: var(--color-jet) !important;
  font-family: var(--font-family-ivy) !important;
  font-size: var(--font-ivy-56) !important;
  line-height: var(--font-ivy-56-line-height) !important;
  margin: 0px auto 30px;
}

/* .natural_diamond_fact .left_block img {
  max-width: 640px;
 } */

.natural_diamond_fact ul {
  padding-left: 15px;
  list-style-type: disc;
}

.natural_diamond_fact .right_block h2 {
  margin: 0px auto 30px;
}

#informationdiv-32 .rose-gold-top .section-guide-header h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin-bottom: 30px;
}


#informationdiv-34 .natural_diamond_fact .right_block .inn h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

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

  .natural_diamond_fact .container {
    display: flex;
    flex-direction: column;
  }

  .natural_diamond_h1 {
    color: var(--color-jet) !important;
    font-family: var(--font-family-ivy) !important;
    font-size: var(--font-ivy-36) !important;
    line-height: var(--font-ivy-36-line-height) !important;
    margin: 0px !important;
    margin-bottom: 16px !important;
    padding: 0 40px;
    max-width: 100%;
  }

}

@media only screen and (min-width:992px) {
  .natural_diamond_fact .container {
    padding: 0;
  }

  .natural_diamond_fact .container>div {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .natural_diamond_fact .container>.right_block .inn {
    max-width: 533px;
    margin-left: 92px;
  }
}

/*  natural diamond page section changes ends */



/************************************************
  Viewing Css starts
  ************************************************/
.viewing-section {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}

.viewing-section .location-blocks {
  text-align: center;
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
}

.viewing-section .location-blocks figure img{ max-height: 256px;}

.viewing-section .location-blocks a.pagetitle {
  width: fit-content;
  margin: 0 auto;
}

.viewing-section .location-blocks h3 {
  margin: 16px 0 0;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

.viewing-section .location-blocks .location-address {
  margin: 16px 0 0;
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

.viewing-section .location-blocks .location-address p {
  margin: 16px 0 0;
  font-weight: 600;
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

.viewing-section .location-blocks .loc-btn-section {
  display: flex;
  flex-direction: column;
  margin: 16px 0 0;
  align-items: center;
}

.viewing-section .location-blocks .loc-btn-section a {
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
  margin: 8px 0 0;
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
  width: fit-content;
}

.viewing-section .location-blocks .loc-btn-section a:first-child {
  margin: 0px 0 0;
}

@media screen and (max-width : 1024px) {
  .viewing-section {
    margin-bottom: 10px;
  }

  .viewing-section .location-blocks {
    margin-top: 40px;
  }
}

@media screen and (max-width : 991px) {
  .viewing-section .location-blocks {
    margin-top: 55px;
  }

  .viewing-section {
    margin-top: -25px;
    margin-bottom: -5px;
  }
}

@media screen and (max-width : 767px) {
  .viewing-section {
    margin-top: -30px;
  }

  .viewing-section .location-blocks h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .viewing-section .location-blocks {
    margin-top: 60px;
  }

  .viewing-section {
    margin-top: -30px;
  }

  .viewing-section .location-blocks figure img{ max-height: 210px;}

}


/************************************************
  Viewing Css ends
  ************************************************/

/* Engagement Ring Insurance CSS Starts */

/* #information-contact{
    color: var(--color-jet);
  }
  .breadcrumb{
    padding-left: 60px;
  } */
.engageinsurance-container .insurance-header,
.insurance-header p {
  margin: 0px;
  text-align: center;
}

.insurance-header,
.thmarch-content {
  background-color: var(--color-milk);
}

.why-bespoke-image img {
  width: 100%;
  height: auto;
}

.insurance-header h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0 0 30px;
}

.insurance-content {
  max-width: 1140px;
  margin: auto;
}

.engageinsurance-container h2,
.thmarch-content h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin: 0;
}

.engageinsurance-container p {
  margin: 0;
}

.why-bespoke {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.why-bespoke-info {
  padding: 28px 0;
  max-width: 557px;
}

.why-bespoke-info h2,
.why-bespoke-info p,
.single-multiple p {
  margin-bottom: 16px;
}

.why-bespoke-para1,
.why-bespoke-para2,
.single-multiple p {
  line-height: 19px;
}

.why-bespoke-para2,
.single-multiple-para2 {
  margin-bottom: 0 !important;
}

.custom-engagement-ring {
  text-align: center;
}

.custom-engagement-ring p {
  margin: 30px 0;
}

.insurance-covers {
  display: flex;
}

.insurance-covers-content-right p {
  margin: 0;
  line-height: 19px;
}

.insurance-data h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0 0 12px;
}

.insurance-covers-img {
  width: 47%;
  margin-right: 60px;
}

.insurance-covers-content-right {
  width: 50%;
  padding: 0 11px;
}

.design-process {
  background-color: var(--color-milk);
}

.single-multiple h2 {
  margin: 0px 0px 20px !important;
}

.single-multiple .single-multiple-content {
  text-align: left;
  padding: 21.5px 22px 21.5px 30px;
}

.insurance-cost-heading {
  margin-bottom: 30px;
}

.insurance-cost-content p {
  margin-bottom: 16px;
  line-height: 19px;
}

.insurance-cost ol {
  margin-left: 20px;
  margin-bottom: 16px;
}

.insurance-cost ol li {
  list-style-type: disc;
}

.th-march-section {
  display: flex;
}

.th-march-img img {
  max-width: 315px;
}

.th-march-content p {
  margin: 0;
}

.th-march-para1 {
  margin: 20px 0 30px !important;
}

.th-march-para2 {
  margin: 20px 0 16px !important;
}

.insurance-data {
  text-align: left;
  margin-left: 30px;
  flex: 1;
  max-width: 440px;
}

.insurance-covers-content {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.insurance-covers-content:last-child {
  margin-bottom: 0px;
}

.insurance-icon {
  width: 60px;
  justify-content: center;
}

.engageinsurance-container p a {
  font-weight: 500;
  text-decoration: underline;
}

.single-multiple {
  display: flex;
  align-items: center;
}

.single-multiple .single-multiple-img {
  width: 316px;
}

.th-march-content a {
  text-decoration: underline;
}

@media only screen and (min-width: 1280px) {
  .th-march-content {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .insurance-header h1 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0 0 30px;
  }

  .insurance-content {
    max-width: 90%;
  }

  .why-bespoke-image {
    width: 47%;
  }

  .why-bespoke-info {
    width: 50%;
  }

  .engageinsurance-container h2,
  .thmarch-content h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .insurance-covers-img {
    width: 50%;
    margin-right: 30px;
  }

  .insurance-data h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .insurance-data {
    margin-left: 16px;
  }

  .insurance-covers-img img {
    height: 100%;
    object-fit: cover;
  }

  .engageinsurance-container .why-bespoke-info {
    padding-top: 0 !important;
    padding-bottom: 0;
  }

}

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

  .why-bespoke-image,
  .why-bespoke-info,
  .insurance-covers-img,
  .insurance-covers-content-right,
  .insurance-covers-img img {
    max-width: 100%;
    width: 100%;
  }

  .why-bespoke,
  .insurance-covers,
  .single-multiple,
  .th-march-section {
    flex-direction: column;
  }

  .insurance-covers-content-right {
    margin-top: 30px;
  }

  .single-multiple-content {
    padding: 0 !important;
  }

  .th-march-section {
    align-items: center;
  }

  .engageinsurance-container .why-bespoke-info {
    padding-bottom: 28px;
  }

  .insurance-data {
    max-width: 100%;
  }

  .insurance-covers-content-right {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .insurance-content {
    max-width: 100%;
    padding: 0 16px !important;
  }

  .single-multiple .single-multiple-content,
  .engageinsurance-container h2,
  .th-march-content {
    text-align: center;
  }

  .insurance-header h1 {
    margin-bottom: 48px;
  }

  .insurance-content {
    margin: 30px 0 0;
  }

  .why-bespoke-info h2,
  .insurance-cost,
  .th-march-img {
    margin-bottom: 30px;
  }

  .single-multiple h2 {
    margin-bottom: 24px;
  }

  .th-march-img img {
    object-fit: cover;
    max-width: 315px;
    height: 255px;
    width: 315px;
  }

  .th-march-section {
    margin-top: 0 !important;
  }

  .th-march-para1,
  .th-march-para2 {
    margin-top: 30px !important;
  }
}


/* Engagement Ring Insurance CSS Ends */

/* location pages CSS start */

.location-main .pagetopbanner .pagetopbanner_right .inn p+p {
  margin-top: 24px !important;
}

.engagementring-buying-guide .pagetopbanner_right {
  background-color: var(--color-milk);
}

.pagetopbanner_right .inn-btn {
  margin-top: 40px;
}

.location-main p a {
  text-decoration: underline;
}

.location-main ul li a {
  text-decoration: underline;
}

.store-info .pagetopbanner {
  align-items: center;
  text-align: right;
}

.store-info .store-info_left {
  width: 100%;
  padding: 0 60px;
  max-width: 508px;
}

.store-info .store-info_left .address-section {
  margin-bottom: 30px;
}

.store-info .store-info_left .address-section:last-child {
  margin-bottom: 0px;
}

.store-info .store-info_left h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  color: var(--color-brown);
  margin: 0 0 15px;
}

.store-info .store-info_left .address-section p span {
  width: 122px;
  margin-left: 15px;
  display: inline-block;
  text-align: right;
}

.store-info .store-info_left p {
  margin: 0px;
}

.store-info .store-info_right {
  max-width: 932px;
  width: 100%;
}

.location-contactinfo .container {
  max-width: 913px !important;
}

.location-contactinfo .row {
  display: flex;
  justify-content: center;
}

.location-contactinfo .container a {
  color: var(--color-black);
  text-decoration: none;
}

.location-contactinfo .container a:hover {
  text-decoration: none;
}

.location-info .section-header {
  margin: 0 0 30px;
}

.location-info .section-header h2 {
  text-transform: none;
}

.location-info p {
  text-align: center;
  margin: 0px auto 0;
  max-width: 1140;
}

.stores-section {
  border-bottom: 1px solid #F8F2E7;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

#stores-section .item h3 {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  margin: 24px 0 0px;
  text-align: center;
}

.stores-section .owl-carousel .owl-dots,
.owl-carousel .owl-nav.disabled+.owl-dots {
  margin-top: 30px !important;
}

@media only screen and (min-width: 768px) {
  .stores-section .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    justify-content: center;
    min-width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .store-info .store-info_left {
    max-width: 400px;
  }
}

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

  .pagetopbanner_right .inn-btn {
    margin-top: 30px;
  }

  .location-main .pagetopbanner_right {
    padding: 30px 16px 30px 16px;
    text-align: center;
  }

  .store-info {
    padding: 0px 16px 30px !important;
  }

  .store-info .store-info_left {
    padding: 0px
  }

  .store-info .pagetopbanner {
    text-align: center;
  }

  .store-info .store-info_left .address-section:last-child {
    margin-bottom: 30px;
  }

  .location-main .pagetopbanner_right h1 {
    margin-bottom: 30px;
  }

  .location-contactinfo h2 {
    text-align: center;
  }

  .location-contactinfo .container .row [class*=col-]>a figure {
    max-width: 58px !important;
    flex: 0 0 58px !important;
    height: auto !important;
  }

  .location-contactinfo .container .row [class*=col-]+[class*=col-]>a {
    margin-top: 30px !important;
  }

  .location-contactinfo .row {
    display: block;
  }

  .location-info h2 {
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
  }

  .stores-section .container {
    padding: 0 8px;
  }

  .stores-section {
    border-bottom: 0px;
    margin-bottom: 0px;
  }

  #stores-section .item h3 {
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
    margin: 16px 0 0px;
  }

  .stores-section .owl-carousel .owl-dots,
  .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
  }

  .store-info .store-info_right {
    width: calc(100% + 32px);
  }

  .store-info .store-info_right iframe {
    height: 311px;
  }

  .store-info .store-info_left .address-section p span {
    text-align: left;
    margin-left: 5px;
  }



}

/* location pages CSS End */

/* FAQ CSS Starts */

.faq-top-info-banner {
  background-color: var(--color-milk);
  padding: 60px 0;
}

.faq-content {
  max-width: 728px;
  margin: auto;
  text-align: center;
}

.faq-banner-heading {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0 0 24px;
}

.faq-categories {
  max-width: 1032px;
  margin: 60px auto 0;
}

.faq-categories ul {
  display: flex;
  justify-content: space-between;
}

.style-1.tab-content .tab-pane {
  max-width: 642px;
  margin: auto;
}

.faq-category {
  max-width: 240px;
  width: 100%;
}

.faq-sprite {
  max-width: 140px !important;
  height: 100px;
  display: block;
  transition: all .2s cubic-bezier(0.4, 0, 1, 1);
  margin: 0 auto 24px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  width: auto !important;
}

.faq-sprite.icon1 {
  background: url(../image/information/redesign/faq-aboutus-img.svg);
}

.faq-category.active .faq-sprite.icon1 {
  background: url(../image/information/redesign/faq-aboutus-active-img.svg);
}

.faq-sprite.icon2 {
  background: url(../image/information/redesign/faq-order-img.svg);
}

.faq-category.active .faq-sprite.icon2 {
  background: url(../image/information/redesign/faq-order-active-img.svg);
}

.faq-sprite.icon3 {
  background: url(../image/information/redesign/faq-returns-img.svg);
}

.faq-category.active .faq-sprite.icon3 {
  background: url(../image/information/redesign/faq-returns-active-img.svg);
}

.faq-sprite.icon4 {
  background: url(../image/information/redesign/faq-payment-img.svg);
}

.faq-category.active .faq-sprite.icon4 {
  background: url(../image/information/redesign/faq-payment-active-img.svg);
}

.faq-categories .nav-tabs>li>a {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  text-align: center;
  padding: 0;
  margin: 0;
}

.faq-categories .nav-tabs>li.active>a {
  color: var(--color-brown) !important;
  border: none !important;
  background-color: transparent;
  /* border: 1px solid transparent !important;  */
}

.tabTitle {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin: 60px 0;
  text-align: center;
}

.style-1 .panel-body {
  font-size: var(--font-libre-16) !important;
  line-height: var(--font-libre-16-line-height) !important;
}

.style-1 .panel-body a {
  font-weight: normal;
}

.faq-categories .nav:after,
.faq-categories .nav:before {
  display: none;
}

.faq-categories .nav>li>a:hover,
.faq-category.active a {
  border: none;
  background-color: transparent;
  margin-top: 1px !important;
}

.faq-categories .nav-tabs {
  border: none;
}

.style-1 .ulList {
  list-style-type: disc;
  padding-left: 20px;
}

.style-1.tab-content .yellow {
  color: var(--color-jet) !important;
}

.style-1.tab-content a:not(.panel-title a),
.faq-top-info-banner a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.style-1 .font-semibold {
  font-weight: var(--font-weight-semi-bold);
}

.style-1 p {
  margin: 0 0 12px;
}

.style-1 .accordion_panel .panel-body {
  padding-bottom: 0 !important;
}

#informationdiv-42 .visitsection_container {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .faq-sprite {
    height: 68px;
  }

  .faq-categories {
    max-width: 90%;
  }
}

@media only screen and (max-width: 992px) {
  .faq-categories .nav-tabs>li>a {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .tabTitle {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 30px 0;
  }

  .faq-categories {
    margin-top: 30px;
  }

  .accordion_panel .panel-heading a {
    font-size: var(--font-libre-16) !important;
    line-height: var(--font-libre-16-line-height) !important;
  }
}

@media only screen and (max-width: 767px) {
  .style-1.tab-content {
    max-width: 100%;
    padding: 0 16px;
  }

  .faq-categories {
    max-width: 100%;
    padding: 30px 16px;
    margin-top: 0;
  }

  .faq-categories ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .tabTitle {
    margin: 24px 0 30px;
  }

  .faq-categories .nav-tabs>li {
    width: 41%;
  }

  .faq-content {
    padding: 0 16px;
  }

  .faq-banner-heading {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-bottom: 48px;
  }

  .ptxt {
    display: block;
  }

  .faq-sprite {
    margin-bottom: 16px;
  }
}

/* FAQ CSS Ends */

/***************************************************
    40 years of marriage
***************************************************/
.marriage-content{
  max-width: 1140px !important;
  margin: auto;
  padding-left: 16px; padding-right: 16px;
}

.marrige-top-info-banner h1{
  margin-bottom: 30px;
}

.de-mariage-one .section-guide-header{
  margin-bottom: 30px;
}

.de-mariage-one p a{ text-decoration: underline;}

.de-mariage-one .container{
  max-width: 1140px; margin: auto;
}
.de-mariage-one p{
  margin-bottom: 0px;
  text-align: center;
}
.de-mariage-tow{
  padding-top: 0px;
  padding-bottom: 0px;
}

.marriage-category{
  padding-bottom: 0px;
  max-width: 1140px;
  margin: auto;
}
.marriage-category .container{
  display: flex;
  gap: 30px;
}

.marriage-category .mar-cat-box{
  max-width: 262.5px;
  width: 100%;  
}

.marriage-category .mar-cat-box h3{
  font-size: var(--font-ivy-28); line-height: var(--font-ivy-28-line-height);
  font-family: var(--font-family-ivy); text-align: center;
  margin: 16px 0 0;
}

.natural_diamond_fact.marriage-block-second .right_block h2{
  margin-bottom: 16px;
}

.marriage-block-second{
  padding-bottom: 60px;
}



.meaning-sec .container{
  max-width: 1140px;
}

.meaning-sec .section-guide-header h2{
  margin-bottom: 30px;
}

.meaning-sec .section-guide-header + .section-guide-header h2{
  margin-top: 60px;
}

.meaning-sec .section-guide-header p{
  margin: 0px;
}

.meaning-sec .section-guide-header{
  margin-bottom: 0px;
}

.diamond-collection{
  padding-top: 0px;
}


.diamond-collection p{
  margin: 0px;
}

.diamond-collection .section-guide-header{
  margin-bottom: 30px;
}

.marriage_faqs .container {
  max-width: 642px; padding: 0px;
}

.marriage_faqs .container ul{
  margin-left: 15px; margin-top: 15px;
}

.marriage_faqs .container ul li{
  list-style-type: initial;
    margin-left: 15px;
}

.marriage_faqs .section-guide-header{
  margin-bottom: 24px;
}

@media (min-width: 992px){
  .buy_natural.marriage-block .container > .left_block .inn{
    margin-right: 60px;
  }
  .natural_diamond_fact.marriage-block-second .container > .right_block .inn{
    margin-left: 60px;
  }
}

@media (min-width: 1200px) {
    .marriage-content{
      padding: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .buy_natural.marriage-block .container > .left_block .inn{
    margin-right: 30px;
    padding: 15px 0px 15px 15px;
  }
  .natural_diamond_fact.marriage-block-second .container > .right_block .inn{
    margin-left: 30px;
    padding: 15px 15px 15px 0px;
  } 

}

@media (max-width: 767px) {
  .marrige-top-info-banner h1{
    margin-bottom: 48px;
  }

  .de-mariage-one .section-guide-header{
    margin-bottom: 16px;
  }
  .de-mariage-one .section-guide-header h2{
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
  }

  .marriage-content .section-guide-header h2{
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
    margin-bottom: 16px;
  }

  .de-mariage-tow{
    padding-top: 30px;
  }

  .marriage-category .container{
    flex-wrap: wrap; flex: 0 0 50%;
  }

  .marriage-category .container{
    gap: 16px;
  }
  .marriage-category .mar-cat-box{
    max-width: 163.5px;
  }

  .marriage-category .mar-cat-box h3{
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .marriage-category .mar-cat-box:nth-child(3), .marriage-category .mar-cat-box:nth-child(4){
    margin-top: 14px; 
  }

  .marriage-block .right_block{ margin: 0 -16px;}

  .buy_natural.marriage-block h2{
    margin-top: 16px !important;
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
  }

  .natural_diamond_fact.marriage-block-second .right_block h2{
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
    margin-top: 16px !important;
  }
  .marriage-block-second {
      padding-bottom: 30px;
  }

  .marriage-block-second .left_block{
    margin: 0px -16px;
  }

  .diamond-collection {
      padding-top: 30px;
  }
  .diamond-collection .section-guide-header {
      margin-bottom: 16px;
  }

  .marriage_faqs .container{
    padding: 0px 16px !important;
  }

}


/***************************************************
    40 years of marriage end
***************************************************/



/***************************************************
    Engagement Ring Buying Guide Start
***************************************************/

.engagementring-buying-guide .section-header {
  margin-bottom: 16px;
}

.engagementring-buying-guide .section-header h2.font28 {
  font-size: 28px !important;
  color: var(--color-brown);
}

.engagementring-buying-guide .section-header h2.font28color {
  font-size: 28px !important;
  color: var(--color-black) !important;
}

.engagementring-buying-guide a.btn-brown {
  color: var(--color-white) !important;
}

.perfect-eng-ring-sec p a,
.faq-sec .yellow {
  color: var(--color-brown) !important;
  text-decoration: underline;
}


.engagementring-buying-guide .btn-text-arrow:after {
  margin-left: 4px;
}

.engagementring-buying-guide .max-width {
  max-width: 1096px;
  margin-left: auto;
  margin-right: auto;
}

.engagementring-buying-guide .max-width1140 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.engagementring-buying-guide .calculate-budget-sec {
  background-color: #FAFAFA;
}

.engagementring-buying-guide .choose-ideal .choose-style-section-info {
  padding: 30px;
}

.engagementring-buying-guide .calculate-budget {
  display: flex;
  align-items: center;
  align-items: stretch;
}

.engagementring-buying-guide .calculate-budget-img {
  width: 100%;
  max-width: 468px;
}

.engagementring-buying-guide .calculate-budget-img img {
  width: 100%;
  height: 100%;
}

.engagementring-buying-guide .calculate-budget-text {
  padding: 0px 92px 0 0;
  width: 100%;
}

.engagementring-buying-guide .calculate-budget-sec .btn-lg {
  color: var(--color-black) !important;
}

.engagementring-buying-guide .calculate-budget-sec .btn-lg:hover {
  color: var(--color-white) !important;
}

.engagementring-buying-guide .text-link {
  color: var(--color-brown);
  text-decoration: underline;
}

.engagementring-buying-guide .choose-style-section {
  margin-top: 30px;
}

.engagementring-buying-guide .choose-style-section-block img {
  width: 100%;
}

.engagementring-buying-guide .choose-style-section-info {
  background: var(--color-milk);
  padding: 24px 0 0;
}

.engagementring-buying-guide .choose-style-section-info h2 {
  font-size: 28px !important;
}

.engagementring-buying-guide .get-ring-size {
  background-color: var(--color-milk);
}

.engagementring-buying-guide .get-ring-size .choose-style-section-info p {
  min-height: 216px;
}

.engagementring-buying-guide .setting-ring {
  margin-top: 30px;
}

.setting-ring-sec .setting-ring .section-header h2 {
  font-size: 28px;
  color: var(--color-brown);
}

.setting-ring-sec .wed-icon {
  margin-bottom: 24px;
}

.setting-ring-sec .btn-lg {
  padding: 16px 20px;
  width: 100%;
  max-width: 312px;
}

.choose-diamond-shape-sec {
  background-color: #FAFAFA;
}

.choose-diamond-shape-sec .choose-shape-tab-list {
  margin-top: -10px;
  display: flex;
  flex-wrap: wrap;
}

.choose-diamond-shape-sec .choose-shape-tab-list .gtab {
  display: flex;
  margin-top: 40px;
}

.choose-diamond-shape-sec .choose-shape-tab-list .gtab .shape-img {
  max-width: 90px;
  width: 100%;
  margin-right: 24px;
}

.engagementring-buying-guide .btn-text-arrow {
  margin-top: 24px;
}

.engagementring-buying-guide .btn-text-arrow img {
  margin-left: 4px;
}

.engagementring-buying-guide .preciousSlider {
  margin: 30px 0 30px;
  display: flex;
}

.engagementring-buying-guide .inn .btn-lg {
  margin-top: 0px;
}

.engagementring-buying-guide .btn-lg {
  margin-top: 30px;
}

.engagementring-buying-guide .preciousSlider .metal-block {
  text-align: center;
}

.engagementring-buying-guide .preciousSlider .wed-icon {
  margin-bottom: 24px;
}

.engagementring-buying-guide .how-to-buy-sec {
  padding: 60px 0 40px;
}

.engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list {
  max-width: 726px;
  margin: 40px auto 0;
}

.engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list .gtab {
  display: flex;
  margin-top: 30px;
}

.engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list .gtab .shape-img {
  max-width: 90px;
  width: 100%;
  margin-right: 24px;
}

.engagementring-buying-guide .buy-online {
  padding-top: 0px;
}

.engagementring-buying-guide .buy-online .choose-style-section {
  margin-top: -10px;
}

.engagementring-buying-guide .buy-online .choose-style-section-block {
  display: flex;
  margin-top: 50px;
}

.engagementring-buying-guide .buy-online .choose-style-section-block .choose-style-section-img {
  width: 50%;
}

.engagementring-buying-guide .buy-online .choose-style-section-block .choose-style-section-info {
  width: 50%;
  padding: 30px 41px;
}

.engagementring-buying-guide .buy-online .choose-style-section-block img {
  height: 100%;
}

.insure-ring-sec {
  padding: 0px !important;
}

.insure-ring {
  position: relative;
}

.insure-ring-info {
  max-width: 536px;
  position: absolute;
  top: 50%;
  right: 125px;
  transform: translateY(-50%);
}

.engagementring-buying-guide .faq-sec {
  max-width: 642px;
  margin: auto;
}

.engagementring-buying-guide .faq-sec.faq-sec-ie {
  padding-top: 0px !important;
}

.engagementring-buying-guide .faq-sec p a {
  color: var(--color-brown) !important;
  text-decoration: underline;
}

.inspiration-sec {
  background-color: var(--color-milk);
  display: flex;
}

.inspiration-sec h3 {
  margin: 0px 0 0px;
  font-size: var(--font-ivy-24);
  font-family: var(--font-family-ivy);
  list-style-type: var(--font-ivy-24-line-height);
  color: var(--color-brown);
  text-align: center;
  min-height: 61px;
}

.max-725 {
  max-width: 725px;
  margin: auto;
}

.inspiration-sec .choose-style-section {
  margin-top: 40px;
  max-width: 984px;
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .engagementring-buying-guide .setting-ring p {
    min-height: 218px;
  }

  .preciousSlider p {
    min-height: 96px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-style-section p {
    min-height: 120px;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info p {
    min-height: 240px;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info h2 {
    min-height: 70px;
  }

  .engagementring-buying-guide .setting-ring-sec .metal-block p {
    min-height: 264px;
  }

  .engagementring-buying-guide .btn-text-arrow {
    text-align: left;
  }

  .preciousSlider .metal-block p {
    min-height: 130px;
  }

  .choose-diamond-shape-sec .choose-shape-tab-list .shape-img img {
    max-width: 70px;
  }
}

@media (max-width: 991px) {
  .engagementring-buying-guide .calculate-budget-text {
    padding: 0px;
  }

  .engagementring-buying-guide .calculate-budget-img {
    max-width: 100%;
    margin-top: 16px;
  }

  .engagementring-buying-guide .btn-text-arrow {
    text-align: left;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info h2 {
    min-height: 70px;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info p {
    min-height: 286px;
  }

  .engagementring-buying-guide .setting-ring-sec .metal-block p {
    min-height: 180px;
  }

  .engagementring-buying-guide .setting-ring .metal-block,
  .engagementring-buying-guide .preciousSlider .metal-block {
    margin-bottom: 30px;
  }

  .engagementring-buying-guide .preciousSlider {
    flex-wrap: wrap;
  }

  .inspiration-sec h3 {
    font-size: var(--font-ivy-20);
  }

  .engagementring-buying-guide .buy-online .choose-style-section-block .choose-style-section-info {
    padding: 30px 16px;
  }

  .choose-diamond-shape-sec .choose-shape-tab-list .shape-img img {
    max-width: 70px;
  }
}

@media (max-width: 767px) {
  .engagementring-buying-guide .pagetopbanner_right {
    padding: 30px 16px;
  }

  .engagementring-buying-guide .inn .btn-lg {
    width: 100%;
    max-width: 343px;
  }

  .engagementring-buying-guide .calculate-budget {
    flex-wrap: wrap;
  }

  .engagementring-buying-guide .btn-lg {
    width: 100%;
    max-width: 343px;
    margin-top: 16px;
    font-size: var(--font-libre-14);
  }

  .choose-style-section .choose-style-section-block {
    margin: 0 -8px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .choose-style-section .choose-style-section-block:first-child {
    margin-bottom: 30px;
  }

  #GetRingSize .owl-item .choose-style-section-block {
    margin: 0 0px;
  }

  .engagementring-buying-guide .choose-ideal .choose-style-section-info {
    padding: 30px 16px;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info p {
    min-height: auto;
  }

  .engagementring-buying-guide .get-ring-size .choose-style-section-info h2 {
    min-height: auto;
    color: var(--color-brown);
  }

  .engagementring-buying-guide .choose-style-section-info h2,
  .setting-ring-sec .setting-ring .section-header h2 {
    font-size: 24px !important;
  }

  .setting-ring-sec .setting-ring .section-header,
  #GetRingSize .owl-item .choose-style-section-block .section-header {
    margin-bottom: 12px;
  }

  .setting-ring-sec .wed-icon {
    margin-bottom: 16px;
  }

  .engagementring-buying-guide .setting-ring-sec .metal-block p {
    min-height: auto;
    text-align: center;
  }

  .choose-diamond-shape-sec .choose-shape-tab-list .gtab {
    flex-wrap: wrap;
    padding: 0px;
  }

  .engagementring-buying-guide .setting-ring {
    text-align: center;
  }

  .engagementring-buying-guide .setting-ring .metal-block .btn-lg {
    max-width: 264px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 20px;
  }

  .engagementring-buying-guide .setting-ring .metal-block,
  .engagementring-buying-guide .preciousSlider .metal-block {
    margin-bottom: 0px;
  }

  .engagementring-buying-guide .btn-text-arrow {
    margin-top: 16px;
  }

  .engagementring-buying-guide .owl-carousel .owl-dots,
  .engagementring-buying-guide .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
  }

  .engagementring-buying-guide .choose-style-section-info {
    padding: 16px 0 0;
  }

  .choose-diamond-shape-sec .choose-shape-tab-list .gtab .shape-img {
    margin: 0 auto 16px;
    display: flex;
    justify-content: center;
  }

  .engagementring-buying-guide .choose-shape-content {
    text-align: center;
  }

  .engagementring-buying-guide .section-header {
    margin-bottom: 12px;
  }

  .engagementring-buying-guide .preciousSlider .wed-icon img {
    width: 70px;
  }

  .engagementring-buying-guide .preciousSlider .wed-icon {
    margin-bottom: 16px;
  }

  .engagementring-buying-guide .section-header h2.font28color {
    font-size: 24px !important;
  }

  .engagementring-buying-guide .how-to-buy-sec {
    padding: 30px 0 0px;
  }

  .how-to-buy-sec .choose-shape p,
  .how-to-buy-sec .choose-shape h2 {
    text-align: left;
  }

  .how-to-buy-sec .tab-list-content h2,
  .how-to-buy-sec .tab-list-content,
  .how-to-buy-sec .tab-list-content p {
    text-align: center;
  }

  .engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list {
    margin: 0px;
  }

  .engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list .gtab {
    flex-wrap: wrap;
  }

  .engagementring-buying-guide .how-to-buy-sec .choose-shape-tab-list .gtab .shape-img {
    margin: 0 auto 16px;
  }

  .engagementring-buying-guide .buy-online {
    padding-top: 30px;
  }

  .engagementring-buying-guide .buy-online .choose-style-section-block {
    flex-wrap: wrap;
  }

  .engagementring-buying-guide .buy-online .choose-style-section-block .choose-style-section-img,
  .engagementring-buying-guide .buy-online .choose-style-section-block .choose-style-section-info {
    width: 100%;
  }

  .engagementring-buying-guide .buy-online .choose-style-section-block {
    margin-top: 30px;
  }

  .engagementring-buying-guide .buy-online .choose-style-section {
    margin-top: -10px;
  }

  .insure-ring-info {
    transform: none;
    background: #EFEAE7;
    width: 100%;
    max-width: 100%;
    right: 0px;
    position: relative;
    padding: 30px 16px
  }

  .faq-sec .section-header {
    margin-bottom: 26px;
  }

  .inspiration-sec .choose-style-section {
    margin: 0px 8px;
  }

  .inspiration-sec .choose-style-section .choose-style-section-block {
    margin: 30px 0 0;
  }

  .get-ring-size .row {
    padding: 0px 8px;
  }

}

@media (max-width: 375px) {
  .engagementring-buying-guide .calculate-budget-img img {
    max-height: 248px;
  }
}

/***************************************************
    Engagement Ring Buying Guide End
***************************************************/


/***************************************************
    Metal Gold guide css starts
***************************************************/
.metalgold-top {
  background-color: var(--color-milk);
  padding: 0px;
}

.metal-carat {
  padding-bottom: 0px !important;
}

.metal-caratgold {
  padding-top: 30px !important;
}

.metal-colour {
  background-color: var(--color-milk);
}

.metal-colour-blocks {
  display: flex;
}

.metal-block-img {
  width: 100%;
  height: 40px;
  max-width: 40px;
  margin-right: 40px;
}

.metalgold-top .container {
  display: flex;
}

.metalgold-top .left_block ul {
  list-style-type: disc;
  padding-right: 24px;
}

.metalgold-top .section-guide-header {
  margin-bottom: 40px !important;
}

@media (max-width: 767.98px) {
  .metalgold-top .container {
    flex-direction: column;
  }

  .metalgold-top .right_block {
    margin: 30px 0 0;
    display: flex;
    justify-content: center
  }
}

@media (min-width: 768px) {
  .metalgold-top .left_block {
    margin: auto;
  }

  .metalgold-top .right_block {
    width: 340px;
    flex: 0 0 340px;
    margin-left: 36px;
    display: flex;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .metalgold-top .right_block {
    width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .metalgold-top .container {
    width: 1096px;
    padding: 0;
  }

  .metalgold-top .right_block {
    width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }
}

/***************************************************
    Metal Gold guide css ends
***************************************************/


/***************************************************
    Fiance page start
***************************************************/
.fianance-page .maxwidth {
  max-width: 1140px;
  width: 100%;
  margin: auto;
}

.finance-chart-sec h3 {
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  font-family: var(--font-family-ivy);
  margin: 0 0 30px;
  text-align: center;
}

.finance-chart-sec .fianance-chart {
  background-color: var(--color-brown);
  padding: 14px 30px 30px;
}

.finance-chart-sec .fianance-chart .chart-sec {
  margin: 16px 0 0 0;
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-11-line-height);
  color: var(--color-white);
  display: flex;
  height: 10px;
}

.finance-chart-sec .section-header{
  margin-bottom: 30px;
}

.finance-chart-sec .maxwidth {
  display: flex;
}

.finance-chart-sec .fianance-chart .chart-sec .chart-left {
  width: 51%;
}

.finance-chart-sec .fianance-chart .chart-sec .chart-right {
  width: 50%;
  text-align: right;
}

.fianance-page .contentsec {
  margin-top: 30px;
}

.fianance-page .contentsec h2 {
  margin: 0 0 16px;
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  font-family: var(--font-family-ivy);
}

.fianance-page .contentsec p {
  margin-bottom: 0px;
}

.fianance-page .contentsec ul {
  margin: 0px 0 0 20px;
  padding: 0px;
}

.fianance-page .contentsec ul li {
  line-height: 24px;
  list-style-type: disc;
}

.fianance-page .fianace-faq-sec {
  background-color: var(--color-milk);
}

.fianance-page .fianace-faq-sec .faqmain {
  max-width: 642px;
  margin: 0 auto 0;
}

.fianance-page .fianace-faq-sec .faqmain .section-header {
  margin-bottom: 24px;
  text-align: center;
}

.contentsec.klarna{
  margin-top: 0px;
}

@media only screen and (min-width: 767px) and (max-width:1199px) {
  .finance-chart-sec h3 {
    min-height: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .finance-chart-sec .maxwidth {
    flex-wrap: wrap;
    display: block;
  }

  .finance-chart-sec .fianance-chart {
    padding: 14px 30px 30px;
  }

  .finance-chart-sec .fianance-chart-left {
    margin-bottom: 30px;
  }

  .fianance-page .contentsec h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .fianance-page .contentsec h3 {
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
  }

  .fianance-page .fianace-faq-sec .faqmain .section-header {
    margin-bottom: 26px;
  }
}

/***************************************************
    Finance page End
***************************************************/

/* Gemstone Buying Guide CSS Starts */

.gemstone-guide-other-lang {}

.gemstone-guide-other-lang h1,
.gemstone-guide-other-lang h2,
.gemstone-guide-other-lang .newbestslider .product-name,
.gemstone-guide-other-lang .gemstone-shape-section .owl-carousel .owl-item .shape-title,
.gemstone-guide-other-lang .gemstone-jewellery-sec .block h4,
.gemstone-guide-other-lang .gemstone-jewellery-sec-new a,
.gemstone-guide-other-lang .three-gemstones .diamond-block h3 span,
.gemstone-guide-other-lang .gemstones-df-hover h3,
.gemstone-guide-other-lang .gem-faq-section .heading {
  font-family: var(--font-family-ivy) !important;
  line-height: 1;
}

.gemstone-guide-other-lang .bannerBtn,
.gemstone-guide-other-lang .engring-hub .abouttext .ptxt,
.gemstone-guide-other-lang .gemstone-shape-section .owl-carousel .owl-item p,
.gemstone-guide-other-lang .gemstone-jewellery-sec .block p,
.gemstone-guide-other-lang .gem-slider-block .metaallider1 .gem-block-hub a,
.gemstone-guide-other-lang .gemstones-df-hover p,
.gemstone-guide-other-lang .gem-slider-block .metaallider1 .gem-block-hub p,
.gemstone-guide-other-lang #accordion *,
.gemstone-guide-other-lang .tabgemstones ul li a span {
  font-family: var(--font-family-libre) !important;
}

.gemstone-guide-other-lang .engring-hub .abouttext .ptxt,
.gemstone-guide-other-lang .gemstone-shape-section .owl-carousel .owl-item p,
.gemstone-guide-other-lang #accordion .panel-title>a,
.gemstone-guide-other-lang .tabgemstones ul li a span {
  font-size: var(--font-libre-16) !important;
  line-height: var(--font-libre-16-line-height) !important;
}

.gemstone-guide-other-lang .top-gemstones-products {
  max-width: 100% !important;
}

.gemstone-guide-other-lang .top-gemstones-products .featured_title {
  margin-bottom: 40px !important;
}

.gemstone-guide-other-lang .top-gemstones-products .section {
  padding-top: 0 !important;
}

.gemstone-guide-other-lang .tabgemstones ul {
  border: 0 !important;
}

.gemstone-guide-other-lang .tabgemstones .nav-tabs>li.active>a,
.gemstone-guide-other-lang .tabgemstones .nav-tabs {
  border: 0 !important;
}

.gemstone-guide-other-lang .tabgemstones .nav-tabs>li>a:hover {
  color: #dec15c !important;
}

.gemstone-guide-other-lang .gemstoneh1 {
  text-align: center;
}

@media (max-width:991px) {
  .gemstone-guide-other-lang .gemstones-df-hover h3 {
    font-size: 24px;
    margin: 0px 0px 10px;
  }
}

@media (min-width:992px) and (max-width:1400px) {
  .gemstone-guide-other-lang .engring-hub .abouttext {
    width: 580px;
  }

  .gemstone-guide-other-lang .engring-hub .abouttext h1 {
    font-size: 30px;
  }
}

.gemstone-buying-guide h1,
.gemstone-buying-guide h2,
.gemstone-buying-guide h3,
.gemstone-buying-guide h4,
.gemstone-buying-guide h5 {
  font-family: var(--font-family-ivy);
  margin: 0;
}

.gemstone-guide-faq-section h4.panel-title {
  font-family: var(--font-family-libre);
}

.gemstone-guide {
  position: relative;
}

.gemstone-banner-text {
  max-width: 612px;
  /* position: absolute;
   top: 50%;
   right: 0;
   transform: translate(-12%, -50%); */
}

.gemstone-banner-text h1 {
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0 0 24px;
}

.gemstone-banner-text .ptxt {
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  max-width: 500px;
  margin-bottom: 40px;
}

.gemstone-types-container h2,
.three-c-section h2,
.gemstone-shapes-container h2,
.gemstone-jewellery-section h2,
.gemstone-guide-faq-section h2 {
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  text-align: center;
  margin-bottom: 30px;
}

.three-c-section h2,
.gemstone-jewellery-section h2 {
  margin-bottom: 40px;
}

.gemstone-types h3,
.gemstone-specifications h3,
.shape-details h3 {
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

.gemstone-types h3,
.gemstone-specifications h3 {
  color: var(--color-brown);
  margin-top: 24px;
  text-align: center;
}

.gemstone-shapes,
.gemstone-jewellery-types {
  max-width: 1096px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px 24px;
}

.shape-details {
  display: flex;
  align-items: start;
  max-width: 536px;
  gap: 0 24px;
}

.shape-details h3 {
  margin-bottom: 16px;
}

.shape-details p,
.buy-gemstone-jewellery-text p {
  margin: 0;
}

.gemstone-jewellery-types {
  padding: 0 106px;
}

.jewellery-details {
  max-width: 422px;
}

.jewellery-details h3 {
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  color: var(--color-brown);
}

.jewellery-details p {
  margin: 16px 0 24px;
}

.buy-gemstone-jewellery {
  display: flex;
}

.buy-gemstone-jewellery-text,
.buy-gemstone-jewellery-img,
.enhancement-img,
.enhancement-text {
  width: 50%;
}

.buy-gemstone-jewellery-text {
  max-width: 502px;
  margin: auto;
  margin-right: 95px;
  padding: 60px 0;
  /* text-align: right; */
}

.buy-gemstone-jewellery-text a {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: underline;
}

.buy-gemstone-jewellery-text h2,
.enhancement-text h2 {
  /* max-width: 475px; */
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin-bottom: 16px;
}

.buy-gemstone-jewellery-text h2 {
  float: right;
}

.enhancement-text {
  max-width: 502px;
  margin: auto;
  margin-left: 95px;
  text-align: right;
}

.enhancement-text ul {
  max-width: 140px;
  margin: auto;
  margin-right: 0;
  text-align: left;
}

.gemstone-guide-faq-section .accordion_panel {
  max-width: 642px;
  margin: auto;
}

.gemstone-guide-faq-section h2 {
  margin-bottom: 24px;
}

.gemstone-guide-faq-section a {
  text-decoration: underline;
}

.gemstone-guide-faq-section .ulList {
  margin: 0;
  list-style-type: auto;
}

@media only screen and (min-width: 1440px) {
  .gemstone-banner-text {
    max-width: 612px;
  }
}

@media only screen and (min-width: 992px) {
  .gemstone-banner-text {
    transform: translate(-12%, -50%);
    max-width: 500px;
  }

  .gemstone-types-container.pdp-carousel-container .container .item,
  .gemstone-shapes-container.pdp-carousel-container .container .item {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .gemstone-banner-text {
    position: absolute;
    top: 50%;
    right: 0;
  }

  .gemstone-types,
  .gemstone-specifications {
    display: flex;
    gap: 0 24px;
    justify-content: center;
  }
}

@media only screen and (max-width: 1024px) {
  .gemstone-banner-text h1 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-bottom: 16px;
  }

  .gemstone-banner-text .ptxt {
    max-width: 450px;
    margin-bottom: 16px;
  }

  .gemstone-types-container h2,
  .three-c-section h2,
  .gemstone-shapes-container h2,
  .gemstone-jewellery-section h2,
  .gemstone-guide-faq-section h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .gemstone-types h3 {
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
  }

  .gemstone-specifications h3,
  .shape-details h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .shape-details {
    max-width: 48%;
  }

  .gemstone-jewellery-types {
    padding: 0px;
  }

  .buy-gemstone-jewellery-text h2,
  .enhancement-text h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .buy-gemstone-jewellery-text,
  .enhancement-text {
    padding: 20px;
    margin: 0;
    max-width: 50%;
  }

  .buy-gemstone-jewellery-img img {
    height: 100%;
  }
}

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

  .buy-gemstone-jewellery-img img,
  .enhancement-img img {
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .gemstone-banner-text {
    max-width: 400px;
    transform: translate(0%, -50%);
  }

  html[lang='pl'] .gemstone-banner-text {
    max-width: 600px;
    padding-right: 10px;
  }

  .gemstone-banner-text h1 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .gemstone-banner-text .ptxt {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }

  .shape-details {
    max-width: 100%;
    width: 100%;
  }

  .gemstone-jewellery-types {
    padding: 0px;
  }

  .jewellery-details {
    max-width: 100%;
  }
}

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

  .gemstone-banner-text {
    background-color: var(--color-milk);
    padding: 60px 16px;
    text-align: center;
  }

  .gemstone-banner-text h1 {
    text-wrap: balance;
  }

  .wshopbutton a {
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }

  .gemstone-types-container h2 {
    margin-bottom: 67px;
  }

  .gemstone-types h3 {
    margin-top: 16px;
  }

  .gemstone-types .owl-dots {
    margin-top: 16px !important;
  }

  .three-c-section {
    padding: 30px 0 !important;
  }

  .gemstone-shapes-container {
    padding: 30px 16px !important;
  }

  .gemstone-shapes-container.pdp-carousel-container .container .item {
    padding: 0;
  }

  .gemstone-specifications .owl-dots,
  .gemstone-shapes-container .owl-dots,
  .gemstone-jewellery-section .owl-dots {
    margin-top: 30px !important;
  }

  .gemstone-specifications h3 {
    margin-top: 75px;
  }

  .shape-details {
    flex-direction: column;
    max-width: 100%;
  }

  .gemstone-shapes-container .owl-carousel .owl-item img {
    max-width: 90px;
    margin: 0 auto 16px;
  }

  .shape-content {
    text-align: center;
  }

  .shape-details h3 {
    margin-bottom: 12px;
  }

  .gemstone-jewellery-section h2 {
    margin-bottom: 24px;
  }

  .gemstone-jewellery-section,
  .enhancement-section,
  .gemstone-guide-faq-section {
    padding: 30px 16px !important;
  }

  .enhancement-section {
    padding-bottom: 0 !important;
  }

  .gemstone-jewellery-types {
    padding: 0;
  }

  .gemstone-jewellery-section h2 {
    text-wrap: balance;
  }

  .jewellery-details h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .jewellery-details p {
    margin: 12px 0 16px;
  }

  .buy-gemstone-jewellery {
    flex-direction: column-reverse;
  }

  .enhancement-div {
    flex-direction: column;
  }

  .buy-gemstone-jewellery-text,
  .buy-gemstone-jewellery-img,
  .enhancement-img,
  .enhancement-text {
    width: 100%;
  }

  .buy-gemstone-jewellery-text h2,
  .enhancement-text h2 {
    float: none;
    max-width: 100%;
    margin-bottom: 12px;
  }

  .buy-gemstone-jewellery-text,
  .enhancement-text {
    max-width: 100%;
    padding: 24px 0 30px;
    text-align: center;
  }

  .enhancement-text .ulList {
    padding-left: 35%;
    margin: 0;
  }

  .enhancement-text li {
    width: max-content;
  }

  .gemstone-guide-faq-section h2 {
    margin-bottom: 26px;
  }
}


/* Gemstone Buying Guide CSS Ends */



/***************************************************
    Diamond Guide common start
***************************************************/

/* ======================== Diamond Guide language change ======================== */
.diamond-guide-other-lang {
  max-width: 1440px;
  width: initial;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

.diamond-guide-other-lang h1.diamond-guide-header {
  margin-top: 0;
  text-align: center;
  font-family: var(--font-family-ivy);
}

.diamond-guide-other-lang h1,
.diamond-guide-other-lang h2,
.diamond-guide-other-lang h3,
.diamond-guide-other-lang h4,
.diamond-guide-other-lang h5,
.diamond-guide-other-lang h6 {
  font-family: var(--font-family-ivy) !important;
}

.diamond-guide-other-lang h1{
  line-height: 30px;
}

.diamond-guide-other-lang [class*="btn-"] {
  font-family: var(--font-family-libre) !important;
}

.diamond-guide-other-lang p a {
  text-decoration: underline;
}

.diamond-guide-other-lang .yellow,
.diamond-guide-other-lang .chatlink {
  color: #dec15c !important;
}

.diamond-guide-other-lang .panel {
  border: 0px !important;
  border-bottom: 1px solid #E5E5E5 !important;
  border-radius: 0px !important;
}

.diamond-guide-other-lang .panel>.panel-heading {
  padding: 0 !important;
}

.diamond-guide-other-lang #accordion .panel-title>a {
  font-family: var(--font-family-libre) !important;
  font-size: 16px;
  padding: 15px 5px 15px;
  position: relative;
}

.diamond-guide-other-lang #accordion .panel-title>a .more-less {
  display: none !important;
}

.diamond-guide-other-lang #accordion .panel-heading a:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  background: url(../image/icons/plus.png) no-repeat center / 100%;
  transition: all 0.3s ease-in-out;
}

.diamond-guide-other-lang #accordion .panel-heading a:not(.collapsed):after {
  background-image: url(../image/icons/minus.png);
  transform: rotate(180deg);
}

.diamond-guide-other-lang .nav-tabs {
  border: 0 !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .diamond-guide-other-lang .tabcarat .nav-tabs li a {
    padding: 10px 7px;
  }
}

@media (min-width: 768px) {
  .diamond-guide-other-lang {
    padding-left: 34px;
    padding-right: 34px;
  }
}

@media (min-width: 992px) {
  .diamond-guide-other-lang {
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (min-width: 1200px) {
  .diamond-guide-other-lang {
    padding-left: 60px;
    padding-right: 60px;
  }

  .diamond-guide-other-lang .tabcarat .nav-tabs {
    display: flex;
  }

  .diamond-guide-other-lang .tabcarat .nav-tabs>li {
    flex: 1;
  }

  .diamond-guide-other-lang .tabcarat .nav-tabs li a {
    padding: 10px 10px;
  }
}



/* ======================== Diamond Guide language change end======================== */


.diamondguidetop-banner {
  padding-bottom: 30px;
}

.diamondguidetop-banner.p-0 {
  padding-bottom: 0;
}

.diamondguidetop-banner .container {}

.diamondguidetop-banner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

.diamondguidetop-banner h1 span {
  color: var(--color-brown);
}

.diamondguidetop-banner h3 {
  text-align: center;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  margin-top: 0;
  margin-bottom: 12px;
}

.diamondguidetop-banner p {
  margin: 0;
}

@media (min-width: 768px) {
  .diamondguidetop-banner .container {
    max-width: 580px !important;
    padding: 0;
  }

  /* .diamondguidetop-banner h1 {
        font-size: var(--font-ivy-36);
        line-height: var(--font-ivy-36-line-height);
    } */
}

@media (min-width: 992px) {
  .diamondguidetop-banner .container {
    max-width: 620px !important;
  }
}

@media (min-width: 1200px) {
  .diamondguidetop-banner .container {
    max-width: 725px !important;
  }

  .diamondguidetop-banner {
    padding-bottom: 60px;
  }

  .diamondguidetop-banner h1 {
    margin-bottom: 40px;
    font-size: var(--font-ivy-56);
    line-height: var(--font-ivy-56-line-height);
  }

  .diamondguidetop-banner h3 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-top: 0;
    margin-bottom: 16px;
  }
}

/* ================================================ */

.section-guide {
  padding: 30px 0;
}

.section-guide.center {
  text-align: center;
}

.section-guide-header h2 {
  color: var(--color-jet);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  margin: 0;
}

.section-guide-header {
  margin-bottom: 12px;
}

.section-guide-header h2+p {
  margin: 12px 0 0;
}

@media (min-width: 768px) {}

@media (min-width: 1200px) {
  .section-guide {
    padding: 60px 0;
  }

  .section-guide-header {
    margin-bottom: 16px;
  }

  .section-guide-header h2 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }

  .section-guide-header h2+p {
    margin: 16px 0 0;
  }
}

/***************************************************
    Diamond Guide common end
***************************************************/



/***************************************************
    Diamond Guide Carat start
***************************************************/

.determine-carat {
  background-color: var(--color-milk);
}

.determine-carat .container {
  display: flex;
  flex-direction: column;
}

.determine-carat-left {
  margin-bottom: 24px;
}

.determine-carat-right p {
  margin: 0;
}

@media (max-width: 991px) {
  .determine-carat-left picture {
    width: 292px;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width: 768px) {
  .determine-carat .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .determine-carat-left {
    width: 292px;
    flex: 0 0 292px;
    margin-right: 68px;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .determine-carat .container {
    justify-content: space-between;
    align-items: center;
  }

  .determine-carat-left {
    width: 338px;
    flex: 0 0 338px;
    margin-right: 42px;
  }
}

@media (min-width: 1200px) {
  .determine-carat .container {
    width: 1096px;
    padding: 0;
  }

  .determine-carat-left {
    width: 424px;
    flex: 0 0 424px;
    margin-right: 136px;
  }
}

/* ======================== value of diamonds ======================== */


@media (min-width: 1200px) {
  .valueofdiamonds .container {
    width: 1096px;
    padding: 0;
  }
}

/* ======================= Diamond Carat Size Chart ========================= */

.DiamondCaratSizeChart {
  background-color: var(--color-primary-200);
}

.DiamondCaratSizeChart .section-guide-header {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.DiamondCaratTab {
  list-style-type: none;
  padding: 0;
  margin: 0 -4px;
  display: flex;
  flex-wrap: wrap;
}

.DiamondCaratTab li {
  width: 50px;
  flex: 0 0 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--color-primary-400);
  border-radius: 100%;
  margin: 0 4px 8px;
}

/* .DiamondCaratTab li + li{margin-left:8px;} */
.DiamondCaratTab li svg {
  height: 29.5px;
}

.DiamondCaratTab li svg path {
  fill: var(--color-primary-400);
}

.DiamondCaratTab li.active {
  border-color: var(--color-black);
}

.DiamondCaratTab li.active svg path {
  fill: var(--color-black);
}

.DiamondCaratTab li>span {
  display: none;
  visibility: hidden;
}

#DiamondCaratSizeChart .item .item-right img {
  height: auto;
}

#DiamondCaratSizeChart .item .item-bottom {
  flex: 0 0 100%;
  margin-top: 24px;
  color: var(--color-brown);
  font-size: var(--font-libre-10);
  line-height: var(--font-libre-10-line-height);
}

#DiamondCaratSizeChart .item .item-bottom ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 0;
}

#DiamondCaratSizeChart table {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  line-height: 17.2px;
}

#DiamondCaratSizeChart table th,
#DiamondCaratSizeChart table td {
  width: 50%;
  padding: 16px 0;
  text-align: center;
  border: 1px solid var(--color-primary-200);
  background-color: var(--color-white);
}

#DiamondCaratSizeChart table th:nth-child(1),
#DiamondCaratSizeChart table td:nth-child(1) {
  border-left: 0;
}

#DiamondCaratSizeChart table th:nth-last-child(1),
#DiamondCaratSizeChart table td:nth-last-child(1) {
  border-right: 0;
}

#DiamondCaratSizeChart table th {
  background-color: var(--color-brown);
  color: var(--color-milk);
  font-weight: var(--font-weight-regular);
}

@media (max-width: 1199.98px) {
  .DiamondCaratSizeChart .section-guide {
    padding: 30px 0;
  }

  .DiamondCaratSizeChart .section-guide-header {
    margin-bottom: 24px;
  }

  .DiamondCaratSizeChart .section-guide-header h2 {
    margin-bottom: 28px;
  }
}

@media (max-width: 991.98px) {
  .DiamondCaratSizeChart .section-guide-header {
    margin-bottom: 24px;
    flex-direction: column;
    align-items: center;
  }

  #DiamondCaratSizeChart .item .item-right {
    margin-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .DiamondCaratTab {
    margin-top: -8px;
  }

  .DiamondCaratTab li {
    margin-top: 8px;
  }

  #DiamondCaratSizeChart .item .item-right {
    margin-top: 16px;
  }

  #DiamondCaratSizeChart.owl-carousel .owl-dots,
  #DiamondCaratSizeChart.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
  }

  .valueofdiamonds .row [class*="col-"]:nth-child(2) .section-guide-header {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {

  #DiamondCaratSizeChart.owl-carousel .owl-dots,
  #DiamondCaratSizeChart.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 24px;
  }
}

@media (min-width: 992px) {
  #DiamondCaratSizeChart .item {
    display: flex;
    flex-wrap: wrap;
  }

  #DiamondCaratSizeChart .item-left {
    width: 380px;
    flex: 0 0 380px;
    margin-right: 20px;
  }

  #DiamondCaratSizeChart .item-right {
    width: calc(100% - 400px);
    flex: 0 0 calc(100% - 400px);
  }
}

@media (min-width: 1200px) {
  .DiamondCaratSizeChart .section-guide-header {
    margin-bottom: 40px;
    padding-right: 40px;
    flex-direction: row;
    align-items: flex-start;
  }

  .DiamondCaratSizeChart .section-guide-header h2 {
    margin: 0;
  }

  .DiamondCaratSizeChart .container {
    width: 1096px;
    padding: 0;
  }

  #DiamondCaratSizeChart .item-left {
    width: 424px;
    flex: 0 0 424px;
    margin-right: 24px;
  }

  #DiamondCaratSizeChart .item-right {
    width: calc(100% - 448px);
    flex: 0 0 calc(100% - 448px);
  }

  #DiamondCaratSizeChart .item .item-bottom {
    margin-top: 40px;
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
  }

  #DiamondCaratSizeChart.owl-carousel .owl-dots,
  #DiamondCaratSizeChart.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
  }
}

/* =================== Top Tips =================== */

.diamondcarat_toptips {
  padding-bottom: 0;
}

/***************************************************
    Diamond Guide Carat end
***************************************************/



/***************************************************
    Diamond Guide toptips (common section) start
***************************************************/

.toptips .subheader {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0 0 12px;
}

.toptips .section-guide-header {
  margin-bottom: 32px;
}

.toptips .row {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  .toptips .row [class*="col-"]+[class*="col-"] {
    margin-top: 28px;
  }
}

@media (min-width: 768px) {
  .toptips .section-guide-header {
    margin: 0 auto 28px;
    max-width: 580px;
  }
}

@media (min-width: 768px) and (max-width:991.98px) {

  .toptips .row [class*="col-"]:nth-child(1),
  .toptips .row [class*="col-"]:nth-child(2) {
    margin-bottom: 28px;
  }
}

@media (min-width: 992px) {
  .toptips .section-guide-header {
    margin-bottom: 36px;
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .toptips .section-guide-header {
    margin-bottom: 40px;
    max-width: 725px;
  }

  .toptips .subheader {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0 0 16px;
  }
}

/***************************************************
    Diamond Guide toptips (common section) end
***************************************************/





/***************************************************
    Diamond Guide Clarity start
***************************************************/

.diamondclarity .container {
  margin: 0 auto;
  max-width: 1140px !important;
}
.diamondclarity .diamondguidetop-banner .container{
  padding-left: 16px; padding-right: 16px;
}

.diamond_clarity_inclusions {
  background-color: var(--color-milk);
  width: 100%;
  overflow: hidden;
}

.diamond_clarity_inclusions .container {
  display: flex;
}

.diamond_clarity_inclusions .left_block p:not(mb-0) {
  margin-bottom: 15px;
}

@media (max-width: 767.98px) {

  .diamondclarity .diamondguidetop-banner h1{
    margin-bottom: 24px;
  }

  .diamond_clarity_inclusions .container {
    flex-direction: column;
  }

  .diamond_clarity_inclusions .left_block {
    order: 2;
  }

  .diamond_clarity_inclusions .left_block .section-guide-header {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .diamond_clarity_inclusions .container {
    padding-right: 0;
  }

  .diamond_clarity_inclusions .left_block {
    width: 440px;
    flex: 0 0 440px;
    margin-right: 20px;
  }

  .diamond_clarity_inclusions .left_block p:not(mb-0) {
    margin-bottom: 32px;
  }
}

@media (min-width: 992px) {
  .diamond_clarity_inclusions .left_block {
    width: 508px;
    flex: 0 0 508px;
    margin-right: 42px;
  }
}

@media (min-width: 1200px) {

  .diamond_clarity_inclusions .left_block {
    width: 782px;
    flex: 0 0 782px;
    margin-right: 42px;
  }

  .diamond_clarity_inclusions .right_block img{
    max-width: inherit;
  }

  .diamondclarity .diamondguidetop-banner h1{
    margin-bottom: 36px;
  }
  
  .diamond_clarity_inclusions .container {
    padding: 0px;
    width: 100%;
    max-width: 1440px;
  }

  .diamond_clarity_inclusions .left_block {
    margin-right: 44px;
  }

  .diamond_clarity_inclusions .left_block p:not(mb-0) {
    margin-bottom: 40px;
  }
}

/* =================== Diamond Clarity Measure =================== */
.diamond_clarity_measure{
  background-color: var(--color-brown);
  color: #fff;
}

.diamond_clarity_measure .right_block ul{
  margin-top: 20px;
}

.diamond_clarity_measure h2{
  color: #fff;
}

.diamond_clarity_measure .container {
  display: flex;
}

.diamond_clarity_measure .right_block ul {
  list-style-type: disc;
  padding-left: 24px;
}

@media (max-width: 767.98px) {
  .diamond_clarity_measure .container {
    flex-direction: column;
  }

  .diamond_clarity_measure .left_block {
    margin: 0 -16px 30px;
    display: flex;
    justify-content: center
  }
  .diamond_clarity_measure{
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .diamond_clarity_measure .right_block {
    margin: auto;
  }

  .diamond_clarity_measure .left_block {
    width: 340px;
    flex: 0 0 340px;
    margin-right: 36px;
  }
}

@media (min-width: 992px) {
  .diamond_clarity_measure .left_block {
    width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .diamond_clarity_measure .container {
    padding: 0;
  }

  .diamond_clarity_measure .left_block {
    width: 468px;
    flex: 0 0 468px;
    margin-right: 92px;
  }
}

/* =================== Diamond clarity scale chart =================== */

.diamond_clarity_chart p a{
  text-decoration: underline;
}

.diamond_clarity_chart .section-guide-header {
  margin: 0 auto 24px;
}

.diamond_clarity_chart picture {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-10);
  margin-bottom: 16px;
}

.diamond_clarity_chart h3 {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
  margin: 0 0 12px;
}

.diamond_clarity_chart p {
  margin: 0;
}

.diamond_clarity_chart .owl-carousel {
  margin: 0;
}

.diamond_clarity_chart .owl-carousel [class*=col-] {
  padding: 0;
}

.diamond_clarity_chart .owl-item picture img {
  width: auto;
}

.diamond_clarity_chart .owl-carousel .owl-dots,
.diamond_clarity_chart .owl-carousel .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .containergrid .owl-item .content{
    text-align: center;
  }
  .diamond_clarity_chart .row {
    margin: 0 -16px;
    width: calc(100% + 32px);
  }

  .diamond_clarity_chart .content {
    padding: 0 16px;
  }

  .diamond_clarity_chart [class*=col-] picture {
    height: 267px;
  }
}

@media (min-width: 768px) {
  .diamond_clarity_chart .section-guide-header {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width:991.98px) {
  .diamond_clarity_chart [class*=col-] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .diamond_clarity_chart [class*=col-] picture {
    max-width: 340px;
    flex: 0 0 340px;
    margin: 0;
    height: 245px;
  }

  .diamond_clarity_chart .content {
    margin: auto 0 auto 36px;
  }

  .diamond_clarity_chart .owl-carousel .owl-dots,
  .diamond_clarity_chart .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 36px;
  }
}

@media (min-width: 992px) {
  .diamond_clarity_chart .section-guide-header {
    max-width: 620px;
  }

  .diamond_clarity_chart .row {
    display: flex;
    flex-wrap: wrap;
  }

  .diamond_clarity_chart picture {
    height: 245px;
  }

  .diamond_clarity_chart .row [class*=col-]:nth-child(1),
  .diamond_clarity_chart .row [class*=col-]:nth-child(2),
  .diamond_clarity_chart .row [class*=col-]:nth-child(3) {
    margin-bottom: 40px
  }
}

@media (min-width: 1200px) {
  .diamond_clarity_chart .container {
    padding: 0;
  }

  .diamond_clarity_chart .section-guide-header {
    /* margin-bottom: 24px; */
    max-width: 1140px;
  }

  .diamond_clarity_chart .containergrid {
   max-width: 984px;
   margin: auto;
  }

  .diamond_clarity_chart picture {
    height: 260px;
    margin-bottom: 24px;
  }

  .diamond_clarity_chart h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 0 0 16px;
  }

}

/* =================== Diamond How are diamond blemishes and inclusions =================== */

.diamond-blemishes h2, .diamond-blemishes p{
  text-align: center;
}

.diamond-blemishes a{ text-decoration: underline;}

.blemishes-section{
  padding: 60px 0 0;
}

.diamond-blemishes .blemishes-section h2{
  color: var(--color-brown);
  text-align: left;
}

.diamond-blemishes .blemishes-section ul{
  margin-left: 20px; margin-bottom: 0;
}

.diamond-blemishes .blemishes-section ul li{
  font-size: var(--font-libre-16);
  list-style-type: decimal;
}

@media (max-width: 767.98px) {
  .blemishes-section{
    padding: 30px 0 0;
  }

  .blemishes-section [class*=col-]:last-child{
    margin-top: 32px;
  }

}


/* =================== Diamond How are diamond blemishes and inclusions =================== */

/* =================== Diamond clarity affect =================== */

.diamond_clarity_affect * {
  color: var(--color-white) !important;
}

.diamond_clarity_affect {
  background-color: var(--color-brown);
}

@media (max-width: 767.98px) {
  .diamond_clarity_affect [class*=col-]+[class*=col-] {
    margin-top: 32px;
  }
}

/* =================== Diamond Clarity Faqs =================== */

.clarity-faq-sec{
  background-color: var(--color-milk);
}

.clarity-faq-sec .section-header{ margin-bottom: 30px;}

.clarity-faq-sec .accordion_panel{
  max-width: 642px; margin: auto;
 }

/* =================== Diamond Clarity Faqs =================== */

/* =================== Shop with Diamond =================== */

.shop-diamond{ padding-bottom: 0px;}
.shop-diamond a{ text-decoration: underline;} 
@media (max-width: 767.98px) {
  .shop-diamond .section-header{ margin-bottom: 12px;}
}

/* =================== Diamond Clarity Faqs =================== */

/* =================== Diamond colour and clarity =================== */

.diamond_colour_clarity{
  padding-top: 0px;
}

.section.looking-for-jewellery {
  padding: 60px 0;
}

.looking-for-jewellery .section-guide-header h2 {
  font-size: 28px;
}

.looking-for-jewellery .section-guide-header {
  margin-bottom: 30px;
}

.diamond_colour_clarity .container {
  display: flex;
}

.diamond_colour_clarity .left_block ul {
  list-style-type: disc;
  padding-left: 24px;
}

/* .clarity_bottom{padding-top:0;} */
.clarity_bottom .container {
  text-align: center;
}

@media (max-width: 767.98px) {
  .diamond_colour_clarity .container {
    flex-direction: column;
  }

  .diamond_colour_clarity .right_block {
    margin: 30px -16px 0;
    display: flex;
    justify-content: center
  }
}

@media (min-width: 768px) {
  .diamond_colour_clarity .left_block {
    margin: auto;
  }

  .diamond_colour_clarity .right_block {
    width: 340px;
    flex: 0 0 340px;
    margin-left: 36px;
  }

  .clarity_bottom .container {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .diamond_colour_clarity .right_block {
    width: 364px;
    flex: 0 0 364px;
  }

  .clarity_bottom .container {
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .diamond_colour_clarity .container {
    padding: 0;
  }

  .diamond_colour_clarity .right_block {
    width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }

  .clarity_bottom .container {
    max-width: 725px;
  }
}


/***************************************************
    Diamond Guide Clarity end
***************************************************/




/***************************************************
    Diamond Guide Colour start
***************************************************/

.diamondcolour-top {
  background-color: var(--color-milk);
}

.diamondcolour-top .container {
  display: flex;
  flex-direction: column;
}

.diamondcolour-top .left_block {
  margin-bottom: 24px;
}

.diamondcolour-top-right p {
  margin: 0;
}

@media (max-width: 767.98px) {
  .diamondcolour-top .left_block picture {
    width: 310px;
    flex: 0 0 310px;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width: 768px) {
  .diamondcolour-top .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .diamondcolour-top .left_block {
    width: 260px;
    flex: 0 0 260px;
    margin-right: 14px;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .diamondcolour-top .container {
    justify-content: space-between;
    align-items: center;
  }

  .diamondcolour-top .left_block {
    width: 310px;
    flex: 0 0 310px;
    margin-right: 63px;
  }
}

@media (min-width: 1200px) {
  .diamondcolour-top .container {
    width: 1096px;
    padding: 0;
  }

  .diamondcolour-top .left_block {
    width: 456px;
    flex: 0 0 456px;
    margin-right: 104px;
  }
}


/* =================== Group Grading =================== */


.groupgrading .container {
  display: flex;
}

.groupgrading .left_block ul {
  list-style-type: disc;
  padding-right: 24px;
}

@media (max-width: 767.98px) {
  .groupgrading .container {
    flex-direction: column;
  }

  .groupgrading .right_block {
    margin: 30px 0 0;
    display: flex;
    justify-content: center
  }
}

@media (min-width: 768px) {
  .groupgrading .left_block {
    margin: auto;
  }

  .groupgrading .right_block {
    width: 340px;
    flex: 0 0 340px;
    margin-left: 36px;
  }
}

@media (min-width: 992px) {
  .groupgrading .right_block {
    width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .groupgrading .container {
    width: 1096px;
    padding: 0;
  }

  .groupgrading .right_block {
    width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }
}

/* =================== GIA Colour Grading Scale =================== */


.giacolourgradingscale .section-guide-header {
  margin-bottom: 32px;
  text-align: center;
}

.giacolourgradingscale .table-data {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  color: var(--color-jet);
  border-bottom: 1px solid var(--color-brown);
  border-right: 1px solid var(--color-brown)
}

.giacolourgradingscale .table-data>div {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  border-top: 1px solid var(--color-brown);
  border-left: 1px solid var(--color-brown)
}

.giacolourgradingscale .table-data span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #F4E8DA;
  height: 50px
}

.giacolourgradingscale .one span {
  width: calc(100%/3);
}

.giacolourgradingscale .two span {
  width: calc(100%/4);
}

.giacolourgradingscale .three span {
  width: calc(100%/3);
}

.giacolourgradingscale .four span {
  width: calc(100%/5);
}

.giacolourgradingscale .five span {
  width: calc(100%/8);
}

.giacolourgradingscale .table-data>div>span:nth-last-child(1) {
  width: 100%;
  border-left: 0;
  border-top: 1px solid var(--color-brown)
}

@media (max-width: 767px) {
  .giacolourgradingscale .table-data {
    margin: 0 -16px;
    position: relative;
  }

  .giacolourgradingscale .table-data>div {
    flex: 0 0 calc(100%/3);
    position: relative;
    z-index: 1;
  }

  .giacolourgradingscale .table-data .four,
  .giacolourgradingscale .table-data .five {
    flex: 0 0 calc(100%/2);
  }

  .giacolourgradingscale .table-data:before,
  .giacolourgradingscale .table-data:after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
  }

  .giacolourgradingscale .table-data:before {
    top: 0;
    background: linear-gradient(270deg, #FFFDE7 0%, #FFFFFF 100%);
  }

  .giacolourgradingscale .table-data:after {
    bottom: 0;
    background: linear-gradient(270deg, #FFFBD5 0%, #FFFDE6 100%);

  }
}

@media (min-width: 768px) {
  .giacolourgradingscale .section-guide-header {
    margin-bottom: 24px;
  }

  .giacolourgradingscale .table-data {
    background: linear-gradient(270deg, #FFFBD5 0%, #FFFFFF 100%);
  }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .giacolourgradingscale .section-guide-header {
    margin-bottom: 36px;
  }

  .giacolourgradingscale .container {
    max-width: 1096px;
    padding: 0;
  }

}

/* =================== What Colour Diamonds Do You Offer? =================== */

.colourdiamonds {
  padding-top: 32px;
}

@media (min-width: 768px) {
  .colourdiamonds {
    padding-top: 24px;
  }

  .colourdiamonds .container {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .colourdiamonds .container {
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .colourdiamonds {
    padding-top: 60px;
  }

  .colourdiamonds .container {
    max-width: 725px;
  }
}


/* =================== Fluorescence =================== */

.fluorescence {
  background-color: var(--color-jet);
  margin-bottom: 30px;
}

.fluorescence * {
  color: var(--color-white) !important;
}

.fluorescence .container-full {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
}

@media (max-width: 767px) {
  .fluorescence .container-full {
    flex-direction: column;
  }

  .fluorescence .right_block {
    padding: 30px 16px;
  }
}

@media (min-width: 768px) {
  .fluorescence .container {
    max-width: 580px;
    padding: 0;
  }

  .fluorescence .left_block {
    max-width: 376px;
    flex: 0 0 376px;
    /* background: #01000e; */
  }

  .fluorescence .right_block {
    max-width: 324px;
    margin: 30px 0 30px 34px;
  }
}

@media (min-width: 992px) {
  .fluorescence .container {
    max-width: 620px;
  }

  .fluorescence .left_block {
    max-width: 480px;
    flex: 0 0 480px;
  }

  .fluorescence .right_block {
    max-width: 460px;
    margin: 40px 0 40px 42px;
  }
}

@media (min-width: 1200px) {
  .fluorescence {
    margin-bottom: 60px;
  }

  .fluorescence .container {
    max-width: 725px;
  }

  .fluorescence .left_block {
    max-width: 640px;
    flex: 0 0 640px;
  }

  .fluorescence .right_block {
    max-width: 536px;
    margin: 50px 42px 50px 92px;
  }
}

/* =================== Top Tips =================== */

.diamondcolour_toptips {
  background-color: var(--color-milk);
}


/***************************************************
    Diamond Guide Colour end
***************************************************/


/***************************************************
           Diamond Guide Get In Touch start
***************************************************/


.gettouchwhitebg {
  padding-bottom: 0 !important;
}

.gettouchmilkbg {
  background-color: var(--color-milk);
}

.gettouch .section-guide-header h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
}

@media (min-width: 768px) {
  .gettouch .container {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .gettouch .container {
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .gettouch .container {
    max-width: 725px;
  }

  .gettouch .section-guide-header h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }
}

/***************************************************
           Diamond Guide Get In Touch end
***************************************************/




/***************************************************
    Diamond Guide Shape start
***************************************************/

.diamondshape-top {
  background-color: var(--color-jet);
}

.diamondshape-top * {
  color: var(--color-white) !important;
}

.diamondshape-top .container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1098px;
  margin: 0 auto;
}

.diamondshape-top .right_block {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 375.98px) {
  .diamondshape-top .right_block {
    max-width: 315px;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 767.98px) {
  .diamondshape-top .left_block {
    padding: 20px 0 30px;
  }
}

@media (min-width: 768px) {
  .diamondshape-top .container {
    height: 295px;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .diamondshape-top .left_block {
    flex: 0 0 335px;
  }

  .diamondshape-top .right_block {
    flex: 0 0 357px;
  }
}

@media (min-width: 992px) {
  .diamondshape-top .container {
    height: 267px;
    justify-content: space-between;
    align-items: center;
  }

  .diamondshape-top .left_block {
    flex: 0 0 460px;
  }

}

@media (min-width: 1200px) {
  .diamondshape-top .container {
    width: 1096px;
    height: 382px;
    padding: 0;
  }

  .diamondshape-top .left_block {
    flex: 0 0 536px;
  }

  .diamondshape-top .right_block {
    flex: 0 0 500px;
  }
}


/* =================== Diamond shapes =================== */


.diamondshapes .section-guide-header {
  margin: 0 auto 30px;
}

.diamondshapes .section-guide-header h2+p {
  margin-top: 16px;
}

.diamondshapes picture {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-10);
  margin-bottom: 16px;
  height: 220px;
}

.diamondshapes picture img {
  max-width: 80px;
  max-height: 80px;
  width: auto;
}

.diamondshapes h3 {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
  margin: 0 0 12px;
}

.diamondshapes p {
  margin: 0;
}

.diamondshapes .owl-carousel {
  margin: 0 !important;
}

.diamondshapes .owl-carousel [class*=col-] {
  padding: 0 !important;
}

.diamondshapes .owl-item picture img {
  width: auto;
}

@media (max-width: 767px) {

  .diamondshapes .owl-carousel .owl-dots,
  .diamondshapes .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .diamondshapes .section-guide-header {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width:991.98px) {
  .diamondshapes [class*=col-] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .diamondshapes [class*=col-] picture {
    max-width: 340px;
    flex: 0 0 340px;
    margin: 0;
  }

  .diamondshapes .content {
    margin: auto 0 auto 36px;
  }

  .diamondshapes .owl-carousel .owl-dots,
  .diamondshapes .owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .diamondshapes .section-guide-header {
    max-width: 620px;
  }

  .diamondshapes .row {
    display: flex;
    flex-wrap: wrap;
  }

  .diamondshapes .row [class*=col-] {
    margin-top: 40px;
  }

  .diamondshapes .row [class*=col-]:nth-child(1),
  .diamondshapes .row [class*=col-]:nth-child(2),
  .diamondshapes .row [class*=col-]:nth-child(3) {
    margin-top: 0px
  }
}

@media (min-width: 1200px) {
  .diamondshapes .container {
    padding: 0;
  }

  .diamondshapes .section-guide-header {
    /* margin-bottom: 24px; */
    max-width: 725px;
  }

  .diamondshapes .section-guide-header h2+p {
    margin-top: 30px;
  }

  .diamondshapes .containergrid {
    max-width: 984px;
    margin: 0 auto;
  }

  .diamondshapes picture {
    margin-bottom: 24px;
  }

  .diamondshapes h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 0 0 16px;
  }
}


/* =================== Diamond shapes, cut and sizes =================== */

.diamond_shapes_cut_sizes {
  background-color: var(--color-milk);
}

.diamond_shapes_cut_sizes .section-guide-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

.diamond_shapes_cut_sizes .subheader {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0 0 12px;
}

.diamond_shapes_cut_sizes [class*=col-] {
  text-align: center;
}

@media (max-width: 767.98px) {
  .diamond_shapes_cut_sizes .section-guide-header br {
    display: none;
  }

  .diamond_shapes_cut_sizes [class*=col-]+[class*=col-] {
    margin-top: 28px;
  }
}

@media (min-width: 768px) {
  .diamond_shapes_cut_sizes .section-guide-header {
    max-width: 580px;
    margin-bottom: 28px;
  }
}

@media (min-width: 992px) {
  .diamond_shapes_cut_sizes .section-guide-header {
    max-width: 620px;
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .diamond_shapes_cut_sizes .section-guide-header {
    max-width: 725px;
    margin-bottom: 40px;
  }

  .diamond_shapes_cut_sizes .subheader {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0 0 16px;
  }

  .diamond_shapes_cut_sizes .subheader br {
    display: none;
  }

  .diamond_shapes_cut_sizes [class*=col-] {
    text-align: left;
  }
}

/***************************************************
    Diamond Guide Shape end
***************************************************/




/***************************************************
    Diamond Guide Cut start
***************************************************/

/* =================== Group Grading =================== */

.diamondcut-top {
  padding-top: 0 !important;
}

.diamondcut-top .container {
  display: flex;
}

.diamondcut-top .left_block ul {
  list-style-type: disc;
  padding-right: 24px;
}

.diamondcut-top .section-guide-header {
  margin-bottom: 16px !important;
}

@media (max-width: 767.98px) {
  .diamondcut-top .container {
    flex-direction: column;
  }

  .diamondcut-top .right_block {
    margin: 30px 0 0;
    display: flex;
    justify-content: center
  }
}

@media (min-width: 768px) {
  .diamondcut-top .left_block {
    margin: auto;
  }

  .diamondcut-top .right_block {
    width: 340px;
    flex: 0 0 340px;
    margin-left: 36px;
    display: flex;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .diamondcut-top .right_block {
    width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .diamondcut-top .container {
    width: 1096px;
    padding: 0;
  }

  .diamondcut-top .right_block {
    width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }
}


/* =================== Diamond Cut Shapes =================== */

.diamond_cut_shapes {
  background-color: var(--color-milk);
}

@media (max-width: 767.98px) {
  .diamond_cut_shapes .row [class*=col-]+[class*=col-] {
    margin-top: 30px;
  }

  .diamond_cut_shapes .section-guide-header {
    margin-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .diamond_cut_shapes .container {
    width: 1096px;
    padding: 0;
  }
}


/* =================== Types of diamond cuts =================== */

.diamondcuts .section-guide-header {
  margin: 0 auto 30px;
}

.diamondcuts .section-guide-header h2+p {
  margin-top: 16px !important;
}

.diamondcuts .row {
  display: flex;
  flex-wrap: wrap;
}

.diamondcuts .subheader {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
  margin: 0 0 12px;
}

@media (max-width: 767.98px) {
  .diamondcuts .row [class*=col-]+[class*=col-] {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .diamondcuts .section-guide-header {
    max-width: 580px;
    margin-bottom: 32px;
  }

  .diamondcuts .row [class*=col-]:nth-child(3),
  .diamondcuts .row [class*=col-]:nth-child(4),
  .diamondcuts .row [class*=col-]:nth-child(5) {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .diamondcuts .section-guide-header {
    max-width: 620px;
    margin-bottom: 30px;
  }

  .diamondcuts .row [class*=col-]:nth-child(3),
  .diamondcuts .row [class*=col-]:nth-child(4),
  .diamondcuts .row [class*=col-]:nth-child(5) {
    margin-top: 28px;
  }
}

@media (min-width: 1200px) {
  .diamondcuts .container {
    width: 1096px;
    padding: 0;
  }

  .diamondcuts .section-guide-header {
    max-width: 725px;
    padding: 0;
    margin-bottom: 60px;
  }

  .diamondcuts .subheader {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 0 0 16px;
  }

  .diamondcuts .row [class*=col-]:nth-child(3),
  .diamondcuts .row [class*=col-]:nth-child(4),
  .diamondcuts .row [class*=col-]:nth-child(5) {
    margin-top: 24px;
  }
}

/* =================== Diamond cut chart =================== */

.diamondcutchart {
  background-color: var(--color-dark-10);
  text-align: center;
}

.diamondcutchart .section-guide-header {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.diamondcutchart .inn {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.diamondcutchart .inn picture {
  margin: 0 auto;
}

.diamondcutchart .ideal picture {
  width: 145px;
  height: 132px;
}

.diamondcutchart .deep picture {
  width: 150px;
  height: 154px;
}

.diamondcutchart .shallow picture {
  width: 145px;
  height: 153px;
}

.diamondcutchart .inn h3 {
  color: var(--color-brown);
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
  margin: 0;
}

@media (max-width: 767.98px) {
  .diamondcutchart .ideal {
    margin-bottom: 28px;
  }

  .diamondcutchart .deep {
    margin-bottom: 28px;
  }
}

@media (min-width: 768px) {
  .diamondcutchart .section-guide-header {
    max-width: 580px;
  }

  .diamondcutchart .section-guide-header h2+p {
    margin: 16px 0 0 !important;
  }
}

@media (min-width: 992px) {
  .diamondcutchart .container {
    width: 700px;
    padding: 0;
  }

  .diamondcutchart .section-guide-header {
    max-width: 620px;
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .diamondcutchart .container {
    width: 984px;
    padding: 0;
  }

  .diamondcutchart .section-guide-header {
    max-width: 725px;
    padding: 0;
    margin-bottom: 40px;
  }

  .diamondcutchart .inn {
    height: 280px;
  }

  .diamondcutchart .inn h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .diamondcutchart .ideal picture {
    width: 206px;
    height: 188px;
  }

  .diamondcutchart .deep picture {
    width: 214px;
    height: 219px;
  }

  .diamondcutchart .shallow picture {
    width: 206px;
    height: 217px;
  }
}

/* =================== Diamond cut FAQs =================== */

.diamondcut_faqs {
  padding-bottom: 0;
}

.diamondcut_faqs .section-guide-header {
  margin-bottom: 26px;
}

.diamondcut_faqs .section-guide-header h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

@media (min-width: 768px) {
  .diamondcut_faqs .container {
    max-width: 460px;
    padding: 0;
  }

  .diamondcut_faqs .section-guide-header {
    margin-bottom: 20px;
  }

  .diamondcut_faqs .section-guide-header h2 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }
}

@media (min-width: 992px) {
  .diamondcut_faqs .container {
    max-width: 620px;
  }

}

@media (min-width: 1200px) {
  .diamondcut_faqs .container {
    max-width: 642px;
  }

  .diamondcut_faqs .section-guide-header {
    margin-bottom: 24px;
  }
}

/***************************************************
    Diamond Guide Cut end
***************************************************/




/***************************************************
    Diamond Guide Certification start
***************************************************/

.diamondcertificate-top {
  background-color: var(--color-milk);
}

.diamondcertificate-top .container {
  display: flex;
  flex-direction: column;
  padding-right: 0;
}

.diamondcertificate-top .left_block {
  margin: auto;
}

@media (max-width: 767.98px) {
  .diamondcertificate-top .container {
    padding: 0;
  }

  .diamondcertificate-top .left_block {
    padding: 30px 16px;
  }

  .diamondcertificate-top .right_block picture img {
    width: 100%;
    display: block;
  }
}

@media (min-width: 768px) {
  .diamondcertificate-top .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .diamondcertificate-top .left_block {
    margin-right: 34px;
  }

  .diamondcertificate-top .right_block {
    max-width: 376px;
    flex: 0 0 376px;
  }
}

@media (min-width: 992px) {
  .diamondcertificate-top .left_block {
    margin-right: 42px;
  }

  .diamondcertificate-top .right_block {
    max-width: 480px;
    flex: 0 0 480px;
  }
}

@media (min-width: 1200px) {
  .diamondcertificate-top .container {
    justify-content: flex-end;
    padding: 0;
  }

  .diamondcertificate-top .left_block {
    max-width: 536px;
    margin-right: 92px;
    margin-left: 60px;
  }

  .diamondcertificate-top .right_block {
    max-width: 640px;
    flex: 0 0 640px;
  }
}

/* =================== Diamond Certificate para =================== */

.diamondcertificate-para .container {
  text-align: center;
}

@media (min-width: 768px) {
  .diamondcertificate-para .container {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .diamondcertificate-para .container {
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .diamondcertificate-para .container {
    max-width: 725px;
  }
}

/* =================== Diamond Certificate EGL =================== */


.diamondcertificate-egl .container {
  display: flex;
}

.diamondcertificate-egl .left_block p+.section-guide-header {
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  .diamondcertificate-egl .container {
    flex-direction: column;
  }

  .diamondcertificate-egl .left_block {
    order: 2;
  }

  .diamondcertificate-egl .right_block {
    order: 1;
    margin-bottom: 30px;
  }

  .diamondcertificate-egl .right_block img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .diamondcertificate-egl .left_block {
    margin: auto 0;
  }

  .diamondcertificate-egl .right_block {
    max-width: 340px;
    flex: 0 0 340px;
    margin: auto 0 auto 36px;
  }
}

@media (min-width: 992px) {
  .diamondcertificate-egl .right_block {
    max-width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .diamondcertificate-egl .container {
    width: 1096px;
    padding: 0;
  }

  .diamondcertificate-egl .left_block {
    max-width: 536px;
  }

  .diamondcertificate-egl .right_block {
    max-width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }
}


/* =================== Diamond Certificate IGI =================== */

.diamondcertificate-igi .container {
  display: flex;
}

@media (max-width: 767.98px) {
  .diamondcertificate-igi .container {
    flex-direction: column;
  }

  .diamondcertificate-igi .left_block {
    margin-bottom: 30px;
  }

  .diamondcertificate-igi .left_block img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .diamondcertificate-igi .right_block {
    margin: auto 0;
  }

  .diamondcertificate-igi .left_block {
    max-width: 340px;
    flex: 0 0 340px;
    margin: auto 36px auto 0;
  }
}

@media (min-width: 992px) {
  .diamondcertificate-igi .left_block {
    max-width: 364px;
    flex: 0 0 364px;
  }
}

@media (min-width: 1200px) {
  .diamondcertificate-igi .container {
    width: 1096px;
    padding: 0;
  }

  .diamondcertificate-igi .right_block {
    max-width: 536px;
  }

  .diamondcertificate-igi .left_block {
    max-width: 468px;
    flex: 0 0 468px;
    margin-right: 92px;
  }
}


/* =================== Diamond Certificate milk para =================== */

.diamondcertificate-milkpara {
  background-color: var(--color-milk);
}

.diamondcertificate-milkpara .container {
  text-align: center;
}

@media (min-width: 768px) {
  .diamondcertificate-milkpara .container {
    max-width: 580px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .diamondcertificate-milkpara .container {
    max-width: 620px;
  }
}

@media (min-width: 1200px) {
  .diamondcertificate-milkpara .container {
    max-width: 725px;
  }
}

/***************************************************
    Diamond Guide Certification end
***************************************************/



/***************************************************
    Diamond Guide Education start
***************************************************/

.diamondeducationall {
  padding-top: 0;
  margin-top: -30px;
}

.diamondeducationall .row {
  display: flex;
  flex-wrap: wrap;
}

.diamondeducationall a {
  display: block;
  margin-top: 30px;
}

.diamondeducationall a picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 260px;
  overflow: hidden;
  background-color: var(--color-dark-10);
}

.diamondeducationall .content {
  text-align: center;
  width: 100%;
  max-width: 364px;
  margin: 16px auto 0;
}

.diamondeducationall .content h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  color: var(--color-jet);
  margin: 0 0 12px;
}

.diamondeducationall .content p {
  margin: 0;
}

.diamondeducationall .content p>span {
  display: block;
  margin-top: 12px;
  color: var(--color-brown);
  font-weight: var(--font-weight-semi-bold);
}

@media (min-width: 1200px) {
  .diamondeducationall a picture {
    height: 300px;
  }

  .diamondeducationall .content {
    margin-top: 24px;
  }

  .diamondeducationall .content h3 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin-bottom: 16px;
  }

  .diamondeducationall .content p>span {
    margin-top: 16px;
  }
}

/***************************************************
    Diamond Guide Education end
***************************************************/

/* Jewellery Care Plan Starts */

.heading-content {
  max-width: 1140px;
  margin: auto;
  text-align: center;
}

.heading-content h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin: 0 0 24px;
}

.heading-content p {
  margin: 0;
}

.plan-container {
  max-width: 1140px;
  margin: auto;
  padding-bottom: 0 !important;
  margin-bottom: -20px !important;
}

.plan-container h2 {
  margin: 0 0 24px !important;
}

.plan-detail-heading,
.plan-container th {
  background-color: var(--color-brown);
  color: var(--color-white);
  border: 1px solid var(--color-brown) !important;
}

.plan-detail-heading {
  width: 327px;
}

.plan-container .table>tbody>tr>td,
.plan-container .table>tbody>tr>th {
  padding: 16px 15px;
  font-weight: 400;
  border: 1px solid var(--color-primary-200);
  vertical-align: middle;
  line-height: 17.2px;
}

.plan-container table {
  border: 1px solid var(--color-primary-200);
  border-collapse: separate;
  width: 100%;
  margin: 0;
}

.plan-container th:not(.plan-detail-heading),
.plan-container td:not(.plan-detail-heading) {
  text-align: center;
}

.tnc-block h2 {
  margin: 60px 0 40px !important;
}

.tnc-block a {
  text-decoration: underline;
  color: var(--color-jet) !important;
}

.table-responsive {
  border: none;
  overflow: unset;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner-info {
    padding: 60px 30px !important;
  }

  .plan-container {
    padding: 30px 30px 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .heading-content h1 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }

  .tnc-block h2 {
    margin: 30px 0 16px !important;
  }
}

@media (max-width: 767px) {
  .heading-content {
    padding: 0 16px;
  }

  .heading-content h1 {
    margin-bottom: 48px;
  }

  .plan-container {
    margin-bottom: 0 !important;
  }

  .plan-container h2 {
    margin: 0px 16px 30px !important;
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
    text-align: center;
  }

  .plan-container .table>tbody>tr>td,
  .plan-container .table>tbody>tr>th {
    font-size: 10px;
    line-height: 10px;
    padding: 16px 6px;
    text-wrap: balance;
  }

  .plan-detail-heading {
    max-width: 95px;
  }

  .table-responsive {
    padding: 0 12px;
  }

  .plan-container th:not(.plan-detail-heading),
  .plan-container td:not(.plan-detail-heading) {
    max-width: 51px;
  }

  .tnc-block {
    padding: 0 16px;
    text-align: center;
  }

  .tnc-block h2 {
    font-size: var(--font-ivy-24) !important;
    line-height: var(--font-ivy-24-line-height) !important;
    margin: 30px auto 16px !important;
  }
}

/* Jewellery Care Plan Ends */

/***************************************************
    Jewllery Care Guide Start
***************************************************/
.jeweller-care .section-header {
  margin-bottom: 16px;
}

.jeweller-care .section-header h2 {
  color: var(--color-brown);
}

.jeweller-care .diamond-care {
  text-align: center;
}

.jeweller-care .diamond-care p {
  max-width: 716px;
  margin: auto;
}

.jeweller-care .max-width {
  max-width: 1096px;
  margin-left: auto;
  margin-right: auto;
}

.jeweller-care .diamond-care-content {
  padding-top: 0px;
}

.jeweller-care .diamond-care-content .diamond-care-content-sec {
  display: flex;
}

.jeweller-care .diamond-care-content .diamond-care-content-sec+.diamond-care-content-sec {
  margin-top: 30px;
}

.jeweller-care .diamond-care-content .diamond-care-content-left {
  max-width: 468px;
  width: 100%;
  margin-right: 92px;
}

.jeweller-care .diamond-care-content .diamond-care-content-right {
  max-width: 100%;
  width: 100%;
}

.jeweller-care .diamond-care-content .diamond-care-content-right h2 {
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
}

.jeweller-care .diamond-care-content-right-top:first-child {
  margin-bottom: 30px;
}

.jeweller-care .gold-care {
  background-color: var(--color-milk);
}

.jeweller-care .gold-care .gold-care-top {
  max-width: 725px;
  margin: 0 auto 30px;
  text-align: center;
}

.jeweller-care .gold-care .gold-care-bottom h2 {
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin-bottom: 16px;
}

.jeweller-care .gold-care .gold-care-bottom figure {
  margin-bottom: 30px;
}

.jeweller-care .clean-ring {
  display: flex;
  margin-bottom: 60px;
  align-items: center;
}

.jeweller-care .clean-ring:last-child {
  margin-bottom: 0px;
}

.jeweller-care .clean-ring-left,
.jeweller-care .clean-ring-right {
  max-width: 100%;
  width: 100%;
}

.jeweller-care .clean-ring-right.right-img {
  max-width: 468px;
  width: 100%;
}

.jeweller-care .clean-ring-left.left-img {
  max-width: 468px;
  width: 100%;
}

.jeweller-care .right-img {
  margin-left: 92px;
}

.jeweller-care .left-img {
  margin-right: 92px;
}

.jeweller-care .care-faq {
  background-color: var(--color-milk);
}

.jeweller-care .care-faq h2 {
  margin-bottom: 30px;
  text-align: center;
}

.jeweller-care .care-faq .care-faq-contant {
  max-width: 642px;
  margin: 0 auto 0;
}

.jeweller-care .care-faq .text-link {
  color: var(--color-brown);
  text-decoration: underline;
}

.jeweller-care .jewellery-care-gettouch {
  padding-bottom: 0px;
}

.jeweller-care .jewellery-care-gettouch h2 {
  color: var(--color-black);
}

.jeweller-care .jewellery-care-gettouch p {
  max-width: 725px;
  margin: 0 auto 0;
}

.jewellery-care-gettouch .chatlink {
  text-decoration: none !important;
}

.jewellery-care.information-guide-other-lang h4,
.jewellery-care.information-guide-other-lang h3 {
  font-size: var(--font-ivy-20);
  list-style: var(--font-ivy-20-line-height);
  font-family: var(--font-family-ivy);
}

.jewellery-care.information-guide-other-lang p a {
  text-decoration: underline;
}

.information-guide-other-lang h1,
.information-guide-other-lang h2,
.information-guide-other-lang h3 {
  font-family: var(--font-family-ivy);
  line-height: normal;
}


.jeweller-care .care-faq .section-header h2 {
  color: var(--color-black);
}

@media (min-width: 1200px) {
  .jeweller-care .gold-care .gold-care-bottom {
    display: flex;
    justify-content: center;
  }

  .jeweller-care .gold-care .gold-care-bottom .col-sm-4 {
    max-width: 336px;
    width: 100%;
  }
}

@media (max-width: 1200px) {

  .jeweller-care .diamond-care-content .diamond-care-content-left {
    margin-right: 30px;
  }

  .jeweller-care .gold-care .gold-care-bottom h2 {
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
  }

  .jeweller-care .right-img {
    margin-left: 30px;
  }

  .jeweller-care .left-img {
    margin-right: 30px;
  }

}

@media (max-width: 991px) {
  .jeweller-care .gold-care .gold-care-bottom h2 {
    min-height: 77px;
  }
}

@media (max-width: 767px) {
  .jeweller-care .pagetopbanner_right {
    padding: 30px 16px 30px 16px;
  }

  .jeweller-care .pagetopbanner_right h1 {
    margin-bottom: 30px;
  }

  .jeweller-care .pagetopbanner_right {
    text-align: center;
  }

  .jeweller-care .section-header {
    margin-bottom: 12px;
  }

  .jeweller-care .diamond-care-content .diamond-care-content-sec {
    flex-wrap: wrap;
  }

  .jeweller-care .diamond-care-content .diamond-care-content-left {
    margin: 0px -16px 30px;
    width: calc(100% + 32px);
  }

  .jeweller-care .diamond-care-content .diamond-care-content-right {
    text-align: center;
  }

  .jeweller-care .diamond-care-content-right-top:first-child {
    margin-bottom: 40px;
  }

  .jeweller-care .gold-care .gold-care-bottom figure {
    margin-bottom: 16px;
  }

  .jeweller-care .gold-care .gold-care-bottom h2 {
    min-height: auto;
  }

  .jeweller-care .gold-care-bottom .col-sm-4 {
    margin-top: 40px;
  }

  .jeweller-care .gold-care-bottom .col-sm-4:first-child {
    margin-top: 0px;
  }

  .jeweller-care .gold-care .gold-care-bottom h2 {
    margin-bottom: 12px;
  }

  .jeweller-care .clean-ring {
    flex-wrap: wrap;
    text-align: center;
  }

  .jeweller-care .clean-ring:first-child .clean-ring-left,
  .jeweller-care .clean-ring:last-child .clean-ring-left {
    order: 2;
  }

  .jeweller-care .clean-ring:first-child .clean-ring-right,
  .jeweller-care .clean-ring:last-child .clean-ring-right {
    order: 1;
  }

  .jeweller-care .right-img {
    margin-left: 0px;
    margin-bottom: 30px;
  }

  .jeweller-care .left-img {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .jeweller-care .care-faq h2 {
    margin-bottom: 26px;
  }

  .jeweller-care .diamond-care-content .diamond-care-content-right h2 {
    font-size: var(--font-ivy-20);
  }

  .jeweller-care .clean-ring {
    margin-bottom: 30px;
  }
}

/***************************************************
    Jewllery Care Guide End
***************************************************/


/***************************************************
    Ring Size Guide start
***************************************************/

.ring-size-guide-page .max-width {
  max-width: 1096px;
  margin-left: auto;
  margin-right: auto;
}

.ring-size-guide-page .max-width725 {
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
}

.ring-size-guide-page .pagetopbanner_left img {
  max-width: 720px;
  width: 100%;
}


.ring-size-guide-page .pagetopbanner_right .inn p {
  max-width: 536px;
  width: 100%;
}

.ring-size-guide-page .pagetopbanner_right .inn p a {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: underline;
}

.ring-size-guide-page .ring-tab-sec a {
  background-color: var(--color-dark-10);
  padding: 8px 12px;
  margin: 4px 2px 0px;
}

.ring-size-guide-page .ring-tab-sec .max-width {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -4px;
}

.ring-size-guide-page .section-header {
  margin-bottom: 16px;
}

.ring-size-guide-page .ring-size-chart {
  background-color: var(--color-milk);
}

.ring-size-guide-page .ring-size-chart p {
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
}

.ring-size-guide-page .ring-size-chart-table .row {
  display: flex;
  margin-top: 30px;
}

.ring-size-chart-table {
  max-width: 872px;
  width: 100%;
  margin: auto;
}

.ring-size-guide-page .ring-size-chart-table .chart-table-left,
.ring-size-guide-page .ring-size-chart-table .chart-table-right {
  max-width: 424px;
  width: 100%;
}

.ring-size-guide-page .table>tbody>tr>td,
.ring-size-guide-page .table>tbody>tr>th,
.ring-size-guide-page .table>tfoot>tr>td,
.ring-size-guide-page .table>tfoot>tr>th,
.ring-size-guide-page .table>thead>tr>td,
.ring-size-guide-page .table>thead>tr>th {
  padding: 16px 5px;
  border: 1px solid var(--color-primary-200);
}

.ring-size-guide-page .table>thead:first-child>tr:first-child>th {
  background-color: var(--color-brown);
  color: var(--color-white);
  font-weight: var(--font-weight-regular);
  text-align: center;
  width: 50%;
}

.ring-size-guide-page table {
  text-align: center;
  background-color: var(--color-milk-light);
  margin-bottom: 0px;
}

.ring-size-guide-page .ring-measure ol {
  margin-bottom: 0px;
}

.ring-size-guide-page .ring-measure-top {
  margin-bottom: 60px;
}

.ring-size-guide-page .btn-lg {
  margin-top: 30px;
  /* text-transform: capitalize; */
}

.ring-size-guide-page .btn-lg:focus {
  color: var(--color-black);
}

.ring-size-guide-page .ring-measure-bottom {
  display: flex;
  align-items: center;
}

.ring-size-guide-page .ring-measure-bottom figure {
  max-width: 468px;
  margin-right: 92px;
  width: 100%;
}

.ring-size-guide-page .how-to-measure {
  background-color: var(--color-milk);
  text-align: center;
}

.ring-size-guide-page .how-to-measure-bottom {
  margin: 24px auto 0;
  max-width: 984px;
}

.ring-size-guide-page .how-to-measure-bottom img {
  margin: 0 auto 24px;
}

.ring-size-guide-page .ring-searching {
  text-align: center;
}

.ring-size-guide-page .ring-searching .btn-lg{
  text-transform: capitalize;
}

.ring-size-guide-page .ring-searching img {
  margin-bottom: 24px;
}

.ring-size-guide-page .ring-measure-tips {
  background-color: var(--color-dark-10);
}

.ring-size-guide-page .ring-measure-tips-section .row {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block {
  max-width: 224px;
  width: 100%;
}

.ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block figure {
  margin-bottom: 24px;
}

.ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block h2 {
  color: var(--color-brown);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
}

.ring-size-guide-page .ring-resizing {
  background-color: var(--color-brown);
  color: var(--color-white);
  text-align: center;
}

.ring-size-guide-page .ring-resizing p a {
  color: var(--color-white);
  text-decoration: underline;
}

.ring-size-guide-page .average-ring .max-width:last-child {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

.ring-size-guide-page .average-ring .average-left h2 {
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  color: var(--color-brown);
}

.ring-size-guide-page .average-ring .average-right {
  margin-left: 92px;
  max-width: 468px;
}

.ring-size-guide-page .average-ring .average-content:first-child {
  margin-bottom: 36px;
}

.ring-size-guide-page .need-help {
  background-color: var(--color-milk);
}

.ring-size-guide-page .need-help a {
  color: var(--color-black);
  text-decoration: underline;
}

.ring-size-guide-page .ring-faq-section {
  padding-bottom: 0px;
}

.ring-size-guide-page .ring-faq-section .section-header {
  margin-bottom: 24px;
}

.ring-size-guide-page .ring-faq-section .panel-group {
  max-width: 642px;
  margin: 0 auto;
}

/*============ AU/NZ New design
================*/

.ring-size-guide-page .pagetopbanneraunz .inn p a{
  font-weight: normal;
}

.ring-measureaunz{
  background-color: var(--color-milk);
}
.ring-size-guide-page .ring-measureaunz .ring-measure-top{
  margin-bottom: 0px;
}
.ring-size-guide-page .ring-measureaunz .ring-measure-top a{
  margin-left: auto; margin-right: auto;  
  display: block;
  max-width: 320px;
}
.ring-size-guide-page .ring-measureaunz .section-header h2{
  text-align: center;
}
.ring-size-guide-page .ring-measureaunz ol{
  margin-top: 30px;
}

.ring-size-guide-page .ring-size-chart-aunz p{
  max-width: 1096px;
}

.ring-size-guide-page h2{
  text-transform: initial !important;
}

.ring-size-guide-page .how-to-measureaunz{
  background-color: var(--color-white);
}

.ring-size-guide-page .how-to-measureaunz .max-width p a{
  text-decoration: underline; 
}

.ring-searchingaunz .section-header h2{
  min-height: 90px;
}

.ring-searchingaunz p a{
  text-decoration: underline;
}

.need-helpaunz p a{
  color: var(--color-black) !important;
  text-decoration: underline;
}

.ring-size-guide-page .ring-faq-section .panel-group p a{
  text-decoration: underline;
}

@media (max-width: 767px) {
  .ring-size-guide-page .ring-measureaunz .section-header h2, .ring-size-guide-page .ring-measureaunz p,
  .ring-size-guide-page .ring-measureaunz ol li{
    text-align: left;
  }
  .ring-size-guide-page .ring-measureaunz ol li{
    display: flex;
  }
  .ring-size-guide-page .ring-measureaunz ol li span{
    margin-right: 3px;
  }
  .ring-size-guide-page .ring-measureaunz .ring-measure-top .section-header{
    max-width: 100%;
  }
  .ring-searchingaunz .section-header h2{
    min-height: initial;
  }
  .ring-size-guide-page .ring-measureaunz .ring-measure-top a, .ring-measureaunz1 .btn-lg{
    font-size: var(--font-libre-14);
  }
  .ring-size-guide-page .ring-measureaunz ol{
    margin-top: 10px;
  }
  .ring-tab-secaunz .container{
    padding-left: 13px; padding-right: 13px;
  }

}

/*================= AU/NZ New design
==================================*/

/* Ring Size Guide popup */

#ringsizeguide .modal-dialog {
  max-width: 1216px;
  width: calc(100% - 20px);
}

#ringsizeguide .modal-dialog .modal-content {
  border-radius: 0px;
  padding: 43.5px 60px 60px;
}

#ringsizeguide .modal-dialog .modal-header {
  padding: 0px;
  border-bottom: 0px;
}

#ringsizeguide .modal-dialog .modal-header .close {
  opacity: 9;
  top: 36px;
  right: 36px;
  position: absolute;
}

#ringsizeguide .modal-dialog .modal-body {
  padding: 0px;
}

#ringsizeguide #ringsizeform {
  max-width: 872px;
  width: 100%;
  margin: 24px auto 0;
  padding: 0px;
}

#ringsizeguide #ringsizeform .row {
  display: flex;
  flex-wrap: wrap;
}

#ringsizeguide #ringsizeform label {
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

#ringsizeguide #ringsizeform small {
  font-size: var(--font-libre-12);
  line-height: var(--font-libre-12-line-height);
}

#ringsizeguide .ring_siz_cbox .check-button:first-child {
  margin-bottom: 16px;
}

.ring-size-guide-page #ringsizeguide .btn-lg {
  margin-top: 24px;
  /* text-transform: capitalize; */
}

/* Ring Size Guide popup end */

@media (min-width: 1025px) {

  html[lang='fr'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='de'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='de-at'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='es'] .ring-size-guide-page .pagetopbanner_right h1 {
    font-size: 45px !important;
  }
}

@media (min-width: 991px) and (max-width: 1024px) {

  html[lang='fr'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='de'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='de-at'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='es'] .ring-size-guide-page .pagetopbanner_right h1 {
    font-size: 34px !important;
  }
}

@media (min-width:768px) {

  html[lang='fr'] .ring-size-guide-page .pagetopbanner_right h1,
  html[lang='de'] .ring-size-guide-page .pagetopbanner_right h1 {
    font-size: 26px;
  }
}

@media (max-width: 1024px) {
  .ring-size-guide-page .ring-searching p {
    min-height: 73px;
  }
}

@media (max-width: 991px) {
  .ring-size-guide-page .ring-measure-bottom figure {
    margin-right: 20px;
  }

  .ring-size-guide-page .ring-measure-top {
    margin-bottom: 30px;
  }

  .ring-size-guide-page .ring-searching .col-md-6:first-child {
    margin-bottom: 30px;
  }

  .ring-size-guide-page .ring-measure-tips-section .row {
    justify-content: flex-start;
    margin-top: 24px;
    flex-wrap: wrap;
  }

}

@media (max-width: 767px) {

  .ring-size-guide-page .pagetopbanner_right {
    padding: 30px 16px 30px 16px;
    text-align: center;
  }

  .ring-size-guide-page .pagetopbanner_right h1 {
    margin: 0 0 32px;
  }

  .ring-size-guide-page .ring-tab-sec {
    padding-top: 0px;
  }

  .ring-size-guide-page .ring-tab-sec a {
    margin: 4px 0px 0px;
    text-align: center;
  }

  .ring-size-guide-page .section-header {
    margin-bottom: 12px;
  }

  .ring-size-guide-page .ring-size-chart-table .row {
    flex-wrap: wrap;
  }

  .ring-size-guide-page .ring-size-chart-table .row {
    margin-top: 24px;
  }

  .ring-size-guide-page .dnone {
    display: none;
  }

  .ring-size-guide-page .table>tbody>tr>td {
    width: 50%;
  }

  .ring-size-guide-page .chart-table-right {
    margin-top: -1px;
  }

  .ring-size-guide-page .ring-measure-top .section-header {
    max-width: 300px;
    margin: 0 auto 12px;
  }

  .ring-size-guide-page .ring-measure-top {
    text-align: center;
  }

  .ring-size-guide-page .btn-lg {
    width: 100%;
    max-width: 343px;
  }

  .ring-size-guide-page .ring-measure-bottom {
    flex-wrap: wrap;
    width: calc(100% + 32px);
    margin: 0 -16px 0px;
  }

  .ring-size-guide-page .ring-measure-bottom figure {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .ring-size-guide-page .ring-measure-content {
    text-align: center;
    padding: 0px 16px;
  }

  .ring-size-guide-page .how-to-measure-bottom {
    margin: 30px auto 0;
  }

  .ring-size-guide-page .how-to-measure-bottom img {
    max-width: 76px;
    margin: 0 auto 16px;
  }

  .how-to-measure-bottom .how-to-measure-block {
    margin-bottom: 40px;
  }

  .how-to-measure-bottom .how-to-measure-block:last-child {
    margin-bottom: 0px;
  }

  .ring-size-guide-page .ring-searching img {
    margin-bottom: 30px;
  }

  .ring-size-guide-page .ring-searching .btn-lg {
    margin-top: 20px;
    font-size: var(--font-libre-14);
    ;
  }

  .ring-size-guide-page .ring-measure-tips .section-header {
    max-width: 290px;
    margin: 0 auto 12px;
  }

  .ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block {
    max-width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block:last-child {
    margin-bottom: 0px;
  }

  .ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block figure {
    margin-bottom: 16px;
  }

  .ring-size-guide-page .ring-measure-tips-section .ring-measure-tips-block h2 {
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
  }

  .ring-size-guide-page .ring-measure-tips-section .row {
    margin-top: 30px;
  }

  .ring-size-guide-page .average-ring .max-width:last-child {
    flex-wrap: wrap;
    text-align: center;
  }

  .ring-size-guide-page .average-ring .average-left h2 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  .ring-size-guide-page .average-content .section-header {
    margin-bottom: 16px;
  }

  .ring-size-guide-page .average-ring .average-content:first-child {
    margin-bottom: 30px;
  }

  .ring-size-guide-page .average-ring .average-right {
    margin: 30px -16px 0px;
  }

  .ring-size-guide-page .need-help .section-header {
    max-width: 270px;
    margin: 0 auto 12px;
  }

 
  /* Ring size guide popup */
  #ringsizeguide .modal-dialog .modal-content {
    background-color: var(--color-milk);
  }

  #ringsizeguide .modal-dialog .modal-content {
    padding: 36.5px 16px 40px;
    ;
  }

  #ringsizeguide .modal-dialog .modal-header .close {
    top: 18px;
    right: 16px;
  }

  #ringsizeguide #ringsizeform .row {
    display: block;
  }

  #ringsizeguide #ringsizeform .smalltext {
    margin-bottom: 16px !important;
  }

  .ring-size-guide-page #ringsizeguide .btn-lg {
    margin-top: 24px;
    width: 100%;
    max-width: 343px;
    color: var(--color-black);
    border-color: var(--color-black);
  }

  #ringsizeguide .radio-button input[type="radio"]+i:after,
  #ringsizeguide .check-button input[type="checkbox"]+i:after,
  #ringsizeguide .check-button.circle input[type="checkbox"]+i:after {
    background-color: var(--color-milk);
  }

  /* Ring size guide popup */

}



/***************************************************
    Ring Size Guide End
***************************************************/


/***************************************************
    Valuations Start
***************************************************/
.valuation-section {
  max-width: 1140px;
  margin: 6px auto 0px;
  display: flex;
  flex-direction: column;
}

.valuation-section h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin-top: 24px;
  margin-bottom: 24px;
}

.valuation-section p {
  margin-bottom: 0px;
}

.valuation-section p img {
  max-width: 626px;
  margin: 24px auto 0;
  width: 100%;
}

.valuation-section p a {
  color: var(--color-black) !important;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.valuation-section p .showMobile-inline a {
  text-decoration: none;
}

@media (max-width: 767px) {
  .valuation-section {
    text-align: center;
  }

  .valuation-section h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin-bottom: 12px;
  }

  .valuation-section p img {
    max-width: 319px;
    margin-bottom: 6px;
  }

}

/***************************************************
     Valuations start End
***************************************************/

/***************************************************
     30 Days free Resizing page start 
***************************************************/
.free-resizing {
  max-width: 1140px;
  margin: 30px auto 0px;
  display: flex;
  flex-direction: column;
}

.free-resizing h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin: 0 0 24px;
}

.free-resizing p {
  list-style: disc outside none;
  display: list-item;
  margin: 0 0px 24px 20px;
}

.free-resizing p:last-child {
  margin-bottom: 0px;
}

.free-resizing p a,
.free-resizing p .showDesktop-inline {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .free-resizing h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 0 0 12px;
    text-align: center;
  }
}

/***************************************************
     30 Days free Resizing page End
***************************************************/

/* Sale Page CSS Starts */
.section-header .category-banners,
.category-banner-instock {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 30px;
  justify-content: center;
}

.category-banners .sec-block,
.category-banner-instock .sec-block {
  max-width: 420px;
}

.category-banner-instock h2 {
  text-transform: none;
}

.select_promotion img {
  max-height: 420px;
}

.offer-section-middle {
  margin-bottom: 60px;
}

.offer-section-middle h2 {
  margin-bottom: 16px;
}

.category-banners h2,
.select_promotion h2 {
  /* font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height); */
  margin: 0;
}

.category-banners h2,
.select_promotion h2 {
  margin-top: 16px;
  text-align: center;
}

.category-banner-instock .select_promotion h2 {
  color: var(--color-brown);
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

.select_promotion h2 {
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
}

.select_promotion h3 {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-22);
  line-height: var(--font-libre-22-line-height);
  margin: 16px 0 0;
  text-align: center;
}

.offer-section-middle h3 {
  font-size: var(--font-libre-24);
  line-height: var(--font-libre-24-line-height);
  margin: 0;
}

.sale.choose-df-section {
  padding: 0 60px;
}

.faq-section {
  background-color: var(--color-milk);
}

.bf-faq h2 {
  margin: 0 0 24px;
  text-align: center;
}

.faq-section .bf-faq {
  max-width: 642px;
  margin: auto;
}

.sale-page-faqs p a {
  text-decoration: underline;
}

.category-banners-section,
.category-banner-instock-section,
.faq-section,
.sale.choose-df-section {
  margin-bottom: 0;
}

.faq-section {
  margin-top: 60px;
}

.category-banners h2,
.select_promotion h3 {
  color: var(--color-jet);
}

.bf-faq p {
  margin: 0;
}

@media (min-width: 1025px) {
  .ldtextname br {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1439px) {

  .section-header .category-banners,
  .category-banner-instock {
    justify-content: center;
  }

  .category-banners .sec-block,
  .category-banner-instock .sec-block {
    max-width: 370px;
  }
}

@media (max-width: 1024px) {
  .offer-section-middle {
    margin-bottom: 30px;
  }

  .category-banners,
  .category-banner-instock {
    gap: 30px 16px !important;
    justify-content: space-between;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {

  .category-banners,
  .category-banner-instock {
    padding: 0 24px;
  }

  .category-banners .sec-block,
  .category-banner-instock .sec-block {
    width: 32%;
  }

  .select_promotion h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }
}

@media (min-width: 768px) and (max-width: 992px) {

  .category-banners,
  .category-banner-instock {
    padding: 0 32px;
  }

  .category-banners h2 {
    margin-top: 16px;
  }

  .select_promotion h2 {
    margin-top: 12px;
  }

  .category-banners .sec-block,
  .category-banner-instock .sec-block {
    width: 47%;
  }

  .banners-title2 {
    padding: 0 32px;
  }

  .select_promotion h3 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin-top: 8px;
  }
}

@media (max-width: 767px) {

  .select_promotion h2 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }

  /* .category-banners, .category-banner-instock{
    padding: 0 16px;
  } */
  .category-banners .sec-block,
  .category-banner-instock .sec-block {
    width: 47%;
  }

  .offer-section-middle h3 {
    font-size: var(--font-ivy-16);
    line-height: var(--font-ivy-16-line-height);
    margin-top: 16px;
  }

  .category-banners-section,
  .category-banner-instock-section,
  .faq-section {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
  }

  .category-banners h2,
  .select_promotion h2 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin-top: 16px;
  }

  .select_promotion h2 {
    margin-top: 16px;
    font-size: var(--font-libre-22) !important;
    line-height: var(--font-libre-22-line-height) !important;
  }

  .sale.choose-df-section {
    padding: 0 !important;
    margin: 0;
  }

  .banners-title2 .offer-section-middle {
    margin-bottom: 10px;
  }

  .select_promotion h3 {
    font-size: var(--font-ivy-14);
    line-height: var(--font-ivy-14-line-height);
    margin-top: 6px;
  }

  .sale.choose-df-section h3 {
    margin-top: 30px;
    text-wrap: balance;
  }

  .category-banner-instock {
    gap: 16px !important;
  }

  .bf-faq h2 {
    margin-bottom: 26px;
  }
}

/* Sale Page CSS Ends */



/***********************************************
      Wedding Ring Buying Guide start
***********************************************/

.wedding-guide-other-lang *,
.wedding-guide-other-lang [class*="btn-"],
.wedding-guide-other-lang #accordion .panel-title>a {
  font-family: var(--font-family-libre) !important;
}

.wedding-guide-other-lang h1,
.wedding-guide-other-lang h1 *,
.wedding-guide-other-lang h2,
.wedding-guide-other-lang h2 *,
.wedding-guide-other-lang h3,
.wedding-guide-other-lang h3 *,
.wedding-guide-other-lang h4,
.wedding-guide-other-lang h4 *,
.wedding-guide-other-lang h5,
.wedding-guide-other-lang h5 *,
.wedding-guide-other-lang h6,
.wedding-guide-other-lang h6 * {
  font-family: var(--font-family-ivy) !important;
  line-height: 1.1;
}

.wedding-guide-other-lang .top-info-banner>.abouttext {
  max-width: 500px !important;
}

.wedding-guide-other-lang .top-info-banner>.abouttext h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.wedding-guide-other-lang p a {
  color: #dec15c;
  font-weight: 600;
  text-decoration: underline;
}

/* .wedding-guide-other-lang .accordion_panel#accordion .panel-heading a:not(.collapsed){
  color: #dec15c!important;
} */
.wedding-guide-other-lang .accordion_panel#accordion .more-less {
  display: none !important;
}

.wedding-guide-other-lang .wedding-ring-faq {
  padding: 0 !important;
}

@media (max-width:767.98px) {
  .wedding-guide-other-lang .ptxt {
    display: none;
  }
}

@media (max-width:991.98px) {
  .wedding-guide-other-lang+.cmscontent {
    padding: 0 15px;
  }

  .wedding-guide-other-lang .top-info-banner>.abouttext {
    max-width: 600px !important;
  }

  .wedding-guide-other-lang .top-info-banner>.abouttext h1 {
    font-size: 30px;
  }
}



@media (max-width:767px) {

  .weddingringguide .owl-carousel .owl-nav.disabled+.owl-dots,
  .weddingringguide .owl-carousel .owl-dots {
    margin-top: 30px !important;
  }
}

/* pagetopbanner */
.weddingringguide .weddingringbanner {
  background-color: var(--color-milk);
}

@media (max-width:767px) {
  .weddingringguide .pagetopbanner_right {
    padding: 30px 16px;
  }

  .weddingringguide .pagetopbanner_right .inn {
    text-align: center;
  }

  .weddingringguide .pagetopbanner_right .buttons {
    margin: 30px 0 0;
  }

  .weddingringguide .pagetopbanner_right .buttons a {
    max-width: 343px;
    width: 100%;
  }
}

@media (min-width:1200px) {
  .weddingringguide .pagetopbanner_right .inn {
    max-width: 500px;
  }
}

/* pagetopbanner end */


/* Wedding Ring Buying Guide start */
.Weddingbuyingguide {
  overflow: hidden;
}

.Weddingbuyingguide .container {
  max-width: 872px;
  margin: 0 auto;
  padding: 0;
}

.Weddingbuyingguide .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.Weddingbuyingguide h2 {
  padding: 0 16px;
}

.Weddingbuyingguide .row [class*=col-] {
  text-align: center;
}

.Weddingbuyingguide .row [class*=col-] img {
  width: 42px;
  height: 42px;
  margin: 0 auto 16px;
}

.Weddingbuyingguide .row [class*=col-] h4 {
  font-size: var(--font-libre-12);
  line-height: var(--font-libre-12-line-height);
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
  color: var(--color-brown);
  margin: 0;
}

.Weddingbuyingguide .section-header {
  margin-bottom: 24px;
}

@media (max-width:767px) {

  .Weddingbuyingguide .row [class*=col-]:nth-child(1),
  .Weddingbuyingguide .row [class*=col-]:nth-child(2) {
    margin-bottom: 24px;
  }
}

@media (min-width:1200px) {
  .Weddingbuyingguide .section-header {
    margin-bottom: 35px;
  }

  .Weddingbuyingguide .row [class*=col-] img {
    width: 56px;
    height: 56px;
  }

  .Weddingbuyingguide .row [class*=col-] h4 {
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
  }
}

/* Wedding Ring Buying Guide end */


/* Men Women’s Wedding Ring start */

.MenWomenWeddingring {
  background-color: var(--color-dark-10);
  text-align: center;
}

.MenWomensring .data h4 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
}

.MenWomensring .data p {
  margin-bottom: 20px;
}

@media (max-width:767px) {
  .MenWomenWeddingring .section-header {
    margin-bottom: 30px;
  }

  .Mens .MenWomensring .item {
    margin-bottom: 1px;
  }

  .MenWomensring .data a {
    max-width: 343px;
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (min-width:992px) {
  .MenWomensring .owl-stage {
    transform: none !important;
  }

  .Mens .MenWomensring .owl-stage .owl-item:nth-child(1) .data a,
  .Mens .MenWomensring .owl-stage .owl-item:nth-last-child(1) .data a {
    display: none !important;
  }
}

@media (min-width:1200px) {
  .MenWomensring .data h4 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .MenWomensring .data p {
    margin-bottom: 30px;
  }
}

/* Men Women’s Wedding Ring end */



/* Find your Wedding Ring Size start */
.Weddingringsize .container {
  display: flex;
  flex-direction: column;
}

.Weddingringsize .section-header {
  margin-bottom: 12px;
}

.Weddingringsize .right_block p {
  margin: 0;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .Weddingringsize .left_block {
    margin-bottom: 30px;
  }

  .Weddingringsize .left_block img {
    width: 100%;
  }

  .Weddingringsize .right_block {
    text-align: center;
  }

  .Weddingringsize .right_block a {
    max-width: 343px;
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (min-width: 768px) {
  .Weddingringsize .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .Weddingringsize .left_block {
    width: 325px;
    flex: 0 0 325px;
    margin-right: 30px;
  }
}

@media (min-width: 992px) {
  .Weddingringsize .container {
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .Weddingringsize .container {
    width: 1096px;
    padding: 0;
  }

  .Weddingringsize .section-header {
    margin-bottom: 16px;
  }

  .Weddingringsize .left_block {
    width: 468px;
    flex: 0 0 468px;
    margin-right: 92px;
  }

  .Weddingringsize .right_block p {
    margin-bottom: 30px;
  }
}

/* Find your Wedding Ring Size end */



/* Shop by Precious Metal start */
.preciousmetal .container {
  max-width: 872px;
  margin: 0 auto;
}

.preciousmetal .section-header {
  max-width: 725px;
  margin: 0 auto 30px;
}

.preciousmetal .row {
  display: flex;
  flex-wrap: wrap;
}

.preciousmetal .row [class*=col-] {
  text-align: center;
}

.preciousmetal .row [class*=col-] img {
  width: 70px;
  height: 70px;
  margin: 0 auto 24px;
}

.preciousmetal .row [class*=col-] h4 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0;
}

@media (max-width:767px) {
  .preciousmetal .section-header h2+p {
    margin: 12px 0 0;
  }

  .preciousmetal .row [class*=col-]:nth-child(1),
  .preciousmetal .row [class*=col-]:nth-child(2) {
    margin-bottom: 24px;
  }
}

@media (min-width:992px) {
  .preciousmetal .container {
    padding: 0;
  }
}

@media (min-width:1200px) {
  .preciousmetal .row [class*=col-] h4 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }
}

/* Shop by Precious Metal end */


/* Bespoke Wedding Rings start */
.bespokeweddingring {
  background-color: var(--color-primary-200);
}

.bespokeweddingring .container {
  display: flex;
  flex-direction: column;
}

.bespokeweddingring .section-header {
  margin-bottom: 12px;
}

.bespokeweddingring .right_block p {
  margin: 0;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .bespokeweddingring .left_block img {
    width: 100%;
  }

  .bespokeweddingring .left_block .section-header {
    text-align: center;
  }

  .bespokeweddingring .right_block .section-header {
    display: none;
  }

  .bespokeweddingring .right_block {
    margin-top: 12px;
    text-align: center;
  }

  .bespokeweddingring .right_block a {
    max-width: 343px;
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (min-width: 768px) {
  .bespokeweddingring {
    padding: 0;
  }

  .bespokeweddingring .container {
    flex-direction: row;
    align-items: center;
    padding-left: 0;
  }

  .bespokeweddingring .container>* {
    max-width: 50%;
  }

  .bespokeweddingring .left_block .section-header {
    display: none;
  }

  .bespokeweddingring .left_block {
    margin-right: 30px;
  }

  .bespokeweddingring .right_block {
    padding: 20px 0;
  }
}

@media (min-width: 992px) {
  .bespokeweddingring .container {
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .bespokeweddingring .section-header {
    margin-bottom: 16px;
  }

  .bespokeweddingring .left_block {
    max-width: 661px;
    margin-right: 71px;
  }

  .bespokeweddingring .left_block picture {
    overflow: hidden;
    display: block;
  }

  .bespokeweddingring .left_block picture img {
    position: relative;
    bottom: -28px;
    transform: scale(1.05);
  }

  .bespokeweddingring .right_block {
    max-width: 536px;
  }

  .bespokeweddingring .right_block p {
    margin-bottom: 30px;
  }
}

/* Bespoke Wedding Rings end */


/* Wedding Ring Insurance start */
.weddingringinsurance .container {
  display: flex;
  flex-direction: column;
}

.weddingringinsurance .section-header {
  margin-bottom: 12px;
}

.weddingringinsurance .left_block p {
  margin: 0;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .weddingringinsurance .right_block {
    margin-top: 16px;
  }

  .weddingringinsurance .right_block img {
    width: 100%;
  }

  .weddingringinsurance .left_block {
    text-align: center;
  }

  .weddingringinsurance .left_block a {
    max-width: 343px;
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (min-width: 768px) {
  .weddingringinsurance .container {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .weddingringinsurance .right_block {
    width: 360px;
    flex: 0 0 360px;
    margin-left: 30px;
  }
}

@media (min-width: 992px) {
  .weddingringinsurance .container {
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .weddingringinsurance .container {
    width: 1096px;
    padding: 0;
  }

  .weddingringinsurance .section-header {
    margin-bottom: 16px;
  }

  .weddingringinsurance .right_block {
    width: 468px;
    flex: 0 0 468px;
    margin-left: 92px;
  }

  .weddingringinsurance .left_block p {
    margin-bottom: 30px;
  }
}

/* Wedding Ring Insurance end */


/* Wedding Ring Advice & Inspiration start */
.adviceinspiration {
  background-color: var(--color-milk);
}

.adviceinspiration h4 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
  margin: 16px 0 0;
  text-align: center;
}

.adviceinspiration .row [class*=col]:nth-child(1) h4 br,
.adviceinspiration .row [class*=col]:nth-child(2) h4 br {
  display: none;
}

@media (max-width: 767px) {
  .adviceinspiration .section-header {
    margin: 0 auto 30px;
    width: 250px;
  }

  .adviceinspiration .row {
    margin: -30px 0 0;
  }

  .adviceinspiration .row [class*=col] {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .adviceinspiration .row {
    margin-top: -30px;
  }

  .adviceinspiration .row [class*=col] {
    margin-top: 30px;
    display: block;
  }

  .adviceinspiration .row [class*=col] img {
    width: 100%;
  }
}

@media (min-width: 992px) {

  .adviceinspiration .row [class*=col]:nth-child(1) h4 br,
  .adviceinspiration .row [class*=col]:nth-child(2) h4 br {
    display: block;
  }
}

@media (min-width: 1200px) {
  .adviceinspiration .container {
    max-width: 984px;
    padding: 0;
  }

  .adviceinspiration h4 {
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 24px 0 0;
  }
}

/* Wedding Ring Advice & Inspiration end */


/* Wedding Ring FAQs start */
.weddingringfaqs .container {
  max-width: 642px;
  margin: 0 auto;
}

.weddingringfaqs .section-header {
  margin-bottom: 26px;
}

@media (min-width: 768px) {
  .weddingringfaqs .container {
    padding: 0;
  }

  .weddingringfaqs .section-header {
    margin-bottom: 24px;
  }
}

/* Wedding Ring FAQs end */


/* Wedding Jewellery for Brides start */
.weddingringBrides {
  padding-bottom: 0 !important;
}

.weddingringBrides .container {
  display: flex;
  flex-direction: column;
}

.weddingringBrides .section-header {
  margin-bottom: 30px;
  padding: 0 16px;
}

.weddingringBrides .right_block h4 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0 0 12px;
}

.weddingringBrides .right_block .block+.block {
  margin-top: 24px;
}

.weddingringBrides .btn_block {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: center;
  margin-top: 30px;
  padding: 0 16px;
}

@media (max-width: 767px) {
  .weddingringBrides .left_block {
    margin: 0 -16px 30px;
  }

  .weddingringBrides .left_block img {
    width: 100%;
  }

  .weddingringBrides .btn_block a {
    max-width: 343px;
    width: 100%;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
  }
}

@media (min-width: 768px) {
  .weddingringBrides .section-header br {
    display: none;
  }

  .weddingringBrides .container {
    flex-direction: row;
    align-items: center;
  }

  .weddingringBrides .left_block {
    max-width: 350px;
    flex: 0 0 350px;
    margin-right: 30px;
  }
}

@media (min-width: 992px) {
  .weddingringBrides .section-header {
    max-width: 725px;
    margin: 0 auto 60px;
  }
}

@media (min-width: 1200px) {
  .weddingringBrides {
    padding: 0;
  }

  .weddingringBrides .container {
    max-width: 1096px;
    padding: 0;
  }

  .weddingringBrides .left_block {
    max-width: 468px;
    flex: 0 0 468px;
    margin-right: 92px;
  }

  .weddingringBrides .right_block {
    max-width: 536px;
  }

  .weddingringBrides .right_block h4 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
    margin: 0 0 16px;
  }

  .weddingringBrides .right_block .block+.block {
    margin-top: 24px;
  }
}

/* Wedding Jewellery for Brides end */

/***********************************************
      Wedding Ring Buying Guide end
***********************************************/



/************************************************
  Metal guide Css Starts
************************************************/

/*  Metal guide Css Starts */

.metal-guide-section .diamondguidetop-banner h1 {
  margin-bottom: 60px;
}

.metal-guide-section .diamondeducationall .content {
  margin-top: 24px;
}

.gettouch a.color-brown {
  text-decoration: underline;
}

.gettouch-new p a {
  text-decoration: underline;
}

.gettouch a.no-udl {
  text-decoration: none;
}

/*  Metal guide Css ends */


/*  guide guide Css starts */

#informationdiv-30 .metalgold-top {
  padding: 0px;
}

#informationdiv-30 .metalgold-top .right_block img {
  max-width: 331px;
}

.metal-caratgold picture img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.metal-caratgold .containergrid .row {
  margin: 0;
}

.metalgold-top .section-guide-header h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
}

.metalgold-top .section-guide-header h1 span {
  color: var(--color-brown);
}

/* .diamondcut-top {
  padding-top: 60px !important;
} */

/*  guide guide Css starts */

/*  white gold css starts */

#informationdiv-33 .white-gold-top .section-guide-header h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin-top: 0px;
}

.what-is-white-gold {
  background-color: var(--color-dark-10) !important;
}

.white-gold-top {
  padding: 0px 0px 60px;
}

.white-gold-top .section-guide-header h2 {
  margin-bottom: 30px;
}

/*  white gold css ends */

/*  yellow gold css starts */

.metal-yellow-top {
  padding: 0px !important;
}

.metal-yellow-top .right_block {
  width: 368px;
  flex: 0 0 368px;
}

.care-yellow-gold .left_block {
  max-width: 640px;
}

.care-yellow-gold h2 {
  margin-top: 0px;
}

#informationdiv-34 .metal-yellow-top .section-guide-header h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  margin-bottom: 40px;
}

#informationdiv-34 .metal-yellow-top .section-guide-header {
  margin-bottom: 40px;
}

/*  yellow gold css ends */


/*  rose gold css starts */

.rose-gold-top {
  padding: 0px;
}

.look-after-rose h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

#informationdiv-32 .gettouch {
  padding-bottom: 0px;
}

#informationdiv-32 .natural_diamond_fact .right_block .inn h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

#informationdiv-32 .natural_diamond_fact .left_block img {
  max-height: 434px;
}

/*  rose gold css ends */

/*  platinum gold css starts */

#informationdiv-31 .natural_diamond_fact h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  margin-bottom: 16px;
}

.platinum-gold {
  background-color: var(--color-dark-10) !important;
}

.platinum-gold h2 span {
  color: var(--color-brown);
}

/*  platinum gold css starts */

#informationdiv-31 .platinum-top h1 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
}

.platinum-top {
  padding-top: 0px;
}

.clean-platinum h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

#informationdiv-31 .gettouch {
  padding-bottom: 0px;
}

/* platinum gold css ends */

.colourdiamonds.bgcolorbrown h2 {
  color: var(--color-white) !important;
}

/* .natural_diamond_fact.no-bg-white {
  margin-bottom: 30px;
} */

.natural_diamond_fact.no-bg-white h2 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

.diamond-guide .panel-default>.panel-heading h4 a:after {
  background-color: var(--color-brown) !important;
}

.diamond-guide .panel-default>.panel-heading h4 a {
  font-family: var(--font-family-ivy) !important;
}

.diamond-guide .panel-default>.panel-body a.btn {
  font-family: var(--font-family-ivy) !important;
}

.metal-guide-titles h1 {
  text-align: center;
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  font-family: var(--font-family-ivy) !important;
}

.metal-guide-titles h3 {
  font-family: var(--font-family-ivy) !important;
}



@media (max-width: 768px) {


  #informationdiv-30 .metalgold-top {
    padding-top: 30px !important;
  }

  #informationdiv-30 .metalgold-top .right_block img {
    max-width: 236px;
  }

  #informationdiv-34 .metal-yellow-top .section-guide-header h1 {
    font-size: var(--font-ivy-36);
    margin-bottom: 30px;
  }

  .metalgold-top .section-guide-header {
    margin-bottom: 30px !important;
  }

  #informationdiv-34 .natural_diamond_fact .right_block .inn h2 {
    font-size: var(--font-ivy-28);
  }

  .metalgold-top .section-guide-header h1 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    text-align: center;
  }

  #informationdiv-32 .rose-gold-top .section-guide-header h1 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }

  #informationdiv-33 .white-gold-top .section-guide-header h1 {
    font-size: var(--font-ivy-36);
    line-height: normal;
    margin: 0px auto 24px;
  }

  #informationdiv-32 .colourdiamonds .section-guide-header h2 {
    font-size: var(--font-ivy-36);
  }

  #informationdiv-32 .look-after-rose .right_block .inn h2 {
    font-size: var(--font-ivy-28);
  }

  #informationdiv-31 .platinum-top h1 {
    font-size: var(--font-ivy-36);
  }

  .metal-guide-section .diamondguidetop-banner h1 {
    margin-bottom: 30px;
  }

  .white-gold-top {
    padding: 30px 0px 30px;
  }

  .white-gold-top .section-guide-header h2 {
    margin-bottom: 30px;
  }

  .what-is-white-gold .determine-carat-left {
    margin-bottom: 30px;
  }

  .metal-yellow-top {
    padding: 30px 0px !important;
  }

  .metal-yellow-top .section-guide-header h2 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    text-align: center;
  }

  .care-yellow-gold {
    padding: 30px 0px 0px;
  }

  .care-yellow-gold .container {
    padding: 0px;
  }

  .care-yellow-gold .container .right_block {
    padding: 0px 16px;
  }

  .rose-gold-top h2 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    text-align: center;
  }

  .what-rose-gold .container {
    flex-direction: column-reverse;
  }

  .what-rose-gold .left_block {
    margin-top: 30px;
  }

  .look-after-rose .right_block {
    padding: 30px 0px;
  }

  .look-after-rose .right_block h2 {
    margin-top: 0px;
  }

  .platinum-top h2 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    text-align: center;
  }

  .platinum-scratch-section {
    padding-top: 0px !important;
  }

  .platinum-scratch-section .container {
    flex-direction: column-reverse !important;
  }

  .platinum-scratch-section h2 {
    margin-top: 30px;
  }

  .clean-platinum {
    padding: 0px 0px 30px;
  }

  .clean-platinum h2 {
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .clean-platinum .container {
    padding: 0px;
  }

  .clean-platinum .right_block {
    padding: 0px 16px;
  }

  .natural_diamond_fact.no-bg-white h2 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }

  .platinum-gold .determine-carat-left {
    margin-bottom: 30px;
  }

  .gettouch.gettouchmilkbg {
    margin-top: 32px;
  }

}

@media (min-width: 768px) {

  .looking-for-jewellery .left_block {
    max-width: 530px;
    margin: 0;
  }

  .looking-for-jewellery .container {
    justify-content: center;
  }
}

.bgcolorbrown {
  background-color: var(--color-brown);
  color: var(--color-white);
}

.bgcolorbrown h2 {
  color: var(--color-white);
}


/************************************************
  Metal guide Css ends
************************************************/



/************************************************
          T&C start
************************************************/

.tnc-top a {
  text-decoration: underline;
}

.tnc-top .info-details>div:nth-child(2)>span {
  text-decoration: underline;
}

.tnc-content-section {}

.tnc-content-section p a {
  text-decoration: underline;
}

.tnc-content-section p a.yellow,
.tnc-content-section .yellow {
  color: inherit !important;
}

@media (max-width:767px) {
  .tnc-top .info+.info {
    margin-top: 24px !important;
  }
}

/************************************************
          T&C end
************************************************/



/************************************************
          Refunds & Returns start
************************************************/
.Refunds_Returns .banner-info .container h1 {
  text-transform: capitalize;
}

.Refunds_Returns h3 {
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  margin: 0 0 15px;
}

.Refunds_Returns>.container {
  margin: 30px auto;
}

.Refunds_Returns p {
  margin-bottom: 24px;
}

.Refunds_Returns address {
  margin-bottom: 24px;
}

.Refunds_Returns address strong {
  font-weight: 400;
}

.DropoffCollection {
  margin-top: 24px;
}

.DropoffCollection .anchref {
  margin-bottom: 24px;
}

.DropoffCollection .anchref>a {
  display: inline-block;
  text-decoration: underline;
  color: var(--color-jet);
}

main:has(.Refunds_Returns) .joinus {
  padding-top: 0 !important;
}

@media (max-width:767px) {
  .Refunds_Returns {
    text-align: center;
  }
}

@media (max-width:1199px) {}

@media (min-width:1200px) {
  .Refunds_Returns>.container {
    max-width: 1140px;
    padding: 0;
  }

  .Refunds_Returns h3 {
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0 0 24px;
  }
}


/************************************************
          Refunds & Returns end
************************************************/


/************************************************
          Free Delivery start
************************************************/
.FreeDelivery .banner-info .container h1 {
  text-transform: capitalize;
}

.FreeDelivery .banner-info .container h1+p {
  margin-top: 30px;
}

.FreeDelivery h3,
.FreeDelivery h3 * {
  font-family: var(--font-family-ivy) !important;
  font-size: var(--font-ivy-24) !important;
  line-height: var(--font-ivy-24-line-height) !important;
}

.FreeDelivery h3 {
  margin: 0 0 12px;
}

.FreeDelivery .container {
  max-width: 1140px;
  margin: 0 auto;
}

.FreeDelivery>.container {
  margin: 30px auto;
}

.FreeDelivery ul li {
  list-style-type: none;
  position: relative;
  padding: 0 0 0 22px;
}

.FreeDelivery ul li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--color-jet);
}

.FreeDelivery a:not(.phonenumber),
.FreeDelivery .yellow {
  text-decoration: underline;
  color: var(--color-jet) !important;
}

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

.FreeDelivery ul li p:nth-child(1) {
  display: inline;
}

.FreeDelivery p {
  margin-bottom: 24px;
}

main:has(.FreeDelivery) .joinus {
  padding-top: 0 !important;
}

@media (max-width:767px) {
  .FreeDelivery {
    text-align: center;
  }

  .FreeDelivery ul li {
    padding: 0;
  }

  .FreeDelivery ul li:before {
    content: "";
    position: relative;
    left: -6px;
    top: -3px;
    display: inline-block;
  }

  .FreeDelivery .banner-info .container h1+p {
    margin-top: 48px;
  }
}

@media (max-width:1199px) {
  .FreeDelivery .banner-info br {
    display: none;
  }

  /* .FreeDelivery p br{display: none;} */
}

@media (min-width:1200px) {
  .FreeDelivery .container {
    padding: 0;
  }

  .FreeDelivery h3,
  .FreeDelivery h3 * {
    font-size: var(--font-ivy-36) !important;
    line-height: var(--font-ivy-36-line-height) !important;
  }

  .FreeDelivery h3 {
    margin: 0 0 24px;
  }
}

/************************************************
          Free Delivery end
************************************************/



/***************************************************
  Christmas Gift guide section starts
***************************************************/

.christmas-bespoke-purpose  {
  padding-bottom: 0px !important;
}

.christmas-bespoke-purpose .container {
  display: flex;
}

.christmas-bespoke-purpose .btn{
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .christmas-bespoke-purpose .container {
    flex-direction: column;
  }

  .christmas-bespoke-purpose .left-block {
    margin: 0;
    display: flex;
    justify-content: center
  }

  .christmas-bespoke-purpose {
    padding: 0px 0px 30px !important;
    text-align: center;
  }

  .christmas-bespoke-purpose h2 {
    margin-top: 24px;
  }

  .christmas-bespoke-purpose p {
    margin: 12px auto;
  }

  .christ-retrun{
    margin-top: 0px !important;
  }

  .christ-retrun .mtb-0{
    margin-top: 0px !important;
  }

  .christ-retrun p,
  .christ-retrun .section-guide-header h2{ text-align: left;}
  .christ-retrun p{
    margin-top: 30px;
  }

  .christ-retrun p:first-child{
    margin-top: 12px !important;
  }

  .christmas-top-banner .pagetopbanner .inn h1{
    text-align: center;
  }

}



@media (min-width: 768px) { 

  .christmas-bespoke-purpose .container {
    padding: 0;
  }

  .christmas-bespoke-purpose .container>* {
    flex: 1;
  }

  .christmas-bespoke-purpose .left-block {
    margin-right: 36px;
  }

  .christmas-bespoke-purpose .right-block {
    margin: auto 0;
    padding: 0 36px 0 0;
  }
  
  .christmas-bespoke-purpose.reverse .container {
    flex-direction: row-reverse;
 }

 .gifts_for_your_brother .pdp-carousel-container {
  padding-bottom: 0px;
 }

 .christmas-bespoke-purpose.non-core-reverse .container{
  flex-direction: row-reverse;
 }
 .christmas-bespoke-purpose.non-core-reverse .container .left-block{
    margin-right: 0px;
    margin-left: 36px;
 }

 .christmas-bespoke-purpose.non-core-reverse .container .right-block{
    padding: 0 0px 0 36px;
    text-align: right;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
  }

 .christmas-bespoke-purpose.reverse .left-block {
  margin-left: 36px;
}

.christmas-bespoke-purpose.reverse .right-block {
  padding: 0 0 0 36px;
  text-align: right;
}

.christmas-bespoke-purpose p {
  margin: 0px auto 30px;
}

.christ-retrun p{ margin-top: 30px;}

}

@media (min-width: 1025px) {
  .christmas-bespoke-purpose.non-core-reverse .container .left-block{
      margin-right: 0px;
      margin-left: 36px;
  }

  .christmas-bespoke-purpose .section-guide-header {
    margin-bottom: 30px;
  }

  .remember-section .section-guide-header {
    max-width: 380px;
 }

}

@media (min-width: 1439px) {
  .christmas-bespoke-purpose .left-block {
    max-width: 693px;
    flex: 0 0 693px;
    margin-right: 95px;
  }

  .christmas-bespoke-purpose .right-block {
    max-width: 592px;
    flex: 0 0 592px;
    margin-left: 0;
    padding: 0px;
  }
  
  .christmas-bespoke-purpose.non-core-reverse .container .left-block{
      margin-right: 0px;
      margin-left: 94px;
  }

  .christmas-bespoke-purpose.reverse .left-block {
    margin-left: 95px;
    margin-right: 0;
  }
  .christmas-bespoke-purpose.reverse .right-block {
    padding: 0;
  }
}

/***************************************************
  Christmas Gift guide section end
***************************************************/

/***************************************************
  Early Black Friday page start
***************************************************/

.discount-banner{    
  margin-bottom: 60px !important;
}

.discount-banner-1{
  background: var(--color-brown); 
  padding: 63px 15px;
}

.discount-banner-2{
  padding: 30px 15px;
  color: var(--color-brown);
}
.discount-banner-3{
  padding: 63px 15px;
  background: var(--color-milk);
  color: var(--color-black) !important;
}

.discount-banner-2 .pl-slidr{
  font-size: 35px; line-height: 50px;
  color: var(--color-brown);
}

.discount-banner-2 .pl-slidr:first-child{
  margin-bottom: 30px;
}

.discount-banner .plcode{
  color:  var(--color-milk); 
  font-size: 35px; line-height: 50px;
  font-family: var(--font-family-ivy);
  font-weight: 400;
  text-align: center;
  width: 100%;
}


.discount-banner .plcode span{
  font-size: 10px; 
  font-weight: 300;
  font-family: 'Mulish';
  display: block;
  line-height: normal;
  margin-top: 16px;  
}

.discount-banner .plcode span a{
  color: var(--color-brown);
  text-decoration: none;
  color: var(--color-milk); 
}

.discount-banner .discount-banner-3.plcode span a{
  color: var(--color-black);
}

.discount-banner-2.plcode span a{
  color: var(--color-brown) !important;
  text-decoration: none;
}

.discount-banner .stores-section .owl-carousel .owl-dots, 
  .discount-banner .owl-carousel .owl-nav.disabled+.owl-dots{
    margin-top: 16px !important;
  }

.bfmap{ margin-bottom: 60px;}

@media (max-width: 992px) {
  .discount-banner-2 .pl-slidr {
      font-size: 20px;
      line-height: 25px;
  }
  .discount-banner-2 .pl-slidr:first-child{
    margin-bottom: 16px;
  }

  .discount-banner .plcode{
      font-size: 20px;
      line-height: 25px;    
  }
  .bfmap{ margin-bottom: 30px;}

}

@media (max-width: 767px) {
  .discount-banner{
    padding: 0px 16px;
  }  
  .discount-banner .plcode span{
    font-size: 6px;
    margin-top: 16px;
  }
  .discount-banner{
    margin-bottom: 0px !important;
  }

  .discount-banner-2{
    padding: 16px 0px;
  }

  
  
}
/***************************************************
  Early Black Friday page start
***************************************************/


/***************************************************
  Hallmarking page start
***************************************************/

.hallmark-top-banner {
        width: 100%;
        max-width: 1140px;
        margin: 0 auto;
    }

    .hallmark-top-banner h1 {
        font-family: var(--font-family-ivy);
        font-weight: 400;
        font-size: 56px;
        line-height: 100%;
        text-align: center;
        margin: 0px;
        margin-bottom: 30px;
    }

    .hallmark-top-banner p {
        font-family: Libre Franklin;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .hallmark-top-banner p:last-child {
        margin: 0px;
        margin-top: 30px;
    }

    .bg-color-gold {
        background: #957127;
        color: #FFFFFF;
        max-width: 1440px;
        margin: 0 auto;
    }

    .whats-hallmarking-section {
        width: 100%;
        max-width: 876px;
        margin: 0 auto;
        text-align: center
    }

    .whats-hallmarking-section h2 {
        font-family: var(--font-family-ivy);
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        margin-top: 0px;
        color: #FFFFFF;
    }

    .whats-hallmarking-section p {
        font-family: Libre Franklin;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .metal-weights-and-needs .container {
        display: flex;
        padding: 60px 0;
        width: 100%;
        max-width: 1096px;
        align-items: center;
    }

    .metal-weights-and-needs .container .left-block {
        width: 100%;
        max-width: 536px;
        margin-right: 90px;
    }

    .metal-weights-and-needs .container .left-block h2 {
        font-family: var(--font-family-ivy);
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        margin: 0px;
        margin-bottom: 16px;
    }

    .metal-weights-and-needs .container .left-block ul {
      margin: 30px 0px;
    }

    .metal-weights-and-needs .container .left-block ul li {
        line-height: 30px;
        list-style-type: disc;
        margin-left: 30px;
    }

    .how-jewellery-hallmarked {
        display: flex;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
    }

    .how-jewellery-hallmarked .left-block {
        width: 100%;
        max-width: 640px;
    }

    .how-jewellery-hallmarked .right-block {
        background-color: #957127;
        color: #FFFFFF;
        padding: 60px 90px;
        max-width: 800px;
    }

    .how-jewellery-hallmarked .right-block h2 {
        font-family: var(--font-family-ivy);
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        margin: 0px auto 16px;
    }

    .how-jewellery-hallmarked .right-block ul li {
      list-style-type: disc;
      margin-left: 30px;
    }

   .how-jewellery-hallmarked .right-block p:last-child {
    margin-bottom: 0px;
   }

    .hallmark-top-banner img {
        width: 100%;
        max-width: 806px;
        margin: 0 auto;
    }

    .what-hallmark-looks h2 {
       font-family: var(--font-family-ivy);
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        text-align: center;
        margin: 0px;
        margin-bottom: 16px;
    }

    /* .what-hallmark-looks .hallmark-top-banner ul li {
      list-style-type: auto;
    } */

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

        .hallmark-top-banner h1 {
            font-size: 36px;
            margin-top: 30px;
            line-height: 40px;
        }

        .whats-hallmarking-section {
          max-width: 100%;
        }

        .whats-hallmarking-section ul {
          margin: 0px;
        }

        .whats-hallmarking-section ul li {
          text-align: center;
          margin-bottom: 25px;
        }

        .whats-hallmarking-section ul li:last-child {
          margin-bottom: 0;
        }

        .whats-hallmarking-section h2 {
            font-size: 28px;
        }

        .metal-weights-and-needs .container {
            flex-direction: column-reverse;
            padding: 30px 18px;
        }

        .metal-weights-and-needs .container .left-block {
            margin: 0 auto;
            text-align: center;
        }

        .metal-weights-and-needs .container .right-block {
            margin: 0 auto;
        }

        .metal-weights-and-needs .container .left-block h2 {
            text-align: center;
            font-size: 28px;
            line-height: 40px;
            margin-top: 30px;
            margin-bottom: 12px;
        }

        .metal-weights-and-needs .container .left-block ul {
            text-align: center;
        }

        .metal-weights-and-needs .container .left-block ul li {
            list-style-type: none;
            line-height: 24px;
        }

        .how-jewellery-hallmarked {
            flex-direction: column;
        }

        .how-jewellery-hallmarked .left-block {
            margin: 0 auto;
        }

        .how-jewellery-hallmarked .right-block {
            padding: 0px 18px 30px;
            text-align: center;
            margin: 0 auto;
            max-width: 100%;
        }

        .how-jewellery-hallmarked .right-block h2 {
            font-size: 28px;
            text-align: center;
            line-height: 40px;
            margin: 30px auto 12px;
        }

        .how-jewellery-hallmarked .right-block ul {
          margin: 25px auto;
        }

        .what-hallmark-looks {
          padding-bottom: 12px !important;
        }

        .hallmark-top-banner p {
          margin-bottom: 30px !important;
        }

        .what-hallmark-looks h2 {
            font-size: 28px;
            margin-bottom: 12px;
            line-height: normal;
        }

        .what-hallmark-looks .hallmark-top-banner ul li {
            list-style-type: none;
            margin-bottom: 30px;
        } 

        .what-hallmark-looks .hallmark-top-banner ul li span {
          display: none;
        }

        .what-hallmark-looks .hallmark-top-banner ul li:last-child {  
            margin-bottom: 0px;
        } 
    }

/***************************************************
  Hallmarking page end
***************************************************/