.body-wrapper { max-width: 1440px; margin: auto}

.container-full .row { margin: 0 }

p, label { margin-bottom: 0 }

.wd100 { width: 100% }

.heading-section{
    display: flex; justify-content: space-between;
    align-items: center;
    margin: 0 0 26px;
    flex-wrap: wrap;
    gap: 21px;
}

.product_title{
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0px;
}

.heading-section .clrncode{
    color: var(--color-brown);
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
}

.save-spend-pdp {
    background-color: unset;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

@media (max-width:991px) {
    .heading-section{
        margin: 0 0 12.37px;
    }
}


@media (max-width:767px) {

    .heading-section{
        margin: 0 0 18px;
    }

    .container-product{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .container-product .row{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

/*========================
    Sticky product css
===========================*/


.product-sticky{
    position: fixed;
    background: #fff;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    margin: auto;
    left: 0px;
    right: 0px;
    padding:26px 60px 12px;
    box-shadow: 0 0 10px #dedede;
	display:none;
}
.product-sticky.visible {
    display: block;
}
.product-sticky-section{ 
    display: flex; 
    gap: 18px; 
    max-width: 
    1440px; 
    margin: auto;
}
.sticky-left {
  flex: 0 0 687px;
  width: 100%;
  display: flex;
  font-size: var(--font-libre-14);
}
.sticky-left .prod-img {
  flex: 0 0 86px;
  width: 100%;
  margin-right: 18px;
}

.sticky-left .prod-metal {
  flex: 0 0 96px;
  width: 100%;
}
.sticky-left .prod-metal span:first-child,
.sticky-left .prod-stone span:first-child,
.sticky-left .prod-size span:first-child {
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: 4px;
  display: block;
  line-height: 20px;
  margin-top: 12px;
}

.sticky-left .prod-icon {
  display: flex;
  width: 20px;
  height: 20px;
  margin: 39px 21px 0px;
  justify-content: center;
  align-items: center;
}
.sticky-left .prod-stone {
  flex: 0 0 140px;
  width: 100%;
}

.sticky-right {
  width: 100%;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px 16px 28.5px;
}

.sticky-right .sticky-price {
  display: flex;
  gap: 18px;
  align-items: center;
}
.sticky-right .sticky-price .main-price {
  font-family: var(--font-family-libre);
  font-size: var(--font-libre-24);
  line-height: var(--font-libre-24-line-height);
  font-weight: var(--font-weight-semi-bold);
}

.sticky-right .sticky-price .disc-price {
  color: #adadae;
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  text-decoration: line-through;
}

.sticky-right .sticky-buttons {
  width: 100%;
  flex: 0 0 338px;
  display: flex;
  gap: 15px;
  max-width: 338px;
}
.sticky-right .sticky-buttons .pd_add_bag  {
  font-size: var(--font-libre-16);
  line-height: var(--font-libre-16-line-height);
  font-weight: var(--font-weight-semi-bold);
  padding: 17.5px;
  max-width: 338px;
  width: 100%;
}
.nopartner .arraows {
		display: flex;
	}
	
	.nopartner .arraows .previcon, .nopartner .arraows .nexticon {
		padding: 5px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		z-index: 1;
	}
	.nopartner .arraows .previcon,.nopartner .arraows .nexticon {
		color: #957127;
	}
	.nopartner .arraows .previcon {
		left: 0px;
	}
	.nopartner .arraows .nexticon {
		right: 0px;
	}
	.nopartner .arraows .disabled {
		opacity: 0.3;
		cursor: not-allowed;
	}
@media only screen and (max-width: 1366px) and (min-width: 1200px) {

    .sticky-right .sticky-buttons, .sticky-right .sticky-buttons .pd_add_bag{
        flex: 0 0 300px;
    }
    .sticky-left{
        flex: 0 0 590px;
    }
    .sticky-right .sticky-buttons .pd_add_bag {
        max-width: 268px;
    }
}

@media (max-width:1200px) {
    .sticky-left{ flex: 0 0 200px;}
    .sticky-left .prod-icon, .sticky-left .prod-metal, .sticky-left .prod-stone, .sticky-left .prod-size{ 
        display: none;
    } 
    .product-sticky{ 
        padding: 26px 34px 12px;
    }   
}   

@media (max-width:992px) {   
     .product-sticky{ 
        padding: 7.5px 14px 7.5px 5px;
    } 

    .sticky-left {
        flex: 0 0 86px;
    }

    .sticky-right .sticky-buttons{
       justify-content: end; gap: 8px; flex: unset;
    }
    .sticky-right .sticky-buttons .pd_add_bag {
        max-width:none;
        padding: 15.5px 15px 16.5px;
    }

    .wishlist-btn{
        width: 44px;
    }
}

@media (max-width:767px) {
    .sticky-left .prod-img{
        flex: 0 0 56px; margin-right: 0px;
    }
    .sticky-left {
        flex: 0 0 56px;
    }
    .product-sticky-section{
        gap: 0px;
    }

    .sticky-right{
        padding: 0px; gap: 10px;
        flex-wrap: wrap;
    }

    .sticky-right .sticky-price .main-price{
        font-size: var(--font-libre-16);
        line-height: var(--font-libre-16-line-height);
    }

    .sticky-right .sticky-price .disc-price {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height);
    }
    .nopartner .arraows .nexticon, .nopartner .arraows .previcon{
        width: 30px;
    }

   

  }

/*=============================================
    Sticky product css end
==============================================*/

/*=============================================
    Product details left css
==============================================*/

.nopartner .prodRing{
    width: 100% !important;
    max-width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    /* border: 1px solid #efefef; */
	position: relative;
}

.nopartner span.nexticon:after, .nopartner span.previcon:after{
    display: none;
}

.nopartner .img_mes, .nopartner .ref_mes{
    font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
    color: var(--color-jet);
    position: relative !important;
    margin: 24px 0 24px;
    bottom: 0px;
    display: inline-block;
    text-align: center;
}

#pddefault{
    width: 100% !important;
    max-width: 100%;
}

.tangiblee-cta{ bottom: 25px !important;}

.new_pd_social{
    margin-top: 10px !important;
}

.prodFollowNew{
    display: flex;
    gap: 16px;
    justify-content: center;
}

.prodFollowNew .dv1 a, .dv2 a, .dv3 a, .dv4 a, .dv5 a, .dv6 a{
    width: 44px !important;
    height: 44px !important;
}

/* toggle button css */

.slideButtons{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 2px 3px 3px; */
    border: 1px solid var(--color-brown);
    border-radius: 85px;
    position:relative;		
}

.slideButtons1 .active{
    color: var(--color-black) !important;
}

.slideButtons:before {
    content: "";
    display: block;
    background: var(--color-brown);
    color: #fff;
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;    
    border-radius: 85px;
    transition: all 0.3s ease-in-out;
}
.slideButtons > button, 
.slideButtons > li {
    flex: 1;
    z-index: 1;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    padding: 7px 7px; margin: 4px;	
    background: transparent;
    border: 1px solid transparent;
    border-radius: 85px;
    transition: all 0.3s ease-in-out;
    color: black;
}
.slideButtons > button:hover, 
.slideButtons > li:hover{
    border-color: var(--color-brown);
}
.slideButtons > button.active, 
.slideButtons > li.active,.slideButtons > li.selected_option {
    color: #fff;
}

.slideButtons2:before {
    width: calc(50% - 6px);
}
.slideButtons2:has(:nth-child(2).active)::before,.slideButtons2:has(:nth-child(2).selected_option)::before {
    left: calc(50% + 3px);
}

.slideButtons3:before {
    width: calc(33.33% - 6px);
}
.slideButtons3:has(:nth-child(2).active)::before,.slideButtons3:has(:nth-child(2).selected_option)::before {
    left: calc(33.33% + 3px);
}
.slideButtons3:has(:nth-child(3).active)::before,.slideButtons3:has(:nth-child(3).selected_option)::before {
    left: calc(66.66% + 3px);
}

#stone_type .slideButtons{
    margin-bottom: 0px;
}

/* toggle button css end*/

#stone_type .option-list-section{
    padding-bottom: 0px;
}



.owl-line.owl-carousel .owl-dots{
    width: 100%;
    height: 3px;           
    background: #d9d9d9;
    position: absolute;
    bottom: 0;
    display: flex;
    border-radius: 2px;
}
.owl-line.owl-carousel .owl-dots .owl-dot{
    flex: 1; 
    height: 100% !important;
    margin: 0 !important;
}
.owl-line.owl-carousel .owl-dots .owl-dot span{
    width: 100% !important; height: 100% !important; margin: 0 !important;
    background: transparent !important;
    transition: none;
}
.owl-line.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--color-brown)!important;
    min-width:160px; 
    width: 100% !important;
    height: 3px !important;
}

#pd_gallery_rings,
#pd_gallery_video_rings{
    height:100%;
    overflow: hidden;
}

#pd_gallery_rings .item,
#pd_gallery_video_rings .item{
    display: flex;
    justify-content: center;
    align-items: center;
}
#pd_gallery_rings .owl-nav, 
#pd_gallery_rings .owl-dots,
#pd_gallery_video_rings .owl-nav, 
#pd_gallery_video_rings .owl-dots{
    margin: 0 !important;
}

#pd_gallery_rings .owl-prev, 
#pd_gallery_rings .owl-next,
#pd_gallery_video_rings .owl-prev, 
#pd_gallery_video_rings .owl-next  {
    position:  absolute;
    top:  50%;
    transform:  translateY(-50%);
    cursor:  pointer;
    z-index:  1;
}
#pd_gallery_rings .owl-prev, 
#pd_gallery_video_rings .owl-prev {
    left:  0;
    transform: rotate(180deg);
}
#pd_gallery_rings .owl-next,
#pd_gallery_video_rings .owl-next {
    right:  0;
}

.gallery_video_element{
    width: 100%;
    height: 100%;
}

#pdvideo{ width: 100%;}


.pdcanvas  {
    width:  100%;    
    margin-bottom:  13px;
}
.pdcanvas canvas {
    width:  100%;
}

.sectionSticky{
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1440px) {

    .sectionSticky{
        gap: 0 39px;
    }

    .prod_detail_left{
        max-width: 700px;
        width: 100%;
    }

    .prod_detail_right{
        max-width: 580px;
        width: 100%;
    } 
}

@media (min-width:1025px) and (max-width: 1439px) {

    .sectionSticky{
        gap: 24px;
    }

    .prod_detail_left{
        max-width: calc(50% - 12px);
    }

    .prod_detail_right{
        max-width: calc(50% - 12px);
    } 
}

@media (max-width: 1024px) {
    .prod_detail_left{
       width: 100%;
    }
}

@media (max-width: 991px) {
    .prod_detail_left prodImgDiv{
        margin-top: 15px;
    }

    .nopartner .img_mes, .nopartner .ref_mes{
        margin: 19.97px 0 21px !important;
        text-align: center;
    }

    .wishlist-div {
        position: absolute;
        top: 35px;
        right: 11px;
        justify-content: flex-end;
        z-index: 9  ;
    }
   
    
}
 

@media (max-width: 767px) {


    .sale-section .sale-name {
        background: var(--semantic-error);
        border-radius: 50px;
        padding: 2.5px 12px;
        font-size: var(--font-family-lucida-16);
        line-height: var(--font-family-lucida-16-line-height);
        font-family: var(--font-family-lucida);
        color: var(--color-white);
        text-align: center;
        order: 1;
    }

    .price-mob-section{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .price-section{
        gap: 13px;
    }

    .product_title{
        order: 3;
    }
    .clrncode{ order: 2;}

    .container .row{
        margin-right: -5px;
        margin-left: -5px;
    }

     
}

/*=============================================
    Product details left css end
==============================================*/


/*=============================================
    Product details Right css
==============================================*/



.price-and-sale-section{
    display: flex; gap: 55px;
    justify-content: space-between;
    align-items: center;
}

.price-and-sale-section{
    display: flex;
    gap: 16px;
    align-items: center;
}

.price-section{ 
    display: flex;
    gap: 16px;
    align-items: center;
}

.price-section .top-main-price { 
    font-size: var(--font-libre-24); line-height: var(--font-libre-24-line-height);
    font-weight: var(--font-weight-semi-bold);
}

.price-section .top-disc-price{
    font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
    text-decoration: line-through; color: #ADADAE;
}

.price-section .finance-link{ 
    font-size: var(--font-libre-14); 
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.price-and-sale-section .sale-section{
    flex: 0 0 141px;
}
.price-and-sale-section .sale-section .sale-name{
    background: var(--semantic-error);
    border-radius: 50px;
    padding: 5px 12px;
    font-size: var(--font-family-lucida-20);
    line-height: var(--font-family-lucida-20-line-height);
    font-family: var(--font-family-lucida);
    color:var(--color-white);
    text-align: center;
}

.pramotions-section{
    border: 1px solid var(--color-brown);
    padding: 10px 39.5px 15px;
    display: flex;
    gap: 9px;
    margin-top: 16px;
    width: calc(100% + 2px);
    background: #FFFCF6;
    display: none;
}

.pramotions-section.instockprmo{
    justify-content: center;
}

.pramotions-section .pramo-icon{
    flex: 0 0 24px; margin-top: -2px;
}
.pramotions-section .pramo-icon img{
    width: 24px;
}

.pramotions-section .pramo-text {
    text-align: center;
}

.pramotions-section .pramo-text .promo-hding{
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold);
}

.pramotions-section .pramo-text .promo-tnc{
    font-size: var(--font-libre-12); line-height: var(--font-libre-12-line-height);
    text-decoration: underline;
    margin-top: 5px;
    text-underline-offset: 3px;
}

.noprice-alert{ 
    margin: 24px 0; 
    text-align: center;
    padding: 10px;
}


.product-option-progress-bar{
    position: relative;    
    margin: 26px 0 0 ;
    
}

.product-option-progress-bar .product-option-sections{
    max-height: 768px;
    min-height: auto;
    overflow-y: auto;
    padding-bottom: 1px;
    margin-right: 11px;
    width: calc(100% - 11px);
    border-bottom: 2px solid var(--color-brown);
}

.product-option-sections .section:last-child{
    margin-bottom: 0px;
}


/* For WebKit browsers (Chrome, Edge, Safari) */
.product-option-sections::-webkit-scrollbar {
  width: 6px;
}

.product-option-sections::-webkit-scrollbar-track {
  background: #D9D9D9;
  padding: 2px;
  margin-right: 15px;  
}

.product-option-sections::-webkit-scrollbar-thumb {
  background: #9D9D9D;
  border-radius: 10px;
  /* border: 5px solid red; */
}

::-webkit-scrollbar-thumb:hover {
  background: #9D9D9D;
}

.product-option-sections .section{
    padding: 0px;  border: 1px solid #EBEBEB;
    margin-right: 11px;
    margin-bottom: 36px;
    padding-bottom: 12px; 
}

/* Header */
.step-header {
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
}

.step-title {
  margin-bottom: 10px;
  font-size: var(--font-libre-14);
  line-height: var(--font-libre-14-line-height);
}

/* Step container */
.step-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* Steps */
.pro-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  margin-bottom: 16px !important;
}

.pro-step {
  position: relative;
  z-index: 3;
  width: 33%;
  height: 8px;
  border-radius: 2px;
  background: #EBEBEB;
  color: #000;
  transition: 0.3s;
  border: 0px;
}

.pro-step.active {
  background: #333335;  
}

.pro-step-with .pro-step{
    width: 50%;
}

@media (max-width: 767px) {
    .step-title{
        display: none;
    }
}



/* =====================================
    Product Option css 
 ======================================= */
.section-head{ 
    width: 100%;
    padding: 10px;
    background: #EBEBEB;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    margin-bottom: 28px;
}

.section-head span{
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    text-transform: capitalize;
}

.product-option-div{ 
    padding: 0px 12px 36px;
}


.product-option-div:last-child{ padding-bottom: 0px !important;}

.product-option-title{ 
    display: flex; gap: 8px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-bold);    
    margin-bottom: 12px;
    align-items: center;
}

.product-option-title label, .product-option-title font{
    text-transform: capitalize;
}

.product-option-list{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.product-option-list li{
    width: max-content;
    text-align: center;
    padding: 0 5px;
}

li.optionLi.disabledopt:hover>.txtCls{
    color: #616162;
    background-color: #ADADAE !important;
}

.disabledopt .txtCls, #stone_type .dropClsul li.disabledopt:last-child::before, 
.dropClsul li.disabledopt .imageCls, 
.disabledopt .imgtxtCls{
    opacity: 1;
    color: #616162;
}

.product-option-list li.active figure img, 
.product-option-list li.selected_option figure img,
.product-option-list li.selected_option figure div.img-placeholder{
    border: 2px solid var(--color-brown);
}


#stone_shape .product-option-list li.active figure img,
#stone_shape .product-option-list li.selected_option figure img{
    border: none;
}

.product-option-list li.active figure figcaption{
    font-weight: var(--font-weight-semi-bold);
}

.product-option-list li:hover figure img,
#stone_shape .product-option-list li:hover{
    border: 2px solid var(--color-brown);
}

#stone_shape .product-option-list li:hover figure img{
    border: none;
}


.product-option-list li figure img,.product-option-list li figure div.img-placeholder{
    border-radius: 50%;
    height: 44px;
    width: 44px;
    margin: 0 auto 8px;    
}

 
#stone_shape .product-option-list li{
    max-width: 44px; width: 100%; max-height: 44px;
    padding: 0px;
    border: 2px solid #fff;
    border-radius: 50px;
}

#stone_shape .product-option-list li.selected_option{
    border: 2px solid var(--color-brown);
}

#stone_shape .product-option-list li figure img{
    height: 35px;
    width: 35px;
    border-radius: 0px;
    padding: 4px;
    margin-top: 3px;
}
/* #stone_shape .product-option-list li.selected_option figure img{
    padding: 2px;
} */




.product-option-list li figure figcaption{
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
}

/* .center_shape{
    margin-left: 24px;
} */

.oneoptions{
    display: flex;
    align-items: center;
}

.oneoptions .product-option-title{
    margin-bottom: 0px;
}

.oneoptions .product-option-outer div{
     margin-left: 24px;
}

.oneoptions .list-top-24{
    margin-top: 0px !important;
    padding-bottom: 0px;
    margin-left: 0px !important;
}


.oneoptions .list-top-24 .product-option-list li .txtCls{
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
}

#width .product-option-list{
    gap: 24px;
}


#stone_shape .product-option-list{
    column-gap: 9px; 
    row-gap: 24px
}

#width .product-option-list,
#band_finish .product-option-list,
#thickness .product-option-list,
#backing .product-option-list,
#chain_type .product-option-list,
#band_width .product-option-list
{
    gap: 24px; 
}

.hint--bottom-left:before, 
.hint--bottom-left::after{ display: none;}

.tooltip.bottom .tooltip-arrow{
        border-bottom-color: #383838;
}
.tooltip .tooltip-inner{
    background: #383838;
    padding: 4px 8px;
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
}



.option-list-section{
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 14px;
    padding-bottom: 12px;
}

.option-list-section.list-top-24{
    margin-top: 24px;
}

.option-list-section .options-list{
    display: flex; gap: 20px;
    margin-bottom: 0px;    
}

.option-list-section .options-list li{
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
    border: 1px solid var(--color-brown);
    padding: 5.5px 12px 6.5px;
    min-width: 62px;
    text-align: center;
    flex-grow: inherit;
}

.option-list-section .options-list li:hover{
    background: var(--color-brown);
    color: var(--color-white);
    cursor: pointer;
}

.option-list-section .options-list li.selected,.option-list-section .options-list li.selected_option,.ring-size-options li.selected_option{
    background: var(--color-brown);
    color: var(--color-white);
}

.option-list-section .options-list li.disabledopt{
    background: #ADADAE !important;
    border: 1px solid #ADADAE;
}

.option-list-section .options-list li.disabledop .txtCls{
    color:#616162 !important
}


/* For WebKit browsers (Chrome, Edge, Safari) */
.option-list-section::-webkit-scrollbar {
  height: 2px;
  /* border: 5px solid red; */
}

.option-list-section::-webkit-scrollbar-track {
  background: #D9D9D9;
  padding: 2px;
  
}

.option-list-section::-webkit-scrollbar-thumb {
  background: var(--color-brown);
}

.product-option-outer #toggleBtn{
    font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#LikeMoreOptions{
    margin-bottom: 39px;
}

.nopartner .stack-images{ display: none;}

/* =====================================
    Product Option css end
 ======================================= */


/* =====================================
    choose-specific css start
 ======================================= */

.choose-specific-banner {
   margin:0px 0 0;
   text-align: center;
   cursor: pointer;
   padding: 0px 8px 12.5px;
   text-decoration: underline;
    text-underline-offset: 3px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
}

.video-img-container .carat{
    display: flex;
    width: 100%;
    justify-content: end;
    gap: 10px;
    align-items: center;
    padding: 10px;
    text-decoration: underline;
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
 }

 .desktop-caret-icon{
    width: 24px; height: 24px;
 }

 .new-choose-search-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-jet);
}

.diamondSearch {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-size: 16px;
    color: #333335;
}

.diamondSearch::placeholder{
    color: #333335;
}

.restfilter-section{
    margin-top: 12px; 
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
}

.restfilter-section input{
    background: transparent;
    border: 0px;
    padding: 0px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/*checkbox css */
    .chkcontainer { 
        cursor: pointer; 
        margin-bottom: 0px;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000;
        letter-spacing: 0.1em;
    }
    
    .chkcontainer input {opacity: 0;cursor: pointer;position:absolute;}			
    
    /* .video-btn, .image-btn,.readytodelivery-btn, .heart-arrow-btn {
        font-size:14px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0 8px;
        color: var(--color-jet);
        font-weight: 400;
    } */
    span.choose-icon {
        width: 46px;
        height: 24px;
        background-color: var(--color-primary-200);
        margin-right: 0px;
        position: relative;
        border-radius: 13px;
    }

    .choose-icon {
        width: 46px;
        height: 24px;
        background-color: var(--color-primary-200);
        border:1px solid #BA9659;
        position: relative;
        border-radius: 60px;
    }
    .chkcontainer {     
        cursor: pointer; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .chkcontainer input {opacity: 0;cursor: pointer;position:absolute;}
    .chkcontainer strong{
        font-weight:400;
    }
    .chkcontainer input[type=checkbox]:checked + span:after{
        background-color: var(--color-brown);
    }
    .chkcontainer input[type=checkbox] + span:after{
        content: '';
        background: var(--color-white);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 1px;
        border-radius: 100%;
        box-sizing: border-box;
        transition: .4s;
    }
    .chkcontainer input[type=checkbox]:checked + span:after {
        transform: translateX(22px);
    } 
    .chkcontainer input[type=checkbox] + span:before{
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        top: 6.5px;
        right: 7.5px;
        background: url(/catalog/view/theme/default/image/product_page/radiobtn_close.png) no-repeat center/100%;
        display: block !important;
    }
    .chkcontainer input[type=checkbox]:checked + span:before {
        background-image: url(/catalog/view/theme/default/image/product_page/radiobtn_show.png);
        right: initial;
        left: 7.5px;
    } 

.radio-options {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    text-align: center;
}

.choose-radios{
    display: flex;
    justify-content: space-between;
    margin: 29px 0 0;
    align-items: center;
}
.diamondsdtail .fltrasc{
    padding-left: 10px;
}

.diamon_infor_inner>div:first-child {
    max-width: 199px; width: 100%;
}

.diamon_infor_inner .inner_details{
    width: auto;
}

.choose_sp_dmd_dtl{
    text-align: left;
    margin-bottom: 13px;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
}

.new-choose-search-box input {
    width: 100%;
    background: transparent;
    border: none
}

.pagination {
    text-align: right !important;
    padding: 17px 0;
    margin-bottom: 24px;
    border-bottom: 1px solid #F8F2E7;
}

.pagination .pagination_dots{
    padding: 0px;
}

.pagination .pagination_dots + a.paginationlink{
    display: none;
}

.pagination a,
.pagination u {
    border: none;
    padding: 2px 8px;
    background: none;
    margin-right: 0px;
}

.pgination_nxtbtn {
    width: 18px;
    height: 18px;
    background: url(/catalog/view/theme/default/image/product_page/arrow-right.svg) no-repeat;
}

.pgination_prvbtn {
    width: 18px;
    height: 18px;
    background: url(/catalog/view/theme/default/image/product_page/arrow-left.svg) no-repeat;
}

.choose-specific-stone-details {
    display: flex; gap: 26px;
}

.inner_details .col_half span,
.inner_details .col_half label {
    font-family: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
}

.col_half label {
    font-weight: normal;
}

.col_half {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    text-align: left;
    /* align-content: flex-start */
}

.col_half .col_section{
    width: 100%;
}

.addto_item {
    background-color: var(--color-brown);
    color: #fff !important
}

.btns_group {
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-top: 24px;
}

.btns_group a {
    font-family: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    font-weight: var(--font-weight-semi-bold);
    border: 1px solid var(--color-brown);
    color: var(--color-jet);
    padding: 9.5px 17px;
    max-width: 156px;
    width: 100%;
}


.diamon_infor_inner {
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* .diamon_infor_inner>div:first-child {
    width: 34%
} */

/* .diamon_infor_inner .inner_details {
    width: 66%
} */

.productD-table>tbody>tr.selectedTr>td,
.table>tbody>tr>td {
    border: none !important
}

.diamondsdtail .table>thead>tr>th,
.productD-table>tbody>tr {
    border: none;
    border-bottom: 1px solid var(--color-primary-200)
}

.pagination a:hover,
.selectedPagi u,
.selectedPagi a {
    color: var(--color-brown);
    border: none
}

.stone_price_input #stone_price_max,
.stone_price_input #stone_price_min {
    width: 77px
}

.stone_carat_input .stone_caratInput {
    width: 50px
}

.ui-widget.ui-widget-content {
    background-color: var(--color-primary-300);
    border: none;
    height: 2px
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default {
    background: var(--color-brown) !important;
    border: none
}

@media only screen and (max-width:767px){
    .col_half{
        width: 100%;
        margin-bottom: 0px;
    }

}


/* =====================================
    choose-specific css end
 ======================================= */

/* =====================================
    Ring sizer css start
 ======================================= */
 .ringsize-toggle-btn{
    width: 100%;
    padding: 7px 0px 7px 10px;
    color: #333335;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #333335;
    align-items: center;
    }

    .arrow{
      transition: 0.3s;
      font-size: 18px;
    }

    .arrow.rotate{
      transform: rotate(180deg);
    }

    .toggle-content{
        width: 100%;
        border: 1px solid #ddd;
        display: none;
        background: #fff;
    }

    .toggle-content.active{
      display: block;
    }

    .ringsize-list{
        width: 100%; 
        display: flex;   
        margin-bottom: 0px; 
        flex-wrap: wrap;   
    }
     
    .ringsize-list li{
        width: calc(100% / 6);
        padding: 13.5px 10px;
        margin: 0px;
        border: 0.5px solid #F4E8DA;
        text-align: center;
    }
	
	.ringsize-list-full li {
		width: 100%;
		padding: 13.5px 10px;
		margin: 10px 0 0 0;
		border: 0.5px solid #F4E8DA;
		text-align: center;
	}

    .not_sure_on_ring_size{
        margin-top: 24px;
    }
    .not_sure_on_ring_size .not_sure_on_ring_size_header{ 
        display: flex;
        justify-content: center;
        gap: 10px;
        align-items: center;
        cursor: pointer;        
        padding-bottom: 12px;
    }

    .not_sure_on_ring_size .not_sure_on_ring_size_header h4{
        font-size: var(--font-family-lucida-24); line-height: var(--font-family-lucida-24-line-height);
        font-family: var(--font-family-lucida);
        margin: 0px;
    }

    .not_sure_on_ring_size_body{
        display: none;
        font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
        margin-top: 12px;
    }

    .not_sure_on_ring_size_body .inn1{
        display: flex;
        gap: 16px;
        margin-bottom: 48px;
    }

    .not_sure_on_ring_size_body .inn1 > div{
        flex: 0 0 409px;
    }
    .ring-sizer-btn{
        font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
        padding: 9.5px 41.5px 10.5px;
    }

    .ring-sizer-btn-section{ width: 100%; text-align: center;}

    .ring-sizer-btn-section .ring-sizer-btn{
        margin-top: 34px;
    }

    .ring-guide-btn{
        font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
        padding: 9.5px 8px !important;
        margin-top: 10px;
    }

    .not_sure_on_ring_size_body .inn2{
        margin-bottom: 48px;
    }

     .not_sure_on_ring_size_body .inn3{
        padding-bottom  : 8px;
    }

    .not_sure_on_ring_size_header:after{
        content: '';
        width:18px; height:18px;
        background: url(/catalog/view/theme/default/image/product_page/plus.svg) no-repeat center;
        background-size: 18px;
    }
    .not_sure_on_ring_size_header.active:after{
        background-image: url(/catalog/view/theme/default/image/product_page/minus.svg);
    }


    .GL_9K_W:after, .GL_9K_Y:after, .GL_9K_R:after, .GL_9K_YW:after, .GL_9K_RW:after, 
    .GL_10K_W:after, .GL_10K_Y:after, .GL_10K_R:after, .GL_10K_YW:after, .GL_10K_RW::after,
    .GL_14K_W:after, .GL_14K_Y:after, .GL_14K_R:after, 
    .GLPL_18K_WW:after, .GLPL_18K_YW:after, .GLPL_18K_RW:after,
    .GL_18K_W:after, .GL_18K_Y:after, .GL_18K_R:after, .GL_18K_RW:after, .GL_18K_YW:after, .PL_950_W:after{
        display: none;
    }

    #metal_purity li div{
        width: 44px;
        height: 44px;
        border-radius: 50px;
    }
 

/* =====================================
    Ring sizer css end
 ======================================= */


/* =====================================
    Add to bag button css start
 ======================================= */

.addtobag-section{
    display: flex;
    gap: 16px;
    width: 100%;
    margin-top: 24px;
}

.addtobag-section .pd_add_bag {
     width: 100%;
}

.addtobag-section .pd_add_bag {
    font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
    padding: 15.5px 15px 16.5px;
    font-weight: var(--font-weight-semi-bold);
    width: 100%;
}

.wishlist-btn{
    background: var(--color-milk);    
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    border: 1px solid var(--color-brown)
}

.alert-danger{
    padding: 10px;
}

.alma-widget{
    margin-top: 32px;
}



/* =====================================
    Add to bag button css end
 ======================================= */


 /* =====================================
    Product descriptions css start
 ======================================= */

.product-discription-section{
    padding: 56px 0 0px !important;
}


.prodis-tabs-wrapper{
    overflow-x:auto;
    white-space:nowrap;
    /* scrollbar-width:thin; */
    padding-bottom:18px;
    overflow-y: auto;
}

/* For WebKit browsers (Chrome, Edge, Safari) */
.prodis-tabs-wrapper::-webkit-scrollbar {
  height: 2px;
}

.prodis-tabs-wrapper::-webkit-scrollbar-track {
  background: #EBEBEB;
  /* padding: 2px; */
  
}

.prodis-tabs-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-brown);
  width: 160.87px;
}

.prodis-tabs-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--color-brown);
}

.prodis-tabs{
    display:flex;
    gap:30.25px;
    min-width:max-content;
}

.prodis-tab-btn{
    min-width:239px;
    border:1px solid var(--color-brown);
    background:#fff;
    color:var(--color-jet);
    font-size:var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    font-weight:var(--font-weight-semi-bold);
    cursor:pointer;
    transition:0.3s;
    flex-shrink:0;
    padding: 9.5px 10px 10.5px;
    text-transform: capitalize;
}

.prodis-tab-btn.active,
.prodis-tab-btn:hover{
    background:var(--color-brown);
    color:var(--color-white);
}

.prodis-tab-content{
    padding-top:33px;
    display:none;
}

.prodis-tab-content h3{
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    line-height: var(--font-family-lucida-28-line-height);
    font-weight: var(--font-weight-regular);
    color: var(--color-jet);
    margin:0 0 24px;
    text-transform: capitalize;
}

.prodis-tab-content.active{
    display:block;
}

.content-grid{
    display:flex;
    /* gap:24px 20px; */
    flex-wrap: wrap;
}

.left-content{
    width: 50%;
    padding: 7px 34px 7px 0px;
}

.left-content p{
    line-height:1.8;
    color:#555;
}

.right-content{
    width:auto;
    border-left:1px solid #ADADAE;
    padding: 7px 7px 7px 34px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
}

.price-row{
    display:flex;
    gap: 10px;
    margin-bottom:10px;
}

.price-row span{ min-width: 100px;}


.price-row span:nth-child(2){
    width: 150px  ;
    text-align: left;
}

.price-row.total span:nth-child(2){
    text-align: right;
}

.total{
    font-weight:bold;
    font-size:var(--font-libre-14); line-height: var(--font-libre-14-line-height);    
}

.product-details-sec{
    width: 100%;
    max-width: 588px;
  
}
 .product-details-sec .ringanddiamond{
    border: 1px solid #5B5B5B;
    border-radius: 5px; 
}

.prodis-tab-content .not_sure_on_ring_size_body{
    max-width: 812px;
    width: 100%;
}

.prodis-tab-content .not_sure_on_ring_size_body .inn1 > div{
    flex: 0 0 665px;
    align-items: center;
}

.prodis-tab-content .not_sure_on_ring_size_body .inn2, .prodis-tab-content .not_sure_on_ring_size_body .inn3{
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
    padding-bottom: 0px;
}

.prodis-tab-content .not_sure_on_ring_size_body .inn2 .ring-sizer-btn-section, 
.prodis-tab-content .not_sure_on_ring_size_body .inn3 .ring-sizer-btn-section{
    min-width: 138px;
    max-width: fit-content;
    width: 100%;
}

.prodis-tab-content .not_sure_on_ring_size_body .inn2 .ring-sizer-btn-section  a, 
.prodis-tab-content .not_sure_on_ring_size_body .inn3 .ring-sizer-btn-section a{
    margin-top: 0px !important;
}

.prodis-tab-content .not_sure_on_ring_size_body .inn2 .ring-sizer-btn-section .ring-guide-btn{
    margin-top: 0px !important;
}


.tabmaindiv{
    max-width: 812px; width: 100%;
}

#RefundsReturns p, #FreeDelivery p, #WeddingRingBuyingGuide p{ margin-bottom: 24px; }

#RefundsReturns p b, #FreeDelivery p b, #WeddingRingBuyingGuide p b{
    font-weight: 600;
}

.morebtn-section{ width: 100%; text-align: center;}
.morebtn-section .btn{
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
    padding: 9.5px 8px 10.5px;
    font-weight: var(--font-weight-semi-bold);
}

.payment-wrapper{
   max-width: 812px;
    width: 100%;
}

.payment-item{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}

.payment-item:last-child{
    margin-bottom: 0px;
}

.payment-logo{
    max-width:70px;
    width: 100% ;
}

.payment-content h4{
    font-size:14px;
    margin-bottom:5px;
    color:#222;
    font-weight:600;
}

.payment-content p{
    font-size:var(--font-libre-14); line-height: var(--font-libre-14-line-height);
}

.product_review{
    display: none;
}

.tabmodel{ display: none;}


.nopartner .fixthumbimg{
    display: none;
}

.desc-grid {
    display: flex;
	gap: 15px;
}
.desc-grid-inner {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.desc-grid-inner>span:first-child {
    font-weight: 600;
    text-transform: capitalize;
}

 /* =====================================
    Product descriptions css end
 ======================================= */



 /* =====================================
    Instock css start
 ======================================= */

 .instockdiv{
    margin-top: 16px !important;
 }

 .stockTable tr:hover, .stockTable tr.activetr:hover{
    border: 1px solid var(--color-brown) !important;
 }

.stockTable tr.MoreUlShow:hover,  .stockTable tr.instock_header_row:hover,
.stockTable .MoreUlShow td.MoreUl{
    border: none !important;
}
 
 .stockTable tr:first-child{
    background: #EBEBEB !important  ;
 }

 .stockTable tr:first-child td{
    padding: 16px 16px !important;
 }

 .stockTable tr td{    
    padding: 8px 8px !important;
 }

 .MoreUlShow ul li.moreOptions{
    padding: 0px;
 }

 .MoreUlShow ul li.moreOptions{
    padding: 9.50px 0px !important;
    margin: 0px 8px 0px 0px;
 }

 .stockTable .MoreUlShow td.MoreUl{
    padding-left: 0px !important;
 }

 .stockTable tr.activetr{
    border: none;
 }

 .stockTable tr.activetr+tr.MoreUlShow{
    border: none;
 }

 .instockdiv .buynowBtn{
    padding: 8px 31px !important;
 }

 #instockdiv_content .pgination_prvbtn{
    width: 22px !important;
    height: 22px !important;
    background: url(/catalog/view/theme/default/image/product_page/instock-right.svg) no-repeat center center !important;
 }

 #instockdiv_content .pgination_nxtbtn{
    width: 22px !important;
    height: 22px !important;
    background: url(/catalog/view/theme/default/image/product_page/instock-left.svg) no-repeat center center !important;
 }

 .stockTable tr.activetr.open{
    border-top: 1px solid #F4E8DA;
 }

#instockdiv_content .pagination{
    border-bottom: 0px !important;
}

.instock-ringsize-guide-section .not_sure_on_ring_size{
    margin-top: 16px;
}

.instock-ringsize-guide-section .not_sure_on_ring_size_header{
    padding-bottom: 8px !important;
}

 @media (max-width: 1023px) {
    .instockdiv{
        padding-right: 0px;
    }
    .prod_detail_right .product-name{
        display: none !important;
    }
}

 @media (min-width: 768px) and (max-width: 1023px) {
    .stockTable tbody tr.instock_header_row td {
        padding: 16px 8px !important;
    }

    .stockTable tbody tr td{
         padding: 11.6px 7.1px !important;
    }
}

 @media (max-width: 767px) {
    .stockTable tbody tr.instock_header_row td {
        padding: 21px 8px !important;
    }  

    .stockTable tbody tr td, html[lang='en'] .stockTable tr td{
         padding: 21px 4px !important;
    }

    html[lang='en'] .instockdiv .buynowBtn{
        padding: 3px 5px !important;
    }

    .MoreUlShow ul li.moreOptions{
        margin-bottom: 0px !important;
    }
    
 }

  /* =====================================
    Instock css end
 ======================================= */


 /* .products-botton-sliders .container{
    max-width: 936px;
    padding: 0px; 
 } */

 @media only screen and (min-width: 1440px) {

    .pdp-carousel-container .container .item a:not(.addwishlist) h3{
        margin: 8px 0 0;
        /* font-size: 25px !important; */
        /* line-height: 25.38px !important; */
    }

    .charm_related_product_container .pdp-carousel-container{
        padding: 24px 0px 0px !important;
    }

    .pdp-carousel-container .container .item a:not(.addwishlist) h4{
        margin-top: 22.56px !important;
        /* font-size: 22px !important; */
        /* line-height: 33.85px !important; */
        color: var(--color-jet);
        min-height: auto !important;
    }

    

 }

 .products-botton-sliders .section.pdp-carousel-container ~ .pdp-carousel-container {
    padding-top: 0px;
 }

  .products-botton-sliders .section-header{
    margin-bottom: 18.47px;
    margin-top: 0px;
  }



 .pdp-carousel-container .container .item a:not(.addwishlist) h3{
    margin-top: 11.28px !important;
 }

 .pdp-carousel-container .container .item{
    padding: 0px 10px 0;
 }

 .review-badges-container{ 
    display: none;
 }

 .payment-section{ 
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
 }

 .payment-section .payment-div{
    height: auto !important;
    margin: 0 0px 19px;
    border-top:1px solid var(--color-brown);
    border-bottom: 1px solid var(--color-brown);
    border-left: 0px;
    border-right: 0px;
    text-align: right;
 }

 .payment-section .payment-div a{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.payment-section .payment-div a .payment-left{
    max-width: calc(100% - 120px);
    flex: 0 0 calc(100% - 120px);
    text-align: center;
}

.payment-section .payment-div a .payment-left img{
    margin-right: -12px;
}

.payment-section .payment-div a .cta{
    max-width: 120px;
    width: 100%;
}
 
 
 .payment-section .payment-div a, .payment-div span.cta{
    padding: 0px;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    font-family: var(--font-family-libre);
    color: #333335;    
    display: flex;
    align-items: center;
    justify-content: space-around;
 }

 .payment-section .payment-div span{    
    text-decoration: underline !important;
    text-underline-offset: 3px;
 }

 /* .payment-div span.cta{
    margin-left: 15%;
 }

 .payment-div.afterpay span.cta {
    margin-left: 12%;
 } */

 .payment-section .payment-div img{
    margin-left: 12px;
    margin-right: 0px;
 }

  .payment-section .payment-div:last-child{
    margin-bottom: 0px !important;
  }

  .cusrevstar5{
    width: 68px;
    height: 15px;
    background: url(../image/menu_collection/trustpilot_home.png) no-repeat -1px -149px;
  }


 @media (min-width: 768px) and (max-width: 1199px){
     .products-botton-sliders .pdp-carousel-container .container .owl-carousel .owl-stage{
        padding-left: 0px !important;
    }
 }

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

    .prod_detail_right{
        width: 100%;
        max-width: 100%;
    }

     .pramotions-section{
        justify-content: center;
    }   

    .addbag_btn{ 
        margin-right: 0px;
    }
    
    .prod_detail_right .appointment-buttons{
        margin-top: 24px;
    }


 }

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

   
    .prod_detail_left{
        margin-top: 15px;
    }
    
    .product_review{
        display: flex;
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height);
        display: none;
    }

    .tabmodel{ 
        display: block;
        width: 100%;
        text-align: right;
        font-size: 14px;
        color: var(--color-brown);
        margin-bottom: 8px;
    }

     .pramotions-section{
        padding: 24px 14px 10px;
        gap: 10.5px;
    }

    .pramotions-section .pramo-text .promo-tnc{
        margin-top: 2px;
        text-align: right;
        margin-right: -80px;
    }

    .product-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

     .prodImgDiv .prodimgInner .prodRing{
        margin-top: 0px;
    }

    /* .prodImgDiv .prodimgInner{
        margin-top: 15px;
    } */


    .prod_detail_right{
        margin-top: 0px;
    } 

   .pro-steps{
        margin-bottom: 10px !important;
   }

   

   #LikeMoreOptions{
    margin-bottom: 24px;
   }
  
   .product-option-progress-bar .product-option-sections{
        margin-right: 0px;
         width: 100%;
   }
   .product-option-sections .section{
        margin-right: 6px;
   }

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

   .choose-specific-banner{
    padding-bottom: 12.5px;
   }

   .pagination{
    margin-bottom: 0px;
   }

   .not_sure_on_ring_size_body .inn1 > div{
        flex: auto;
   }

   .ring-size-section{ padding-bottom: 20px;}

   .addtobag-section{
    margin: 44.2px 0 0px;
   }

   .product-discription-section{
        padding: 33px 0 0px !important;
   }

   .left-content{
        width: 100%;     
        padding: 0px 0px 48px 0px;
   }

   .right-content{
        width: 100%;
        padding: 0px;
        border-left: 0px;    
   }

   .products-botton-sliders .section{
    padding: 40px 16px;
   }

   .prodis-tabs{
        gap: 28.73px;
   }

   .pdp-carousel-container .container .item a:not(.addwishlist) figure img{
        max-width: 220px !important; 
   }

   .prodis-tab-content .not_sure_on_ring_size_body .inn1 > div{
        flex: auto;
   }

   .prodis-tab-content .not_sure_on_ring_size_body .inn2, 
   .prodis-tab-content .not_sure_on_ring_size_body .inn3{
        flex-direction: column;
        text-align: left;
   }

   .prodis-tab-content .not_sure_on_ring_size_body .inn2 .ring-sizer-btn-section .ring-guide-btn{
        margin: 10px auto 0px !important;
   }
   .prodis-tab-content .not_sure_on_ring_size_body .inn2 .ring-sizer-btn-section, 
   .prodis-tab-content .not_sure_on_ring_size_body .inn3 .ring-sizer-btn-section{
    margin: auto;
   }

   .wishlist-div{ margin-top: 16px; margin-bottom: 0px;}
   
   .pd_social{
        position: absolute;
        top: 75px;
        right: 10px;
        margin: 0px !important;
        width: fit-content !important;
   }

   .prodFollowNew .dv7 a, .prodFollowNew .dv7 a{
        width: 32px;
        height: 32px;
   }



   .prodFollowNew .dv1 a, .dv2 a, .dv3 a, .dv4 a, .dv5 a, .dv6 a{
    width: 32px !important;
    height: 32px !important;
   }

   .prodFollowNew div{
     padding: 0px 0px;
   }

}

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

    .product-container{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tabmodel{
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .pramotions-section {
        padding: 8px;
        gap: 5px;
    }

    .pramotions-section .pramo-text .promo-tnc{
        text-align: center;
        margin-right: auto;
        margin-top: 10px;
    }

    .pramotions-section{ margin-top: 15px;}

    .noprice-alert{
        margin: 15px 0;
    }

     .prodis-tabs{
        gap: 10px;
   }

   .prodis-tab-content{
        padding-top: 16px;
   }

   .prodis-tab-content h3{
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        margin: 0 0 12px;
   }

   .wishlist-div{
        top: 25px;
        right: 11px;
        margin: 0px !important;
   }

   .nopartner .img_mes, .nopartner .ref_mes{
        margin: 10px 0 15px !important;
   }

   .product-option-progress-bar{
        margin: 24px 0 0;
   }

   .step-header{ display: none;}
   .product-option-progress-bar .product-option-sections{
        height: auto;
        border-bottom: 0px;
        max-height: fit-content;
   } 

   .product-option-sections .section{
        padding-bottom: 8px;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 24px;
   }

   .option-list-section .options-list li{
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height);
        padding: 5.5px 12px 6.5px;
        min-width: fit-content;
   }

   .shiping_txtx_right{
        margin: 0 0 0px !important;
   }

    #stone_carat ul li {
        /* min-width: auto; */
        flex: none;
    }

    #stone_carat ul.active, #stone_carat ul.carat_blocks_list{
        flex-wrap: nowrap;
    }

   .product-option-sections .section{
        margin-right: 0px;
   }

   .product-option-sections .section.stone-section{
            padding-bottom: 24px !important;
   }

   .not_sure_on_ring_size{
        margin-top: 26px;
   }

   .product-option-sections .section.ring-size-section{
    padding-bottom: 12px    ;
   }

   .addtobag-section {
        margin: 16px -8px 0px;
        background: #F8F2E7;
        padding: 16px 12px;
        width: calc(100% + 16px);
    }

    .estimate-delivery-block{
        margin-top: 25px !important;
    }

    .payment-section{
        margin-top: 44px;
    }

    .wishlist-btn{
        border: 1px solid var(--color-brown);
    }

    .product-sticky .wishlist-btn{
        padding: 0px;
    }

    html[lang='en'] .stockTable tr td{
        font-size: var(--font-libre-12) !important;
        line-height: var(--font-libre-12) !important;
    }

    .instockdiv .option_name,
    .instockdiv .option_value{
        font-size: 12px !important;
    }


    .appointment-buttons{
        flex-direction: column;
    }

    .appointment-right .appointment-btn-sec{
         flex-direction: column;
         margin: 12px !important;
         gap: 8px;
    }

    .appo-data h5{
        font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
        margin: 10px 0 9px;
        font-weight: var(--font-weight-semi-bold);
    }

    .appo-data p{
        font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
    }

    .appointment-buttons .appointment-left {
        width: 100% !important;
        display: flex;
        gap: 18px;
        align-items: flex-start;
    }

    .appointment-buttons .appointment-left img{
        width: 99px;
    }
   
    .store-app-btn{
        max-width: 100% !important;
    }

    .product-discription-section{
        padding: 15.94px 0 34.38px !important;
    }

    .left-content {
        width: 100%;
        padding: 0px 0px 0;
    }

    .right-content {
		margin-top: 24px;
        border-left: none;
        width: 100%;
        padding: 0px 24px 0px;
        /* display: none; */
        /* width: 100%;
        border-top: 1px solid #ADADAE;
        padding: 12px 12px 24px; */
    }

    .product-discription-section {
        padding: 15.94px 0 0px !important;
    }

    .products-botton-sliders .section-header h2{
        font-size: var(--font-family-lucida-24) !important;
        line-height: var(--font-family-lucida-24-line-height) !important;
        text-align: left;
    }
    
    .pdp-carousel-container .container .section-header{
        max-width: 100%;
        margin: 0 0 24px !important;
    }

    .pdp-carousel-container .container .item a:not(.addwishlist) figure img{
        max-width: 180px !important;
    }

    .products-botton-sliders .section {
        padding: 40px 16px 34px;
    }

    .pdp-carousel-container .container .item a:not(.addwishlist) h3{
        font-size: var(--font-libre-18) !important;
        line-height: var(--font-libre-18-line-height) !important;
    }

    .pdp-carousel-container .container .item a:not(.addwishlist) h4{
        min-height: auto;
    }

    .pd_social{
        top: 65px;
        right: 16px;
    }

    .stone-section .product-option-div{
        padding: 0px 9px 36px;
    }

    #customPriceRange .ui-widget-content {
        width: 44% !important;
    }

   .btns_group  {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }

    .pdp-carousel-container .container .item a:not(.addwishlist) h4{
        min-height: auto !important;
    }

    .nopartner .stacked-items{
        order: unset !important;
        margin: 0px auto 0 !important;
    }

    

 }



















.pdp-success-msg {
    background-color: var(--color-brown);
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
    text-align: center;
    padding: 11.5px 16px;
    border-radius: 0;
    margin: 0
}

#hallmarked-text-value {
    text-align: left;
    margin-bottom: 0px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.pdp-success-msg,
.pdp-success-msg a {
    color: #fff !important;
    font-weight: 600
}

.pdp-success-msg button {
    opacity: 1;
    text-shadow: none
}

.product-details {
    display: flex
}

.product-img {
    width: 49%
}

.pdp-right-section {
    width: 51%;
    background-color: var(--color-milk);
    padding: 60px 24px
}

.product-name,
.wishlist-div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.wishlist-tab {
    display: none
}

.product-name {
    margin-bottom: 24px
}

.wishlist-div {
    gap:16px;
    margin: 10px 0
}

.product-name h1,
.product-name h2 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    max-width: 430px;
    margin: 0;
    margin-right: 0px
}

/* .nopartner .img_mes, .nopartner .ref_mes{
    position: relative !important;
    width: 100%;
    bottom: 0px !important;
    left: auto !important;
    margin-top: 24px;
    text-align: center;
    top: 0px;
    margin-bottom: 24px;
    display: inline-block;
} */

.wishlist-div img {
    width: 24px
}

.wishlist-icon-div {
    border: 1px solid var(--color-primary-200);
    border-radius: 50%;
    padding: 8px;
    width: 44px;
    height: 44px;
}

.price-finance,
.price-div,
.slash-price {
    display: flex;
    gap: 0 11px;
    align-items: baseline
}

.discounted-price {
    font-size: var(--font-libre-20);
    line-height: var(--font-libre-20-line-height);
    font-weight: 600;
    margin-right: 36px;
    margin-bottom: 0
}

.instock_final_discounted_price.discounted-price {
    margin-right: 0px;
    display: inline-block
}

.black-strike-price {
    font-size: var(--font-libre-20);
    line-height: var(--font-libre-20-line-height);
    margin-right: 0px
}

.from-price,
.mainhightstreet span.text-uppercase {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    color: var(--color-dark-300)
}

.vat-text {
    font-size: var(--font-libre-10);
    line-height: var(--font-libre-10-line-height);
    color: var(--color-dark-300);
    margin: 0 8px
}

/* .question_yellow {
    margin-right: 12px
} */

.save-price {
    background-color: #3333350D;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    margin: 0 11px
}

.diamondDetail .save-price {
    margin: 0px
}

.diamondDetail .price_box {
    align-items: center
}

.instock_pdp_price .small.vat {
    margin-left: 8px;
    margin-right: 8px
}

.instock_pdp_price .yousavenew {
    margin-left: 8px;
    margin-right: 8px
}

#instockPriceDiv {
    align-items: center
}

.lowest.price_box.pdp-price .pd_question_yellow {
    margin-top: -2px
}

.price-finance {
    justify-content: space-between
}

.price_review_col:first-child {
    width: 100% !important
}

.finance-div {
    padding-top: 5px
}

.discounted-text {
    color: #CD2A1B;
    display: inline-block;
    margin-top: 4px
}

.prod_detail_rightBlock2 .priceMainDiv {
    display: flex;
    justify-content: space-between
}

.price_finance_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.price_box {
    align-items: baseline
}

.pricedetails .price_box {
    align-items: center
}

.pdtitleCls {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: 600
}

.detailCol1 {
    width: 100%
}

.pdtitle {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    border-bottom: 1px solid #EBEBEB;
}

.pdtitle span {
    width: 50%;
    padding: 10px 12px !important;
}
.pdtitle span:last-child{
    border-left: 1px solid #EBEBEB;    
}

/* .pdtitle span.colm {
    font-weight: 600 !important
} */

#display_stones_details{
    display: flex;
    flex-wrap: wrap;
}

.display_stones_details_left{
    width: 50%;
}

.display_stones_details_right{
    width: 50%;
    border-left: 1px solid #EBEBEB
}

#side_stone_details{
    display: flex;
    flex-wrap: wrap;
}

.productDetail .pdtitle{
    padding: 10px 12px !important ;
}

.productDetail .pdtitle#side_stone_title{
    padding: 10px 12px; font-weight: normal;
}

.side_stone_details_pdp{
    width: 50%;
}

#side_stone_details_pdp table tr.side-stone-title td{
    border-bottom: 0px !important;
}

.side_stone_values{
    width: 50%;
    border-left: 1px solid #EBEBEB;
}

#display_stones_details td,
#side_stone_details td,
.side_stone_details td,
.display_stones_details td {
    padding: 10px 12px !important;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    border-bottom: 1px solid #EBEBEB;
}

.scrollTop{
    bottom: 140px !important;
}


.pdp-details-accordion .prodDetailhead,
.pdp-details-accordion .ringDetailhead,
.finance-accordion .financetxt {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: 600;
    text-align: left;
    color: var(--color-jet);
}

.finance-accordion .financetxt .disabledBtn{
    color: var(--semantic-error);
}

/* .grbg {
    padding: 0
} */

/* .stone-title,
.side-stone-title {
    font-weight: 600
} */

#pd_des {
    text-align: left;
    /* margin-bottom: 16px; */
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height)
}

.customiseNbuy {
    width: 100%
}

.appointment-buttons {
    display: flex;
    gap: 26px;
    margin: 24px 0 0;
    border: 1px solid var(--color-brown);
    padding: 2px;
}

.appointment-buttons .appointment-left{
    width: 103px;
}


.appointment-right{
    max-width: 399px; width: 100%;
}

.appointment-right h5{
    font-size: var(--font-libre-16); line-height: var(--font-libre-16-line-height);
    margin: 8px 0 9px;
    font-weight: var(--font-weight-semi-bold);
}

.appointment-right p{
    font-size: var(--font-libre-14); line-height: var(--font-libre-14-line-height);
}

.appointment-right .appointment-btn-sec{
    display: flex;
    gap: 24px;
    margin: 11px 0 9px;
    align-items: center;
}

.store-app-btn{
    padding: 9.5px 14.75px 10.5px;
    border: 1px solid var(--color-brown);
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-16); 
    line-height: var(--font-libre-16-line-height);
    background: var(--color-milk);
    /* max-width: 185.5px;  */
    width: 100%;  
    font-weight: var(--font-weight-semi-bold);
    display: block;
}




.btn-outline-primary400 {
    font-size: var(--font-libre-14) !important;
    line-height: var(--font-libre-14-line-height) !important;
    border: 1px solid var(--color-brown) !important;
    color: var(--color-brown) !important;
    background-color: transparent;
    width: 100% !important
}

.estimate-delivery-block {
    display: flex;
    gap: 10px;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height-new);
    border: 1px solid var(--color-brown);
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 30px;
    margin-top: 32px;
    font-weight: 600;
    color: var(--color-brown);
}

.needitsooner span a {
    color: var(--color-brown) !important
}

.returns-text-pdp {
    display: flex;
    align-items: center
}

.returns-text-pdp img {
    margin-right: 8px
}

/* .prod_detail_left1,
.prod_detail_right {
    padding: 0
} */

/* .prod_detail_left1 {
    max-width: 49%
} */

/* .prod_detail_right {
    max-width: 51%;
    width: 100%
} */

/* .prod_detail_right {
    padding: 60px 60px 60px 24px
}

.prod_detail_rightBlock3 {
    padding: 36px 0 24px
} */

.banner-info-brown {
    padding: 40px 0 !important;
    background-color: var(--color-brown)
}

.df-service-section-pdp {
    display: flex;
    justify-content: center;
    gap: 0 32px
}

.df-service-subsections {
    width: 200px;
    text-align: center
}

.df-service-subsections {
    color: var(--color-primary-300)
}

.df-service-subsections p {
    margin: 16px 0 0
}

.nopartner .arraows .previcon {
    left: 20px
}

.nopartner .arraows .nexticon {
    right: 20px
}

#vimeoVideo_pr {
    max-width: 430px;
    margin: auto
}

.trustpilot-container {
    margin: 0
}

.trustpilot-title {
    padding: 60px 0 40px
}

.bookViewing,
.vdapptmob {
    width: 100%
}

.phvr-icon-up img,
.phvr-icon-down img {
    margin-left: 4px
}

.returns-text-pdp a {
    margin-left: 7px
}

#length .dropClsul li {
    width: 18%
}

.body-wrapper {
    max-width: 1440px;
    margin: auto
}

.container-full .row {
    margin: 0
}

p,
label {
    margin-bottom: 0
}

.wd100 {
    width: 100%
}


.hummpay-pdp {
    display: flex;
    gap: 8px;
    font-size: 14px;
    margin: 32px 0
}

.hummpay-pdp img {
    max-width: 100px
}

.hummpay-pdp a {
    color: #BA9659 !important;
    text-decoration: underline;
    font-weight: 600
}

.hummpay-pdp a:hover {
    text-decoration: underline !important
}

.financeContainer .hummpay-pdp {
    margin: 0
}

/* .xmas-delivery-banner-new {
    background: url(../image/christmas/xmaspdp-desktop.jpg);
    padding: 16px 30px;
    color: #F8F2E7;
    margin-top: 24px;
    font-family: Libre Franklin;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.82px;
    text-align: center
} */

/* .free-services-section {
    padding: 12px;
    border-top: 1px solid #BA9659;
    border-bottom: 1px solid #BA9659;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-size: 16px;
    background: #F8F2E7;
    color: var(--color-brown);
    font-weight: 600
} */

/* @media (max-width:1299px) {
    .xmas-delivery-banner-new {
        font-size: 15px
    }
}

@media (max-width:991px) {
    .xmas-delivery-banner-new {
        font-size: 16px
    }
}

@media (max-width:640px) {
    .xmas-delivery-banner-new {
        font-size: 14px;
        padding: 16px 20px
    }
} */

@media (min-width:768px) {
    .pdchain_type {}
    .diamondvalue {
        width: 30%;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:767px) and (max-width:992px) {
    .df-service-subsections {
        width: 100px
    }
    .df-service-section-pdp {
        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
    }
    span.needitsooner span a.color-brown,
    .returns-text-pdp p,
    #clrmatchfilter,
    .choose-specific-stone-details .col_half {
        font-size: var(--font-libre-14) !important;
        line-height: var(--font-libre-14-line-height) !important
    } */

    .wishlist-icon-div{
        width: 32px; height: 32px;
    }

    .wishlist-div img{
        width: 17.27px !important;
    }

    .wishlist-icon-div{
        padding: 3px 5px !important;
    }

}

@media (max-width:640px) {
    .banner-info-brown {
        padding: 40px 16px !important
    }
    .df-service-section-pdp {
        gap: 16px 0;
        flex-direction: column
    }
    .df-service-subsections {
        display: flex;
        gap: 0 16px;
        width: 100% !important;
        align-items: center
    }
    .df-service-subsections img {
        width: 30px
    }
    .df-service-subsections p {
        margin: 0
    }
    h3#diamondTotal {
        font-size: var(--font-family-lucida-36) !important;
        line-height: var(--font-family-lucida-36-line-height) !important
    }
}

.everlasting-gift {
    display: flex;
    background-color: #F3F8F6
}

.everlasting-gift .text-section {
    max-width: 50%;
    width: 100%
}

.everlasting-gift .img-section {
    max-width: 49%
}

.everlasting-gift-content {
    max-width: 475px;
    margin: auto;
    padding: 60px 0;
    margin-right: 108px
}

.everlasting-gift-content h2 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-56);
    line-height: var(--font-family-lucida-56-line-height);
    margin: 4px 0 16px
}

.everlasting-gift-content .font-14 {
    font-size: var(--font-libre-14);
    line-height: 30px
}

.everlasting-gift-content .font-italic {
    font-style: italic;
    margin-top: 40px
}

.prodcustomiseMetal1,
.prodcustomiseMetal3,
.prodcustomiseMetal4,
.prodcustomiseMetal6,
.prodcustomiseMetal7,
.prodcustomiseMetal8,
.prodcustomiseMetal10,
.prodcustomiseMetal11,
.prodcustomiseMetal9 {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-primary-200)
}

.pdstone_type #stone_type ul.dropClsul.optionUl.sp {
    flex-direction: inherit
}

.pdstone_type #stone_type>ul li[code=DI] {
    order: 1
}

.pdstone_type #stone_type>ul li[code=LAB] {
    order: 2
}

.pdcolored_stone_type #colored_stone_type ul.dropClsul.optionUl.sp {
    flex-direction: inherit
}

.pdcolored_stone_type #colored_stone_type>ul li[code=CDI] {
    order: 1
}

.pdcolored_stone_type #colored_stone_type>ul li[code=CLAB] {
    order: 2
}

@media screen and (max-width:640px) {
    .pdstone_type #stone_type ul.dropClsul.optionUl.sp {
        flex-direction: column
    }
    .pdcolored_stone_type #colored_stone_type ul.dropClsul.optionUl.sp {
        flex-direction: column;
        gap: 4px 0
    }
    .pdcolored_stone_type #colored_stone_type .dropClsul li.selected_option {
        color: #fff !important;
        border: 1px solid var(--color-brown) !important
    }
    .pdcolored_stone_type #colored_stone_type .dropClsul li .txtCls {
        border: .5px solid var(--color-primary-200);
        padding: 6px 0 !important;
        width: 100%;
        cursor: pointer;
        position: relative;
        white-space: normal;
        line-height: var(--font-libre-14-line-height-new) !important
    }
}

/* .choose-specific-carat-range {
    display: flex;
    padding: 12px 0;
    align-items: center;
    border-bottom: 1px solid var(--color-primary-200);
    justify-content: space-between
} */

.dropClsdiv {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
    margin-left: 0px;
    width: 81%
}

.choose-specific-price-range .dropClsdiv,
.choose-specific-carat-range .dropClsdiv {
    display: flex;
    align-items: center
}

#customPriceRange .ui-widget-content {
    width: 60%
}

.dropClsul {
    display: flex;
    gap: 12px;
    width: 100%
}

#stone_carat .dropClsul {
    flex-wrap: wrap;
    gap: 8px 12px
}

.dropClsul li {
    min-width: 47px;
    min-height: 32px;
    border: 1px solid var(--color-primary-200);
    font-size: 14px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

/* .pdstone_carat li,
.pdstone_carat li .txtCls {
    width: 47.5px
} */

.dropClsul li .txtCls {
    min-width: 48px;
    min-height: 32px;
    padding: 0px;
    line-height: 30px;
    font-size: var(--font-libre-12)
}

.dropClsul li .img_band_finish+.txtCls {
    font-size: var(--font-libre-14) !important
}

#chain_type div#chain_checkbox1 {
    border: 1px solid;
    width: 30%;
    margin-right: 12px;
    align-items: center;
    justify-content: center
}

#chain_type .checkbox-custom+.chaincheckboxer:before,
#chain_type .checkbox-custom:checked+.chaincheckboxer:after {
    content: none
}

#chain_type label.chaincheckboxer {
    margin: 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    line-height: 40px;
    width: 100%;
    justify-content: center
}

.dropClsdiv#chain_type {
    flex-wrap: nowrap
}

.mOptionsfilter [class^="phvr-"],
.more_less_simple_view .lOptionsfilter>.phvr-icon-up {
    width: 100%;
    text-align: center;
    color: var(--color-brown);
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
    font-weight: var(--font-weight-semi-bold);
    margin-bottom: 25px;
    text-transform: capitalize
}

.more_less_simple_view .lOptionsfilter>.phvr-icon-up {
    margin-top: 25px
}

.OptionFiltersDesk {
    margin-bottom: 25px
}

.advFilters {
    display: none
}

.parts {
    margin-top: 25px
}



.choose-specific-content {
    display: flex;
    padding: 16px 0;
    width: 85%;
    justify-content: space-between;
    align-items: center
}

.choose-specific-content h3,
h3#diamondTotal {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 4px;
    text-align: center
}

.choose-specific-content p {
    text-decoration: underline;
    text-underline-position: under;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.choose-specific-content .carat {
    margin-right: 16px
}

.needitsooner span {
    font-weight: var(--font-weight-semi-bold)
}

span.needitsooner span a.color-brown {
    font-weight: var(--font-weight-regular)
}

.question_yellow-icon {
    background: url(../image/prod_collection/information-icon-new.svg) no-repeat left;
    width: 24px;
    height: 24px
}

/* .question_yellow,
.pd_question_yellow {
    background: url(../image/prod_collection/information-icon-new.svg) no-repeat;
    width: 24px;
    height: 24px
}

.info-white {
    background: url(../image/prod_collection/info-white.svg) no-repeat;
    vertical-align: middle
} */

.ring-size,
.ring-size-btn,
.choose-ring-btn {
    display: flex
}

.ring-size {
    padding: 20px 0;
    align-items: center
}

.ring-size-option-value {
    flex-direction: column;
    width: 100%
}

#hide_show_ring_size.active {
    display: block !important;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid var(--color-primary-200)
}

#hide_show_ring_size.active ul:nth-child(1) {
    margin-top: 0 !important
}

ul.ring-size-options.dropClsul.optionUl.sp {
    margin: 12px 0
}

.ring-size-options li .txtCls{
    text-transform: capitalize;
}

ul.ring-size-options.dropClsul.optionUl.sp li {
    padding: 0px
}

.pdring_size {
    align-items: baseline
}

.ring-size-btn {
    justify-content: space-between;
    width: 100%;
    gap: 0 12px
}

.ring-size-btn a {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    color: var(--color-dark-200) !important
}

.ringSizeGuidelink a {
    font-weight: var(--font-weight-semi-bold)
}

.ring-size-btn .choose-ring-btn {
    width: 70%
}

.ring-size-btn .ring-size-pdf-btn {
    margin-right: 10px;
    font-weight: var(--font-weight-semi-bold);
    text-decoration: underline;
    text-underline-position: under
}

.choose-ring-btn {
    justify-content: space-between;
    align-items: end
}

.ring-sizes {
    width: 81%;
    float: right
}

#band_width .dropClsul li,
#width .dropClsul li,
#thickness .dropClsul li {
    display: flex;
    align-items: center;
    justify-content: center
}

li>div.imageCls {
    width: 20%
}

/* #stone_shape .dropClsul {
    gap: 0 8px
} */

/* #stone_shape .dropClsul li {
    min-width: 32px !important;
    min-height: 32px !important;
    width: 32px;
    border: none !important;
    border-radius: 50%
}

.dropClsul li:hover {
    border-color: var(--color-primary-300)
}

#stone_shape li>div.imageCls {
    width: 32px;
    height: 32px;
    background-size: cover;
    margin: 0px
} */

/* .nopartner .fixthumbimg {
    width: 18%;
    margin-right: 40px
} */

/* .prodimgInner {
    padding: 0 60px
} */

.withcaret:after {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 100%
}

.pdp-details-accordion .toggleIcon:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    transition: all 0.3s ease-in-out
}

.accordion_panel .panel-heading a {
    width: 100%
}

h4.pdp-details-accordion {
    margin: 0
}

.dropClsul li.selected_option {
    background-color: var(--color-brown);
    color: #fff
}

.nopartner .stack-images {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    text-align: center;
    margin: 18px 0
}

/* .diamondTotaltxt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 16px;
    background-color: #e4e4e2;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
} */

.diamond-count-text {
    width: 100%;
    text-align: center
}

/* .diamondSearch {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-size: 16px
} */

/* .new-choose-search-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-jet);
    margin-top: 16px
}

.new-choose-search-box input {
    width: 100%;
    background: transparent;
    border: none
} */

/* .pagination {
    text-align: right !important;
    margin: 12px 0 0
} */

/* .pagination a,
.pagination u {
    border: none;
    padding: 2px 17px;
    background: none
} */

/* .pgination_nxtbtn {
    width: 8px;
    height: 8px;
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    border-bottom: 1px solid;
    border-right: 1px solid;
    display: block;
    margin: -2px auto 0
} */

/* .pgination_prvbtn {
    width: 8px;
    height: 8px;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-bottom: 1px solid;
    border-right: 1px solid;
    display: block;
    margin: -2px auto 0
} */



/* .inner_details .col_half span,
.inner_details .col_half label {
    font-family: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    margin: 0 0 16px
} */

/* .col_half label {
    font-weight: var(--font-weight-semi-bold)
} */


.addto_item {
    background-color: var(--color-brown);
    color: #fff !important
}

/* .btns_group {
    justify-content: flex-end !important;
    margin-top: 24px
} */



/* .diamon_infor_inner>div:first-child {
    width: 34%
} */

/* .diamon_infor_inner .inner_details {
    width: 66%
} */

.productD-table>tbody>tr.selectedTr>td,
.table>tbody>tr>td {
    border: none !important
}

.diamondsdtail .table>thead>tr>th,
.productD-table>tbody>tr {
    border: none;
    border-bottom: 1px solid var(--color-primary-200)
}

.pagination a:hover,
.selectedPagi u,
.selectedPagi a {
    color: var(--color-brown);
    border: none
}

.stone_price_input #stone_price_max,
.stone_price_input #stone_price_min {
    width: 77px
}

.stone_carat_input .stone_caratInput {
    width: 50px
}

.ui-widget.ui-widget-content {
    background-color: var(--color-primary-300);
    border: none;
    height: 2px
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default {
    background: var(--color-brown) !important;
    border: none
}

.xmasdelivery-pdp,
.price-match-pdp {
    float: left;
    width: 100%;
    padding: 24px 0px 0px
}

.v12finance {
    background: url(../image/prod_collection/v12-icon.png) no-repeat;
    width: 52px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 7px;
    float: right;
    margin-right: 24px;
    background-size: 100%
}

.finance-step {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-primary-200)
}

.finance-step .dropDown {
    margin-right: 10px
}

.finance-step img,
.step-three img {
    margin-right: 8px
}

#finance {
    padding: 0;
    margin-top: 8px
}

label.dropdown select {
    background: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    color: #000;
    box-shadow: none;
    font-style: normal;
    font-weight: normal;
    height: auto
}

.finpopup_title,
.step-three .firstdiv {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold)
}

.finance-percent-slider,
.finance-deposit-amount {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-align: left
}

#depositslider {
    width: 100%;
    max-width: 361px;
    margin-right: 10px
}

.slider-deposit-percent {
    position: relative;
    top: 7px;
    left: -10px;
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new);
    color: var(--color-brown)
}

.finance-all-details {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-top: 16px;
    gap: 8px 25px;
    justify-content: space-between
}

#show-finance-all-details:after {
    content: '+';
    margin-left: 7px;
    font-size: 18px
}

.active#show-finance-all-details:after {
    content: "-"
}

.charDetail,
.payDetail .firstdiv {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    width: 25%
}

.charDetail2 {
    width: 15%;
    text-align: right;
    font-weight: var(--font-weight-semi-bold)
}

.secoundDiv {
    font-size: var(--font-libre-20);
    line-height: var(--font-libre-20-line-height);
    font-weight: var(--font-weight-semi-bold);
    margin-bottom: 8px
}

.finance-more-btn a,
.financepoptext a {
    color: var(--color-brown) !important
}

.finance-deposit-amount {
    align-items: flex-start;
    padding: 20px 0
}

.financepoptext {
    margin: 24px 0 14px
}

.financepoptext p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    text-align: left
}

.caret-up {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 18px;
    transform: rotate(180deg) !important
}

.caret-down {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 18px
}

.fixthumbimg .caret-up {
    background: url(/catalog/view/theme/default/image/icons/down_caret_pdp.png) no-repeat center / 18px;
    transform: rotate(180deg)
}

.fixthumbimg .caret-down {
    background: url(/catalog/view/theme/default/image/icons/down_caret_pdp.png) no-repeat center / 18px
}

.diamondvalue {
    margin-right: 16px
}



/* #stone_shape>.dropClsul>li.selected_option {
    background-color: var(--color-brown)
}

#stone_shape>.dropClsul>li.selected_option .imageCls {
    filter: brightness(0) invert(1)
} */

.yousave-mob {
    display: none
}

.mobile-caret-icon {
    display: none
}

.desktop-caret-icon {
    display: block
}
/* 
#clrmatchfilter {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline
}

#metal_purity li {
    min-width: 28.8px;
    min-height: 28.8px;
    border: none;
    width: auto;
    border: 1px solid transparent
}

#stone_size li {
    width: 31%;
    flex-grow: 0
}

#stone_quality .dropClsul li {
    width: auto
} */

/* #chain_type li {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
} */

/* #chain_type div.imageCls {
    display: none
}

#chain_type_disp,
#chain_length_disp {
    margin: 0
} */
/* 
#metal_purity .dropClsul {
    flex-wrap: wrap;
    gap: 8px 12px
}

#metal_purity .dropClsul li:hover {
    outline: 1px solid var(--color-brown) !important;
    border-radius: 50%;
    outline-offset: 2px
}

#metal_purity>.dropClsul>li.selected_option {
    outline: 1px solid var(--color-brown) !important;
    border-radius: 50%;
    outline-offset: 2px;
    color: var(--color-brown)
}

#metal_purity li div {
    width: 28.8px;
    height: 28.8px;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover
}

#band_width .imageCls,
#width .imageCls {
    width: 10%;
    height: 22px;
    background-repeat: no-repeat;
    margin-right: 10px
}

#width .imageCls {
    background-size: contain;
    width: 13px
}

#thickness .imageCls {
    width: 15%;
    height: 25px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-size: contain
}

li:not(.metal_purityCls):not(.stone_qualityCls).selected_option>div.imageCls {
    filter: brightness(0) invert(1)
}

#stone_shape>.dropClsul>li.selected_option .imageCls::after {
    filter: none
}

.displayAttribute,
.contentR {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.mainhightstreet .hidden-sm {
    display: none
}

#width .dropClsul {
    flex-wrap: wrap;
    gap: 8px
}

#width .dropClsul li {
    width: 18%
} */

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

#stone_type .dropClsul li .txtCls {
    border: .5px solid var(--color-primary-200);
    padding: 6px 0 !important;
    width: 100%;
    cursor: pointer;
    position: relative;
    white-space: normal;
    line-height: var(--font-libre-14-line-height-new) !important
}

/* .stone_quality_Left.contentL {
    display: flex;
    align-items: center;
    gap: 0 12px
} */

/* .stone_quality_Left.contentL .question_yellow {
    margin: 0;
    width: 25px
} */

/* html[lang='fr'] .stone_quality_Left.contentL {
    gap: 0 8px
} */

/* html[lang='fr'] .stone_quality_Left.contentL .question_yellow,
html[lang='fr'] .ring_size_Left .question_yellow,
.band_finish_Left .question_yellow {
    width: 36px;
    margin: 0
} */

/* html[lang='fr'] .ring_size_Left,
.band_finish_Left {
    display: flex;
    align-items: center
} */

/* @media screen and (max-width:640px) {
    .band_finish_Left.contentL {
        width: 31% !important
    }
}

.band_finish_Left .question_yellow {
    flex: 0 0 18px;
    width: 18px !important;
    margin: 0 9px 0 0 !important
} */

.diamondsdtail::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    opacity: 0;
    transition: opacity 0.3s
}

.diamondsdtail::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px
}

li.band_widthCls>div.imgtxtCls {
    font-size: 12px
}

li.chain_typeCls>div.imgtxtCls {
    font-size: 12px
}

.choose-specific-img img {
    width: 132px;
    max-height: 87px;
    object-fit: contain
}

.notdiscounted {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px
}

@media only screen and (max-width:1024px) {
    .wishlist-tab {
        display: flex;
        justify-content: end
    }
    .product-name {
        margin-bottom: 16px
    }
    .product-name h2,
    .product-name h1 {
        max-width: 100%;
        width: 100%
    }
    .prod_detail_rightBlock3 {
        padding: 24px 0
    }
    .save-price {
        margin: 0 8px
    }
    .prodcustomiseMetal1,
    .prodcustomiseMetal3,
    .prodcustomiseMetal4,
    .prodcustomiseMetal6,
    .prodcustomiseMetal7,
    .prodcustomiseMetal8,
    .prodcustomiseMetal10,
    .prodcustomiseMetal11 {
        justify-content: space-between
    }
    .vdapptmob,
    .bookViewing {
        width: 50%
    }
    .vdapptmob .btn-outline-primary400,
    .bookViewing .btn-outline-primary400 {
        width: 100% !important
    }
    .everlasting-gift-content .font-italic {
        margin-top: 32px
    }
    .nopartner .thumbnail-imagess li {
        width: 100px;
        height: 100px
    }
    .nopartner .stack-images {
        width: 110px
    }
    /* .prod_detail_left1,
    .prod_detail_right {
        max-width: 100%
    } */
        /* #metal_purity .metalband.wd100,
        #stone_shape p.centerstoneshape {
            font-size: var(--font-libre-14);
            line-height: var(--font-libre-14-line-height)
        }
        h3#diamondTotal {
            font-size: var(--font-family-lucida-28);
            line-height: var(--font-family-lucida-28-line-height)
        } */
}

@media screen and (min-width:992px) and (max-width:1024px) {
    
    /* .prod_detail_right {
        padding: 40px 42px
    }
    .nopartner .fixthumbimg {
        width: 12%;
        margin-right: 20px;
        display: none;
    }
    .price_finance_container {
        justify-content: space-between
    }
    .dropClsul {
        gap: 0 8px
    }
    .diamondvalue {
        margin-right: 15px
    }
    .banner-info-brown {
        padding: 40px 42px !important
    }
    .df-service-section-pdp {
        padding: 0 80px;
        gap: 0 20px
    } */
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-36);
        line-height: var(--font-family-lucida-36-line-height)
    }
    .everlasting-gift-content {
        max-width: 388px;
        margin: 0 20px 0 34px
    }
    .everlasting-gift .text-section {
        max-width: 43%
    }
    .everlasting-gift .img-section {
        max-width: 57%
    }
   
    .inner_details .col_half label {
        width: 30%
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    /* .prodimgInner {
        padding: 0 34px
    } */
    /* .nopartner .fixthumbimg {
        width: 15%;
        margin-right: 35px
    } */
   
    /* .prod_detail_right {
        padding: 40px 34px
    } */
    .diamondvalue {
        margin-right: 19px
    }
    .contentL {
        width: 15%
    }
    .dropClsdiv {
        width: 84%
    }
    .everlasting-gift-content {
        max-width: 394px;
        padding: 40px 0 40px 34px;
        margin-right: 20px
    }
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-28);
        line-height: var(--font-family-lucida-28-line-height)
    }
    .appointment-buttons {
        margin-top: 24px
    }
}

@media screen and (max-width:992px) {
    .mainhightstreet .hidden-sm {
        display: block
    }
}

@media screen and (max-width:640px) {
    .prodimgInner {
        display: flex;
        flex-direction: column;
        /* padding: 0 24px */
    }
    .wishlist-tab {
        margin-bottom: 16px
    }
    .nopartner .stack-images {
        height: 70px;
        width: 375px
    }
    #stack-images {
        display: flex;
        justify-content: flex-start;
        margin: 0;
        overflow-x: scroll
    }
    .caret-up {
        transform: rotate(90deg) !important
    }
    .caret-down {
        transform: rotate(275deg) !important
    }
    .nopartner ul.thumbnail-imagess {
        margin-bottom: 0
    }
    .fixthumbimg {
        display: flex;
        align-items: center
    }
    .nopartner span.stack-prev,
    .nopartner span.stack-next {
        width: 20px;
        height: 10px
    }

    .price_finance_container {
        flex-wrap: wrap
    }
    .from-price,
    .discounted-text {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .small.vat,
    .save-price {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .save-price {
        padding: 2px 6px
    }
    .diamondvalue {
        margin-right: 4px
    }
    .price_finance_container {
        display: block;
        width: 100%;
        text-align: center
    }
    .price_review_col:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        align-items: flex-end
    }
    .finance-div {
        display: inline;
        margin-right: 16px;
        padding-top: 8px;
        float: right
    }
    .everlasting-gift {
        flex-direction: column
    }
    .discounted-text {
        margin-top: 8px
    }
    .everlasting-gift .text-section,
    .everlasting-gift .img-section {
        max-width: 100%
    }
    .nopartner .thumbnail-imagess li {
        width: 70px;
        height: 70px
    }
    .product-name {
        margin-bottom: 20px
    }
    .product-name h1,
    .product-name h2 {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        text-align: center
    }
    #customizePriceDiv {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: center
    }
    .prod_detail_rightBlock3 {
        padding: 32px 0 12px
    }
    /* .question_yellow {
        margin-right: 3px
    } */
    .yousave-mob {
        display: inline
    }
    .save-price {
        margin-left: 0
    }
    .ring-sizes {
        width: 100%
    }
    .ring-size-btn .choose-ring-btn {
        width: 100%
    }
    .ring-size-btn .ring-size-pdf-btn {
        text-align: right
    }
    .choose-ring-btn {
        align-items: center
    }
    /* #stone_type,
    .dropClsdiv {
        width: 230px
    } */
    #stone_type ul.dropClsul.optionUl.sp {
        width: 100%;
        flex-direction: column-reverse;
        gap: 4px 0
    }
    .gemsdiv #stone_type ul.dropClsul.optionUl.sp {
        flex-direction: row !important
    }
    /* #stone_type .dropClsul li {
        width: 100%
    }
    .contentL {
        width: 28%
    }
    #metal_purity .dropClsul,
    #stone_shape .dropClsul,
    #stone_clarity .dropClsul,
    #stone_color .dropClsul,
    #stone_cut .dropClsul,
    #stone_certificate .dropClsul,
    #stone_polish .dropClsul,
    #stone_size .dropClsul,
    #stone_symmetry .dropClsul,
    #stone_fluorescence .dropClsul,
    #chain_type .dropClsul,
    #band_finish .dropClsul {
        gap: 8px 6px;
        flex-wrap: wrap
    }
    #length .dropClsul {
        gap: 8px 6px;
        flex-wrap: wrap
    }
    .yousavenew .yousavehover {
        display: none
    }
    #stone_clarity li,
    #stone_color li {
        width: 23%
    }
    #metal_purity li {
        width: auto
    }
    #stone_cut li,
    #stone_certificate li,
    #stone_polish li,
    #stone_symmetry li,
    #stone_fluorescence li {
        width: 48%
    }
  
    .prodcustomiseMetal1,
    .prodcustomiseMetal3,
    .prodcustomiseMetal4,
    .prodcustomiseMetal6,
    .prodcustomiseMetal7,
    .prodcustomiseMetal8,
    .prodcustomiseMetal10,
    .prodcustomiseMetal11 {
        padding: 8px 0
    }
    .OptionFiltersDesk,
    .parts {
        margin: 0
    }
    .mOptionsfilter {
        margin: 12px 0
    } */
    .choose-specific-content h3 {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height);
        text-align: left
    }
    .choose-specific-content {
        width: 67%
    }
    .mobile-caret-icon {
        display: inline;
        transform: rotate(270deg)
    }
    .desktop-caret-icon {
        display: none
    }
    .appointment-buttons {
        gap: 0 4px;
        margin-top: 8px
    }
    .vdapptmob .btn-outline-primary400,
    .bookViewing .btn-outline-primary400 {
        padding: 16px 10px;
        text-transform: capitalize;
        margin: 0
    }
    .accordion_panel .panel-heading a {
        padding-right: 20px !important;
        padding: 20px 0 !important
    }
    /* .v12finance {
        margin-right: 0
    } */
    .accordion_panel .panel-heading a:after {
        right: 0 !important
    }
    .finance-step,
    #dep_percent {
        flex-direction: column;
        align-items: flex-start
    }
    .finance-step .dropDown {
        margin: 12px 0 0 12px
    }
    .firstdiv {
        width: 50% !important
    }
    .charDetail,
    .charDetail2 {
        width: 46%
    }
    #pd_des {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .everlasting-gift-content {
        margin: 0;
        padding: 32px 16px 60px
    }
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-36);
        line-height: var(--font-family-lucida-36-line-height)
    }
    .new-choose-search {
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px
    }
    .new-choose-search-box {
        width: 100%
    }
    /* .choose-radios,
    .choose-radios div {
        flex-direction: column;
        align-items: flex-start !important
    } */
    .productD-table>thead>tr>th,
    .productD-table>tbody>tr>td {
        font-size: var(--font-libre-12) !important;
        line-height: var(--font-libre-12-line-height) !important
    }
    .productD-table>thead>tr>th,
    .instock-table>thead>tr>th {
        padding: 16px 4px
    }
    .table>thead:first-child>tr:first-child>th,
    .productD-table>tbody>tr.selectedTr>td,
    .table>tbody>tr>td {
        width: 13%
    }
    .diamon_infor_inner img,
    .diamon_infor_inner>div:first-child,
    .diamon_infor_inner .inner_details {
        width: 100%
    }
    /* .diamon_infor_inner {
        flex-direction: column;
        gap: 20px 0
    } */
    /* .col_half {
        gap: 0 8px;
        margin-bottom: 20px
    } */
    .inner_details .col_half label {
        width: 37%
    }

    html[lang='fr'] .inner_details .col_half span, 
    html[lang='fr'] .inner_details .col_half label{
            font-size: 12px !important;
    }

    /* .btns_group {
        flex-direction: column;
        gap: 4px 0;
        margin-top: 0
    } */
    .btns_group a {
        width: 100%
    }
    .pagination a,
    .pagination u {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .display_stones_details_left {
        width: 100px !important
    }
    #mobopt_stone_type .dropClsdiv {
        width: 100%
    }
    .dfoptionSetting .dropClsdiv {
        width: 100%
    }
    #mobopt_stone_carat_slider .dropClsdiv,
    #mobopt_stone_price_slider .dropClsdiv {
        align-items: center;
        justify-content: space-between
    }
    #stone_price_slider .stone_price_input input {
        width: 70px
    }
    #mobopt_stone_shape .dropClsul {
        gap: 8px 5px
    }
    .dfoptionSingle label {
        font-weight: 400;
        text-transform: capitalize
    }
    .dfoptionSingle.active {
        background-color: var(--color-brown);
        color: #fff
    }
    .dfoptionSingle {
        font-size: 14px;
        cursor: pointer;
        line-height: 17px;
        padding: 10px 5px 8px;
        background-color: transparent;
        border: 0.5px solid #cbccce;
        text-align: center;
        display: inline-block;
        float: left;
        width: 25%
    }
    #band_width .imageCls {
        width: 15%;
        margin-right: 4px
    }
    /* .pdstone_carat li,
    .pdstone_carat li .txtCls {
        max-width: 48px;
        width: 48px
    } */
    .choose-specific-content {
        padding: 25px 0
    }
    .everlasting-gift-content .font-italic {
        margin-top: 16px
    }
    #cboxLoadedContent h4 {
        font-size: var(--font-family-lucida-28) !important;
        line-height: var(--font-family-lucida-28-line-height) !important
    }
    .specification-heading {
        font-size: var(--font-family-lucida-24) !important;
        line-height: var(--font-family-lucida-24-line-height) !important
    }
    .secoundDiv {
        font-size: var(--font-libre-18);
        line-height: var(--font-libre-18-line-height)
    }
    .finance-more-btn a,
    .financepoptext p {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .sale-text-mob {
        display: flex;
        justify-content: center;
        gap: 0 16px
    }
    #band_width ul.dropClsul.optionUl.sp,
    #width ul.dropClsul.optionUl.sp {
        gap: 4px
    }
    #length .dropClsul li,
    #length .dropClsul li .txtCls {
        min-width: 43px;
        width: 43px
    }
    .optionShowMoreLess {
        display: none !important
    }
    #thickness .imageCls {
        width: 23%;
        height: 15px;
        margin-right: 4px
    }
    #width .dropClsul li {
        width: 30%
    }
    .dropClsul li .txtCls {
        padding: 8px !important
    }
  
    #width .imageCls {
        margin-right: 5px
    }
    li.widthCls>div.imgtxtCls {
        font-size: 12px
    }
    li.band_widthCls>div.imgtxtCls {
        font-size: 12px
    }
    li.chain_typeCls>div.imgtxtCls {
        font-size: 12px
    }
    .side_stone_details_pdp {
        width: 50% !important
    }
}

@media screen and (max-width:360px) {
    .display_stones_details_right {
        width: 50% !important
    }
    #display_stones_details>div+div {
        width: 50% !important
    }
}

.gemstone_popup_title_brown h2 {
    color: var(--color-brown) !important
}

.gemstone_popup_title_brown {
    align-items: normal !important
}

.gem_popup_content {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.gem_popup_content h2 {
    text-align: left !important;
    font-size: var(--font-family-lucida-24) !important;
    line-height: var(--font-family-lucida-24-line-height) !important;
    margin: 0px 0 16px !important
}

.gem_popup_content:last-child {
    margin-bottom: 0px
}

@media (max-width:767px) {
    .free-services-section {
        padding: 6px 7px;
        gap: 10px
    }
    .gemstone-popup img {
        margin-top: 0px !important;
        margin-bottom: 16px !important
    }
    .gem_popup_content h2 {
        text-align: center !important;
        font-size: var(--font-family-lucida-22) !important;
        line-height: var(--font-family-lucida-22-line-height) !important;
        margin: 0px 0 16px !important
    }
    .gemstone-popup .gem_popup_content p {
        text-align: center !important
    }
    .gemstone-popup .gem_popup_content {
        margin-bottom: 15px
    }
    .gemstone-popup .gem_popup_content:last-child {
        margin-bottom: 0px !important
    }
    .gemstone-popup {
        margin-bottom: 0px !important
    }
    .mOptionsfilter [class^="phvr-"],
    .more_less_simple_view .lOptionsfilter>.phvr-icon-up {
        margin-bottom: 0px
    }
    .more_less_simple_view .lOptionsfilter>.phvr-icon-up {
        margin: 12px 0
    }
    .mOptionsfilter {
        margin: 12px 0
    }
}

@media (min-width:1200px) {
    .gemstone-popup {
        margin: 0 !important
    }
    .gemstone-popup [class*=col-].padding22 {
        max-width: calc(424px+15px);
        flex: 0 0 calc(424px+15px);
        padding-left: 0 !important;
        padding-right: 15px !important
    }
    .gemstone-popup .padding22+[class*=col-] {
        padding-left: 15px !important;
        padding-right: 0 !important
    }
    .gemstone-popup [class*=col-] {
        max-width: calc(422px+15px);
        flex: 0 0 calc(422px+15px)
    }
}

.info-popups .modal-dialog {
    background: var(--color-white);
    max-width: 1096px;
    width: calc(100% - 20px)
}

.info-popups .modal-content {
    padding: 30px 110px !important;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.info-popups .modal-header {
    padding: 0px;
    border-bottom: 0px;
    min-height: auto
}

.info-popups .modal-header .close {
    position: absolute;
    top: 24px;
    right: 20px;
    margin-top: 0px;
    opacity: 1
}

.info-popups h2 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    line-height: var(--font-family-lucida-28-line-height);
    margin: 0px 0 16px;
    text-align: center;
    text-transform: capitalize
}

.info-popups .modal-dialog p {
    text-align: center;
    color: var(--color-black)
}

.info-popups .shapesec {
    display: flex;
    margin: 30px auto -25px;
    flex-wrap: wrap;
    max-width: 575px
}

.info-popups .shapesec .shapediv {
    width: 75px;
    margin: 0px 20px 41.96px;
    text-align: center
}

.info-popups .shapesec .shapediv figure img {
    max-height: 60px
}

.info-popups .shapesec .shapediv h3 {
    margin: 25px 0 0;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    color: var(--color-brown)
}

.ui-widget.ui-widget-content {
    height: 2px;
    border-color: transparent;
    background: var(--color-primary-300)
}

.ui-slider .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: -0.25em !important
}

.ui-slider-handle {
    top: -.4em !important;
    position: absolute
}

.ui-widget-header {
    background: var(--color-brown) !important
}

.carat .caratsection {
    display: flex;
    align-items: center;
    text-align: left
}

.carat .caratsection p {
    text-align: left;
    margin-bottom: 24px
}

.carat .caratsection p:last-child {
    margin-bottom: 0px
}

.mainsliderDiv {
    width: 100%;
    margin: 16px auto 20px;
    padding: 0 0 0px;
    display: flex;
    flex-direction: column
}

.caratVal {
    position: absolute;
    top: 10px;
    left: -12px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    color: var(--color-brown)
}

.carat #slider-carat {
    width: 100%;
    display: inline-block;
    height: 0.2em !important;
    background: var(--color-primary-300)
}

.dia_rhtCol {
    width: 100%;
    background-size: 100%;
    float: inherit;
    position: relative;
    max-width: 424px
}

.dia_round {
    background: url(../image/prod_collection/Dia_Size_RD_new.png) no-repeat center;
    width: 75px;
    height: 62px;
    left: calc(45.5% + 4%);
    position: absolute;
    top: calc(43% + 12%);
    margin: -38px auto 0 -31px;
}

#slider-clarity label,
#slider-colour label {
    color: var(--color-brown);
    position: absolute;
    width: 35px;
    margin-left: -20px;
    text-align: center;
    margin-top: 15px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-regular)
}

#slider-intensity label.blacker,
#slider-clarity label.blacker,
#slider-colour label.blacker {
    color: var(--color-brown);
    font-weight: var(--font-weight-semi-bold)
}

#slider-clarity,
#slider-colour {
    width: 100%;
    max-width: 596px;
    margin: auto
}

.sidecar {
    display: none
}

.mainsliderDiv .sliderVal {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin: 16px 0 0;
    top: 26px;
    padding: 0px
}

.dia_clarityBg {
    background: url(../image/prod_collection/Clarity_bg_new.png) no-repeat;
    width: 240px;
    height: 180px;
    margin: 0 auto;
    margin: 16px auto;
    position: static
}

.dia_colour {
    background: url(../image/prod_collection/colour_bg.png) no-repeat;
    width: 240px;
    height: 150px;
    margin: 30px auto 0px;
    background-position: 0 0px
}

.info-popups p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new)
}

.info-popups .cutsec {
    display: flex;
    margin: 30px auto 0px;
    flex-wrap: wrap;
    max-width: 668px;
    width: 100%;
    justify-content: center
}

.info-popups .cutmain {
    display: flex;
    justify-content: center
}

.info-popups .cutsec .cutdiv {
    max-width: 180px;
    width: 100%;
    margin-right: 60px
}

.info-popups .cutsec .cutdiv figure {
    min-height: 170px;
    text-align: center
}

.info-popups .cutsec .cutdiv img {
    width: 100%;
    max-width: 180px
}

.info-popups .cutsec .cutdiv:last-child {
    margin-right: 0px
}

.info-popups .cutsec .cutdiv h3 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    list-style: var(--font-family-lucida-28-line-height);
    color: var(--color-brown);
    margin: 20.87px 0 0;
    text-align: center
}

.certificate-sectiom {
    margin: 30px 0 0;
    display: flex;
    width: 100%
}

.certificate-sectiom ul li {
    margin-bottom: 30px
}

.certificate-sectiom ul li figure figcaption {
    margin: 16px 0 0;
    text-align: center
}

.certificate-sectiom .certificate-right h3 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 16px
}

.certificate-sectiom .certificate-right p {
    margin-bottom: 30px;
    text-align: left
}

.certificate-sectiom .certificate-left {
    text-align: center
}

.certificate-sectiom .certificate-right p:last-child {
    margin-bottom: 0px
}

.certificate-sectiom .certiui li a img {
    margin: auto
}

.polish-sec {
    display: flex;
    align-items: center
}

.polish-sec p {
    text-align: left !important
}

.symmetry-popup p {
    text-align: center
}

.symmetry-popup .col-md-12 h2+p {}

.symmetry-sec {
    display: flex;
    max-width: 634px;
    margin: 16px auto 0px
}

.symmetry-sec .row {
    margin-right: -15px;
    margin-left: -15px
}

.symmetry-sec .col-xs-6 {
    padding: 0px 15px
}

.symmetry-sec p.cutdtile {
    font-family: var(--font-family-lucida);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-family-lucida-22);
    line-height: var(--font-family-lucida-22-line-height);
    text-transform: capitalize !important;
    letter-spacing: normal;
    margin: 19.15px 0 0;
    color: var(--color-brown)
}

@media (max-width:767px) {
    .symmetry-sec {
        max-width: 300px
    }
    .symmetry-sec .row {
        margin-right: -19px;
        margin-left: -19px
    }
    .symmetry-sec .col-xs-6 {
        padding: 0px 19px
    }
    .symmetry-sec img {
        max-width: 130px
    }
}

@media (min-width:1200px) {
    .symmetry-sec p.cutdtile {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        margin: 16px 0 0
    }
    .symmetry-sec p.cutdtile br {
        display: none
    }
}

.cutdtile {
    text-transform: capitalize !important
}

.fluorescence-pop p {
    text-align: center
}

.fluorescence-pop .fluorescence-sec {
    max-width: 624px;
    margin: 30px auto 0;
    background: var(--color-black);
    padding: 30px;
    display: flex
}

.fluorescence-pop .fluorescence-sec .cutdtile {
    margin: 30px 0 0;
    color: var(--color-white);
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    font-weight: var(--font-weight-regular)
}

.ring-size-popup h4 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0px 0 16px
}

.ring-size-popup .ring-size-top {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.ring-size-top.gemstone-popup {
    margin-bottom: 0px;
    align-items: center
}

.ring-size-popup p {
    text-align: left !important
}

.ring-size-popup .ring-size-bot {
    display: flex;
    align-items: center
}

.ring-size-popup .ringsizerbtn {
    display: inline-block;
    background: var(--color-brown);
    padding: 16px 40px;
    border-radius: 0px;
    margin: 16px 0 0
}

.ring-size-popup .ringsizerbtn a {
    color: var(--color-white)
}

html[lang='da'] .ring-size-popup .ringsizerbtn {
    white-space: pre-line;
    line-height: 11px
}

#labgrowdiamond .modal-body img {
    margin: auto
}

#labgrowdiamond .modal-body .stpename {
    text-align: center;
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    text-transform: capitalize;
    margin-top: 15px;
    color: var(--color-brown)
}

#labgrowdiamond .modal-content .modal-header {
    border-bottom: 0px
}

#labgrowdiamond .modal-body {
    max-width: 860px;
    padding: 0px;
    width: 100%
}

#labgrowdiamond .row {
    margin-right: -15px;
    margin-left: -15px
}

#labgrowdiamond .labgrow-sec {
    margin: 16px -15px 0
}

#labgrowdiamond [class*=col-] {
    padding-left: 12px;
    padding-right: 12px
}

.price-info-popup {
    text-align: center
}

.price-info-popup .topheading {
    display: flex
}

.price-info-popup h2 {
    margin-bottom: 30px
}

.price-info-popup .pricetitle {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 30px;
    text-align: center
}

.price-info-popup .price-info-top {
    margin-bottom: 16px;
    color: #333
}

.price-info-popup figure img {
    height: 65px
}

.price-info-popup .price-info-left .price-info-block {
    margin-bottom: 53.67px
}

.price-info-popup .price-info-left .price-info-block:last-child {
    margin-bottom: 0px
}

.price-info-popup .price-info-right .price-info-block {
    margin-bottom: 16px
}

.price-info-popup .price-info-main {
    margin-bottom: 30px;
    margin-right: -12px;
    margin-left: -12px
}

.price-info-popup .price-info-main .price-info-left,
.price-info-popup .price-info-main .price-info-right,
.price-info-main .topheading .col-xs-6 {
    padding-right: 12px;
    padding-left: 12px
}

.price-info-popup .price-info-right .price-info-block:last-child {
    margin-bottom: 0px
}

.price-info-popup .price-info-right .price-info-block span {
    color: var(--color-brown);
    display: inline-flex
}

.price-info-popup .price-info-block figure {
    margin-bottom: 15px
}

.price-info-popup .ourpriceSave {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    line-height: var(--font-family-lucida-28-line-height);
    color: var(--color-brown);
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .info-popups .modal-content {
        padding: 60px 50px !important
    }
    .info-popups .cutsec .cutdiv {
        max-width: 135px;
        margin-right: 40px
    }
    .polish-sec {
        flex-wrap: wrap
    }
    .polish-sec .polish-right {
        order: 1
    }
    .polish-sec .polish-right p {
        text-align: center !important
    }
    .polish-sec .polish-left {
        order: 2
    }
    .polish-sec .polish-left img {
        margin-top: 15px
    }
    .fluorescence-pop .fluorescence-sec {
        padding: 30px 73px
    }
    .fluorescence-pop .fluorescence-sec .row {
        margin: 0 !important
    }
    .fluorescence-pop .fluorescence-sec .row [class*=col-] {
        padding: 0 !important
    }
    .ring-size-popup .ring-size-top {
        margin-bottom: 30px
    }
    .ring-size-popup .ring-size-top,
    .ring-size-popup .ring-size-bot {
        flex-wrap: wrap
    }
    .ring-size-popup img {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    html[lang='da'] .ring-size-popup .ringsizerbtn {
        display: block;
        line-height: 10px
    }
    .info-popups .modal-content {
        padding: 48px 16px 25px !important
    }
    .info-popups h2 {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        margin: 0px 0 30px
    }
    .info-popups .shapesec {
        margin: 38px auto -15px;
        max-width: 196px
    }
    .info-popups .shapesec .shapediv {
        margin: 0px 10px 15px
    }
    .info-popups .shapesec .shapediv h3 {
        margin: 10px 0 0
    }
    .info-popups .shapesec .shapediv figure img {
        max-height: 50px
    }
    .info-popups .shapesec .shapediv h3 {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .carat .caratsection {
        flex-wrap: wrap
    }
    .caratsection .col-sm-6:first-child {
        order: 2
    }
    .caratsection .col-sm-6:last-child {
        order: 1
    }
    .caratsection p {
        text-align: center !important;
        margin-bottom: 15px
    }
    #slider-clarity,
    #slider-colour {
        width: 90%
    }
    .mainsliderDiv .sliderVal {
        margin: 30px 0 30px
    }
    .info-popups .cutsec .cutdiv {
        max-width: 100%;
        margin-right: 0px;
        width: 100%
    }
    .info-popups .cutsec .cutdiv figure img {
        margin: auto
    }
    .info-popups .cutsec .cutdiv h3 {
        margin: 25px 0 30px;
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height)
    }
    .info-popups .cutsec .cutdiv:last-child h3 {
        margin-bottom: 0px
    }
    .info-popups .cutpop p {
        text-align: center
    }
    .certificate-sectiom {
        flex-wrap: wrap
    }
    .certificate-popup p,
    .certificate-sectiom h3 {
        text-align: center !important
    }
    .certificate-sectiom .certiui {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0px
    }
    .certificate-sectiom .certiui li {
        width: 50%;
        padding: 0px 5px
    }
    .certificate-sectiom .certiui li a {
        text-align: center
    }
    .certificate-sectiom .certiui li a img {
        max-height: 88px;
        min-height: 88px;
        width: auto;
        margin: auto
    }
    .fluorescence-pop .fluorescence-sec {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 16px
    }
    .fluorescence-pop .fluorescence-sec .cutdtile {
        margin: 30px 0 30px
    }
    .fluorescence-sec img {
        max-width: 100%;
        margin: auto
    }
    .fluorescence-sec .row .col-sm-4:last-child p.cutdtile {
        margin-bottom: 0px
    }
    .ring-size-popup .ring-size-top,
    .ring-size-popup .ring-size-bot {
        text-align: center
    }
    .ring-size-popup p {
        text-align: center !important
    }
    .ring-size-popup img {
        margin-top: 14px;
        margin-bottom: 15px
    }
    .ring-size-popup img.hidden-xs {
        display: block !important;
        margin: 0
    }
    .ring-size-popup img.visible-xs {
        display: none !important
    }
    .ring-size-popup h4 {
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height);
        margin: 15px 0
    }
    .ring-size-popup .ringsizerbtn {
        display: flex;
        justify-content: center;
        margin-top: 15px
    }
    #labgrowdiamond .labgrow-sec {
        margin: 16px 5px 0
    }
    #labgrowdiamond .labgrow-sec .col-xs-6 {
        padding-right: 5px;
        padding-left: 5px
    }
    #labgrowdiamond p {
        text-align: center
    }
    #labgrowdiamond .modal-body .stpename {
        margin-top: 10px;
        margin-bottom: 16px;
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height)
    }
    #labgrowdiamond .labgrow-sec .col-xs-6:nth-child(3) .stpename {
        margin-bottom: 0px
    }
    #labgrowdiamond .labgrow-sec .col-xs-6:nth-child(4) .stpename {
        margin-bottom: 0px
    }
    .price-info-popup .topheading {
        align-items: center
    }
    .price-info-popup .pricetitle {
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height)
    }
    .price-info-popup .price-info-main .price-info-right {
        padding-right: 4px;
        padding-left: 4px
    }
    .price-info-popup .price-info-main .price-info-left {
        padding-right: 4px;
        padding-left: 4px
    }
    .price-info-popup .price-info-block figure img {
        max-height: 85px
    }
    .price-info-popup .ourpriceSave {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height)
    }
    .new_carat_range .radio-button {
        font-size: var(--font-libre-12);
        line-height: 20px
    }
    ul.ring-size-options.dropClsul.optionUl.sp li {
        padding: 0;
        width: 29%
    }
    ul.ring-size-options.dropClsul.optionUl.sp {
        gap: 12px;
        justify-content: space-between
    }
    .ring-size-options #idk {
        width: 100%
    }
    .choose-specific-img img {
        width: 126px;
        height: 130px;
        max-height: 130px;
        object-fit: cover
    }
    .gemstone-popup .col-md-6:first-child {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
    .gemstone-popup .col-md-6 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
    .gemstone-popup .col-md-12 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

.financediv .dropDown {
    display: inline-block
}

.financediv .dropdown {
    position: relative;
    display: inline-block
}

.emidetails {
    background-color: transparent
}

.emidetails li {
    margin-bottom: 8px
}

.emidetails .selectpicker {
    border: none;
    background: transparent;
    box-shadow: none
}

.emidetails option {
    background-color: #fff;
    color: #333
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

.emidetails ul li:hover a span {
    color: var(--color-jet)
}

.emidetails {
    border: none;
    color: var(--color-jet);
    font-size: 16px;
    line-height: 20px;
    background-image: url('/catalog/view/theme/default/image/icons/down_caret.png') !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 15px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 600;
    margin-bottom: 0 !important;
    transition: all .4s ease
}

.emidetails.open {
    background-image: url(/catalog/view/theme/default/image/icons/up_caret.png) !important;
    transition: all .4s ease;
    background-repeat: no-repeat;
    background-position: right
}

.emidetails .btn {
    border: none;
    padding: 8px 0px;
    background: transparent !important;
    box-shadow: none
}

.emidetails .dropdown-menu {
    height: 215px
}

.emidetails .dropdown-menu.inner.selectpicker {
    padding: 8px 16px 8px 0;
    left: -30px;
    margin-top: 7px
}

.emidetails .dropdown-menu .selectpicker {
    padding: 0px 0px 0px
}

.emidetails .dropdown-menu>li>a:focus {
    background: transparent
}

.emidetails .btn:hover {
    background: transparent !important;
    color: var(--color-jet) !important
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

.emidetails .btn:focus {
    outline: none !important;
    box-shadow: none;
    color: var(--color-jet) !important
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

#finance .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 235px
}

.emidetails .glyphicon-ok:before {
    content: ""
}

.emidetails .dropdown-menu {
    z-index: 999 !important
}

.emidetails .filter-option {
    font-size: 14px;
    line-height: 22px
}

.emidetails .dropdown-menu a {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    padding: 8px 16px
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.emidetails .dropdown-menu>li>a:hover,
.emidetails .dropdown-menu>li>a:hover span {
    color: var(--color-brown);
    background: none
}

.emidetails .selected span.text {
    color: var(--color-brown);
    font-weight: 600
}

#metal_purity>.dropClsul>li .optcss:after {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-12);
    line-height: 10px
}

#metal_purity>.dropClsul>li.selected_option .optcss:after {
    color: var(--color-brown)
}

.new_carat_range {
    display: flex;
    gap: 0 16px;
    width: 100%
}

.new_carat_range .radio-button {
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center
}

.new_carat_range li{
    padding: 0px;
}

.new_carat_range li input[type=checkbox], 
.new_carat_range li input[type=radio]{
    display: none;
}

.new_carat_range li label{
    padding: 5px 7px;
    font-weight: normal;
}

.new_carat_range .radio-button {
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center;
    border: 1px solid var(--color-primary-200);
    width: 100%;
    justify-content: center;
    padding: 6px 0;
    font-size: var(--font-libre-12);
    line-height: 20px
}

.new_carat_range label i {
    display: none
}

.new_carat_range label.active {
    background-color: var(--color-brown);
    color: #fff
}

.radio-brown input[type="radio"]:checked {
    background-color: var(--color-brown)
}

.accordion_panel.withcaret .panel-heading h4.pdp-details-accordion a:after {
    background: url(../image/icons/down_caret.png) no-repeat center / 100%
}

.accordion_panel .panel-heading h4.pdp-details-accordion a:not(.collapsed):after {}

.accordion_panel .panel-heading h4.financetxt a:not(.collapsed):after {
    transform: rotate(180deg)
}

#pricepopupCont .row:before,
#pricepopupCont .row:after {
    display: none
}

.yourRingContainer .diamondDetail,
.yourRingContainer .diamondvalue {
    text-align: left;
    display: block
}

.yourRingContainer {
    position: relative;
    background: transparent;
    z-index: 999;
    width: 100%;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.stickyPriceDiv {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    height: 0;
    display: block;
    background: #fff;
    border-bottom: 1px solid #f1f1f1
}

.stickyPriceDiv2 {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    height: 0;
    display: block
}

.yourRingContainer .pricedetails.simple {
    display: inline-block
}

.yourRingContainer .priceMainDiv {
    text-align: center
}

.yourRingContainer>a.btn {
    display: block;
    width: 100%;
    background: var(--color-brown);
    color: #fff;
    text-decoration: none;
    max-width: 210px
}

.stickyPriceDiv>a.btn {
    float: right
}

.stickyPriceDiv2>a.btn {
    float: right
}

#pricepopupCont {
    padding: 28px 16px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

#pricepopupCont .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

#pricepopupCont .container {
    padding: 0
}

#pricepopupCont .diamondvalue {
    margin-right: 0
}

#pricepopupCont .opprice {
    display: flex;
    flex-direction: row-reverse
}

#pricepopupCont .pricedetails.simple {
    width: 100%
}

.sticky-add-to-bag-btn {
    max-width: 325px;
    display: flex;
    gap: 0 12px;
    justify-content: space-between;
    padding: 0 !important
}

.sticky-add-to-bag-btn .btn-lg {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    width: 100%;
    padding: 16px 0;
    text-wrap: balance
}

.sticky-add-to-bag-btn .addtobag_btnCls,
.sticky-add-to-bag-btn .bookViewingCls {
    width: 50%
}

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

.sticky-price-details {
    max-width: 700px;
    width: 100%;
    padding: 0 !important
}

#pricepopupCont .diamondvalue {
    width: 50%;
    height: 31px
}

#pricepopupCont .price-details {
    width: 50%
}

#pricepopupCont .discounted-text,
#pricepopupCont .sticky-price {
    font-family: var(--font-family-lucida);
    font-size: 18px;
    line-height: var(--font-family-lucida-20-line-height);
    color: var(--color-brown);
    margin: 0
}

#pricepopupCont .discounted-text {
    text-wrap: balance
}

.product-options-section,
.metal-shape-options .flex {
    max-width: 350px;
    padding: 0 !important;
    display: flex;
    justify-content: space-evenly;
    text-align: center
}

#pricepopupCont .option-details-div {
    display: flex;
    justify-content: space-between;
    gap: 0 16px
}

#pricepopupCont .option-details {
    text-align: center;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

#pricepopupCont .lowest.price_box {
    justify-content: space-between;
    align-items: center;
    gap: 0 16px
}

#pricepopupCont .diamondvalue {
    display: flex;
    align-items: center;
    justify-content: center
}

#pricepopupCont .price-info-icon {
    display: inline-flex
}

#pricepopupCont .save-price {
    margin: 0 16px
}

.stickyPriceDiv2 .vat {
    margin: 0
}

#pricepopupCont .financeContainer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    max-width: 1440px;
    width: 100%;
    margin: 10px auto 0
}

#pricepopupCont .financetxt {
    width: 350px;
    position: relative
}

.prodcollapsePlus {}

.pricemetalD,
.pricediamonD {
    text-align: center
}

.plusequalspan {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    width: auto;
    text-align: left
}

.label-value {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold)
}

.pricemetalD,
.pricediamonD {
    display: flex;
    flex-direction: column;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.finance-new:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 15px;
    top: 4px;
    transition: all 0.3s ease-in-out
}

.financedetails .prodcollapsePlus:before {
    background: url(../image/icons/plus.png) no-repeat center / 100%
}

.financedetails .prodcollapseMinus:before {
    background: url(../image/icons/minus.png) no-repeat center / 100%
}

.sticky-price-details .rrp {}

#pricepopupCont .financeContainer .lowestprice,
#pricepopupCont .pdtextinfo {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

html[lang='en'] .sticky-add-to-bag-btn {
    max-width: 375px
}

html[lang='fr'] .sticky-add-to-bag-btn,
html[lang='sv'] .sticky-add-to-bag-btn,
html[lang='nl'] .sticky-add-to-bag-btn,
html[lang='es'] .sticky-add-to-bag-btn {
    max-width: 270px
}

html[lang='fr'] .sticky-price-details {
    max-width: 825px
}

html[lang='sv'] .sticky-price-details {
    max-width: 800px
}

html[lang='sv'] .yourRingContainer .bookViewing,
html[lang='sv'] .yourRingContainer .bookViewing a,
html[lang='de'] .sticky-add-to-bag-btn .bookViewing,
html[lang='de'] .sticky-add-to-bag-btn .bookViewing a,
html[lang='no'] .sticky-add-to-bag-btn .bookViewing,
html[lang='no'] .sticky-add-to-bag-btn .bookViewing a {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center
}

html[lang='es'] .sticky-price-details,
html[lang='it'] .sticky-price-details,
html[lang='nl'] .sticky-price-details {
    max-width: 750px
}

html[lang='da'] #pricepopupCont .save-price {
    margin: 0 8px
}

html[lang='da'] .sticky-add-to-bag-btn {
    max-width: 245px
}

html[lang='da'] .sticky-price-details {
    max-width: 850px
}

html[lang='da'] .product-options-section {
    max-width: 310px
}

html[lang='no'] .sticky-price-details {
    max-width: 830px
}

@media (min-width:992px) and (max-width:1024px) {
    .product-options-section {
        max-width: 300px
    }
    .sticky-price-details {
        max-width: 540px
    }
    .sticky-add-to-bag-btn {
        max-width: 180px;
        flex-direction: column;
        gap: 8px 0
    }
    #pricepopupCont .save-price {
        margin: 0 8px
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height)
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    #pricepopupCont {
        padding: 28px 20px
    }
    #pricepopupCont .lowest.price_box {
        gap: 0 8px
    }
    #pricepopupCont .financetxt {
        text-align: right;
        padding-right: 30px
    }
    #pricepopupCont .metal-shape-options {
        width: 320px
    }
    #pricepopupCont .metal-shape-price {
        max-width: 460px
    }
    #pricepopupCont .metal-shape-price .lowest.price_box,
    #pricepopupCont .setting-diamond-price .lowest.price_box {
        flex-direction: column
    }
    #pricepopupCont .metal-shape-price .diamondvalue,
    #pricepopupCont .metal-shape-price .price-details,
    #pricepopupCont .setting-diamond-price .diamondvalue,
    #pricepopupCont .setting-diamond-price .price-details {
        width: 100%;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991px) {
    #pricepopupCont .row {}
    .sticky-price-details {
        max-width: 490px
    }
    #pricepopupCont .save-price,
    #pricepopupCont .save {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .sticky-add-to-bag-btn {
        gap: 0px 8px
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height)
    }
    #pricepopupCont .save-price {
        margin: 0 8px
    }
    .sticky-price-details {
        max-width: 540px
    }
    #pricepopupCont .financetxt {
        text-align: right;
        padding-right: 25px
    }
    #pricepopupCont .lowest.price_box {
        flex-direction: column;
        gap: 8px 0
    }
    #pricepopupCont .diamondvalue {
        justify-content: center
    }
    #pricepopupCont .price-details {
        text-align: center
    }
    .sticky-add-to-bag-btn.col-sm-8,
    .sticky-price-details.col-xs-12 {
        width: 50%
    }
    #pricepopupCont .sticky-price-details.col-xs-12 .diamondvalue,
    #pricepopupCont .sticky-price-details.col-xs-12 .price-details {
        width: 100%
    }
    .sticky-add-to-bag-btn.col-sm-4 {
        flex-direction: column;
        gap: 8px 0;
        width: 30%
    }
    .sticky-price-details.col-xs-5 {
        max-width: 380px
    }
    #pricepopupCont .sticky-price-details.col-xs-5 .price-details,
    #pricepopupCont .sticky-price-details.col-xs-5 .diamondvalue {
        width: 100%
    }
    .product-options-section.col-xs-7 {
        width: 40%
    }
    .bpGuarantee,
    .financedetails {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .prodcollapsePlus {
        margin-top: 0
    }
    .finance-new:before {
        width: 12px;
        height: 12px;
        right: 4px;
        top: 2px
    }
    html[lang='sv'] .sticky-add-to-bag-btn .btn-lg,
    html[lang='no'] .sticky-add-to-bag-btn .btn-lg {
        padding: 8px 0
    }
    .inner_details .col_half label {
        width: 30%
    }
}

@media (max-width:767px) {
    #pricepopupCont {
        padding: 16px
    }
    #pricepopupCont .row {
        gap: 8px 0
    }
    #pricepopupCont .row,
    #pricepopupCont .diamondvalue {
        flex-direction: column
    }
    #pricepopupCont .sticky-price-details {
        min-height: 45px
    }
    #pricepopupCont .diamondvalue,
    #pricepopupCont .price-details {
        width: 100%
    }
    #pricepopupCont .mob-price-details {
        display: flex !important;
        align-items: baseline
    }
    #pricepopupCont .financeContainer {
        margin-top: 4px
    }
    .sticky-add-to-bag-btn {
        max-width: 100%
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    
    .showCta .pd_customprod_btn,
    .pricemetalD,
    .pricediamonD,
    .sticky-add-to-bag-btn .btn-lg {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    #pricepopupCont .yourRingContainer .priceMainDiv {
        margin-top: 8px
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-16);
        line-height: var(--font-family-lucida-16-line-height)
    }
    #pricepopupCont .setting-diamond-options {
        width: 100%
    }
    .pricemetalD,
    .pricediamonD {
        width: 30%
    }
    .small.vat {
        font-size: var(--font-libre-10);
        line-height: var(--font-libre-10-line-height);
        color: var(--color-brown)
    }
    #pricepopupCont .pdtextinfo,
    #pricepopupCont .financetxt {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .finance-new:before {
        width: 12px;
        height: 12px;
        right: 12%;
        top: 2px
    }
    html[lang='fr'] .sticky-add-to-bag-btn,
    html[lang='sv'] .sticky-add-to-bag-btn,
    html[lang='nl'] .sticky-add-to-bag-btn {
        max-width: 100%
    }
    html[lang='de-at'] .sticky-add-to-bag-btn .bookViewing a {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-12-line-height)
    }
}

@media (min-width:768px) {
    .pdchain_type {}
    .diamondvalue {
        width: 33%;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:767px) and (max-width:992px) {
    .df-service-subsections {
        width: 100px
    }
    .df-service-section-pdp {
        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
    }
    span.needitsooner span a.color-brown,
    .returns-text-pdp p,
    #clrmatchfilter,
    .choose-specific-stone-details .col_half {
        font-size: var(--font-libre-14) !important;
        line-height: var(--font-libre-14-line-height) !important
    }
}

@media (max-width:640px) {
    .banner-info-brown {
        padding: 40px 16px !important
    }
    .df-service-section-pdp {
        gap: 16px 0;
        flex-direction: column
    }
    .df-service-subsections {
        display: flex;
        gap: 0 16px;
        width: 100% !important;
        align-items: center
    }
    .df-service-subsections img {
        width: 30px
    }
    .df-service-subsections p {
        margin: 0
    }
    h3#diamondTotal {
        font-size: var(--font-family-lucida-36) !important;
        line-height: var(--font-family-lucida-36-line-height) !important
    }
}

.everlasting-gift {
    display: flex;
    background-color: #F3F8F6
}

.everlasting-gift .text-section {
    max-width: 50%;
    width: 100%
}

.everlasting-gift .img-section {
    max-width: 49%
}

.everlasting-gift-content {
    max-width: 475px;
    margin: auto;
    padding: 60px 0;
    margin-right: 108px
}

.everlasting-gift-content h2 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-56);
    line-height: var(--font-family-lucida-56-line-height);
    margin: 4px 0 16px
}

.everlasting-gift-content .font-14 {
    font-size: var(--font-libre-14);
    line-height: 30px
}

.everlasting-gift-content .font-italic {
    font-style: italic;
    margin-top: 40px
}

.prodcustomiseMetal1,
.prodcustomiseMetal3,
.prodcustomiseMetal4,
.prodcustomiseMetal6,
.prodcustomiseMetal7,
.prodcustomiseMetal8,
.prodcustomiseMetal10,
.prodcustomiseMetal11,
.prodcustomiseMetal9 {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-primary-200)
}

/* .choose-specific-carat-range {
    display: flex;
    padding: 12px 0;
    align-items: center;
    border-bottom: 1px solid var(--color-primary-200);
    justify-content: space-between
} */

.dropClsdiv {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
    margin-left: 0px;
    width: 81%
}

.choose-specific-price-range .dropClsdiv,
.choose-specific-carat-range .dropClsdiv {
    display: flex;
    align-items: center
}

#customPriceRange .ui-widget-content {
    width: 60%
}

.dropClsul {
    display: flex;
    gap: 12px;
    width: 100%
}

#stone_carat .dropClsul {
    flex-wrap: wrap;
    gap: 8px 12px
}

.dropClsul li {
    min-width: 47px;
    min-height: 32px;
    border: 1px solid var(--color-primary-200);
    font-size: 14px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

/* .pdstone_carat li,
.pdstone_carat li .txtCls {
    width: 47.5px
} */

.dropClsul li .txtCls {
    min-width: 48px;
    min-height: 32px;
    padding: 0px;
    line-height: 30px;
    font-size: var(--font-libre-12)
}

.dropClsul li .img_band_finish+.txtCls {
    font-size: var(--font-libre-14) !important
}

#chain_type div#chain_checkbox1 {
    border: 1px solid;
    width: 30%;
    margin-right: 12px;
    align-items: center;
    justify-content: center
}

#chain_type .checkbox-custom+.chaincheckboxer:before,
#chain_type .checkbox-custom:checked+.chaincheckboxer:after {
    content: none
}

#chain_type label.chaincheckboxer {
    margin: 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    line-height: 40px;
    width: 100%;
    justify-content: center
}

.dropClsdiv#chain_type {
    flex-wrap: nowrap
}

.mOptionsfilter [class^="phvr-"],
.more_less_simple_view .lOptionsfilter>.phvr-icon-up {
    width: 100%;
    text-align: center;
    color: var(--color-brown);
    font-size: var(--font-libre-12);
    line-height: var(--font-libre-12-line-height);
    font-weight: var(--font-weight-semi-bold);
    margin-bottom: 25px;
    text-transform: capitalize
}

.more_less_simple_view .lOptionsfilter>.phvr-icon-up {
    margin-top: 25px
}

.OptionFiltersDesk {
    margin-bottom: 25px
}

.advFilters {
    display: none
}

.parts {
    margin-top: 25px
}

/* .choose-specific-banner {
    display: flex;
    gap: 0 4px;
    background-color: #e4e4e2;
    cursor: pointer
} */

.choose-specific-content {
    display: flex;
    padding: 16px 0;
    width: 85%;
    justify-content: space-between;
    align-items: center
}

.choose-specific-content h3,
h3#diamondTotal {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 4px;
    text-align: center
}

.choose-specific-content p {
    text-decoration: underline;
    text-underline-position: under;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.choose-specific-content .carat {
    margin-right: 16px
}

.needitsooner span {
    font-weight: var(--font-weight-semi-bold)
}

span.needitsooner span a.color-brown {
    font-weight: var(--font-weight-regular)
}

/* .question_yellow,
.pd_question_yellow {
    background: url(../image/prod_collection/information-icon-new.svg) no-repeat;
    width: 14px;
    height: 14px
} */

/* .info-white {
    background: url(../image/prod_collection/info-white.svg) no-repeat;
    vertical-align: middle
} */

.ring-size,
.ring-size-btn,
.choose-ring-btn {
    display: flex
}

.ring-size {
    padding: 20px 0;
    align-items: center
}

.ring-size-option-value {
    flex-direction: column;
    width: 100%
}

#hide_show_ring_size.active {
    display: block !important;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid var(--color-primary-200)
}

#hide_show_ring_size.active ul:nth-child(1) {
    margin-top: 0 !important
}

ul.ring-size-options.dropClsul.optionUl.sp {
    margin: 12px 0
}

ul.ring-size-options.dropClsul.optionUl.sp li {
    padding: 0px
}

.pdring_size {
    align-items: baseline
}

.ring-size-btn {
    justify-content: space-between;
    width: 100%;
    gap: 0 12px
}

.ring-size-btn a {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    color: var(--color-dark-200) !important
}

.ringSizeGuidelink a {
    font-weight: var(--font-weight-semi-bold)
}

.ring-size-btn .choose-ring-btn {
    width: 70%
}

.ring-size-btn .ring-size-pdf-btn {
    margin-right: 10px;
    font-weight: var(--font-weight-semi-bold);
    text-decoration: underline;
    text-underline-position: under
}

.choose-ring-btn {
    justify-content: space-between;
    align-items: end
}

.ring-sizes {
    width: 81%;
    float: right
}

#band_width .dropClsul li,
#width .dropClsul li,
#thickness .dropClsul li {
    display: flex;
    align-items: center;
    justify-content: center
}

li>div.imageCls {
    width: 20%
}
ul#synced-thumbails img {
    width: 100%;
}
.nopartner span.stack-prev, .nopartner .stack-item-prev{display:none;}
.nopartner #synced-thumbails img {
    opacity: 0;
    margin-top: -3px;
}
.nopartner #synced-thumbails {
	display: flex;
    margin: 0px;
    padding: 0;
	height: 4px;
}

.nopartner .stacked-items {
	max-width: 100%;
    overflow: hidden;
}
.nopartner #synced-thumbails>li {
    border-top: 3px solid #EBEBEB;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    padding: 0;
	width: 100%;
}
.nopartner #synced-thumbails>li.active {
    border-color: #976649;
}
.nopartner .active .stack-item-prev, .nopartner .active .stack-item-next{ display: none; }
.nopartner #synced-thumbails{max-width: 100%;}
.withcaret:after {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 100%
}

.pdp-details-accordion .toggleIcon:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    transition: all 0.3s ease-in-out
}

.accordion_panel .panel-heading a {
    width: 100%
}

h4.pdp-details-accordion {
    margin: 0
}

.dropClsul li.selected_option {
    background-color: var(--color-brown);
    color: #fff
}

.nopartner .stack-images {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    text-align: center;
    margin: 18px 0
}

/* .diamondTotaltxt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 16px;
    background-color: #e4e4e2;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
} */

.diamond-count-text {
    width: 100%;
    text-align: center
}

/* .diamondSearch {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-size: 16px
} */

/* .new-choose-search-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-jet);
    margin-top: 16px
} */



.xmasdelivery-pdp,
.price-match-pdp {
    float: left;
    width: 100%;
    padding: 24px 0px 0px
}

.v12finance {
    background: url(../image/prod_collection/v12-icon.png) no-repeat;
    width: 52px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 7px;
    float: right;
    margin-right: 24px;
    background-size: 100%
}

.thmarchpdp {
    background: url(../image/prod_collection/thmarch_pdp.png) no-repeat;
    width: 90px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 7px;
    float: right;
    margin-right: 14px;
    background-size: 100%
}

.thmarchpdptext {
    margin: 0
}

.thmarchpdptext p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    text-align: left
}

.thmarchpdptext p a {
    text-decoration: underline
}

.thmarch-table {
    margin-top: 26px;
    margin-bottom: 26px;
    max-width: 532px;
    width: 100%
}

.thmarch-table thead {
    background-color: #333335;
    color: white;
    font-family: Libre Franklin;
    font-weight: 600;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    letter-spacing: 0%
}

.thmarch-table tbody {
    background: #fff
}

.thmarch-table .table>tbody>tr>td {
    border: 1px solid #ddd !important;
    font-family: Libre Franklin;
    font-weight: 400;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    letter-spacing: 0%;
    vertical-align: middle
}

.thmarch-table .table>thead>tr>th {
    font-size: 16px;
    font-weight: 400
}

.thmarch-table .table>tbody>tr>td:first-child {
    font-family: Libre Franklin;
    font-weight: 600;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    letter-spacing: 0%
}

.thmarchpdpfootertext {
    margin-bottom: 32px
}

.finance-step {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-primary-200)
}

.finance-step .dropDown {
    margin-right: 10px
}

.finance-step img,
.step-three img {
    margin-right: 8px
}

#finance {
    padding: 0;
    margin-top: 8px
}

label.dropdown select {
    background: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    color: #000;
    box-shadow: none;
    font-style: normal;
    font-weight: normal;
    height: auto
}

.finpopup_title,
.step-three .firstdiv {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold)
}

.finance-percent-slider,
.finance-deposit-amount {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-align: left
}

#depositslider {
    width: 100%;
    max-width: 361px;
    margin-right: 10px
}

.slider-deposit-percent {
    position: relative;
    top: 7px;
    left: -10px;
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new);
    color: var(--color-brown)
}

.finance-all-details {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-top: 16px;
    gap: 8px 25px;
    justify-content: space-between
}

#show-finance-all-details:after {
    content: '+';
    margin-left: 7px;
    font-size: 18px
}

.active#show-finance-all-details:after {
    content: "-"
}

.charDetail,
.payDetail .firstdiv {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    width: 25%
}

.charDetail2 {
    width: 15%;
    text-align: right;
    font-weight: var(--font-weight-semi-bold)
}

.secoundDiv {
    font-size: var(--font-libre-20);
    line-height: var(--font-libre-20-line-height);
    font-weight: var(--font-weight-semi-bold);
    margin-bottom: 8px
}

.finance-more-btn a,
.financepoptext a {
    color: var(--color-brown) !important
}

.finance-deposit-amount {
    align-items: flex-start;
    padding: 20px 0
}

.financepoptext {
    margin: 24px 0 14px
}

.financepoptext p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    text-align: left
}

.caret-up {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 18px;
    transform: rotate(180deg) !important
}

.caret-down {
    background: url(/catalog/view/theme/default/image/icons/down_caret.png) no-repeat center / 18px
}

.fixthumbimg .caret-up {
    background: url(/catalog/view/theme/default/image/icons/down_caret_pdp.png) no-repeat center / 18px;
    transform: rotate(180deg)
}

.fixthumbimg .caret-down {
    background: url(/catalog/view/theme/default/image/icons/down_caret_pdp.png) no-repeat center / 18px
}

.diamondvalue {
    margin-right: 16px
}

/* .radio-options {
    display: flex;
    gap: 0 4px
} */

/* #stone_shape>.dropClsul>li.selected_option {
    background-color: var(--color-brown)
}

#stone_shape>.dropClsul>li.selected_option .imageCls {
    filter: brightness(0) invert(1)
} */

.yousave-mob {
    display: none
}

.mobile-caret-icon {
    display: none
}

.desktop-caret-icon {
    display: block
}

/* #clrmatchfilter {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline
}

#metal_purity li {
    min-width: 28.8px;
    min-height: 28.8px;
    border: none;
    width: auto;
    border: 1px solid transparent
}

#stone_size li {
    width: 31%;
    flex-grow: 0
}

#stone_quality .dropClsul li {
    width: auto
} */

/* #chain_type li {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
} */

#chain_type div.imageCls {
    display: none
}

#chain_type_disp,
#chain_length_disp {
    margin: 0
}

#metal_purity .dropClsul {
    flex-wrap: wrap;
    gap: 8px 12px
}

#metal_purity .dropClsul li:hover {
    outline: 1px solid var(--color-brown) !important;
    border-radius: 50%;
    outline-offset: 2px
}

#metal_purity>.dropClsul>li.selected_option {
    outline: 1px solid var(--color-brown) !important;
    border-radius: 50%;
    outline-offset: 2px;
    color: var(--color-brown)
}

#metal_purity li div {
    width: 28.8px;
    height: 28.8px;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover
}

#band_width .imageCls,
#width .imageCls {
    width: 10%;
    height: 22px;
    background-repeat: no-repeat;
    margin-right: 10px
}

#width .imageCls {
    background-size: contain;
    width: 13px
}

#thickness .imageCls {
    width: 15%;
    height: 25px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-size: contain
}

li:not(.metal_purityCls):not(.stone_qualityCls).selected_option>div.imageCls {
    filter: brightness(0) invert(1)
}

/* #stone_shape>.dropClsul>li.selected_option .imageCls::after {
    filter: none
} */

.displayAttribute,
.contentR {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.mainhightstreet .hidden-sm {
    display: none
}

#width .dropClsul {
    flex-wrap: wrap;
    gap: 8px
}

#width .dropClsul li {
    width: 18%
}

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

#stone_type .dropClsul li .txtCls {
    border: .5px solid var(--color-primary-200);
    padding: 6px 0 !important;
    width: 100%;
    cursor: pointer;
    position: relative;
    white-space: normal;
    line-height: var(--font-libre-14-line-height-new) !important
}

.stone_quality_Left.contentL {
    display: flex;
    align-items: center;
    gap: 0 12px
}

/* .stone_quality_Left.contentL .question_yellow {
    margin: 0;
    width: 25px
} */

html[lang='fr'] .stone_quality_Left.contentL {
    gap: 0 8px
}

/* html[lang='fr'] .stone_quality_Left.contentL .question_yellow,
html[lang='fr'] .ring_size_Left .question_yellow,
.band_finish_Left .question_yellow {
    width: 36px;
    margin: 0
} */

html[lang='fr'] .ring_size_Left,
.band_finish_Left {
    display: flex;
    align-items: center
}

@media screen and (max-width:640px) {
    .band_finish_Left.contentL {
        width: 31% !important
    }
}

/* .band_finish_Left .question_yellow {
    flex: 0 0 18px;
    width: 18px !important;
    margin: 0 9px 0 0 !important
} */

.diamondsdtail::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    opacity: 0;
    transition: opacity 0.3s
}

.diamondsdtail::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px
}

li.band_widthCls>div.imgtxtCls {
    font-size: 12px
}

li.chain_typeCls>div.imgtxtCls {
    font-size: 12px
}

.choose-specific-img img {
    width: 132px;
    max-height: 87px;
    object-fit: contain
}

.notdiscounted {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px
}

@media only screen and (max-width:1024px) {
    .wishlist-tab {
        display: flex;
        justify-content: end
    }
    .product-name {
        margin-bottom: 16px
    }
    .product-name h2,
    .product-name h1 {
        max-width: 100%;
        width: 100%
    }
    .prod_detail_rightBlock3 {
        padding: 24px 0
    }
    .save-price {
        margin: 0 8px
    }
    .prodcustomiseMetal1,
    .prodcustomiseMetal3,
    .prodcustomiseMetal4,
    .prodcustomiseMetal6,
    .prodcustomiseMetal7,
    .prodcustomiseMetal8,
    .prodcustomiseMetal10,
    .prodcustomiseMetal11 {
        justify-content: space-between
    }
    .vdapptmob,
    .bookViewing {
        width: 50%
    }
    .vdapptmob .btn-outline-primary400,
    .bookViewing .btn-outline-primary400 {
        width: 100% !important
    }
    .everlasting-gift-content .font-italic {
        margin-top: 32px
    }
    .nopartner .thumbnail-imagess li {
        width: 100px;
        height: 100px
    }
    .nopartner .stack-images {
        width: 110px
    }
    /* .prod_detail_left1,
    .prod_detail_right {
        max-width: 100%
    } */
    /* #metal_purity .metalband.wd100,
    #stone_shape p.centerstoneshape {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    h3#diamondTotal {
        font-size: var(--font-family-lucida-28);
        line-height: var(--font-family-lucida-28-line-height)
    } */
}

@media screen and (min-width:992px) and (max-width:1024px) {
    /* .prodimgInner {
        padding: 0 42px
    } */
    /* .prod_detail_right {
        padding: 40px 42px
    } */
    /* .nopartner .fixthumbimg {
        width: 12%;
        margin-right: 20px
    } */
    /* .price_finance_container {
        justify-content: space-between
    } */
    /* .dropClsul {
        gap: 0 8px
    }
    .diamondvalue {
        margin-right: 15px
    }
    .banner-info-brown {
        padding: 40px 42px !important
    }
    .df-service-section-pdp {
        padding: 0 80px;
        gap: 0 20px
    } */
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-36);
        line-height: var(--font-family-lucida-36-line-height)
    }
    .everlasting-gift-content {
        max-width: 388px;
        margin: 0 20px 0 34px
    }
    .everlasting-gift .text-section {
        max-width: 43%
    }
    .everlasting-gift .img-section {
        max-width: 57%
    }
    
    .inner_details .col_half label {
        width: 30%
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    /* .prodimgInner {
        padding: 0 34px
    } */
    /* .nopartner .fixthumbimg {
        width: 15%;
        margin-right: 35px
    }
     */
    /* .prod_detail_right {
        padding: 40px 34px
    }
    .diamondvalue {
        margin-right: 19px
    }
    .contentL {
        width: 15%
    }
    .dropClsdiv {
        width: 84%
    } */
    .everlasting-gift-content {
        max-width: 394px;
        padding: 40px 0 40px 34px;
        margin-right: 20px
    }
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-28);
        line-height: var(--font-family-lucida-28-line-height)
    }
    .appointment-buttons {
        margin-top: 8px
    }
}

@media screen and (max-width:992px) {
    .mainhightstreet .hidden-sm {
        display: block
    }
}

@media screen and (max-width:640px) {
    .caret-up {
        transform: rotate(90deg) !important
    }
    .caret-down {
        transform: rotate(275deg) !important
    }
    .nopartner ul.thumbnail-imagess {
        margin-bottom: 0
    }
   
    .from-price,
    .discounted-text {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .small.vat,
    .save-price {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .save-price {
        padding: 2px 6px
    }
    .diamondvalue {
        margin-right: 4px
    }
    .price_finance_container {
        display: block;
        width: 100%;
        text-align: center
    }
    .price_review_col:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        align-items: flex-end
    }
    .finance-div {
        display: inline;
        margin-right: 16px;
        padding-top: 8px;
        float: right
    }
    .everlasting-gift {
        flex-direction: column
    }
    .discounted-text {
        margin-top: 8px
    }
    .everlasting-gift .text-section,
    .everlasting-gift .img-section {
        max-width: 100%
    }
    .nopartner .thumbnail-imagess li {
        width: 70px;
        height: 70px
    }
    .product-name {
        margin-bottom: 20px
    }
    .product-name h1,
    .product-name h2 {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        text-align: center
    }
    #customizePriceDiv {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: center
    }
    .prod_detail_rightBlock3 {
        padding: 32px 0 12px
    }
    /* .question_yellow {
        margin-right: 3px
    } */
    .yousave-mob {
        display: inline
    }
    .save-price {
        margin-left: 0
    }
    .ring-sizes {
        width: 100%
    }
    .ring-size-btn .choose-ring-btn {
        width: 100%
    }
    .ring-size-btn .ring-size-pdf-btn {
        text-align: right
    }
    .choose-ring-btn {
        align-items: center
    }
    /* #stone_type,
    .dropClsdiv {
        width: 230px
    } */
    /* #stone_type ul.dropClsul.optionUl.sp {
        width: 100%;
        flex-direction: column-reverse;
        gap: 4px 0
    } */
    /* .gemsdiv #stone_type ul.dropClsul.optionUl.sp {
        flex-direction: row !important
    }
    #stone_type .dropClsul li {
        width: 100%
    }
    .contentL {
        width: 28%
    } */
    /* #metal_purity .dropClsul,
    #stone_shape .dropClsul,
    #stone_clarity .dropClsul,
    #stone_color .dropClsul,
    #stone_cut .dropClsul,
    #stone_certificate .dropClsul,
    #stone_polish .dropClsul,
    #stone_size .dropClsul,
    #stone_symmetry .dropClsul,
    #stone_fluorescence .dropClsul,
    #chain_type .dropClsul,
    #band_finish .dropClsul {
        gap: 8px 6px;
        flex-wrap: wrap
    }
    #length .dropClsul {
        gap: 8px 6px;
        flex-wrap: wrap
    }
    .yousavenew .yousavehover {
        display: none
    }
    #stone_clarity li,
    #stone_color li {
        width: 23%
    }
    #metal_purity li {
        width: auto
    }
    #stone_cut li,
    #stone_certificate li,
    #stone_polish li,
    #stone_symmetry li,
    #stone_fluorescence li {
        width: 48%
    }
    /* #chain_type li,
    #band_finish li {
        width: 47%
    } */
    .prodcustomiseMetal1,
    .prodcustomiseMetal3,
    .prodcustomiseMetal4,
    .prodcustomiseMetal6,
    .prodcustomiseMetal7,
    .prodcustomiseMetal8,
    .prodcustomiseMetal10,
    .prodcustomiseMetal11 {
        padding: 8px 0
    }
    .OptionFiltersDesk,
    .parts {
        margin: 0
    }
    .mOptionsfilter {
        margin: 12px 0
    }
    .choose-specific-content h3 {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height);
        text-align: left
    }
    .choose-specific-content {
        width: 67%
    }
    .mobile-caret-icon {
        display: inline;
        transform: rotate(270deg)
    } */
    .desktop-caret-icon {
        display: none
    }
    .appointment-buttons {
        gap: 0 4px;
        margin-top: 44px !important
    }
    .vdapptmob .btn-outline-primary400,
    .bookViewing .btn-outline-primary400 {
        padding: 16px 10px;
        text-transform: capitalize;
        margin: 0
    }
    .accordion_panel .panel-heading a {
        padding-right: 20px !important
    }
    .v12finance {
        margin-right: 0
    }
    .accordion_panel .panel-heading a:after {
        right: 0 !important
    }
    .finance-step,
    #dep_percent {
        flex-direction: column;
        align-items: flex-start
    }
    .finance-step .dropDown {
        margin: 12px 0 0 12px
    }
    .firstdiv {
        width: 50% !important
    }
    .charDetail,
    .charDetail2 {
        width: 46%
    }
    #pd_des {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .everlasting-gift-content {
        margin: 0;
        padding: 32px 16px 60px
    }
    .everlasting-gift-content h2 {
        font-size: var(--font-family-lucida-36);
        line-height: var(--font-family-lucida-36-line-height)
    }
    .new-choose-search {
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px
    }
    .new-choose-search-box {
        width: 100%
    }
    /* .choose-radios,
    .choose-radios div {
        flex-direction: column;
        align-items: flex-start !important
    } */
    .productD-table>thead>tr>th,
    .productD-table>tbody>tr>td {
        font-size: var(--font-libre-13) !important;
        line-height: var(--font-libre-13-line-height) !important
    }

    html[lang='fr'] .productD-table>thead>tr>th,
    html[lang='fr'].productD-table>tbody>tr>td {
        font-size: var(--font-libre-12) !important;
    }

    .productD-table>thead>tr>th,
    .instock-table>thead>tr>th {
        padding: 16px 4px
    }
    .table>thead:first-child>tr:first-child>th,
    .productD-table>tbody>tr.selectedTr>td,
    .table>tbody>tr>td {
        width: 13%
    }
    .diamon_infor_inner img,
    .diamon_infor_inner>div:first-child,
    .diamon_infor_inner .inner_details {
        width: 100%
    }
    /* .diamon_infor_inner {
        flex-direction: column;
        gap: 20px 0
    } */
    /* .col_half {
        gap: 0 8px;
        margin-bottom: 20px
    } */
    /* .inner_details .col_half label {
        width: 24%
    } */
    /* .btns_group {
        flex-direction: column;
        gap: 4px 0;
        margin-top: 0
    } */
    .btns_group a {
        width: 100%
    }
    /* .pagination a,
    .pagination u {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    } */
    .display_stones_details_left {
        width: 50% !important
    }
    #mobopt_stone_type .dropClsdiv {
        width: 100%
    }
    .dfoptionSetting .dropClsdiv {
        width: 100%
    }
    #mobopt_stone_carat_slider .dropClsdiv,
    #mobopt_stone_price_slider .dropClsdiv {
        align-items: center;
        justify-content: space-between
    }
    #stone_price_slider .stone_price_input input {
        width: 70px
    }
    #mobopt_stone_shape .dropClsul {
        gap: 8px 5px
    }
    .dfoptionSingle label {
        font-weight: 400;
        text-transform: capitalize
    }
    .dfoptionSingle.active {
        background-color: var(--color-brown);
        color: #fff
    }
    .dfoptionSingle {
        font-size: 14px;
        cursor: pointer;
        line-height: 17px;
        padding: 10px 5px 8px;
        background-color: transparent;
        border: 0.5px solid #cbccce;
        text-align: center;
        display: inline-block;
        float: left;
        width: 25%
    }
    #band_width .imageCls {
        width: 15%;
        margin-right: 4px
    }
    /* .pdstone_carat li,
    .pdstone_carat li .txtCls {
        max-width: 48px;
        width: 48px
    } */
    .choose-specific-content {
        padding: 25px 0
    }
    .everlasting-gift-content .font-italic {
        margin-top: 16px
    }
    #cboxLoadedContent h4 {
        font-size: var(--font-family-lucida-28) !important;
        line-height: var(--font-family-lucida-28-line-height) !important
    }
    .specification-heading {
        font-size: var(--font-family-lucida-24) !important;
        line-height: var(--font-family-lucida-24-line-height) !important
    }
    .secoundDiv {
        font-size: var(--font-libre-18);
        line-height: var(--font-libre-18-line-height)
    }
    .finance-more-btn a,
    .financepoptext p {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .sale-text-mob {
        display: flex;
        justify-content: center;
        gap: 0 16px
    }
    #band_width ul.dropClsul.optionUl.sp,
    #width ul.dropClsul.optionUl.sp {
        gap: 4px
    }
    #length .dropClsul li,
    #length .dropClsul li .txtCls {
        min-width: 43px;
        width: 43px
    }
    .optionShowMoreLess {
        display: none !important
    }
    #thickness .imageCls {
        width: 23%;
        height: 15px;
        margin-right: 4px
    }
    #width .dropClsul li {
        width: 30%
    }
    .dropClsul li .txtCls {
        padding: 8px !important
    }
   
    #width .imageCls {
        margin-right: 5px
    }
    li.widthCls>div.imgtxtCls {
        font-size: 12px
    }
    li.band_widthCls>div.imgtxtCls {
        font-size: 12px
    }
    li.chain_typeCls>div.imgtxtCls {
        font-size: 12px
    }
    .side_stone_details_pdp {
        width: 50% !important
    }
}

@media screen and (max-width:360px) {
    .display_stones_details_right {
        width: 50% !important
    }
    #display_stones_details>div+div {
        width: 50% !important
    }
}

.gemstone_popup_title_brown h2 {
    color: var(--color-brown) !important
}

.gemstone_popup_title_brown {
    align-items: normal !important
}

.gem_popup_content {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.gem_popup_content h2 {
    text-align: left !important;
    font-size: var(--font-family-lucida-24) !important;
    line-height: var(--font-family-lucida-24-line-height) !important;
    margin: 0px 0 16px !important
}

.gem_popup_content:last-child {
    margin-bottom: 0px
}

@media (max-width:767px) {
    .thmarchpdpfootertext .para2 {
        margin-top: 32px
    }
    .gemstone-popup img {
        margin-top: 0px !important;
        margin-bottom: 16px !important
    }
    .gem_popup_content h2 {
        text-align: center !important;
        font-size: var(--font-family-lucida-22) !important;
        line-height: var(--font-family-lucida-22-line-height) !important;
        margin: 0px 0 16px !important
    }
    .gemstone-popup .gem_popup_content p {
        text-align: center !important
    }
    .gemstone-popup .gem_popup_content {
        margin-bottom: 15px
    }
    .gemstone-popup .gem_popup_content:last-child {
        margin-bottom: 0px !important
    }
    .gemstone-popup {
        margin-bottom: 0px !important
    }
    .mOptionsfilter [class^="phvr-"],
    .more_less_simple_view .lOptionsfilter>.phvr-icon-up {
        margin-bottom: 0px
    }
    .more_less_simple_view .lOptionsfilter>.phvr-icon-up {
        margin: 12px 0
    }
    .mOptionsfilter {
        margin: 12px 0
    }
}

@media (min-width:1200px) {
    .gemstone-popup {
        margin: 0 !important
    }
    .gemstone-popup [class*=col-].padding22 {
        max-width: calc(424px+15px);
        flex: 0 0 calc(424px+15px);
        padding-left: 0 !important;
        padding-right: 15px !important
    }
    .gemstone-popup .padding22+[class*=col-] {
        padding-left: 15px !important;
        padding-right: 0 !important
    }
    .gemstone-popup [class*=col-] {
        max-width: calc(422px+15px);
        flex: 0 0 calc(422px+15px)
    }
}

.info-popups .modal-dialog {
    background: var(--color-white);
    max-width: 1096px;
    width: calc(100% - 20px)
}

.info-popups .modal-content {
    padding: 30px 110px !important;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.info-popups .modal-header {
    padding: 0px;
    border-bottom: 0px;
    min-height: auto
}

.info-popups .modal-header .close {
    position: absolute;
    top: 24px;
    right: 20px;
    margin-top: 0px;
    opacity: 1
}

.info-popups h2 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    line-height: var(--font-family-lucida-28-line-height);
    margin: 0px 0 16px;
    text-align: center;
    text-transform: capitalize
}

.info-popups .modal-dialog p {
    text-align: center;
    color: var(--color-black)
}

.info-popups .shapesec {
    display: flex;
    margin: 30px auto -25px;
    flex-wrap: wrap;
    max-width: 575px
}

.info-popups .shapesec .shapediv {
    width: 75px;
    margin: 0px 20px 41.96px;
    text-align: center
}

.info-popups .shapesec .shapediv figure img {
    max-height: 60px
}

.info-popups .shapesec .shapediv h3 {
    margin: 25px 0 0;
    font-size: var(--font-libre-16);
    line-height: var(--font-libre-16-line-height);
    color: var(--color-brown)
}

.ui-widget.ui-widget-content {
    height: 2px;
    border-color: transparent;
    background: var(--color-primary-300)
}

.ui-slider .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: -0.25em !important
}

.ui-slider-handle {
    top: -.4em !important;
    position: absolute
}

.ui-widget-header {
    background: var(--color-brown) !important
}

.carat .caratsection {
    display: flex;
    align-items: center;
    text-align: left
}

.carat .caratsection p {
    text-align: left;
    margin-bottom: 24px
}

.carat .caratsection p:last-child {
    margin-bottom: 0px
}

.mainsliderDiv {
    width: 100%;
    margin: 16px auto 20px;
    padding: 0 0 0px;
    display: flex;
    flex-direction: column
}

.caratVal {
    position: absolute;
    top: 10px;
    left: -12px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    color: var(--color-brown)
}

.carat #slider-carat {
    width: 100%;
    display: inline-block;
    height: 0.2em !important;
    background: var(--color-primary-300)
}

.dia_rhtCol {
    width: 100%;
    background-size: 100%;
    float: inherit;
    position: relative;
    max-width: 424px
}

.dia_round {
    background: url(../image/prod_collection/Dia_Size_RD_new.png) no-repeat center;
    width: 75px;
    height: 62px;
    left: calc(45.5% + 4%);
    position: absolute;
    top: calc(43% + 12%);
    margin: -38px auto 0 -31px;
}

#slider-clarity label,
#slider-colour label {
    color: var(--color-brown);
    position: absolute;
    width: 35px;
    margin-left: -20px;
    text-align: center;
    margin-top: 15px;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-regular)
}

#slider-intensity label.blacker,
#slider-clarity label.blacker,
#slider-colour label.blacker {
    color: var(--color-brown);
    font-weight: var(--font-weight-semi-bold)
}

#slider-clarity,
#slider-colour {
    width: 100%;
    max-width: 596px;
    margin: auto
}

.sidecar {
    display: none
}

.mainsliderDiv .sliderVal {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin: 16px 0 0;
    top: 26px;
    padding: 0px
}

.dia_clarityBg {
    background: url(../image/prod_collection/Clarity_bg_new.png) no-repeat;
    width: 240px;
    height: 180px;
    margin: 0 auto;
    margin: 16px auto;
    position: static
}

.dia_colour {
    background: url(../image/prod_collection/colour_bg.png) no-repeat;
    width: 240px;
    height: 150px;
    margin: 30px auto 0px;
    background-position: 0 0px
}

.info-popups p {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new)
}

.info-popups .cutsec {
    display: flex;
    margin: 30px auto 0px;
    flex-wrap: wrap;
    max-width: 668px;
    width: 100%;
    justify-content: center
}

.info-popups .cutmain {
    display: flex;
    justify-content: center
}

.info-popups .cutsec .cutdiv {
    max-width: 180px;
    width: 100%;
    margin-right: 60px
}

.info-popups .cutsec .cutdiv figure {
    min-height: 170px;
    text-align: center
}

.info-popups .cutsec .cutdiv img {
    width: 100%;
    max-width: 180px
}

.info-popups .cutsec .cutdiv:last-child {
    margin-right: 0px
}

.info-popups .cutsec .cutdiv h3 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    list-style: var(--font-family-lucida-28-line-height);
    color: var(--color-brown);
    margin: 20.87px 0 0;
    text-align: center
}

.certificate-sectiom {
    margin: 30px 0 0;
    display: flex;
    width: 100%
}

.certificate-sectiom ul li {
    margin-bottom: 30px
}

.certificate-sectiom ul li figure figcaption {
    margin: 16px 0 0;
    text-align: center
}

.certificate-sectiom .certificate-right h3 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 16px
}

.certificate-sectiom .certificate-right p {
    margin-bottom: 30px;
    text-align: left
}

.certificate-sectiom .certificate-left {
    text-align: center
}

.certificate-sectiom .certificate-right p:last-child {
    margin-bottom: 0px
}

.certificate-sectiom .certiui li a img {
    margin: auto
}

.polish-sec {
    display: flex;
    align-items: center
}

.polish-sec p {
    text-align: left !important
}

.symmetry-popup p {
    text-align: center
}

.symmetry-popup .col-md-12 h2+p {}

.symmetry-sec {
    display: flex;
    max-width: 634px;
    margin: 16px auto 0px
}

.symmetry-sec .row {
    margin-right: -15px;
    margin-left: -15px
}

.symmetry-sec .col-xs-6 {
    padding: 0px 15px
}

.symmetry-sec p.cutdtile {
    font-family: var(--font-family-lucida);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-family-lucida-22);
    line-height: var(--font-family-lucida-22-line-height);
    text-transform: capitalize !important;
    letter-spacing: normal;
    margin: 19.15px 0 0;
    color: var(--color-brown)
}

@media (max-width:767px) {
    .symmetry-sec {
        max-width: 300px
    }
    .symmetry-sec .row {
        margin-right: -19px;
        margin-left: -19px
    }
    .symmetry-sec .col-xs-6 {
        padding: 0px 19px
    }
    .symmetry-sec img {
        max-width: 130px
    }

    .dia_rhtCol{
        margin-top: 20px;
    }
}

@media (min-width:1200px) {
    .symmetry-sec p.cutdtile {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        margin: 16px 0 0
    }
    .symmetry-sec p.cutdtile br {
        display: none
    }
}

.cutdtile {
    text-transform: capitalize !important
}

.fluorescence-pop p {
    text-align: center
}

.fluorescence-pop .fluorescence-sec {
    max-width: 624px;
    margin: 30px auto 0;
    background: var(--color-black);
    padding: 30px;
    display: flex
}

.fluorescence-pop .fluorescence-sec .cutdtile {
    margin: 30px 0 0;
    color: var(--color-white);
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    font-weight: var(--font-weight-regular)
}

.ring-size-popup h4 {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0px 0 16px
}

.ring-size-popup .ring-size-top {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.ring-size-top.gemstone-popup {
    margin-bottom: 0px;
    align-items: center
}

.ring-size-popup p {
    text-align: left !important
}

.ring-size-popup .ring-size-bot {
    display: flex;
    align-items: center
}

.ring-size-popup .ringsizerbtn {
    display: inline-block;
    background: var(--color-brown);
    padding: 16px 40px;
    border-radius: 0px;
    margin: 16px 0 0
}

.ring-size-popup .ringsizerbtn a {
    color: var(--color-white)
}

html[lang='da'] .ring-size-popup .ringsizerbtn {
    white-space: pre-line;
    line-height: 11px
}

#labgrowdiamond .modal-body img {
    margin: auto
}

#labgrowdiamond .modal-body .stpename {
    text-align: center;
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    text-transform: capitalize;
    margin-top: 15px;
    color: var(--color-brown)
}

#labgrowdiamond .modal-content .modal-header {
    border-bottom: 0px
}

#labgrowdiamond .modal-body {
    max-width: 860px;
    padding: 0px;
    width: 100%
}

#labgrowdiamond .row {
    margin-right: -15px;
    margin-left: -15px
}

#labgrowdiamond .labgrow-sec {
    margin: 16px -15px 0
}

#labgrowdiamond [class*=col-] {
    padding-left: 12px;
    padding-right: 12px
}

.price-info-popup {
    text-align: center
}

.price-info-popup .topheading {
    display: flex
}

.price-info-popup h2 {
    margin-bottom: 30px
}

.price-info-popup .pricetitle {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-24);
    line-height: var(--font-family-lucida-24-line-height);
    margin: 0 0 30px;
    text-align: center
}

.price-info-popup .price-info-top {
    margin-bottom: 16px;
    color: #333
}

.price-info-popup figure img {
    height: 65px
}

.price-info-popup .price-info-left .price-info-block {
    margin-bottom: 53.67px
}

.price-info-popup .price-info-left .price-info-block:last-child {
    margin-bottom: 0px
}

.price-info-popup .price-info-right .price-info-block {
    margin-bottom: 16px
}

.price-info-popup .price-info-main {
    margin-bottom: 30px;
    margin-right: -12px;
    margin-left: -12px
}

.price-info-popup .price-info-main .price-info-left,
.price-info-popup .price-info-main .price-info-right,
.price-info-main .topheading .col-xs-6 {
    padding-right: 12px;
    padding-left: 12px
}

.price-info-popup .price-info-right .price-info-block:last-child {
    margin-bottom: 0px
}

.price-info-popup .price-info-right .price-info-block span {
    color: var(--color-brown);
    display: inline-flex
}

.price-info-popup .price-info-block figure {
    margin-bottom: 15px
}

.price-info-popup .ourpriceSave {
    font-family: var(--font-family-lucida);
    font-size: var(--font-family-lucida-28);
    line-height: var(--font-family-lucida-28-line-height);
    color: var(--color-brown);
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .info-popups .modal-content {
        padding: 60px 50px !important
    }
    .info-popups .cutsec .cutdiv {
        max-width: 135px;
        margin-right: 40px
    }
    .polish-sec {
        flex-wrap: wrap
    }
    .polish-sec .polish-right {
        order: 1
    }
    .polish-sec .polish-right p {
        text-align: center !important
    }
    .polish-sec .polish-left {
        order: 2
    }
    .polish-sec .polish-left img {
        margin-top: 15px
    }
    .fluorescence-pop .fluorescence-sec {
        padding: 30px 73px
    }
    .fluorescence-pop .fluorescence-sec .row {
        margin: 0 !important
    }
    .fluorescence-pop .fluorescence-sec .row [class*=col-] {
        padding: 0 !important
    }
    .ring-size-popup .ring-size-top {
        margin-bottom: 30px
    }
    .ring-size-popup .ring-size-top,
    .ring-size-popup .ring-size-bot {
        flex-wrap: wrap
    }
    .ring-size-popup img {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    html[lang='da'] .ring-size-popup .ringsizerbtn {
        display: block;
        line-height: 10px
    }
    .info-popups .modal-content {
        padding: 48px 16px 25px !important
    }
    .info-popups h2 {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height);
        margin: 0px 0 30px
    }
    .info-popups .shapesec {
        margin: 38px auto -15px;
        max-width: 196px
    }
    .info-popups .shapesec .shapediv {
        margin: 0px 10px 15px
    }
    .info-popups .shapesec .shapediv h3 {
        margin: 10px 0 0
    }
    .info-popups .shapesec .shapediv figure img {
        max-height: 50px
    }
    .info-popups .shapesec .shapediv h3 {
        font-size: var(--font-libre-14);
        line-height: var(--font-libre-14-line-height)
    }
    .carat .caratsection {
        flex-wrap: wrap
    }
    .caratsection .col-sm-6:first-child {
        order: 2
    }
    .caratsection .col-sm-6:last-child {
        order: 1
    }
    .caratsection p {
        text-align: center !important;
        margin-bottom: 15px
    }
    #slider-clarity,
    #slider-colour {
        width: 90%
    }
    .mainsliderDiv .sliderVal {
        margin: 30px 0 30px
    }
    .info-popups .cutsec .cutdiv {
        max-width: 100%;
        margin-right: 0px;
        width: 100%
    }
    .info-popups .cutsec .cutdiv figure img {
        margin: auto
    }
    .info-popups .cutsec .cutdiv h3 {
        margin: 25px 0 30px;
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height)
    }
    .info-popups .cutsec .cutdiv:last-child h3 {
        margin-bottom: 0px
    }
    .info-popups .cutpop p {
        text-align: center
    }
    .certificate-sectiom {
        flex-wrap: wrap
    }
    .certificate-popup p,
    .certificate-sectiom h3 {
        text-align: center !important
    }
    .certificate-sectiom .certiui {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0px
    }
    .certificate-sectiom .certiui li {
        width: 50%;
        padding: 0px 5px
    }
    .certificate-sectiom .certiui li a {
        text-align: center
    }
    .certificate-sectiom .certiui li a img {
        max-height: 88px;
        min-height: 88px;
        width: auto;
        margin: auto
    }
    .fluorescence-pop .fluorescence-sec {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 16px
    }
    .fluorescence-pop .fluorescence-sec .cutdtile {
        margin: 30px 0 30px
    }
    .fluorescence-sec img {
        max-width: 100%;
        margin: auto
    }
    .fluorescence-sec .row .col-sm-4:last-child p.cutdtile {
        margin-bottom: 0px
    }
    .ring-size-popup .ring-size-top,
    .ring-size-popup .ring-size-bot {
        text-align: center
    }
    .ring-size-popup p {
        text-align: center !important
    }
    .ring-size-popup img {
        margin-top: 14px;
        margin-bottom: 15px
    }
    .ring-size-popup img.hidden-xs {
        display: block !important;
        margin: 0
    }
    .ring-size-popup img.visible-xs {
        display: none !important
    }
    .ring-size-popup h4 {
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height);
        margin: 15px 0
    }
    .ring-size-popup .ringsizerbtn {
        display: flex;
        justify-content: center;
        margin-top: 15px
    }
    #labgrowdiamond .labgrow-sec {
        margin: 16px 5px 0
    }
    #labgrowdiamond .labgrow-sec .col-xs-6 {
        padding-right: 5px;
        padding-left: 5px
    }
    #labgrowdiamond p {
        text-align: center
    }
    #labgrowdiamond .modal-body .stpename {
        margin-top: 10px;
        margin-bottom: 16px;
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height)
    }
    #labgrowdiamond .labgrow-sec .col-xs-6:nth-child(3) .stpename {
        margin-bottom: 0px
    }
    #labgrowdiamond .labgrow-sec .col-xs-6:nth-child(4) .stpename {
        margin-bottom: 0px
    }
    .price-info-popup .topheading {
        align-items: center
    }
    .price-info-popup .pricetitle {
        font-size: var(--font-family-lucida-22);
        line-height: var(--font-family-lucida-22-line-height)
    }
    .price-info-popup .price-info-main .price-info-right {
        padding-right: 4px;
        padding-left: 4px
    }
    .price-info-popup .price-info-main .price-info-left {
        padding-right: 4px;
        padding-left: 4px
    }
    .price-info-popup .price-info-block figure img {
        max-height: 85px
    }
    .price-info-popup .ourpriceSave {
        font-size: var(--font-family-lucida-24);
        line-height: var(--font-family-lucida-24-line-height)
    }
    .new_carat_range .radio-button {
        font-size: var(--font-libre-12);
        line-height: 20px
    }
    ul.ring-size-options.dropClsul.optionUl.sp li {
        padding: 0;
        width: 29%
    }
    ul.ring-size-options.dropClsul.optionUl.sp {
        gap: 12px;
        justify-content: space-between
    }
    .ring-size-options #idk {
        width: 100%
    }
    .choose-specific-img img {
        width: 126px;
        height: 130px;
        max-height: 130px;
        object-fit: cover
    }
    .gemstone-popup .col-md-6:first-child {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
    .gemstone-popup .col-md-6 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
    .gemstone-popup .col-md-12 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

.financediv .dropDown {
    display: inline-block
}

.financediv .dropdown {
    position: relative;
    display: inline-block
}

.emidetails {
    background-color: transparent
}

.emidetails li {
    margin-bottom: 8px
}

.emidetails .selectpicker {
    border: none;
    background: transparent;
    box-shadow: none
}

.emidetails option {
    background-color: #fff;
    color: #333
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

.emidetails ul li:hover a span {
    color: var(--color-jet)
}

.emidetails {
    border: none;
    color: var(--color-jet);
    font-size: 16px;
    line-height: 20px;
    background-image: url('/catalog/view/theme/default/image/icons/down_caret.png') !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 15px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 600;
    margin-bottom: 0 !important;
    transition: all .4s ease
}

.emidetails.open {
    background-image: url(/catalog/view/theme/default/image/icons/up_caret.png) !important;
    transition: all .4s ease;
    background-repeat: no-repeat;
    background-position: right
}

.emidetails .btn {
    border: none;
    padding: 8px 0px;
    background: transparent !important;
    box-shadow: none
}

.emidetails .dropdown-menu {
    height: 215px
}

.emidetails .dropdown-menu.inner.selectpicker {
    padding: 8px 16px 8px 0;
    left: -30px;
    margin-top: 7px
}

.emidetails .dropdown-menu .selectpicker {
    padding: 0px 0px 0px
}

.emidetails .dropdown-menu>li>a:focus {
    background: transparent
}

.emidetails .btn:hover {
    background: transparent !important;
    color: var(--color-jet) !important
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

.emidetails .btn:focus {
    outline: none !important;
    box-shadow: none;
    color: var(--color-jet) !important
}

#finance .bootstrap-select.btn-group .btn .caret {
    display: none
}

#finance .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    padding-right: 20px
}

.emidetails .glyphicon-ok:before {
    content: ""
}

.emidetails .dropdown-menu {
    z-index: 999 !important
}

.emidetails .filter-option {
    font-size: 14px;
    line-height: 22px
}

.emidetails .dropdown-menu a {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    padding: 8px 16px
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.emidetails .dropdown-menu>li>a:hover,
.emidetails .dropdown-menu>li>a:hover span {
    color: var(--color-brown);
    background: none
}

.emidetails .selected span.text {
    color: var(--color-brown);
    font-weight: 600
}

#metal_purity>.dropClsul>li .optcss:after {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-12);
    line-height: 10px
}

#metal_purity>.dropClsul>li.selected_option .optcss:after {
    color: var(--color-brown)
}

.new_carat_range {
    display: flex;
    gap: 0 16px;
    width: 100%
}

.new_carat_range .radio-button {
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center
}

.new_carat_range .radio-button {
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center;
    border: 1px solid var(--color-primary-200);
    width: 100%;
    justify-content: center;
    padding: 6px 0;
    font-size: var(--font-libre-12);
    line-height: 20px
}

.new_carat_range label i {
    display: none
}

.new_carat_range label.active {
    background-color: var(--color-brown);
    color: #fff
}

.radio-brown input[type="radio"]:checked {
    background-color: var(--color-brown)
}

.accordion_panel.withcaret .panel-heading h4.pdp-details-accordion a:after {
    background: url(../image/icons/down_caret.png) no-repeat center / 100%
}

.accordion_panel .panel-heading h4.pdp-details-accordion a:not(.collapsed):after {}

.accordion_panel .panel-heading h4.financetxt a:not(.collapsed):after {
    transform: rotate(180deg)
}

#pricepopupCont .row:before,
#pricepopupCont .row:after {
    display: none
}

.yourRingContainer .diamondDetail,
.yourRingContainer .diamondvalue {
    text-align: left;
    display: block
}

.yourRingContainer {
    position: relative;
    background: transparent;
    z-index: 999;
    width: 100%;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.stickyPriceDiv {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    height: 0;
    display: block;
    background: #fff;
    border-bottom: 1px solid #f1f1f1
}

.stickyPriceDiv2 {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    height: 0;
    display: block
}

.yourRingContainer .pricedetails.simple {
    display: inline-block
}

.yourRingContainer .priceMainDiv {
    text-align: center
}

.yourRingContainer>a.btn {
    display: block;
    width: 100%;
    background: var(--color-brown);
    color: #fff;
    text-decoration: none;
    max-width: 210px
}

.stickyPriceDiv>a.btn {
    float: right
}

.stickyPriceDiv2>a.btn {
    float: right
}

#pricepopupCont {
    padding: 28px 16px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

#pricepopupCont .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

#pricepopupCont .container {
    padding: 0
}

#pricepopupCont .diamondvalue {
    margin-right: 0
}

#pricepopupCont .opprice {
    display: flex;
    flex-direction: row-reverse
}

#pricepopupCont .pricedetails.simple {
    width: 100%
}

.sticky-add-to-bag-btn {
    max-width: 325px;
    display: flex;
    gap: 0 12px;
    justify-content: space-between;
    padding: 0 !important
}

.sticky-add-to-bag-btn .btn-lg {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    width: 100%;
    padding: 16px 0;
    text-wrap: balance
}

.sticky-add-to-bag-btn .addtobag_btnCls,
.sticky-add-to-bag-btn .bookViewingCls {
    width: 50%
}

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

.sticky-price-details {
    max-width: 700px;
    width: 100%;
    padding: 0 !important
}

#pricepopupCont .diamondvalue {
    width: 50%;
    height: 31px
}

#pricepopupCont .price-details {
    width: 50%
}

#pricepopupCont .discounted-text,
#pricepopupCont .sticky-price {
    font-family: var(--font-family-lucida);
    font-size: 18px;
    line-height: var(--font-family-lucida-20-line-height);
    color: var(--color-brown);
    margin: 0
}

#pricepopupCont .discounted-text {
    text-wrap: balance
}

.product-options-section,
.metal-shape-options .flex {
    max-width: 350px;
    padding: 0 !important;
    display: flex;
    justify-content: space-evenly;
    text-align: center
}

#pricepopupCont .option-details-div {
    display: flex;
    justify-content: space-between;
    gap: 0 16px
}

#pricepopupCont .option-details {
    text-align: center;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

#pricepopupCont .lowest.price_box {
    justify-content: space-between;
    align-items: center;
    gap: 0 16px
}

#pricepopupCont .diamondvalue {
    display: flex;
    align-items: center;
    justify-content: center
}

#pricepopupCont .price-info-icon {
    display: inline-flex
}

#pricepopupCont .save-price {
    margin: 0 16px
}

.stickyPriceDiv2 .vat {
    margin: 0
}

#pricepopupCont .financeContainer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    max-width: 1440px;
    width: 100%;
    margin: 10px auto 0
}

#pricepopupCont .financetxt {
    width: 350px;
    position: relative
}

.prodcollapsePlus {}

.pricemetalD,
.pricediamonD {
    text-align: center
}

.plusequalspan {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    width: auto;
    text-align: left
}

.label-value {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height);
    font-weight: var(--font-weight-semi-bold)
}

.pricemetalD,
.pricediamonD {
    display: flex;
    flex-direction: column;
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

.finance-new:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 15px;
    top: 4px;
    transition: all 0.3s ease-in-out
}

.financedetails .prodcollapsePlus:before {
    background: url(../image/icons/plus.png) no-repeat center / 100%
}

.financedetails .prodcollapseMinus:before {
    background: url(../image/icons/minus.png) no-repeat center / 100%
}

.sticky-price-details .rrp {}

#pricepopupCont .financeContainer .lowestprice,
#pricepopupCont .pdtextinfo {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height)
}

html[lang='en'] .sticky-add-to-bag-btn {
    max-width: 375px
}

html[lang='fr'] .sticky-add-to-bag-btn,
html[lang='sv'] .sticky-add-to-bag-btn,
html[lang='nl'] .sticky-add-to-bag-btn,
html[lang='es'] .sticky-add-to-bag-btn {
    max-width: 270px
}

html[lang='fr'] .sticky-price-details {
    max-width: 825px
}

html[lang='sv'] .sticky-price-details {
    max-width: 800px
}

html[lang='sv'] .yourRingContainer .bookViewing,
html[lang='sv'] .yourRingContainer .bookViewing a,
html[lang='de'] .sticky-add-to-bag-btn .bookViewing,
html[lang='de'] .sticky-add-to-bag-btn .bookViewing a,
html[lang='no'] .sticky-add-to-bag-btn .bookViewing,
html[lang='no'] .sticky-add-to-bag-btn .bookViewing a {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center
}

html[lang='es'] .sticky-price-details,
html[lang='it'] .sticky-price-details,
html[lang='nl'] .sticky-price-details {
    max-width: 750px
}

html[lang='da'] #pricepopupCont .save-price {
    margin: 0 8px
}

html[lang='da'] .sticky-add-to-bag-btn {
    max-width: 245px
}

html[lang='da'] .sticky-price-details {
    max-width: 850px
}

html[lang='da'] .product-options-section {
    max-width: 310px
}

html[lang='no'] .sticky-price-details {
    max-width: 830px
}

/* =============== Finance Section start
===============================================*/

 .pdp-finance-section{
    margin-top: 29px;
}

 .pdp-finance-section .panel-group{
    border-top: 0px;    
 }

 .pdp-finance-section .accordion_panel .panel-heading a{
    padding: 20px 30px 20px 0;
 }

/*
.klarna-pdp-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}
.klarna-more-info{
    width: auto;
}

.klarna-pdp-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
} */


.klarna-pdp-info {
		padding: 20px 0 16px 0;
		display: flex;
		align-items: center;
    	justify-content: space-between;
		text-decoration: none;
		position: relative;
		color: var(--color-jet);
		font-weight: var(--font-weight-semi-bold);
	}

	.klarna-pdp-info img {
		width: 100%;
		max-width: 85px;
		max-height: 41px;
		padding-right: 10px;
	}

	.klarna-pdp-info .klarna-more-info {
		padding: 0px !important;
		text-decoration: underline !important;
		width: auto !important;
	}

	.klarna-pdp-info-others{
		background: #f8f2e7;
		margin: 30px 0 30px;
		padding: 20px 24px 20px 24px;
	}

	.klarna-pdp-info-others-sec{
		display: flex; align-items: center;
	}

@media (max-width:991px){
    .pdp-finance-section{ margin-top: 20px; }
}


@media (max-width:767px){

    /* .pdp-finance-section{ margin-top: 5px; } */

    .v12-pdp-info{
        padding: 20px 0;
    }

    .klarna-pdp-info img {
        max-width: 60px;
        max-height: 29px;
        height: 29px;
    }

    .klarna-pdp-info a.klarna-more-info {
        padding: 0px !important;
    }
}



/* =============== Finance Section end
===============================================*/

@media (min-width:992px) and (max-width:1024px) {
    .product-options-section {
        max-width: 300px
    }
    .sticky-price-details {
        max-width: 540px
    }
    .sticky-add-to-bag-btn {
        max-width: 180px;
        flex-direction: column;
        gap: 8px 0
    }
    #pricepopupCont .save-price {
        margin: 0 8px
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height)
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    #pricepopupCont {
        padding: 28px 20px
    }
    #pricepopupCont .lowest.price_box {
        gap: 0 8px
    }
    #pricepopupCont .financetxt {
        text-align: right;
        padding-right: 30px
    }
    #pricepopupCont .metal-shape-options {
        width: 320px
    }
    #pricepopupCont .metal-shape-price {
        max-width: 460px
    }
    #pricepopupCont .metal-shape-price .lowest.price_box,
    #pricepopupCont .setting-diamond-price .lowest.price_box {
        flex-direction: column
    }
    #pricepopupCont .metal-shape-price .diamondvalue,
    #pricepopupCont .metal-shape-price .price-details,
    #pricepopupCont .setting-diamond-price .diamondvalue,
    #pricepopupCont .setting-diamond-price .price-details {
        width: 100%;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991px) {
    #pricepopupCont .row {}
    .sticky-price-details {
        max-width: 490px
    }
    #pricepopupCont .save-price,
    #pricepopupCont .save {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .sticky-add-to-bag-btn {
        gap: 0px 8px
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-20);
        line-height: var(--font-family-lucida-20-line-height)
    }
    #pricepopupCont .save-price {
        margin: 0 8px
    }
    .sticky-price-details {
        max-width: 540px
    }
    #pricepopupCont .financetxt {
        text-align: right;
        padding-right: 25px
    }
    #pricepopupCont .lowest.price_box {
        flex-direction: column;
        gap: 8px 0
    }
    #pricepopupCont .diamondvalue {
        justify-content: center
    }
    #pricepopupCont .price-details {
        text-align: center
    }
    .sticky-add-to-bag-btn.col-sm-8,
    .sticky-price-details.col-xs-12 {
        width: 50%
    }
    #pricepopupCont .sticky-price-details.col-xs-12 .diamondvalue,
    #pricepopupCont .sticky-price-details.col-xs-12 .price-details {
        width: 100%
    }
    .sticky-add-to-bag-btn.col-sm-4 {
        flex-direction: column;
        gap: 8px 0;
        width: 30%
    }
    .sticky-price-details.col-xs-5 {
        max-width: 380px
    }
    #pricepopupCont .sticky-price-details.col-xs-5 .price-details,
    #pricepopupCont .sticky-price-details.col-xs-5 .diamondvalue {
        width: 100%
    }
    .product-options-section.col-xs-7 {
        width: 40%
    }
    .bpGuarantee,
    .financedetails {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .prodcollapsePlus {
        margin-top: 0
    }
    .finance-new:before {
        width: 12px;
        height: 12px;
        right: 4px;
        top: 2px
    }
    html[lang='sv'] .sticky-add-to-bag-btn .btn-lg,
    html[lang='no'] .sticky-add-to-bag-btn .btn-lg {
        padding: 8px 0
    }
    .inner_details .col_half label {
        width: 30%
    }
}

@media (max-width:767px) {
    #pricepopupCont {
        padding: 16px
    }
    #pricepopupCont .row {
        gap: 8px 0
    }
    #pricepopupCont .row,
    #pricepopupCont .diamondvalue {
        flex-direction: column
    }
    #pricepopupCont .sticky-price-details {
        min-height: 45px
    }
    #pricepopupCont .diamondvalue,
    #pricepopupCont .price-details {
        width: 100%
    }
    #pricepopupCont .mob-price-details {
        display: flex !important;
        align-items: baseline
    }
    #pricepopupCont .financeContainer {
        margin-top: 4px
    }
    .sticky-add-to-bag-btn {
        max-width: 100%
    }
    #pricepopupCont .bookViewing,
    .sticky-add-to-bag-btn .addtobag_btnCls,
    .sticky-add-to-bag-btn .bookViewingCls {
        width: 100%
    }
    .showCta .pd_customprod_btn,
    .pricemetalD,
    .pricediamonD,
    .sticky-add-to-bag-btn .btn-lg {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    #pricepopupCont .yourRingContainer .priceMainDiv {
        margin-top: 8px
    }
    #pricepopupCont .discounted-text,
    #pricepopupCont .sticky-price {
        font-size: var(--font-family-lucida-16);
        line-height: var(--font-family-lucida-16-line-height)
    }
    #pricepopupCont .setting-diamond-options {
        width: 100%
    }
    .pricemetalD,
    .pricediamonD {
        width: 30%
    }
    .small.vat {
        font-size: var(--font-libre-10);
        line-height: var(--font-libre-10-line-height);
        color: var(--color-brown)
    }
    #pricepopupCont .pdtextinfo,
    #pricepopupCont .financetxt {
        font-size: var(--font-libre-12);
        line-height: var(--font-libre-12-line-height)
    }
    .finance-new:before {
        width: 12px;
        height: 12px;
        right: 12%;
        top: 2px
    }   

    #stone_shape .product-option-list{
        column-gap: 9px;
        row-gap: 24px;
    }

    html[lang='fr'] .not_sure_on_ring_size_body .inn1 > div,
    html[lang='de-at'] .not_sure_on_ring_size_body .inn1 > div,
    html[lang='it'] .not_sure_on_ring_size_body .inn1 > div,
    html[lang='es'] .not_sure_on_ring_size_body .inn1 > div{
        flex: 0 0 200px;
    }

    html[lang='fr'] .ring-sizer-btn-section .ring-sizer-btn,
    html[lang='de-at'] .ring-sizer-btn-section .ring-sizer-btn,
    html[lang='it'] .ring-sizer-btn-section .ring-sizer-btn,
    html[lang='es'] .ring-sizer-btn-section .ring-sizer-btn{
        width: fit-content;
        padding: 9.5px 3px;
    }

    .charm_related_product_container{
        margin: 0px !important;
    }

}


/* @media only screen and (max-width:768px) {
    .prod_detail_right .pdp-option-section,
    .pdp-finance-section,
    .pdp-description-section {
        background: #F8F2E7;
        padding-left: 16px;
        padding-right: 16px
    }
    .pdp-option-section {
        padding-top: 30px;
        padding-bottom: 24px
    }
    .pdp-finance-section,
    .pdp-description-section {
        margin-top: 20px;
        padding-top: 0px;
        padding-bottom: 12px
    }
} */