/* Wedding Ring Landing Page CSS Starts */
/* Banner CSS */
.landing_main_banner {
    display: flex;
    width: 100%;
  }
  
  @media (max-width: 640px) {
    .landing_main_banner {
      flex-direction: column;
    }
  }
  @media (min-width: 1280px) {
    .landing_main_banner picture {
      width: 49.5%;
    }
    .banner-content p{
      font-size: var(--font-libre-18);
      font-weight: var(--font-libre-18-line-height);
    }
  }
  @media (min-width: 769px) and (max-width: 1100px) {
    .landing_main_banner picture {
      width: 51%;
      /* margin-top: 20px; */
    }
  }
  .landing_main_banner .banner-img {
    width: 100%;
    height: 100%;
  }
  @media (max-width: 640px) {
    .landing_main_banner .banner-img {
      width: 100%;
    }
  }
  .landing_main_banner .banner-content {
    padding: 0 60px;
    margin: auto;
  }
  @media (min-width: 1280px) {
    .landing_main_banner .banner-content {
      width: 51%;
      padding-right: 16%;
    }
  }
  @media (min-width: 769px) and (max-width: 1100px) {
    .landing_main_banner .banner-content {
      padding: 56px 58px 56px 36px;
      width: 49%;
      /* margin-top: 20px; */
    }
  }
  @media (min-width: 767px) and (max-width: 992px) {
    .landing_main_banner picture{
      width: 49%;
    }
    .banner-content{
      width: 51%;
      margin: 0;
    }
    .landing_main_banner .banner-content {
      padding: 40px 34px 40px 36px !important;
      /* margin-top: 20px; */
    }
  }
  @media (max-width: 640px) {
    .landing_main_banner .banner-content {
      padding: 20px 16px 32px !important;
      margin: 0;
    }
  }
  .landing_main_banner .banner-content .landing_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) {
    .landing_main_banner .banner-content .landing_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;
    }
  }

  .banner-content p{
    margin-bottom: 40px !important;
  }
  @media (min-width: 767px) and (max-width: 1024px) {
    .banner-content p{
      margin-bottom: 24px !important;
    }
  }
  @media (max-width: 640px) {
    .banner-content p{
      margin-bottom: 32px !important;
    }
    .landing_main_banner a{
      width: 100%;
    }
  }
/* Banner CSS */

/* DF Service CSS */
  .banner-info{
    padding: 40px 0 !important;
  }
  .df-service-section{
    display: flex;
    justify-content: center;
    gap: 0 24px;
  }
  .df-service-subsections{
    width: 200px;
    text-align: center;
  }
  .df-service-subsections p{
    margin: 16px 0 0;
    font-weight: var(--font-weight-semi-bold);
    text-transform: uppercase;
  }
  @media (min-width: 767px) and (max-width: 992px){
    .df-service-subsections{
      width: 100px;
    }
    .df-service-section{
      gap: 0 20px;
    }
    .df-service-subsections img{
      width: 40px;
    }
    .df-service-subsections p{
      font-size: var(--font-libre-12);
      line-height: var(--font-libre-12-line-height);
    }
  }
  @media (max-width: 768px){
    .guide-category-section{
      padding-top: 40px !important;
    }
  }
  @media (max-width: 640px){
    .df-service-section{
      gap: 24px 0;
      flex-wrap: wrap;
    }
    .df-service-subsections{
      width: 46% !important;
    }
    .df-service-subsections img{
      width: 42px;
    }
    .df-service-subsections p{
      font-size: var(--font-libre-12);
      line-height: var(--font-libre-12-line-height);
    }
  }
/* DF Service CSS */

/* Guide CSS */
  .guide-category-section{
    padding-top: 60px;
  }
  .guide-section{
    display: flex;
    justify-content: space-between;
  }
  .guide-content{
    display: flex;
    flex-direction: column;
    width: 34%;
    max-width: 484px;
  }
  .left-section{
    padding: 54px 0 54px 80px;
    border: 1px solid var(--color-primary-200);
  }
  .left-section h2{
    font-weight: var(--font-regular);
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    margin: 0;
  }
  .left-section span{
    font-style: italic;
  }
  .wedding-guide{
    background-color: var(--color-primary-100);
  }
  .wedding-blog{
    background-color: var(--color-milk);
  }
    .category-img{
      width: 67%;
    }
    .right-section{
      background-image: url(/catalog/view/theme/default/image/information/landing-page/wedding-category-img.jpg);
      background-position: bottom;
      background-size: cover;
    }
    .category-section{
      padding: 24px 60px 24px 24px;
      display: flex;
      gap: 0 24px;
      justify-content: space-between;
    }
    .womens-category, .mens-category{
      border: 1px solid #fff;
      width: 49%;
      height: 352px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  .right-section .category-section a{
    color: var(--color-jet);
    background-color: #fff;
    margin-bottom: 25px;
    font-weight: var(--font-weight-regular);
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    padding: 8px 24px;
  }
  @media (min-width: 1280px){
    /* .right-section.zoom-left {
      background-size: 150%;
      transition: transform 0.2s ease-in-out;
      background-repeat: no-repeat;
      background-position: -290px -125px;
    } */
    /* .right-section.zoom-left .category-section, .right-section.zoom-right .category-section{
      transition: transform 0.2s ease-in-out;
    } */
    /* .right-section.zoom-right {
      transition: transform 0.2s ease-in-out;
      background-size: 150%;
      background-repeat: no-repeat;
      background-position: -95px -125px;
    } */
    .zoom-left .womens-category a, .zoom-right .mens-category a{
      color: var(--color-brown);
    }
    .right-section.zoom-left {
      animation: zoomEffect 1s;
      animation-fill-mode: forwards;
    }
    .right-section.zoom-right {
      animation: zoomEffect2 1s;
      animation-fill-mode: forwards;
    }
    
    @keyframes zoomEffect {
      0% {
        background-size: 115%;
        background-position: -100px -20px;
      }
      100% {
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: -310px -125px; /* Adjust zoom level as needed */
      }
    }
    @keyframes zoomEffect2 {
      0% {
        background-size: 115%;
        background-position: -60px -40px;
      }
      100% {
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: -95px -125px; /* Adjust zoom level as needed */
      }
    }
  }
  @media (min-width: 1500px){
    .guide-content{
      max-width: 100%;
    }
  }
  @media (max-width: 1024px){
    .guide-content{
      width: 35.5%;
    }
    .category-img{
      width: 64.5%;
    }
  }
  @media (min-width: 769px) and (max-width: 1024px) {
    .left-section{
      padding: 45px 0px 45px 60px;
    }
    .left-section h2{
      font-size: var(--font-ivy-28);
      line-height: var(--font-ivy-28-line-height);
    }
    .womens-category, .mens-category{
      height: 272px;
    }
    .category-section{
      padding-right: 42px;
    }
  }
  @media (min-width: 767px) and (max-width: 992px){
    .category-section a{
      font-size: var(--font-ivy-28);
      line-height: var(--font-ivy-28-line-height);
    }
    .ring-style .category-name{
      margin-top: 16px !important;
    }
  }
    @media (max-width: 768px){
    .left-section{
      padding: 50px 0px 50px 44px;
    }
    .left-section h2{
      font-size: var(--font-ivy-24);
      line-height: var(--font-ivy-24-line-height);
    }
    .womens-category, .mens-category{
      height: 288px;
      width: 48%;
    }
    .category-section{
      padding: 16px 34px 16px 16px;
      gap: 0 16px;
    }
    .right-section .category-section a{
      width: 100%;
      margin: 0;
      font-size: var(--font-ivy-28);
      line-height: var(--font-ivy-28-line-height);
    }
    @media (max-width: 640px){
      .guide-section{
        flex-direction: column-reverse;
      }
      .category-section{
        padding: 16px 32px;
      }
      .right-section, .guide-content, .category-img{
        width: 100%;
      }
      .category-section a{
        font-size: var(--font-ivy-24) !important;
        line-height: var(--font-ivy-24-line-height) !important;
      }
      .left-section{
        padding: 30px 32px;
      }
    }
  }

/* Guide CSS */

/* Shop by style */

  .styles-img{
    display: flex;
    gap: 0 24px;
    overflow-x: scroll;
  }
  .wedding-ring-styles{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
  .wedding-ring a {
    max-width: 424px;
    width: 100%;
  }
  .wedding-ring .container.owl-top-arrow{
    padding-right: 0;
  }
  .ring-style .category-name{
    text-align: center;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin-top: 20px;
    margin-bottom: 0;
  }
  .see-all{
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    height: 300px;
    margin: 0 !important;
    /* gap: 0 10px;
    justify-content: center;
    background: #f6f0e4;
    /* box-shadow: 0px 6px 32px 0px rgb(121 121 121 / 8%); 
    font-size: var(--font-libre-16) !important;
    line-height: var(--font-libre-16-line-height) !important;
    padding-right: 0 !important;
    margin: 0; */
  }
  .btn-text-arrow:after{
    position: unset !important;
  }
  .ring-style img{
    max-height: 300px;
    /* box-shadow: 0px 6px 32px 0px rgb(121 121 121 / 8%); */
  }
  .owl-nav{
    margin-top: 5px !important;
  }
  #category-carousel .owl-carousel.owl-drag .owl-item{
    max-width: 448px;
  }
  .wedding-ring .container .owl-carousel{
    width: 100% !important;
  }
  @media (max-width: 1024px){
    .pdp-carousel-container .section-header{
      margin-bottom: 32px;
    }
    .ring-style .category-name{
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    /* .container.owl-top-arrow h2{
      padding-left: 42px !important;
    } */
    .owl-nav{
      margin-top: 0 !important;
    }
    .wedding-ring a{
      max-width: 318px;
    }
    .see-all{
      /* height: 212px; */
    }
  }
  @media (max-width: 767px){
    /* .container.owl-top-arrow h2{
      padding-left: 34px !important;
    } */
    .wedding-ring a{
      max-width: 164px;
    }
    .wedding-ring-styles{
      gap: 15px;
    }
    .wedding-ring-styles .ring-style img{
      height: 200px;
      /* background-color: #f7f1e5; */
      object-fit: contain;
    }
    .see-all{
      height: 200px;
    }
    .pdp-carousel-container{
      padding: 40px 0px !important;
    }
  }

  @media (max-width: 640px){
    .section-header h2.style-heading{
      padding-left: 0 !important;
    }
    .pdp-carousel-container{
      padding: 40px 0px !important;
    }
    .pdp-carousel-container .container .section-header{
      /* margin: 0 !important; */
      max-width: 100% !important;
      padding: 0 12px !important;
    }
    .ShopEngagementRing div.section-header{
      margin-bottom: 32px !important;
    }
    #category-carousel{
      display: flex;
      flex-wrap: wrap;
      gap: 15px 0;
      padding: 0 8px;
      margin-top: 32px;
    }
    #category-carousel a {
      width: 50%;
    }
    #category-carousel .ring-style img{
      width: 100%;
    }
    .ring-style .category-name{
      margin-top: 12px;
      margin-bottom: 0;
    }
    .see-all{
      /* font-size: var(--font-libre-14) !important;
    line-height: var(--font-libre-14-line-height) !important; */
    }
    .wedding-ring-header{
      margin-bottom: 36px !important;
    }
    
  }

  .ShopbyMetal .ShopbyMetalbody .col a .name{
    display: none;
  }

  .carousal-category-img {
    /* width: 424px;
    height: 300px; */
    overflow: hidden;
    position: relative;
    box-shadow: 0px 6px 32px 0px rgb(121 121 121 / 8%);
  }

  .carousal-category-img img {
      width: 100%;
      height: auto;
      transition: transform 0.3s ease-in-out;
  }

  .ring-style:hover img {
      transform: scale(1.1); /* You can adjust the scale factor as needed */
  }
  .ring-style:hover {
    color: var(--color-brown);
  }

  .metal-subsections{
    visibility: hidden;
  }
/* Shop by style */
/* Bespoke Banner */
.Bespoke-Engagementring{
  position: relative;
}
.image-container img{
  width: 100%;
}
.text-container{
  position: absolute;
}
.text-container h2{
  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 16px;
}
.text-container p{
  font-size: var(--font-libre-16);
  font-weight: var(--font-libre-16-line-height);
  margin: 0 0 30px;
}
@media (min-width: 1024px) {
  .text-container{
    top: 50%;
    left: 10%;
    max-width: 36%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1024px) {
  .text-container h2{
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .text-container{
    max-width: 45%;
    top: 40px;
    left: 42px;
  }
}
@media (max-width: 640px) {
  .text-container{
    max-width: 100%;
    left: 0;
    transform: none;
    padding: 0 16px;
    bottom: 40px !important;
  }
  .text-container p{
    font-size: var(--font-libre-14);
    font-weight: var(--font-libre-14-line-height);
    margin: 0 0 16px;
  }
  .text-container a{
    width: 100%;
  }
}
/* Bespoke Banner */
/* Map CSS */

  #map-container{
    margin-bottom: 24px !important;
  }

/* Map CSS */

/* Wedding Ring Landing Page CSS Ends */

/* Bracelet Landing Page CSS Starts */
@media (min-width: 1440px) {
  .bracelet_landing_page .banner-content{
    padding-right: 172px;
  }
}
.bracelet_landing_page .banner-content p{
  font-size: var(--font-libre-16);
  font-weight: var(--font-libre-16-line-height);
  margin: 24px 0 !important;
}
/* Bracelet Landing Page CSS Ends */



/************************************************
            Engagement Ring Landing Page start
************************************************/
.engagementring .pagetopbanner_right p{
  max-width:500px;
}
/******* Shop Engagement Ring start *******/
.ShopEngagementRing a {
  display: block;
}
.ShopEngagementRing a:hover figure img {
  transform: scale(1.2);
}
.ShopEngagementRing a:hover h3 {
  color: var(--color-brown);
}
.ShopEngagementRing a figure {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: var(--box-shadow-square);
}
.ShopEngagementRing a figure img {
  width: 100% !important;
  max-width: 230px;
  transition: all 0.3s ease-in-out;
}
.ShopEngagementRing a h3 {
  margin: 20px 0 0;
  text-align: center;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
}

@media (max-width: 767.98px) {
  .ShopEngagementRing .container {
      padding-left: 0;
      padding-right: 0;
  }

  .ShopEngagementRing .section-header{
    text-align: center;
  }

  .ShopEngagementRing a figure {
      min-height: 200px;
  }
  .ShopEngagementRing a figure img {
      max-width: 230px;
  }
  .ShopEngagementRing .owl-carousel {
      margin: 36px 0 0;
  }
  .ShopEngagementRing .owl-carousel .owl-stage .owl-item > [class*=col-] {
      padding: 0;
  }
  .ShopEngagementRing .owl-carousel .owl-stage .owl-item > [class*=col-] a figure img {
      width: initial !important;
      max-width: 100% !important;
      max-height: 340px !important;
  }
  .ShopEngagementRing .owl-carousel .owl-stage .owl-item > [class*=col-] h3 {
      font-size: var(--font-libre-20);
      line-height: var(--font-libre-20-line-height);
  }
}
@media (min-width: 768px) {
  .ShopEngagementRing a figure {height: 260px;}
  .ShopEngagementRing a figure img {max-width: 210px;}
}
@media (min-width: 1440px) {
  .ShopEngagementRing a figure {height: 300px;}
  .ShopEngagementRing a figure img {max-width: 230px;}
}

/******* Shop Engagement Ring end *******/

.ShopbyShape {
  background-color: var(--color-milk);
}
.ShopbyShape a {
  display: block;padding:6px 0;
}
.ShopbyShape a:hover figure img {
  transform: scale(1.2);
}
.ShopbyShape a:hover h3 {
  color: var(--color-brown);
}
.ShopbyShape a figure {
  margin: 0 auto 24px;    
  display: flex;
  align-items: center;
  justify-content: center;
  width:64px; height:64px;
}
.ShopbyShape a figure img {
  max-width:56px; max-height:56px;
  transition: all 0.3s ease-in-out;
}
.ShopbyShape a h3 {
  margin: 0;
  text-align: center;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-20);
  line-height: var(--font-ivy-20-line-height);
}
#ShopbyShape{
  display: flex;
}

@media (min-width: 768px) {
  #ShopbyShape{
      padding:0 80px; flex-wrap: wrap; margin-top: -32px;
  }
  #ShopbyShape .item{
      width:calc(100% / 5); margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  #ShopbyShape{
      padding:0 112px;
  }
  #ShopbyShape .item{
      width:calc(100% / 10);
  }
}

@media (max-width: 767px) {
  #ShopbyShape{ flex-wrap: wrap;}  
}

/******* Shop by shape start end *******/

/******* Shop by Diamond start *******/

.ShopbyDiamond{
  position: relative;
}
.ShopbyDiamond .item:first-child{
  border-right: 1px solid var(--color-white);
}
.ShopbyDiamond .item figure{ 
  position: relative; overflow: hidden;
}
.ShopbyDiamond .item figure img{
  opacity: 0.7;
}
.ShopbyDiamond .item a:hover figure img{
  transform: scale(1.2); transition: all 0.3s ease-in-out;
  opacity: 0.9;
}

.ShopbyMetal .ShopbyMetalbody .row{
  justify-content: center;
}

.ShopbyDiamond .item h3{
  margin: 0px;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
  color: var(--color-white);
  position: absolute;
  bottom: 38px;
  left: 0px;
  right: 0px;
  text-align: center;
}
@media (max-width: 1024px) {
  .ShopbyDiamond{
    padding-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .ShopbyDiamond .item h3{
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
    bottom: 21px;
  }
}
@media (max-width: 767px) {
  .ShopbyDiamond .container .row.no-gutter{
    margin: 0 -16px;
  }
  .ShopbyDiamond .item h3{ bottom: 32px;}
}
/******* Shop by Diamond end *******/

/******* Shop by Price start *******/
.ShopbyPrice .row{ 
  display: flex;
}
.ShopbyPrice .row .col{
  width: calc(100% / 4);
}
.ShopbyPrice .row .col a{
  box-shadow: 0px 3px 15px #f6f5f5;
  display: flex; flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ShopbyPrice .row .col h3{
  margin: 8px 0 24px;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-24);
  line-height: var(--font-ivy-24-line-height);
  font-weight: var(--font-weight-regular);
}

@media (max-width: 1024px) {
  .ShopbyPricebody .col figure img{
    padding: 28.3px 0;
  }
}
@media (max-width: 991px) {
  .ShopbyPrice .row .col {
    width: 100%;
    padding: 0px;
  }
}
@media (max-width: 991px) {
  .ShopbyPrice .row .col h3{
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
  }
}

/******* Shop by Price end *******/

/******* Shop by Cut or shape start *******/
.Cutorshape .row{
  display: flex; align-items: center;
}
.Cutorshape .Cutorshape-left{
  max-width: 536px;
}

.Cutorshape .Cutorshape-right{ 
  width: 100%; 
  text-align: center;
}

.Cutorshape .Cutorshape-right h3{
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-18);
  list-style: var(--font-ivy-18-line-height);
  margin: 24px 0 0;
  color: var(--color-brown);
}

.Cutorshape .Cutorshape-right img{
  margin: 0 auto 0;
}

.Cutorshape .section-header{
  margin-bottom: 32px;
}
.Cutorshape .section-header h2{
  font-size: var(--font-ivy-56);
  line-height: var(--font-ivy-56-line-height);
}
.Cutorshape .section-header p{
  font-size: var(--font-ivy-28);
  line-height: var(--font-ivy-28-line-height);
  font-family: var(--font-family-ivy);
}

@media (max-width: 1024px) {
  .Cutorshape .row{
    align-items: center;
  }
  .Cutorshape .Cutorshape-left{
    max-width: 380px;
  }
  .ShopbyCarat .abouttext .ShopbyCarat-link a{
    margin: 0 0 14px !important;
  }

  .ShopbyCarat .abouttext .section-header h2{
    font-size: var(--font-ivy-28) !important;
    line-height: var(--font-ivy-28-line-height) !important;
  }
}

@media (max-width: 991px) {
  .Cutorshape .row{ flex-wrap: wrap;}
  .Cutorshape .Cutorshape-left{ max-width: 100%; width: 100%; }
  .Cutorshape .section-header{ text-align: center;}
  .Cutorshape .section-header p{ max-width: 100%;  margin: 8px 0 0; text-align: center;}
  .Cutorshape p{ max-width: 579px; width: 100%; margin: 32px auto 0px; text-align: left;} 
}

@media (max-width: 767px) {
  .engagementring .section-header h2{
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
  }
  .engagementring .section-header h2 span{ display: block;}
  .Cutorshape .section-header h2{
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
  }
  .Cutorshape .section-header h2 span{ display: inline-block;}
  .Cutorshape-right { padding-left: 0px !important; padding-right: 0px !important;}
  .Cutorshape .row { margin: 0px !important; }
  .Cutorshape .Cutorshape-right h3{
    font-size: 8.37px; margin: 10px 0 0;  
  }
}

/******* Shop by Cut or shape end *******/

/******* Shop by Carat start *******/
.ShopbyCarat{
  padding-top: 0px !important; position: relative;
}
.ShopbyCarat .container{
  padding:0; position: relative;
}
.ShopbyCarat .abouttext .section-header h2{
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  font-family: var(--font-family-ivy);
  margin: 0px;
}
.ShopbyCarat .abouttext .ShopbyCarat-link{
  display: flex; flex-direction: column;
  justify-content: center;
}


.ShopbyCarat .abouttext {
  position: absolute;
    top: 40%;
    color: #000;
    margin: 0px 0px 0px;
    width: 337px;
    left: auto;
    right: 148px;
    text-align: center;
    transform: translateY(-40%);
}

.ShopbyCarat .abouttext .ShopbyCarat-link a{
  margin: 0 0 15px;
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
  font-family: var( --font-family-libre);
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
}

.ShopbyCarat .abouttext .ShopbyCarat-link a:last-child{
  margin-bottom: 0px !important;
}

.ShopbyCarat .abouttext .ShopbyCarat-link a img{
  margin-left: 4px;
}

@media (max-width: 991px) {
  .ShopbyCarat .abouttext{ 
    width: 337px;
    right: 52px;
  }
  .ShopbyCarat .abouttext .section-header h2{
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
  }
  .ShopbyCarat .abouttext .ShopbyCarat-link a {
      margin: 0 0 14px !important;
  }
}
@media (max-width: 767px) {
  .ShopbyCarat .abouttext{
    top: 57%; left: 0px; right: 0px; padding: 0 16px;
  }
}
/******* Shop by Carat end *******/

/******* Shop by Lab Diamond Gemstone start *******/
.LabDiaGem{
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

.LabDiaGem .section-header{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.LabDiaGem p{
  max-width: 648px;
  margin: 16px auto 0 !important;
  text-align: center;
}

@media (max-width: 767px) {
  .LabDiaGem .section-header span{ display: inline-block;}
}
/******* Shop by Lab Diamond Gemstone end *******/

/******* Shop by Bespoke start *******/
.bespokebnr{
  padding-bottom: 20px !important;
}
.bespokebnr .container{
  padding:0; position: relative;
}
.bespokebnr .Desc h2{
  margin:0;
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
}

.bespokebnr .Desc h2 span{
  color: var(--color-brown);
}

.bespokebnr .Desc .buttons{
  margin-top:16px;
}
@media (max-width:767.98px){
  .bespokebnr{
      padding-bottom:60px;
  }
  .bespokebnr .Desc{
      padding:16px 16px 40px;
      background: #e7e7e7;
  }  
  .bespokebnr .Desc .buttons{
    margin-top:30px;
  }
  .bespokebnr .Desc .buttons a{
      max-width:343px;
      width: 100%;
  }
}
@media (min-width:768px){
  .bespokebnr .Desc{
      max-width:480px;
      position: absolute;
      left: 34px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1
  }  
}
@media (min-width:992px){
  .bespokebnr .Desc{
      left:102px;
  }
}
@media (min-width:1200px){
  .bespokebnr .Desc{
      left:148px;
      max-width:552px;
  }  
  .bespokebnr .Desc h2{
      margin:0;
      font-size: var(--font-ivy-56);
      line-height: var(--font-ivy-56-line-height);
  }
  .bespokebnr .Desc .buttons{
      margin-top:30px;
  }
}

@media (max-width: 1024px) {
  .bespokebnr{
    padding-bottom: 0px !important;
  }
}
/******* Shop by Bespoke end *******/


/******* Shop by Gemstone start *******/

.ShopbyGemstone a {
    display: block; padding:6px 0;
}
.ShopbyGemstone a:hover figure img {
    transform: scale(1.2);
}
.ShopbyGemstone a:hover h3 {
    color: var(--color-brown);
}
.ShopbyGemstone a figure {
    margin: 0 auto 24px;    
    display: flex;
    align-items: center;
    justify-content: center;
    width:48px; height:48px;
}
.ShopbyGemstone a figure img {
    max-width:100%; max-height:100%;
    transition: all 0.3s ease-in-out;
}
.ShopbyGemstone a h3 {
    margin: 0;
    text-align: center;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-16);
    line-height: var(--font-ivy-16-line-height);
}
#ShopbyGemstone{
    display: flex;
}
@media (min-width:768px){
  .ShopbyGemstone a h3 {
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
  }
}
/******* Shop by Gemstone end *******/

.blog-section{
  padding-top: 0px;
}

.blog-section .blog-main-section{
  position: relative;
}

.blog-section .blog-main-section .financesection-hover {
  position: absolute;
  top: 40px;
  right: 15px;
  left: 15px;
  text-align-last: center;
  z-index: 1;
}

.blog-section .blog-main-section .financesection-hover h2{
  font-family: var(--font-family-ivy);
  font-size: var(--font-ivy-36);
  line-height: var(--font-ivy-36-line-height);
  text-align: center;
  margin: 0 0 16px;
  font-weight: var(--font-weight-regular);
}

.blog-section .blog-main-section .financesection-hover .finance-link{
  color: var(--color-brown);
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
  text-transform: uppercase;
  font-weight: var(--font-weight-semi-bold);
}

.blog-section .blog-main-section .financesection-hover .finance-link img{
  margin-left: 4px;
}

.blog-section .blog-main-section .financesection-block:last-child h2{ 
  color: var(--color-white); 
}

.blog-section .blog-main-section .financesection-block:last-child .finance-link{  
  color: var(--color-white);
}

@media (max-width:1024px) {
  .blog-section .blog-main-section .financesection-hover h2{
      margin: 0 auto 16px;
      max-width: 285px;
  }  
}

@media (max-width:1024px) {
  .blog-section .blog-main-section .financesection-block:first-child{
      margin: 0 auto 16px;
  }  
}

@media (max-width:767px) {
  .blog-section .blog-main-section .financesection-hover h2{
    max-width: 263px;
  }  
  .blog-section{
    padding-bottom: 0px;
  }
}



/******* Ensurance Section start *******/



/******* Ensurance Section end *******/



/************************************************
      Engagement Ring Landing Page end
************************************************/




/************************************************
    Bespoke Page start
************************************************/
/* .bespoke-banner .pagetopbanner_right .buttons a{
    width:100%; max-width: 210px
} */
@media (max-width:767px) {
    .bespoke-banner .pagetopbanner_right{
        justify-content: center;
        text-align: center;
        padding-bottom: 20px;
    }
    .bespoke-banner .pagetopbanner_right .inn{
        width: 100%;
    }
    .bespoke-banner .pagetopbanner_right .buttons a{
       width: 100%; max-width: 343px;
    }
}

/* ======= bespoke aboutus ======= */

.bespoke-aboutus .item{
    text-align: center;
}

.bespoke-aboutus .item > span{
    width:48px; height:43px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
}
.bespoke-aboutus .item > figure{
    width:85px; height:85px;
    margin:32px auto 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bespoke-aboutus .item > figure img{
    max-width:100%;  max-height:100%;
}
.bespoke-aboutus .item > h2{
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-18);
    line-height: var(--font-ivy-18-line-height);
    margin:0 0 26px;
}
.bespoke-aboutus .item > p {
    margin:0;
}
@media (max-width:767px){
    .bespoke-aboutus .container{padding-left:50px; padding-right:50px;}
    .bespoke-aboutus .item + .item{margin-top:30px;}
}
@media (min-width:1440px){
    .bespoke-aboutus .container{
        padding:0 180px;
    }
}
/* ======= ready-to-bring ======= */

.ready-to-bring{
    position: relative;
}
.ready-to-bring .container{
    padding:0; position: relative;
}
.ready-to-bring .Desc h2{
    margin:0;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-36);
    line-height: var(--font-ivy-36-line-height);
}
.ready-to-bring .Desc .buttons{
    margin-top:16px; margin-bottom:0;
}
@media (max-width:767.98px){
    .ready-to-bring{
        padding-bottom:30px;
    }
    .ready-to-bring .Desc{
        margin-top:30px;
        padding:0 16px;
        text-align: center;
    }  
    .ready-to-bring .Desc h2{
        width:288px; margin:0 auto;
    }
    .ready-to-bring .Desc .buttons a{
        max-width:343px;
        width: 100%;
    }
}
@media (min-width:768px){
    .ready-to-bring .Desc{
        position: absolute;
        left: 100px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }  
}
@media (min-width:1200px){
    .ready-to-bring .Desc{
        left:148px;
        max-width:490px;
    }  
    .ready-to-bring .Desc h2{
        margin:0;
        font-size: var(--font-ivy-56);
        line-height: var(--font-ivy-56-line-height);
    }
    .ready-to-bring .Desc .buttons{
        margin-top:30px;
    }
}

/* ======= bespoke-latest-creations ======= */

.bespoke-latest-creations{

}
#bespoke-latest-creations{
    margin: -12px -10px;
    width: calc(100% + 20px);
}
/* #bespoke-latest-creations.owl-carousel .owl-stage-outer{
    margin-top: -12px;
} */
#bespoke-latest-creations .item {
    padding: 12px;
    height: initial;
    position: relative;
}
#bespoke-latest-creations .item > a{
    cursor: default;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--box-shadow-square);
}
@media (max-width:375.98px){
    #bespoke-latest-creations{
        margin-top: 0; margin-bottom: 0;
    }
    #bespoke-latest-creations .owl-item{
        padding: 0 45px;
    }
    #bespoke-latest-creations .item {
        padding-left: 0; padding-right: 0;
    }
    #bespoke-latest-creations .item > a{
        height: 250px;
    }
}
@media (min-width: 1200px) {
    #bespoke-latest-creations .item > a{
        height: 300px;
    }
}


/* ======= ready-to-bring modal ======= */
#myBskModal .container{
  padding:0;
}
#myBskModal h3{
    text-align: center;
    margin:0 0 12px;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-28);
    line-height: var(--font-ivy-28-line-height);
}
#myBskModal h3 + p{
    max-width:725px;
    text-align: center;
    margin:0 auto 24px
}
#myBskModal .modal-dialog{
    /* margin-top:inherit; */
    width:auto;
    max-width:1216px;
}
#myBskModal .modal-content{
    padding: 0 !important;
    box-shadow:none!important;
    border: 0!important;
    border-radius: 0!important;
}
#myBskModal .modal-body{
    padding:42px 16px;
    background-color: var(--color-milk);    
}
#myBskModal .close{
    width:24px; height:24px;
    display: flex; align-items: center; justify-content: center;
    position: absolute;
    top: 18px;
    right: 15.5px;
    opacity: 1;
    font-weight: var(--font-weight-regular);
}
#myBskModal ~ .modal-backdrop{
    background: #D9D9D933!important;
}
#myBskModal .Fieldscompulsory{
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
}
@media (max-width: 767.98px){
    #myBskModal .modal-dialog{margin:0;}
    .grecaptcha-badge{margin:0 auto;}
    #button-baspoke{width: 100%; max-width: 343px; padding-top:12px; padding-bottom:12px;}
}
@media (min-width: 1200px){
    #myBskModal h3{
        margin:0 0 16px;
        font-size: var(--font-ivy-36);
        line-height: var(--font-ivy-36-line-height);
    }
    #myBskModal .modal-body{
        padding:30px 172px;
    }
    #myBskModal .close{
        right: 36px; top: 36px;
    }
}
/************************************************
    Bespoke Page end
************************************************/