/*------------------------------------------------------------------

[Table of contents]



 - Gallery

 - Product Cart

 - Product Brands

 - Tabs

 - Product Content



- Project:	Seven Store - Ecommerce HTML/CSS Template

- Version:	1.1

- Author:  Andrey Sokoltsov

- Profile:	http://themeforest.net/user/andreysokoltsov



-------------------------------------------------------------------*/





.slider-products {

	padding: 0px;

	clear: both;

}



.slider-products h2.title {

	padding-top: 15px;

}



.slider-products h3.title {

	padding-top: 15px;

	text-align: center;

	font-size: 21px;

}



#description h3 {

	font-size: 23px;

}



.product-details {

	padding-top: 100px;

	padding-bottom: 47px;

}



img.my-tooltip.my-dropdown.pull-right {

	border-radius: 50%;

	margin-left: 25px;

}



/* .product-gallery_preview img{

    width: 30px;

	height: 30px;

	object-fit: contain;

} */

.narrow-content_jewelry_detail .product-gallery_preview img {

	width: 370px;

	object-fit: contain;

}



/* Gallery */

.product-gallery {

    float: left;

    width: 100%;

}



.vertical-pager {

	width: 100%;

}



.product-gallery .bx-wrapper {

	margin: 0 auto 20px;

}



.product-gallery .bx-wrapper .bx-viewport {

	border: 0 none;

	left: 0;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}



.product-gallery_preview {

	float: left;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: flex-start;

	max-width: 520px;

	gap: 10px;

}



/* .product-gallery_preview_jewelry {

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    max-width: 520px;

    gap: 10px;

} */

.product-gallery_preview a {

	float: left;

	/* margin-right:7px; */

	width: 30%;

	/*opacity: 0.3;*/

}



/*.product-gallery_preview a:nth-child(3n){

	margin-right: 0;

}*/

.product-gallery_preview a.active {

	opacity: 1;

}



.product-gallery_preview a img {

	width: 100% !important;

	object-fit: contain;

	aspect-ratio: 1 / 1;

	cursor: pointer;

}



.vertical-pager.product-gallery .product-gallery_preview {

	height: 100%;

	position: absolute;

	width: 22%;

	z-index: 1;

}



.vertical-pager.product-gallery .product-gallery_preview a {

	height: 25%;

	overflow: hidden;

	padding-bottom: 15px;

	width: 100%;

}



.vertical-pager.product-gallery .product-gallery_preview a.active {}



.vertical-pager.product-gallery .product-gallery_preview a img {

	height: 100%;

	width: auto;

}



.vertical-pager.product-gallery .bx-wrapper {

	float: right;

	margin: 0 0 15px;

	width: 78%;

}



/*.narrow-content{

	padding-left: 70px;

	padding-right: 70px;

}*/

.product-details-narrow .product-options_header {

	padding-bottom: 0px;

}



.product-details-narrow .product-options_body {

	padding-top: 0px;

	padding-bottom: 0px;

}



.product-details-narrow .product-options_cart {

	padding-top: 0px;

}



.product-details-narrow .product-options_row {

	padding-top: 20px;

	padding-left: 0;

}



.product-details-narrow ul.product-links {

	padding-bottom: 20px;

	padding-top: 12px;



}



.product-details-narrow ul.tags-list {

	padding-bottom: 25px;

}



.product-details-narrow .product-options_footer {

	padding-bottom: 27px;

}



/* Product Cart */

.row.narrow-content.narrow-content_jewelry_detail.my-4{align-items: flex-start;}

.product-cart {

    position: sticky;

    top: 100px;

    padding-right: 10px !important;

    /* margin-left: -20px; */

}



.product-options_header {

    border-bottom: 1px solid #CACACA;

    padding-bottom: 20px !important;

}

.product-options_header h3 {

	font-size: 25px;

	margin-top: 0;

	display: flex;

	justify-content: space-between;

	font-family: "Marcellus SC", serif;

}



.product-options_header .product-item_price {

	font-size: 18px;

	padding: 25px 0 0;

	width: auto;

}



.product-options_header .product-item_price span {

	font-size: 14px;

}



.product-options_header .rating {

	float: right;

	margin-top: 25px;

}



.product-options_body {

    /* border-bottom: 1px solid #CACACA; */

    padding-bottom: 35px !important;

    padding-top: 25px;

}



.product-cart h4 {

	font-size: 18px;

	padding: 20px 0px 0px;

}



ul.bullet-list li a,

.link-wrapper a:hover,

.link-wrapper a:hover i {

	color: #2a2a4b;

}



.product-options_desc {

	font-size: 15px;

	line-height: 26px;

}



.product-options_cart {

	float: left;

	padding: 30px 0 0;

	width: 100%;

}



.product-options_cart .select {

	width: 47%;

}



.product-options_cart .select-field {

	font-size: 11px;

	padding: 15px 40px 11px 10px;

	text-transform: uppercase;

	width: 100%;

}



/*.product-options_row{

	float: left;

	padding-top: 30px;

	width: 100%;

}*/

.product-counter {

	border: 1px solid #bbb;

	float: left;

	padding-right: 38px;

	position: relative;

}



.product-counter>input {

	background-color: #f5f5f5;

	border: 0 none;

	float: left;

	font-size: 19px;

	line-height: 100%;

	padding: 12px 0;

	text-align: center;

	width: 60px;

}



.product-counter>div {

	border-left: 1px solid #bbb;

	cursor: pointer;

	font-size: 15px;

	line-height: 100%;

	padding: 3px 0;

	position: absolute;

	right: 0;

	text-align: center;

	width: 39px;

	-moz-user-select: none;

	-khtml-user-select: none;

	user-select: none;

}



.product-counter>div.addQuantity {

	border-bottom: 1px solid #bbb;

	top: 0;

}



.product-counter>div.minusQuantity {

	bottom: 0;

}



/*.button-big.button-additional{

	float: right;

	font-size: 16px;

	width: 70%;

}*/

.button-big.button-additional span {

	float: none;

}



ul.product-links {

	float: left;

	padding-bottom: 30px;

	width: 100%;

}



ul.product-links li {

	float: left;

	margin-right: 13px;

	/* width: 165px; */

}



ul.product-links li:last-child {

	margin-right: 0;

}



ul.product-links li a {

	color: #000;

	/* float: left; */

	font-size: 12px;

	padding: 10px 0px;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: 600;

}



section#productDetails .product-gallery.vertical-pager1 ul li figure {

	border: 1px solid #eee;

}





ul.product-links li a:hover,

table.tablesorter.table.display.nowrap.box-shadow.table-bordered.table-hover.table-striped.table-condensed tbody tr td a i {

	color: #2a2a4b;

}



ul.product-links li a:hover span {

	border: 1px solid #2a2a4b;

}





ul.product-links li a span {

	border: 1px solid #ececec;

	float: left;

	font-size: 16px;

	height: 34px;

	padding: 8px 8px 4px;

	text-align: center;

	width: 34px;

	/* margin: -4px 5px 0 0; */

}



.product-options_footer {

	border-bottom: 1px solid #ececec;

	float: left;

	width: 100%;

}



ul.tags-list {

	float: left;

	padding: 7px 0 40px;

	width: 100%;

}



ul.tags-list li {

	float: left;

	margin-right: 4px;

}



ul.tags-list li a {

	font-size: 12px;

	text-decoration: none;

	text-transform: uppercase;

}



ul.social-list {

	float: left;

	padding-top: 8px;

	padding-left: 0;

}



ul.social-list li {

	float: left;

	margin-right: 7px;

}



ul.social-list li a {

	background-color: #fff !important;

	border: 1px solid #ececec;

	color: #333;

	float: left;

	height: 30px;

	line-height: 23px;

	padding-top: 4px;

	text-align: center;

	width: 30px;

}



ul.social-list li a:focus,

ul.social-list li a:hover {

	color: #fff;

	text-decoration: none;

}



/* Product Brands */

.product-brand {

	float: right;

}



.product-sidebar-slider {

	float: left;

	width: 100%;

	padding-top: 24px;

	padding-bottom: 50px;

}



.slide-controls-top.vertical-slider .bx-wrapper .bx-controls-direction {

	bottom: auto;

	top: -63px;

}



.product-brand_item {

	display: block;

	text-align: center;

	width: 100%;

}



.bx-wrapper .product-brand_item img {

	display: inline-block;

	max-width: 90%;

}



.product-brand-container {

	border-bottom: 1px solid #ececec;

	margin-bottom: 60px;

}





/* Tabs */

.tabs-container {

	padding-bottom: 0;

	padding-top: 0;

}



.tabs-panel {

	float: left;

	width: 100%;

}



.tabs-panel .nav-tabs {

	border: 0 none;

	float: left;

	text-align: center;

	width: 100%;

	padding-left: 0;

}



.tabs-panel .nav-tabs>li {

	display: inline-block;

	float: none;

	margin: 0 5px;

}



.tabs-panel .nav-tabs>li.active {}



.tabs-panel .nav-tabs>li.active>a,

.tabs-panel .nav-tabs>li.active>a:hover,

.tabs-panel .nav-tabs>li.active>a:focus {

	border-style: solid;

	border-width: 2px;

	color: #fff;

}



.tabs-panel .nav-tabs>li>a {

	background-color: #fff;

	border-color: #ececec;

	border-style: solid;

	border-width: 2px;

	color: #333;

	float: left;

	font-size: 13px;

	margin: 0;

	padding: 9px 25px 8px;

	text-decoration: none;

	text-transform: uppercase;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}



.tabs-panel .nav-tabs>li>a:hover,

.tabs-panel .nav-tabs>li>a:focus {

	color: #fff;

}



.tabs-panel .tab-content {

	float: left;

	padding-bottom: 0px;

	padding-top: 15px;

	width: 100%;

}



.tabs-panel .tab-content>.tab-pane {

	float: left;

	width: 100%;

}



.tab-pane p {

	color: #666;

	font-size: 13px;

	line-height: 22px;

	margin: 0 0 22px;

}



ul.bullet-list {

	float: left;

	padding-top: 10px;

	width: 100%;

	padding-bottom: 0px;

	padding-left: 15px;

	margin: 0px;

}



ul.bullet-list li {

    color: #424242;

    float: left;

    font-size: 13px;

    line-height: 14px;

    list-style: none;

    margin: 4px 0;

    /* width: 100%; */

}

/* Product Content */

.product-content {

	padding-top: 81px;

}



.product-content h3 {

	font-size: 20px;

	padding-bottom: 34px;

}



.product-content h4 {

	font-size: 16px;

	padding-bottom: 19px;

	padding-top: 49px;

}



.product-content p {

	color: #666;

	font-size: 13px;

	line-height: 22px;

	margin-bottom: 22px;

}



.product-content .shell-box {

	border-top: 1px solid #ececec;

	color: #000;

	font-size: 18px;

	padding: 27px 0 31px;

}



.product-content .options-box {

	border-bottom: 1px solid #ececec;

	border-top: 2px solid #f6f6f6;

	color: #000;

	font-size: 13px;

	margin-bottom: 22px;

	padding: 27px 0 24px;

}



.product-content ul.bullet-list {

	display: block;

	float: none;

	padding-bottom: 27px;

	padding-top: 3px;

	width: auto;

}



.product-content ul.bullet-list li {

	float: none;

	margin: 8px 0;

}



.product-content img.pull-left {

	margin-top: 52px;

}



.product-content .sepparator {

	height: 1px;

	padding-bottom: 55px;

}



.border-img-l {

	border-right: 50px solid #fff;

}



.border-img-r {

	border-left: 50px solid #fff;

}



.product-options_desc a,

.product-options_header a {

	color: #000;

	text-decoration: none;

}





#cart_form input#cart_quantity {

	width: 34px;

	height: 31px;

	top: 0px;

	position: relative;

	border: 1px solid #777;

}



ul.social-list li {

	list-style: none;

}



.tabs-panel ul.nav-tabs.wow.fadeInUp {

	padding-top: 30px;

}



@media(max-width:1200px) {

	ul.bullet-list li {

		font-size: 13px !important;

	}

}



img.my-tooltip.my-dropdown.pull-right {

	border-radius: 50%;

	/* margin-left: 25px; */

	fill: black;

	width: 50px;

	height: 50px;

}





/*----------jewelry detail page-------------*/

.product-options_header.jewelry_detail-header h3 {

    font-size: 21px;

    margin-top: 0;

    display: flex;

    justify-content: space-between;

    font-weight: 600;

}

.product-options_header .jewelry_deatil {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 0;

}



.product-options_desc.jewelry_desc.font-main.color-third {

    margin-top: 35px;

}



ul.product-links li a.jewelry_detail-option_links {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

}



ul.product-links li a span.jewelry_detail_options {

	height: 35px;

	/* margin-top: 2px; */

}



.owl-carousel-engagement.slick-initialized img,

.slick-slider-diamond.slick-initialized img,

.macthing-pair-slick-slider.slick-initialized img {

	width: 100% !important;

	padding: 10px;

	height: auto;

	object-fit: contain;

	aspect-ratio: 1/1;

}



.owl-carousel-engagement .slick-track,

.slick-slider-diamond .slick-track,

.macthing-pair-slick-slider .slick-track {

	display: flex;

	justify-content: revert;

	gap: 10px;

}



.owl-carousel-engagement .slick-prev:before,

.slick-next:before,

.slick-prev:before {

	color: black !important;

}



.owl-carousel-engagement .slick-initialized .slick-slide img,

.slick-slider-diamond .slick-initialized .slick-slide img,

.macthing-pair-slick-slider .slick-initialized .slick-slide img {

	display: block;

	border: 1px solid #777;

	object-fit: contain;

	margin: 5px;

	max-width: 312px !important;

	width: 100%;

}



.slick-slider-diamond .card-box .text-box .inner_details {

	min-height: 35px;

	color: #000000;

	padding: 0px 5px;

	font-size: 14px !important;

	font-weight: 400;

	align-items: center;

	justify-content: space-between !important;

	flex-direction: row;

}

.macthing-pair-slick-slider .card-box .text-box .inner_details {

	min-height: 20px;

	color: #000000;

	padding: 0px 5px;

	font-size: 14px !important;

	font-weight: 400;

	align-items: center;

	justify-content: space-between !important;

	flex-direction: column;

	gap: 5px;

}





.slick-slider-diamond .card-box,

.owl-carousel-engagement .card-box,

.macthing-pair-slick-slider .card-box {

	border: 1px Solid #ddd;

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}



/* @media (max-width:1399px) {

	ul.product-links li {

		float: left;

		margin-right: 17px;

	

	}

} */

@media(max-width:575px) {



	body .jewelry_detail-header .sku_details strong.sku {

		font-size: 16px !important;

	}



	body .jewelry_detail-header .j-detail-price {

		font-size: 20px !important;

	}



	.slick-slider-diamond button.slick-next.slick-arrow,

	.owl-carousel-engagement button.slick-next.slick-arrow,

	.macthing-pair-slick-slider button.slick-next.slick-arrow {

		top: -35px;

		right: 0;

	}



	.slick-slider-diamond button.slick-prev.slick-arrow,

	.owl-carousel-engagement button.slick-prev.slick-arrow,

	.macthing-pair-slick-slider button.slick-prev.slick-arrow {

		top: -35px;

		left: 0;

	}

}



/* ul.product-desc-points li {

	list-style: disc !important;

} */



.owl-carousel-engagement .card-text .price {

	font-weight: 600;

	font-size: 18px;

	color:#424242;

}





@media(max-width:479px) {

	.owl-carousel-engagement .slick-track,

	.slick-slider-diamond .slick-track,

	.macthing-pair-slick-slider .slick-track {

		gap: 0px;

	}

}





/*--------jewelry-detail similar products section-------*/

#jewelry-similar-products {

	border: 1px solid #dddddd54;

	background-color: #e5e5e529;

	padding: 40px 0px;

	margin-top: 20px;

}



@media(min-width:992px) and (max-width:1199px) {

	ul.product-links li a {

		padding: 4px 0px;

	}

}



@media(max-width:767px) {
	.pro-img-main {
    height: 350px !important;
}



	.jewelry_detail-header .sku_details strong.sku {

		font-size: 18px !important;

	}



	.jewelry_detail-header .j-detail-price {

		font-size: 22px !important;

	}



	ul.product-links li:last-child {

		margin-left: 20px;

	}



	ul.product-links li {

		margin-right: 23px;

	}



	#jewelry-similar-products {

		margin-top: 0px;

	}



	.col-simiar {

		padding: 0;

	}



	.col-simiar h4 {

		margin-bottom: 0;

		font-size: 20px;

	}



	.container.custom-jewelry-similar-container.row.mx-auto.my-3,

	.container.custom-diamond-similar-container.row.mx-auto .my-3 {

		padding: 10px 0px;

	}

}



@media(min-width:557px) and (max-width:575px) {

	ul.product-links li:last-child {

		margin-left: 0px;

	}

}



@media(max-width:378px) {

	ul.product-links li {

		margin-right: 12px !important;

	}



	ul.product-links li a span {

		font-size: 12px;

		padding: 0px;

		width: 25px;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	ul.product-links li a span.jewelry_detail_options {

		height: 25px;

	}



	span.fa.fa-clock-o.jewelry_detail_options svg {

		width: 12px;

	}



	ul.product-links li a.jewelry_detail-option_links {

		gap: 7px;

	}



	ul.product-links li a {

		font-size: 10px;

		font-weight: 700;

	}



	ul.product-links li:last-child {

		margin-left: 18px;

	}

}



/*----------------jewelry detail variation--------------*/

.variation-body ul.variation-select-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    gap: 0px 6px;

    padding: 0;

    margin-bottom: 0;

}



.variation-body ul.variation-select-box li {

	list-style: none;

	flex: 0 8%;

	margin-top: 12px;

	margin-bottom: 12px;

}



.variation-body ul .metal-container a.variation_btn,.variation-body ul .metal-container button.variation_btn,.variation_btn {

	width: 40px;

	height: 40px;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	background-color: transparent;

	line-height: 1em;

	text-decoration: none;

	text-align: center;

	/* border: 1px solid #ccc; */

	border-radius: 50%;

	margin: 0px 6px;

	position: relative;

}

/* .metal-color-variation img {

    border: 1px solid #ccc;

    border-radius: 50%;

} */

.variation_btn.metal-type-variation img{

	border: 1px solid #ccc;

	border-radius: 50%;

}



/* .variation-body ul .metal-container a.variation_btn.metal-type-variation img:hover,

.variation-body ul .metal-container button.variation_btn img:hover,

.variation-body ul .metal-container.active .variation_btn.metal-type-variation img,

.variation-body ul .metal-container a.variation_btn.metal-color-variation:hover,

.variation-body ul .metal-container.active .variation_btn.metal-color-variation {

	border: 2px solid #000000;

	border-radius: 50%;

} */

.variation-body ul .metal-container a.variation_btn img:hover, 

.variation-body ul .metal-container.active .variation_btn img:hover, 

.variation-body ul .metal-container button.variation_btn img:hover{

    border: 2px solid #000000;

    border-radius: 50%;

}

.variation-body ul .metal-container a.variation_btn img, 

.variation-body ul .metal-container.active .variation_btn img, 

.variation-body ul .metal-container button.variation_btn img{

    border-radius: 50%;

}



.metal_color_name {

    color: #777777;

    font-size: 10px;

    opacity: 0;

    font-weight: 600;

    text-transform: uppercase;

    position: absolute;

    white-space: nowrap;

    top: -13px;

    left: 50%;

    transform: translateX(-50%);

    margin-bottom: 0;

}



.variation-body ul .metal-container:hover .metal_color_name {

	opacity: 1 !important;

	/* display: block; */

}



.variation-body ul li button input[type=radio] {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	opacity: 0;

	cursor: pointer;

}

li.metal-container.c-radio-input input {

    display: none;

}

h4.variation-title {

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize;

    line-height: 100%;

    margin-bottom: 10px;

    display: inline-block;

    color: #2B2B2B;

    /* font-family: 'Nunito', sans-serif !important; */

}

.product-variation-block {

    border-bottom: 1px solid #ececec;

}

.metal-type-circle {

    font-size: 12px;

    font-weight: 700;

    color: #000;

    background-color: #fff;

    border: 1px solid #000;

    border-radius: 50%;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    line-height: 1em;

}

.metal-color-circle {

    background-color: #fff;

    border: 1px solid #000;

    border-radius: 50%;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.gold{

	background-color: #EDC967;

    border: 1px solid #EDC967;

}

.white-gold{

	background-color: #c0c0c0;

    border: 1px solid #c0c0c0;



}

.rose-gold{

	background-color: #E2B4A5;

    border: 1px solid #E2B4A5;



}

.variation-body ul .metal-container a.variation_btn:hover .metal-type-circle,

.variation-body ul .metal-container button.variation_btn:hover .metal-type-circle {

    color: #fff;

    background: #000000;

}

.similar-shape-name {

    font-weight: 700;

}

.other-details {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    /* border-right: 1px solid #000; */

}

ul.filter-select-box {

    display: flex;

    flex-wrap: wrap;

    gap: 0px 6px;

    position: relative;

    padding-left: 0px;

    margin-bottom: 0;

}

ul.filter-select-box li.metal-container {

    margin-top: 12px;

    margin-bottom: 12px;

}



.stone-weight-select {

    margin: 12px 0 6px;

}

.variation-option-3 .variation-body .form-select:focus {

    border-color: #ced4da;

    outline: 0;

    box-shadow: none;

}

/*------ simialr products icons----*/

.card-box:hover .icon-top {

    transform: translateY(-5px);

}

.card-box .deatil_icon_top .icon-top {

    flex-direction: column;

    position: absolute;

    /* left: 37%; */

    /* transform: translateY(518%); */

    top: 2%;

    display: flex;

    z-index: 9;

    transition: all 0.5s ease-in-out;

    transform: translateY(5%);

    right: 8px;

    gap: 10px;

}

.deatil_icon_top .icon-top a {

    color: #010101;

    border-radius: 0px;

    opacity: 0;

    /* background-color: white; */

    background: #f9f9f9;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.card-box:hover .icon-top a {

    color: #000 !important;

    /* box-shadow: 1px 1px 9px 1px #4e638a52; */

    opacity: 1;

    line-height: 20px;

    padding: 7px;

    vertical-align: inherit;

}

.deatil_icon_top .icon-top a svg {

    width: 25px;

    height: 25px;

    object-fit: contain;

}

.card-box:hover .icon-jewelry {

    transform: translateY(5px) !important;

}

.card-box .deatil_icon-jewelry .icon-jewelry {

    position: absolute;

    top: 61%;

    left: 0;

    right: 0;

    /* transition: opacity .6s cubic-bezier(.5,1,.89,1) .1s,transform .6s cubic-bezier(.5,1,.89,1) .1s!important; */

    transition: all 0.5s ease-in-out;

    transform: translateY(59%);

}

.card-box:hover .icon-jewelry a {

    background-color: white !important;

    color: #000 !important;

    /* box-shadow: 1px 1px 9px 1px #4e638a52; */

    opacity: 1;

    line-height: 20px;

    padding: 11px 26px;

    vertical-align: inherit;

    text-decoration: none;

    width: 100%;

    font-size: 16px;

    border: 1px solid black;

}

.deatil_icon-jewelry .icon-jewelry a {

    color: #010101;

    margin: 0px 10px;

    border: 1px solid #04192a;

    padding: 5px;

    opacity: 0;

}

.deatil_icon-jewelry span {

    display: flex;

    justify-content: center;

    gap: 6px;

}

.deatil_icon_top .icon-top a:hover {

    box-shadow: 0px 0px 0px rgba(0, 0, 0, 27%);

    transition: transform 0.2s;

    transform: scale(1.05);

}

.card-box:hover .icon-jewelry a:hover {

    background: #04192a !important;

    color: white !important;

}

.login-button {

    border: 1px solid #04192a;

    border-radius: 0px;

    vertical-align: middle;

    font-size: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 400;

    color: #000;

    transition: all 0.5s ease-in-out;

    text-decoration: none;

    padding: 4px 22px;

    text-transform: uppercase;

    cursor: pointer;

}

.login-button:hover {

    background-color: #04192a;

    color: white !important;

}

.j-detail-login-price-btn:hover {

    background-color: #04192a;

    color: white !important;

}

.j-detail-login-price-btn {

    border: 1px solid #04192a;

    border-radius: 0px;

    vertical-align: middle;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 400;

    color: #000;

    transition: all 0.5s ease-in-out;

    text-decoration: none;

    padding: 5px 25px;

    text-transform: uppercase;

	width: 100px;

}



ul.product-desc-points li strong {

    font-size: 22px;

    font-weight: 500;

    text-transform: capitalize;

    line-height: 100%;

    margin-bottom: 10px;

    /* display: inline-block; */

    /* font-family: "Cormorant", serif; */

    color: #000;

}

ul.product-desc-points li  span {

    /* display: none; */

    font-size: 15px;

    text-transform: capitalize;

    font-weight: 300;

    /* font-family: "Nunito Sans", sans-serif; */

    letter-spacing: 1.2px;

    color: #000;

}

ul.product-desc-points li {

    display: flex;

    flex-direction: column;

    margin-bottom: 5px;

}

.jewelry_detail-header .j-detail-price{

	display: flex;

	align-items: center;

	gap: 10px;

    font-size: 24px;

    line-height: 30px;

    font-weight: 500;

    letter-spacing: 0.52px;



}



#tag_price {

    font-size: 24px;

    line-height: 30px;

    font-weight: 500;

    letter-spacing: 0.52px;

}

ul.product-desc-points {

    padding: 0;

}

/* .carat-container {

    width: 500px;

    margin: 0 25px;

} */

.variation-option-3 .stone-weight-checkboxes select.select {

    padding: 10px;

}

.pro-img-main {
    height: 643px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E4E4;
    /* max-width: 643px; */
    /* width: 100%; */
    flex: 0 0 47%;
	overflow: hidden;

}
.pro-img-main img {
    object-fit: contain;
}
.pro-gird-det {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    justify-content: flex-start;

}

/* section#productDetails .container {

    max-width: 1600px;

} */



/* .pro-img-main:first-child {

    flex: 0 0 100% !important;

    height: 800px;

    background: #ccc;

} */

section#productDetails .container-fluid {

    padding: 10px;

    max-width: 1840px;

}

.col-lg-9.col-md-12.col-sm-12.col-xs-12.clearfix.custom-img-column {

    padding-right: 0;

}

.drop-ship svg {

    height: 24px;

    width: 24px;

}

.product-details-narrow .jewelry_detail-header .sku_details {

    font-size: 18px;

    font-weight: 600;

    line-height: normal;

    color: #5a5a5a;

}

.det-tit {

    margin: 0px;

    color: #000;

    font-size: 35px;

    /* line-height: 26px; */

    font-weight: 500;

    /* font-family: 'Cormorant Garamond', serif; */

    line-height: 100%;

    /* letter-spacing: 1px; */

    /* font-family: "Cormorant", serif !important; */

    margin-top: 35px;

}

.product-details-narrow .jewelry_detail-header .sku_details {

    font-size: 18px;

    font-weight: 600;

    line-height: normal;

    color: #5a5a5a;

}



.product-options_header .jewelry_deatil p.det-log {

    /* text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden; */

	   color: #000;

    margin-top: 15px;

    font-size: 16px;

    margin-bottom: 20px;

    letter-spacing: 0.5px;

    line-height: 20px;

    font-weight: 300;

	  /* font-family: "Nunito Sans", sans-serif; */

}



/* .side-term {

    padding-left: 35px;

} */

.carat-container {

    padding: 0 25px;

}

h5#pricee_0 {

    color: #000;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 0.8px;

    /* font-family: nunito; */

    /* font-family: "Nunito Sans", sans-serif; */

}



.metal-gr label {

    /* height: 100%; */

    /* width: 100%; */

    padding: 4px;

    text-align: center;

    font-weight: 300;

    font-size: 0;

    letter-spacing: 0.03em;

    margin-bottom: 0;

    text-align: center;

}

.drop-ship ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px 0px;

}

.drop-ship ul li{

	flex:0 0 33.33%;

}

.drop-ship ul li a{

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

    color:#2B2B2B;

	text-decoration: none;

}

.for-jwel-pro .swiper-button-next, .for-jwel-pro .swiper-button-prev {

    background: #fff;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    padding: 10px;

    border: 1px solid #fff;

    top: 75% !important;

    box-shadow: 0px 0px 19px 6px #e5e5e5;

}

.for-jwel-pro .swiper-button-prev{

    left: 0px !important;

   

}

.for-jwel-pro .swiper-button-next {

    right: 0px !important;

}