@font-face {
	font-family: 'Avant Garde Gothic';
	src: url('https://engagement-ring-builder-o4hk8.kinsta.app/fonts/AvantGardeCEGothicDemi.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'England-Hand-D';
	src: url('https://engagement-ring-builder-o4hk8.kinsta.app/fonts/england.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Times New Roman';
	src: url('https://engagement-ring-builder-o4hk8.kinsta.app/fonts/timesroman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Monotype Corsiva';
	src: url('https://engagement-ring-builder-o4hk8.kinsta.app/fonts/MonotypeCorsiva.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.Roman-key-font{
   font-family: 'Times New Roman';
}
.Italics-key-font{
	font-family: 'Monotype Corsiva';
 }
.Regular-key-font{
	font-family: 'Avant Garde Gothic';
 }
.Script-key-font{
	font-family: 'England-Hand-D';
 }

.eng.page-width {
	padding: 0 0rem;
	width: 80%;
}

*:focus-visible {
    outline: transparent;
    outline-offset: 0rem;
    box-shadow: none;
}

.ring_view .main-image{
	width: 80%;
    justify-content: center;
}


.top-bar ul {
	display: flex;
	width: 52%;
	justify-content: space-between;
	margin-top: 30px;
	font-size: 13px;
}

.top-bar ul li a {
	color: #232323;
	text-decoration-color: var(--app-normal-primary-color);
}

/* modal */

.container-360Eng  .modal-popup{
  position: relative;
  border-radius: 0;
  width: 560px;
  height: auto;
  padding-bottom: 40px;
}

.article__image_container--single{
	margin: auto;
}

#load360imageEng{
	display:flex;
	justify-content: center;
}

.video{
	margin-top: 30px;
}

#load360imageEng iframe{
	border:none;
	height:500px;
}

.modal-key .modal-popup .close {
    cursor: pointer;
	position: absolute;
	top: 8px;
	right:20px;
	padding: 10px;
	display: flex;
}

.modal-key .close img {
	width: 25px;
	height: 25px;
}

.modal-key {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #46464659;
}



.modal-popup {
	position: relative;
	background-color: #fff;
	border-radius: 0;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	width: 550px;
	/* height: 75%; */
	padding: 15px;
}


.container-360Eng  div div:last-child{
	width: 100%;
}


.container-360Eng div .pera-text {
	font-size: 14px !important;
	text-align: center;
	color: #000000;
	line-height: normal;
	margin: 0;
	margin-bottom: 20px!important;
	margin-top: 10px;
	width: 96%;
}

.container-360Eng  div iframe {
	border: none;
	height: 500px;
	width: 500px;
}


.table img.image {
	width: 30px;
}

.table .thumbnail {
	display: flex;
}

.video-play-icon img {
	width: 20px;
}

.table .thumbnail {
	display: flex;
}

.sitewide {
	display: flex;
}

.sitewide .table {
	background-color: white;
	width: 100%;
}

.sitewide .table thead {
	background-color: #cecece;
}

tr:nth-child(even) {
	/* background-color: #ffffff; */
}

div#shortdiamondinfo a {
	text-decoration: none;
}

ul.dropdown-menu.w-100.p-0 {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.dropdown.diamond-listing-btn:hover ul.dropdown-menu.w-100.p-0 {
	display: block;
}


.right-bar {
	width: 950px;
}

.left-bar {
	max-width: 510px;
	overflow: scroll;
	background-color: white;
}

.sitewide .content {
	background: white;
	max-height: 600px;
}

.right_img img {
	width: 300px;
	max-width: 100%;
}

.diamond-original-image-scroll .left_img img {
	width: 80px;
	margin-right: 10px;
}

.diamond-original-image-scroll {
	display: flex;
}

.table tr.selected {
	background-color: var(--blue-bg-color);
}

.product-slider-desc .heading2 {
	font-weight: 900;
}

.diamond-desc p {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

#defaultInfo p {
	padding: 0 10px;
}


.keyideas.price{
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 18px;
}

.keyideas.price h2{
	margin: 0;
}

/* =========== */

.head-round-cut {
	width: 100%;
	text-align: center;
}

.head-round-cut .heading--1 {
	margin-bottom: 0;
}

.head-round-cut p {
	margin-top: 0;
}

.head-round-cut p span {
	display: block;
}

/* ###Step */
/* .sitewide {
	width: 80%;
	margin: auto;
} */

._1fragemfc._1frageme0{
	padding-right: 5px;
}

.collection-hero__title {
    margin: 1.5rem 0 !important;
}

.table_sec td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.thumbnail,
.video-play-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.thumbnail img {
	margin-right: 10px;
}

.table_sec td {
	text-align: center;
}

/* dropdown */
.diamond-listing-btn {
	text-transform: uppercase;
	margin: 10px 15px;
	position: relative;
}

.diamond-listing-btn a {
	margin: 0 !important;
	border: 2px solid var(--blue-bg-color) !important;
	padding: 10px 0;
	display: block;
	font-weight: 700;
	text-align: center;
	font-size: 14px;
	color: black;
}

.diamond-listing-btn ul {
	position: absolute;
	width: 100%;
	background-color: #fff;
}

/* filter__section */

.main-filter-section .filter__section:first-child {
	padding-bottom: 30px;
}

/* .filter__section {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding-top: 20px;
	margin-bottom: 35px;
} */

.filter__section .filter_inner_key {
	flex: 0 0 49%;
	margin-top: 15px;
}

/* filter__section end */

.gem_type__filter, .gem_color__inner {
	display: flex;
	align-items: center;
	justify-content: start;
}
.gem_type-box { 
    border: 1px solid;
}
.shape__filter .shape__inner, .gem_type__filter .gem_type__inner{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 8px;
}


.shape__filter .shape__inner .shape-box.active {
	border: 2px solid var(--blue-bg-color);
}

/* .shape__filter .shape__inner{
	margin-bottom:10px;
} */


/* filter slider */

.noUi-handle:after,
.noUi-handle:before {
	background-color: transparent;
}

.slider__area {

	width: 100%;
	-moz-column-gap: 20px;
	column-gap: 20px;
	background: inherit;
	padding: 18px;

}

.slider__area .slider-title {
	font-size: 16px;
	font-weight: bold;
}

.slider__area-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.slider__area #skip-value-lower,
.slider__area #skip-value-upper {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider__area .noUi-target {
	flex: 1;
	position: relative;
	background: #e3e3e3;
	border-radius: 50px;
}

.slider__area .noUi-target.noUi-horizontal {
	height: 4px;
}

.slider__area .noUi-target .noUi-base,
.slider__area .noUi-target .noUi-connects {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.slider__area .noUi-target .noUi-connects {
	border-radius: 3px;
	overflow: hidden;
	z-index: 0;
}

.slider__area .noUi-target .noUi-connects .noUi-connect {
	height: 100%;
	width: 100%;
	transform-style: preserve-3d;
	transform-origin: 0 0;
	transform-style: flat;
	background-color: var(--blue-bg-color);
}

.slider__area .noUi-target .noUi-origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 0;
	width: 100%;
}

.slider__area .noUi-target .noUi-origin .noUi-handle {
	border-radius: 50px;
	background: #fff;
	cursor: default;
	background-color: var(--blue-bg-color);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 18px;
	height: 18px;
	right: -10px;
	top: -7px;
}

.slider__area .noUi-target .noUi-origin .noUi-handle .noUi-touch-area {
	height: 100%;
	width: 100%;
}

.slider__area .noUi-draggable {
	cursor: ew-resize;
}

/* filter slider end */

/* product-key list */

#limitreach {
	text-align: center;
	margin: 50px 0;
}

.sitewide.main-product-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.sitewide .product-eng-key {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1.332%;
	margin-bottom: 30px;
	/* background-color: lightblue; */
}

.ring_view .sitewide .product-eng-key .product__list--item {
	flex: 0 0 24%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	/* border: 1px solid #ddd; */
	border-radius: 5px;
	position: relative;
	margin-bottom: 2%
}

.ring_view .product__list--item .product__list--img {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ring_view .product__list--item .product__list--img a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ring_view .product__list--item:hover .product__list--img a img:last-child{
	display: none;
}

.ring_view .product__list--item:hover .product__list--img a img:last-child{
	display: initial;
}

.ring_view .sitewide .product-eng-key .product__list--item img {
	width: 100%;
}

.product__list--item:hover .view-360-icon{
	display: flex !important;
}

.product__list--content {
	margin-top: 20px;
}

.ring_view .sitewide .product-eng-key .product__list--item .product__list--viewi {
	cursor: pointer;
}

.ring_view .sitewide .product-eng-key .product__list--item .product__list--content a {
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	margin: 2px 5px 5px 5px;
	text-align: center;
	text-decoration: none;
	color: #000;
}

.ring_view .sitewide .product-eng-key .product__list--item .product__list--content a i{
	color: gray;
	margin-left: 5px;
}

.product__list--item .product__list--icon {
	display: flex;
	justify-content: end;
	align-items: center;
	position: absolute;
	bottom: 6px;
	right: 45px;
}

.ring_view .product__list--item .product__list--icon input {
	display: none;
}

.ring_view .product__list--item .product__list--icon .icon-comparizon img {
	width: 30px;
	cursor: pointer;
}

.sitewide .product-eng-key .product__list--content .product__list-div {
	line-height: 20px;
}

.sitewide .product-eng-key .product__list--content .product__list--price {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	margin-bottom: 5px;
}

.product__list--price span:first-child {
	text-align: center;
	font-size: 16px;
	display: block;
	color: black;
	font-weight: 400;
}

.product__list--price span:last-child {
	display: block;
	margin-top: -4px;
	font-size: 12px;
	color: #6b6a72;
	height: 17px;
}

/* product-key list end */

/* produc list table */
.product-list-div table {
	width: 100%;
	/* display: flex;
	flex-wrap: wrap; */
	text-align: center;
	text-rendering: optimizeLegibility;
	font-size: 15px;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 21px;
	border: none;
	border-spacing: 0;
	margin-bottom: 40px;

}

.product-list-div table:not([class]) {
	box-shadow: none;
}

.product-list-div table:not([class]) td,
table:not([class]) th {
	padding: 5px 0;
	border: 0;
}

.product-list-div table .heading {
	background-color: #efefef;
}

.product-list-div table tr{
	border-bottom: 1px solid #efefef;
}

.product-list-div table tr:not(:first-child):hover {
	background-color: var( --app-background-primary-color) !important;
	transform: 0.3s;
}

.product-list-div table tr:hover.diamond-mobile-visible-only{
	background-color: transparent !important;
}

.product-list-div table .product__img {
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

/* .product-list-div table .product__img img {
	width: 50px;
} */

.product-list-div table .compare__icon--input input {
	display: none;
}

.product-list-div table .compare__icon--input .compare__icon img {
	width: 30px;
	
}

.product-list-div table th {
	width: calc(100% / 12);
	padding: 10px 0;
}

.product-list-div table .product__details a {
	color: #000000;
	text-decoration: none;
}

.product-list-div table .tbl_price {
	color: #000000;
}

/* comparison duv */
.product-compare {
	width: 100%;
	overflow-x: scroll;
    scrollbar-width: none;	
}

.product-compare h2 {
	font-size: 14px;
	text-align: end;
}

.comparison__body,
.comparison__header>div:not(:first-child) {
	font-weight: 400;
	font-size: 16px;
}

.comparison__body,
.comparison__header>div:not(:first-child) {
	font-weight: 400;
	font-size: 16px;
}

.product-compare .comparison__header {
	background-color: #fff;
	width: 230px;
	display: flex;
	flex-direction: column;
}

.comparison__header--container>div:nth-child(even):not(:first-child),
.comparison__header>div:nth-child(even):not(:first-child) {
	background-color: #f8f8f8;
}

.comparison__header--img,
.comparison__header>div:first-child {
	max-height: 210px;
	height: 210px;
}

.comparison__body>div {
	min-width: 160px;
	text-align: right;
}

.comparison__header--text {
	color: #6f6f6f;
	text-align: right;
}

.product-compare #Product-compare {
    display: flex;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    line-height: normal;
}

.product-compare .compare-products-list {
	display: flex;
	width: 100%;
}

.comparison__body>.comparison__fix,
.comparison__header--container>div,
.comparison__header>.comparison__fix {
	padding: 8px 10px;
}

.comparison__header--img,
.comparison__header--img a {
	display: flex;
	flex-direction: column;
	align-items: end;
	cursor: pointer;
}

.comparison__body>div {
	min-width: 150px;
}

.comparison__header {
	position: sticky;
	left: 0;
}


/* Scrollbar Styling */
.product-compare::-webkit-scrollbar {
	width: 10px;
	height: 12px;
}

.product-compare::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.product-compare::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}

.comparison__header .comparison__fix {
	display: flex;
	align-items: center;
}


@media all and (max-width: 480px) {
	.product-list-div {
		width: 100%;
		overflow: auto;
	}

	.product-list-div table tr th {

		width: 70px !important;
		max-width: 70px !important;
		min-width: 70px !important;
	}


}

/* product end */


/* @media (min-width: 320px) and (max-width: 480px)  */

@media (min-width: 768px) and (max-width: 1280px) {
	.eng.page-width {
		width: 100%;
		padding: 0 2rem;
	}

	.filter__btn ul {
        width: 70%;
    }

	.sitewide {
		width: 100%;
		margin: auto;
	}


	.filter__section .shape__filter .shape-p {
		font-size: 13px;
	}



	.shape__filter .shape__inner .shape-box img {
		width: 25px;
		height: 25px;
	}

	.filter__section {
		gap: 10px;
	}

	.ring_view .sitewide .product-key1 {
		padding: 0 20px;
	}

	.ring_view .sitewide .product-eng-key .product__list--item {
		flex: 0 0 32% !important;
	}

}
@media (max-width: 1280px) {

	.cotainer{
		max-width: var(--page-width);
	}

	.ring_view .sitewide .product-eng-key .product__list--item img{
		width:100%;
	}
}
@media (max-width: 768px) {

	.sku.vto{
		float: none !important;
		margin-left: 0px !important;
	}

	.ring_view .main-item{
		align-items: center;
	  }

	.ring_view .product-view__img {
		flex-direction: column !important;
		align-items: center;
	}

	.ring_view .main-image{
		display:block !important;
	}

	 .ring_view .main-item img.image.main {
		width: 125% !important;
	}
	  
	.show__short .short{
		justify-content: space-between;
	}

	.show__short input{
		margin-left:0px;
		width: 100% !important;
	}

	.sku.vto{
		margin:0px 0px 30px 0px !important;
	}

	.shape__filter .shape__inner{
		gap: 10px !important; 
	}

	.ring_view .product--div{
		display:block !important;
	}

	.add-your-diamond,
	.variant-picker {
		width: 100% !important;
	}

	.ring_view .item{
		margin-right:8px !important;
	}


	.ring_view .item.slick-slide{
		margin-right:5px !important;
	}

	.form-data-ring{
		display: flex;
		flex-direction: column;
	}

	.ring_view .main-image{
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}

	.thumbnail-image .item{
		border: 1px solid lightgray;
		width: 75px !important;
		height: 75px !important;
	}
	
	.ring_view .thumbnail-image.no-slider{
		display: flex;
		justify-content: center;
	}
	

	.ring_view .thumbnail-image{
		display:flex;
		width: 290px !important;
		justify-content: center;
	}

	.ring_view button.slick-arrow {
		transform: rotate(270deg);
	}
	/* .ring_view .slick-slide img{
		width: 60px !important; 
	} */

	.ring_view .slick-next{
		margin-left:0px !important;
	}

	.collection-hero__title {
		margin: 0 !important;
	}
	.top-bar ul {
		width: 100%;
	}

	.top-bar ul li a {
		color: #232323;
	}
	.sitewide .right-bar {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.container-360Eng  div iframe {
		width: 100%;
	}

	.container-360Eng  div iframe .aws_wrapper{
		height: 300px !important;
        width: 330px !important;
	}
	

	.container-360Eng  div {
		width: 100%;
	}



	.left-bar {
		max-width: 100%;
		display: none;
	}

	.sitewide .content {
		max-height: 100%;
	}

	.head-round-cut p {
		font-size: 12px;
	}

	.sitewide {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}


	.d-none-moble {
		display: none;
	}

	.sitewide .right-bar {
		width: 100%;
		overflow: auto;
	}

	.sitewide .right-bar .table th {
		width: 100px !important;
		max-width: 100px !important;
		min-width: 100px !important;
	}

	.filter__section {
		display: flex;
		flex-direction: column;
		gap: 10px;
		flex-wrap: nowrap;
	}

	.main-filter-section .filter__section:first-child {
		padding-bottom: 0px;
	}

	.filter__section .filter_inner_key {
		flex: 0 0 100%;
		margin-top: 15px;
	}

	.shape__filter .shape__inner {
		flex-wrap: wrap;
	}

	.shape__filter {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.ring_view .sitewide .product-eng-key .product__list--item {
		flex: 0 0 calc(50% - 6px);
	}

	.comparison__body,
	.comparison__fix p,
	.comparison__header--img h2,
	.comparison__header--price,
	.comparison__header>div:not(:first-child),
	.sort__by .sorting_filter li,
	.sort__by .sorting_filter li span {
		font-size: 13px;
	}

	.comparison__header {
		min-width: 150px !important;
	}

	.product-compare .compare-products-list {
		overflow-x: scroll;
	}

	.container-360Eng  .close{
    	right: 0px;
	}
	.eng.page-width{
		padding: 0 1rem;
		width: 100%;
	}
	a.remove-product {
		margin-left: 0px;
	}
}



/*css for loader*/
.loading-overlay__spinner.main_loader-eng {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	margin: 40px 0;
	position:static;
	transform: unset;
}
.loading-overlay__spinner.main_loader-eng.hidden{
	display: none !important;
}
.hidden{
	display: none !important;
}
.loading-overlay__spinner.main_loader-eng .spinner {
	width: 50px;
}

.loading-overlay__spinner svg path, .container-360Eng svg path{
	fill: var(--dark-violet);
}

  .steper-key-eng {
	position: relative;
	z-index: 1 !important;
}

  .image-icon img {
    width: 100px;
    border-radius: 10px;
    border: 1px solid gainsboro;
  }

 .custom-pro-box .key-card{
    display: flex;
  }

  .custom-pro-box {
    background: white;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .custom-pro-box .data {
    margin-left: 10px;
  }


  .data .heading2 {
    font-weight: 900;
  }

  .ring-sizes select.field {
    padding: 10px;
    margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid gray;
	width: 100px;
		appearance: none;
	  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 2rem;
 background: url('../assets/arrow-down.svg')
              no-repeat right 0.75rem center;
  background-size: 12px;
  }

  #main-cart-items table, #CartDrawer table{  
    border-collapse: collapse;
  }
  #main-cart-items table .keyideas-start-bundle, #CartDrawer table .keyideas-start-bundle{  
    border-top: solid 1px #e4e7e7;
    /* border-left: solid 1px gray;
    border-right: solid 1px gray; */
  }

  #main-cart-items table .keyideas-end-bundle, #CartDrawer table .keyideas-end-bundle{  
     border-bottom: solid 1px #e4e7e7;
    /* border-left: solid 1px gray;
    border-right: solid 1px gray; */
  }
  .cart-item:not(.keyideas-end-bundle,.keyideas-start-bundle) {
    border-top: solid 1px #e4e7e7;
}  
  a.remove-product {
    color: black;
    margin-left: 26px;
}
  .info-text-message{
    font-size: 12px;
    padding: 10px 0px 10px 0px;
  }

  .ring_view.product-view .product--div{
	width: 100%;
	display:flex;
	margin-top:10px;
  }

  .ring_view .product-view__img{
	display: flex;
	flex-direction: row-reverse;
  }

  /* .variant-picker div{
	padding:3px;
	background-color:var(--hover_violet);
  } */

  .ring_view .main-item{
	display: flex;
	flex-direction: column;
	margin-top:6px;
  }

  .ring_view .main-item img{
	width:80% !important;
	min-width:80%;
  }

  .ring_view .title{
	color: var(--blue-bg-color) !important;
	width: 70%;
	font-size:32px;
  }

  .add-your-diamond{
    padding: 16px 20px;
    background-color: var(--blue-bg-color);;
    color: #fff;
    border: none;
    /* font-size: 15px; */
    text-align: center;
    width: 77%;
	cursor: pointer;
  }

  .stock-div .dot{
	display:inline-block;
	width: 7px;
    height: 7px;
    background-color: #232323;
    border-radius: 10px;
    margin-right: 7px;
  }

  .note span:nth-of-type(2){
	font-weight:bold;
  }

  .note{
	margin-top: 15px;
  }

  .ring_view .diamond__content--price p .price{
	font-size: 32px;
  }

  .contact-info{
	margin-top:15px;
	display:flex;
  }
  .contact-info a{
	display: flex;
    align-items: center;
    font-size: 15px;
    color: #6f6f6f;
    text-decoration: none;
    margin-right: 15px;
	
  }

  .contact-info img{
	margin-right: 6px;
  }
/* 
  .variant-picker div{
	display:flex;
	justify-content: space-between;
  }

  .variant-picker div lable{
	font-weight: bold;
  } */

  /* .variant-picker{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2px;
  } */

  /* .variant-picker div{
	margin-top:3px; 
  }

  .variant-picker div select.field{
	width: 31%;
  }

  .variant-picker select {
    text-align-last: right;
    -moz-text-align-last: right;
 } */

  .thumbnail-image.slider-eng.slick-initialized.slick-slider.slick-vertical {
	width:70px;
 }

 .image.product-view__img{
	position: relative;
 }

 .back-collection-btn{
	position: absolute;
	top: 0;
	left: 0;
}

.back-collection-btn a{
	 cursor: pointer;
	 font-size: 13px;
	 color: #000;
 }

 .pro__details{
	margin-bottom: 60px;
 }

  @media only screen and (max-width: 940px) {
	.ring_view .image.product-view__img{
		margin-right: 0px !important;
		margin-bottom:5px;
	}

	.pro__details{
		margin-bottom: 30px;
	 }

}

.ring_view .diamond__content .title_head{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.ring_view .diamond__content .title_head .title{
	margin: 0px !important;
	margin-bottom: 15px !important;
}
/* 
.variant-picker div select{
	background-color: var(--hover_violet);
	border: none;
	font-size: 15px;
	cursor: pointer;
}

.variant-picker div select option{
	cursor: pointer;
}


.variant-picker div select:focus > option:checked { 
	background: var(--blue-bg-color) !important;
 } */
 .ring_view .details.product-view__details{
	width:100%;
 }

 .spec__content .heading{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	background-color: var(--blue-bg-color);
 }

 .spec__content .setting{
	background-color: var(--hover_violet);
 }


 .spec__content div{
	display: flex;
	justify-content: space-between;
	padding:10px;
 }

 div.close{
	border: 1px solid black;
	border-radius: 50%;
	margin-bottom:12px;
	cursor: pointer;
 }


 label.spec{
	display: flex;
	align-items: center;
	line-height: normal;
	cursor: pointer;
 }

.product__titles h1{
	margin: 16px 0px;
} 


.ring_view button.slick-arrow {
    background: transparent;
    border: navajowhite;
    font-size: 18px;
	margin-left:20px;
}

.ring_view .item {
	margin-bottom: 10px !important;
}

@media only screen and (max-width: 882px){
	.shape__filter .shape__inner{
		gap: 44px; 
	}
} 

.slick-disabled{
    visibility:hidden;
}

.thumbnail-image div img {
	width: 100% !important;
}

/* .ring.thumbnail-image div img {
	width: 65px !important;
} */

.thumbnail-image .item {
    width: 65px !important;
    height: 65px !important;
	border: 1px solid lightgray;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .cotainer{
	padding: 0 2rem;
    margin: 0 auto;
} */

.view-360{
    justify-content: center;
	cursor: pointer;
	font-size: 14px !important;
}

  .video-360-button__text {
    position: relative;
    color: #9f9f9f;
	text-decoration: underline;
}

.view-360 img {
	margin: 5px 7px 0px 0px;
	width: 28px;
    height: 19px;
}


.view-360 .image.thumb.icon-360 {
	width: 20px;
	height: 20px;
	background-size: 600px;
	display: flex !important;
	background: url(icon-sprite-images.png);
	background-position: -345px 52px;
}

.view-360 .image.thumb.video-icon {
    width: 20px;
	height: 20px;
	background-size: 600px;
	display: flex !important;
	background: url(icon-sprite-images.png);
	background-position: -387px 52px;
}


.ring_view span.sku, .sku.vto{
	font-weight: bolder;
  }

  .main-item .image.thumb{
	width:60px;
  }

  @media only screen and (min-width: 769px){
	.image.product-view__img{
		width:107%;
	  }

	.prolist-view-section {
		top: 10px;
    	right: 10px;
	}
} 

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

       .product__list--item .view-360-icon{
               display: none;
       }
}

.sku.vto{
	width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-items__heading--quantity{
	text-align: center !important;
}

@media only screen and (max-width:1000px){
	.sku.vto{
		margin-left: 55px;
	}
} 

@media (max-width: 767px){

	.container-360Eng div .pera-text {
		margin-bottom: 10px!important;
	}

	.sitewide .product-eng-key {
		gap: 15px;
	}

	.ring_view .sitewide .product-eng-key .product__list--item {
        flex: 0 0 calc(50% - 8px) !important;
    }
	

	.shape__filter .shape__inner{
		margin-bottom: 0 !important;
	}

	.shape__filter{
		margin-top: 0 !important;
	}

	.view-360{
		justify-content: center;
	}

	.pro__details h2 {
		padding-top: 30px !important;
	}
section h2 {
    padding-top: 30px !important;
}
.ring_view .diamond__content .title_head{
     align-items: self-start;
	flex-direction: column;
}
.ring_view .diamond__content .title_head .spec{
	margin-bottom: 18px;
	margin-left: 4px;
}

.ring_view .title{
	width: 100%;
	font-size: 22px;
}
}

.pro__details h2{
	margin:0px;
	padding-top: 50px;
    font-size: 28px;
}
.description{
	margin-bottom:0px;
}

.ring_view.diamond__content--share{
	margin-top: 20px;
}

.variant-picker lable{
	display: flex;
    align-items: center;
	justify-content: center;
}

/* @media (max-width:1002px) {
	.variant-picker {
	  display: block;
	}
	.variant-picker div{
	  margin-top:4px;
	}
}

@media (max-width:768px) {
	.variant-picker {
		display: grid;
	  }
	  .variant-picker div{
		margin-top:0px;
	  }
}
  
@media (max-width:500px) {
	.variant-picker {
		display: block;
	  }
	  .variant-picker div{
		margin-top:4px;
	  }
} */

.spec__content{
	margin-top:27px;
}

.variant-picker{
	width:77%;
}

.spec img{
	margin:-5px;
	margin-right: 8px;
  }

  .filter-main, .image-icon{
	position:relative
  }

#keyideas-logo-main-eng, #keyideas-logo-360-eng, #keyideas-logo-detail-eng {
	text-align: center;
    color: black;
    width: 130px;
    background-color: #efefef;
    border-radius: 0px 0px 15px 15px;
	font-size: 4px;
	position: absolute;
	display: block;
    padding: 0px;
}

#keyideas-logo-main-eng{
	top: 1px;
}

#keyideas-logo-360-eng{
    bottom: 22px;
}

#keyideas-logo-detail-eng{
    bottom: -28px;
	height: 17px;
}

.top-bar-eng ul li a {
    color: #232323;
    text-decoration-color: var(--blue-bg-color);
}

.top-bar-eng ul{
	display: flex;
    width: 52%;
    justify-content: space-between;
    margin-top: 30px;
    font-size: 13px;
}

.moreless__div-eng{
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	border-bottom: 1px solid gray;
	margin-top: 20px;
}


li{
	list-style: none;
}
.item.active {
    border: 1px solid black !important;
}

.main-heading{
	text-align: center;
}

.main-heading .key-page-heading.eng{
	font-size: 35px;
	text-transform: capitalize;
	margin: 5rem 0 1rem;
	color: var(--blue-bg-color);
}

.page-heading-para{
  font-size: 14px;
  line-height: normal;
  margin-bottom: 15px;
}

.filter-box button {
    cursor: pointer;
}


.men-button-inner button {
    padding: 10px;
    border: 1px solid var(--app2-hover-primary-color);
    display: block;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.men-button-inner button.active  {
    background-color: var(--blue-bg-color);
    border: 1px solid var(--blue-bg-color);
    color: #fff;
    box-shadow: 1px -25px 23px -34px rgba(0, 0, 0, 0.45), 0px 25px 20px -34px rgba(0, 0, 0, 0.45);
}

.men-button-inner button:hover {
	background-color: var(--app2-hover-primary-color);
}

.men-button-inner button.active:hover {
	background-color: var(--app2-hover-secondary-color);
}

.container-360Eng .modal-popup div:first-of-type{
	display: flex;
    align-items: center;
    justify-content: center;
}

#keyideas-logo-360 {
    bottom: 20px !important;
}

#keyideas-logo-detail {
    bottom: 0px !important;
    height: 16px;
}

.product__list--content .product__list--item .product__list--icon {
    bottom: 12px;
}


@media screen and (max-width: 421px) {
	#load360imageEng iframe {
		height: 464px;
	}
}


.container-360Eng div:first-of-type .pera-text{
	margin-left:0px!important;
}

.short-search-query{
	border: 1px solid rgb(170, 170, 170);
}

@media (max-width: 767px){

	#info-box-eng[data-title]:hover::before {
		width: 225px !important;
	}

	.filter__section {
		margin-bottom: unset;
	}
	.product-list-div table:not([class]) td, table:not([class]) th {
		padding: 0 0;
		border: 0;
	}
	.product-list-div table .product__img {
		justify-content: left;
	}
	.pro__details h2 {
		font-size: 22px;
	}
}

#info-box-eng{
	display: flex;
    align-items: center;
	margin-left:2px;
 }

 [data-title] {
    position: relative;
    cursor: pointer;
}

#info-box-eng[data-title]:hover::before{
	z-index: 999;
    text-align: left;
    width: 277px;
    line-height: 15px;
    padding: 7px;
	left: 20px;
    bottom: -38px;
    content: attr(data-title);
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 12px;
    box-shadow: #11111a1a 0 4px 16px, #11111a1a 0 8px 24px, #11111a1a 0 16px 56px;
	font-weight: normal;
 }

 .shape.head span{
	color:#000 !important;
 }

 .stones-accent-box-eng{
	background-color: inherit !important;
 }

 .filter_inner_key.filter__slider.price__filter .head{
	margin-bottom: 14px;
 }

 .filter_inner_key .price__inner-eng{
	z-index: 0;
}
.kirb-hidden{
	display: none !important;
}


.engraving-section-eng{
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 5px;
    margin: 20px 0px;
	cursor: pointer;
}

.engraving-section-popup-eng .modal-content {
	width: 725px;
	border-radius: 0;
	margin-bottom: 70px;
}

.engraving-section-popup-eng .engraving-section-main {
	display: flex;
	flex-direction: row;
	gap: 20px;
	color: #000;
}

.engraving-section-popup-eng .engraving-section-main .engraving-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 35%;
	margin-top: 10px;
}

.engraving-section-popup-eng .engraving-section-main .engraving-image img{
	width: 100%;
	height: auto;
	border: 1px solid #00000033;
}

.engraving-section-popup-eng .engraving-section-main .engraving-image p {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.engraving-section-popup-eng .engraving-section-main .engraving-content div {
	font-size: 30px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	margin: 0;
}

.engraving-section-popup-eng .engraving-section-main .engraving-content p {
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	display: inline;
}

.engraving-section-popup-eng .engraving-section-main .engraving-content .engrave-font {
	display: flex;
	justify-content: space-between;
}

.engraving-section-popup-eng .engraving-content {
	width: 65%;
	text-align: left;
}

.engraving-section-popup-eng .engraving-content .engraving-content-inner {
	margin-top: 15px;
	border: 1px solid #00000033;
	padding: 0px 20px 20px 20px;
}

.engraving-section-popup-eng .engraving-content .engraving-content-inner input {
	width: 100%;
	height: 45px;
	border: 1px solid #000;
	margin-top: 20px;
	padding: 5px 10px;
}

.engraving-section-popup-eng .engraving-content .engraving-content-inner .font-button-section {
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.engraving-section-popup-eng .engraving-content-inner .font-button-section button {
	width: 100%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	margin-bottom: 0px;
	border: none;
	background-color: #EEEEEE;
}

.engraving-section-popup-eng .engraving-content-inner .font-button-section button.active {
	background-color: var(--light_violet);
}

.engraving-section-popup-eng .engraving-content-inner .font-button-section button img {
	width: 70% !important;
}
.info-icon {
    padding: 2px;
    margin-left: 2px;
    height: 17px !important;
}

.engraving-section-popup-eng .engraving-save {
	width: 170px;
	height: 45px;
	background-color: var(--blue-bg-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border: none;
	color: #fff;
	cursor: pointer;
	text-transform: capitalize;
}

.engraving-section-popup-eng .symbols-icon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin: 20px 0 !important;
}

.engraving-section-popup-eng .symbols-icon button {
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.engraving-section-popup-eng  .engrave-text-mobile{
	display:none;
}

.engraving-section-popup-eng .img-container{
	position: relative;
}

.engraving-section-popup-eng .ev-text-key{
	position: absolute;
	top: 45%;
	text-align: center; 
    display: block; 
    width: 100%; 
	background-color: #565656;
    color: transparent;
    text-shadow: 0 2px 3px rgba(255, 255, 255, .8);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    transform: perspective(200px) rotateX(25deg);
}

.kirb-emoji{
    background-image: url(../assets/engrave_sprite.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
	width: 29px !important;
    height: 24px;
}

.kirb-emoji-no-0 { background-position: -15px -15px }
.kirb-emoji-no-1 { background-position: -45px -16px; }
.kirb-emoji-no-2 { background-position: -75px -15px; }
.kirb-emoji-no-3 { background-position: -105px -15px; }
.kirb-emoji-no-4 { background-position: -136px -15px; }
.kirb-emoji-no-5 { background-position: -166px -15px; }
.kirb-emoji-no-6 { background-position: -15px -48px; }
.kirb-emoji-no-7 { background-position: -45px -48px }
.kirb-emoji-no-8 { background-position: -77px -48px; }
.kirb-emoji-no-9 { background-position: -107px -48px; }
.kirb-emoji-no-10 { background-position: -138px -48px; }
.kirb-emoji-no-11 { background-position: -15px -79px }
.kirb-emoji-no-12 { background-position: -45px -79px; }
.kirb-emoji-no-13 { background-position: -75px -79px; }
.kirb-emoji-no-14 { background-position: -105px -79px; }
.kirb-emoji-no-15 { background-position: -136px -79px; }

@media (min-width: 767px) and (max-width: 1024px) {
	.modal.engraving-section-popup-eng.key {
        align-items: flex-start;
		padding-top: 100px;
    }
}

@media (max-width: 767px) {

	.engraving-section-popup-eng .engraving-section-main {
		width: 80%;
		flex-direction: column;
		padding: 15px;
		align-items: center;
	}

	.engraving-section-popup-eng .engraving-section-main .engraving-image p{
		text-align: left;
	}

	.engraving-section-popup-eng .engraving-section-main p, .engraving-section-main #key-engraving-text-eng-char, .engraving-section-main #empty-field{
		font-size: 12px !important;
	}

	.engraving-section-popup-eng .engraving-content .engraving-content-inner {
		margin-top: 10px;
		padding:10px;
	}

	.engraving-section-popup-eng .engraving-content .engraving-content-inner input{
		margin-top:12px;
		height: 30px;
		font-size: 12px;
	}

	.engraving-section-popup-eng .engraving-content-inner .font-button-section button{
		height: 30px;
		margin: 12px 0;
	}

	.engraving-section-popup-eng .engraving-content-inner .font-button-section button img{
		width: auto;
		height: 12px !important;
	}

	.engraving-section-popup-eng .symbols-icon {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		gap: 0.4rem;
		margin: 12px 0;
		row-gap: 5px;
	}

	.engraving-section-popup-eng .symbols-icon button{
		padding:3px
	}

	.modal .close{
		padding:0px !important;
	}

	.modal .close img {
		width: 21px !important;
		height: 16px !important;
		margin-right: 5px;
	}

	.engraving-section-popup-eng .ev-text-key{
		top: 47.5%;
	}

	.engraving-section-popup-eng .engraving-save{
		width: 120px;
		height: 30px;
		font-size: 12px;
		font-weight: normal;
	}

	.engraving-section-popup-eng .engraving-section-main .engraving-image , .engraving-section-popup-eng .engraving-section-main {
		gap: 0px;
	}
	

	.engraving-section-popup-eng  .engrave-text{
		display:none;
	}

	.engraving-section-popup-eng  .engrave-text-mobile{
		display:block;
		text-align: left;
		margin-bottom: 15px;
	}

	.engraving-section-popup-eng  .engrave-text-mobile div{
		font-size: 20px;
        font-weight: 700;
        line-height: normal;
        margin: 0;
	}

	.engraving-section-popup-eng  .engrave-text-mobile p{
		font-size: 12px;
    	font-weight: 400;
    	line-height: normal;
    	margin: 0;
	}

	.engraving-section-popup-eng .engraving-section-main .engraving-image {
		width: 100%;
		margin-top: 0px;
	}

	.engraving-section-popup-eng .engraving-content {
		width: 100%;
	}

	.emoji{
		width: 24px !important;
    	height: 24px;
	}

	.engraving-section-popup-eng .engraving-section-main .engraving-content .engrave-font {
		margin-top: -5px;
	}

	.steper-key {
		padding: 0px!important;
	}

	.engraving-image .title{
		margin-bottom: 10px !important;
	}
	
}
.window-diamond-list .product__list--img.position-relative.product--image{
	width: 280px;
	height: 280px;
}

.engraving-section-popup-eng .modal-dialog-key{
	justify-items: center;
}

.engraving-section-main #key-engraving-text-eng-char{
	text-align: right;
	color:rgba(36, 40, 51, .4);
	display: flex;
    justify-content: space-between;
}

.engraving-section-main #empty-field{
	color: red;
}

.ev_text_font_key_eng span{
	font-weight: 600;
}

.ev_text_font_key_eng{
	cursor: pointer;
}

.price-comp{
	text-decoration: line-through;
	color: rgba(36, 40, 51, .4);
}

/* .section-stack .prose{
	display: none;
} */

.modal.engraving-section-popup-eng.key{
	overflow: auto !important;
}

.active__img svg, .comparison__header--remove svg{
	width: 30px;
    height: 30px;
}

.modal-header .close:after, .modal-header .close:before{
	position: static !important;
}

#selected-filter, #selected-filter-mob{
	background-color: #F6F6F6;
    margin-bottom: 20px;
	font-size: 14px;
	padding:8px;
	padding-bottom: 2px;
} 

#selected-filter:empty, #selected-filter-mob:empty, .byor-detail-dropdown:empty{
	display:none !important;
} 

#selected-filter span.dark-text, #selected-filter-mob span.dark-text{
	color:#000;
}

#selected-filter span.light-text, #selected-filter-mob span.light-text{
	color:#636061;
}

#selected-filter div, #selected-filter-mob div{
	display: inline-block;
	padding-bottom:8px;
	padding-right: 18px;
}

#selected-filter .cross-line, #selected-filter-mob .cross-line, #remove-engrave{
	cursor: pointer;
	display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


#selected-filter .cross-line, #remove-engrave{
	width: 10px;
    height: 10px;
	background-image: url('../assets/cross_icon.svg');
	margin-left: 5px;
}

 #selected-filter-mob .cross-line{
	width: 20px;
    height: 11px;
	background-image: url('../assets/cross_icon_mob.svg');
}

.section-spacing.section-spacing--tight.color-scheme.color-scheme--scheme-1{
	padding-bottom: 5px !important;
}

.key-review .ev_text_font_key_eng{
	margin: 20px 0px;
}
.engrave-font {
    margin-top: 15px;
}

.visiblity-none{
	visibility: hidden !important;
}

.container.page-width.eng .open-filter-btn img{
	width: auto;
}


@media (min-width: 767px) {
	.engrave-text p{
    margin-bottom: 15px !important;
}

.engrave-text{
	display: flex;
    flex-direction: column;
    gap: 3px;
}

.engraving-section-popup .engraving-content .engraving-content-inner{
	padding-top: 2px !important;
}
}

.page-width:has(.filters-containers) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}