/*
 * custom-V1.7.css — Shared theme (all sites): typography, palette, layout, forms, cart, buy/info
 * structure. Viewport overrides: responsive-V1.7.css.
 *
 * Per-site identity (link hover on buy/info pages, WA corner-brackets, ADC red nav):
 *   static/css/wahooart-V1.7.css | artsdot-V1.7.css | … (see base.html load order)
 *   Doc: -Documentation Project/DOC_APS_THE_7_SITES.md → "Frontend CSS: text-link hover"
 *
 * Do NOT add WA vs ADC :hover text colors here — only shared transitions where noted.
 * Updated: 18 OCT 2025
 */

/* Site-wide base: font, list reset, section padding, links, design tokens, .btn */
body {
	font-family: var(--font-body);
/*     padding-left: 2em;
    padding-right: 2em; */
}


/* Long-form article listing / reader: .article_main_page gutters by breakpoint */
@media (min-width: 576px) {
	.article_main_page {
		padding-left: 15px;
		padding-right: 15px;
    	margin: 0px !important;
	}
}  

@media (min-width: 768px) {
	.article_main_page {
		padding-left: 40px;
		padding-right: 40px;
    	margin: 0px !important;
	}
}  

@media (min-width: 992px) {
	.article_main_page {
		padding-left: 80px;
		padding-right: 80px;
    	margin: 0px !important;
	}
}  

@media (min-width: 1400px) {
	.article_main_page {
		padding-left: 160px;
		padding-right: 160px;
    	margin: 0px !important;
	}
}  


/* Lists, links, vertical rhythm — shared across marketing and catalog pages */
ul {
	padding-left: 0px;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #3E342A;
}

section {
	padding: 47px 0px;

}

input:focus {
	outline: 0;
}

:root {
	--btn-color: #875D2A;
	--btn-text-color: #EDE9DE;
}

.btn {
	background: var(--btn-color);
	color: var(--btn-text-color);
	line-height: 20px;
	border-radius: 0px;
	font-weight: 600;
	border: 1px solid var(--btn-color);
	padding: 9px;
}

.btn:hover {
	border: 1px solid var(--btn-color);
	color: var(--btn-text-color);
	background: var(--btn-color);
}

/* Homepage / marketing hero: full-bleed Swiper, captions, overlay, pagination, arrows */
.hero_swiper {
	position: relative;
	z-index: 0;
}

.hero_swiper .swiper {
	width: 100%;
	height: 100%;
}

.hero_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 643px;
}

.hero_swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
    max-height: max-content !important;
}

.hero_swiper .swiper-text {
	margin: 33px 0px;
	font-size: 17px;
	line-height: 26px;
	color: #E8E5DC;
}

.hero_swiper .swiper-caption h3 {
	font-family: var(--font-title-accent);
	font-size: 45px;
	font-weight: 400;
	line-height: 40px;
	color: #E8E5DC;
}

.hero_swiper .swiper-caption p {
	font-family: var(--font-title);
	font-size: 80px;
	line-height: 65px;
	font-weight: 400;
	color: #E8E5DC;
}

/* Semi-transparent scrim over hero slides and thumbnail hovers */
.overlay_img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #09050587;
	top: 0;
	left: 0;
}

.hero_swiper .swiper-caption button img {
	width: auto;
}

/* Single hero slide wrapper (class name typo: swipr); holds image + caption stack */
.hero_swiper .swipr-item {
	position: relative;
	height: 100%;
	width: 100%;
}

.hero_swiper .swiper-caption {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero_swiper .swiper-caption button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: auto;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 14px 15px;
	color: #30271D;
	letter-spacing: 1px;
	background: #E7C685;
}

.hero_swiper .swiper-pagination-fraction {
	color: #E8E5DC;
	text-align: left;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 44px;
	left: 89px;
}

.hero_swiper .swiper-button-next,
.hero_swiper .swiper-button-prev {
	color: #E8E5DC;
	top: 91%;
	z-index: 99;
}

.hero_swiper .swiper-button-prev {
	left: 88%;
}

.hero_swiper .swiper-button-next {
	right: 6%;
}

/* Default section headings used under swipers and content bands (not hero-specific) */
.heading_text {
	text-align: center;
	font-size: 35px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 34px;
	text-transform: capitalize;
}

.heading_paragrap {
	text-align: center;
	color: #3E342A;
	font-size: 13px;
	line-height: 22px;
}

/* Swiper defaults reused on inner carousels (not only the hero) */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
/*	background: #444;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
    max-height: 30vh; 
	object-fit: cover;
}

/* Homepage “elevated” artwork strip: fixed-height thumb + gradient overlay + hover copy */
.elevated_image {
	height: 243px;
	position: relative;
	width: 92% !important;
}

.elevated_image .overlay_img {
	/* background: #09050526; */
	left: 0;
	width: 100%;
	transition: all 2s ease;
	background: linear-gradient(185.7deg, rgba(18, 16, 16, 0) 52.78%, rgba(18, 16, 16, 0.8) 92.05%);
}

.elevated_image img {
	width: 100%;
	margin: auto;
	height: 100%;
	object-fit: cover;
	transition: all 2s ease;
}

.elevated_slid {
	margin-top: 60px;
}

.elevated_img_title {
	position: absolute;
	bottom: 20px;
	left: 30px;
	color: #EDE9DE;
	font-size: 22px;
	font-family: var(--font-title);
	z-index: 9;
	line-height: 27px;
}

.elvatee_content_box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #E4DDC7F2;
	z-index: 99;
	text-align: center;
	display: none;
}

.elvatee_content_box p {
	margin-top: 0;
	padding: 0px 19px;
	color: #3E342A;
	font-weight: 500;
}

.elvatee_content_box a {
	color: #875D2A;
	text-transform: uppercase;
}

.elevated_image,
.elvatee_content_box {
	transition: all 2s ease;
}

.elevated_image:hover .elvatee_content_box {
	display: flex;
	transition-property: display;
	transition: all 2s ease;
	flex-direction: column;
	justify-content: center;

}

.slider-nav {
	margin-bottom: 29px;
}

.white_back {
	background: #E4DDC8;
}

.signature_info {
	padding: 88px 0px;
	height: 592px;
}

.signature-caption {
	text-align: center;
}

.signature-caption h3 {
	font-family: var(--font-title-accent);
	font-size: 35px;
	font-weight: 400;
	line-height: 42px;
	color: #875D2A;
}

.signature-caption p {
	font-family: var(--font-title);
	font-size: 55px;
	line-height: 48px;
	font-weight: 400;
	color: #3E342A;
	text-transform: capitalize;

}

.signature-caption .signature-text {
	font-family: var(--font-body);
	color: #3E342A;
	font-size: 14px;
	width: 59%;
	margin: 47px auto 50px;

}


.signature-caption button {
	font-family: var(--font-body);
	background: transparent;
	color: #875D2A;
	border: 1px solid #875D2A;
	font-size: 13px;
	padding: 11px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;

}

.signature-caption button:hover {
	background: transparent;
	color: #875D2A;
	border: 1px solid #875D2A;
}

.signature_img {
	height: 592px;
}

.signature_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.black_back {
	background: #504943;
}

.black_back p {
	color: #E8E5DC;
}

.black_back .signature-text {
	color: #E8E5DC;
}

.black_back .signature-caption h3 {
	color: #F0B653;
}

.black_back .signature-caption button {
	color: #F0B653;
	border: 1px solid #F0B653;
}

button.btn img {
	margin-left: 8px;
}

.curators_inner {
	width: 20%;
}

.curators_edit {
	gap: 33px;
	display: flex;
	justify-content: center;
}

.curators_inner {
	width: 20%;
	/* text-align: center; */
}

.curator_image {
	width: 90%;
	margin: 33px auto;
	/* box-shadow: rgba(0, 0, 0, 0.15) 4.95px 4.95px 4.6px; */
}

.curator_image img {
	width: 100%;
	/* box-shadow: 16px 16px 25px 0px #00000026; */
	box-shadow: 6px 6px 10px 0px #3E342A4D;
}

.curator_rating ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #B23333;
}

.curator_rating ul li i {
	font-size: 11px;
}

.cur_heading {
	font-family: var(--font-title);
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
	color: #3E342A;
	text-align: center;
}

.cur_text {
	color: #3E342A;
	font-size: 14px;
	margin: 15px 0px;
	text-align: center;
}

.cur_button {
	text-align: center;
}

.cur_button a {
	color: #875D2A;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.why_choose_left {
	height: 600px;
}

.why_choose_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.why_choose_right {
	padding: 70px;
	height: 600px;
}

.why_choose_right .heading_text {
	text-align: left;
	font-size: 45px;
	margin-bottom: 15px;
}

.why_choose_right .heading_paragrap {
	text-align: left;
}

.why_choose_box {
	margin-top: 44px;
	/* padding-right: 100px; */
}

.why_choose_box_inner {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

.why_choose_icon {
	margin-top: 6px;
}

.why_choose_icon img {
	background: #675F59;
	padding: 5px;
	outline: 1px solid gray;
	outline-offset: 2px;
	width: 36px;
	height: 36px;
}

.why_choose_info h5 {
	font-size: 16px;
	color: #3E342A;
}

.why_choose_info p {
	color: #3E342A;
	font-size: 14px;
	opacity: 0.8;
}

.visual_guide_photo_gallery {
	display: grid;
	grid-template-columns: 3fr 1fr;
	height: 549px;
	gap: 32px;
	margin-top: 40px;
}

div#swiper_thumb {
	display: grid;
	gap: 32px;
	overflow-y: auto;
}

div#swiper_thumb .swiper-slide {
	height: 220px;
	width: 100% !important;
}

#swiper_thumb::-webkit-scrollbar {
	width: 4px;
	height: 3px;
}

#swiper_thumb::-webkit-scrollbar-thumb {
	background: #fff;
}

.thumb_over_img {
	position: absolute;
	left: 14px;
	top: 22px;
	width: 20px;
}

.thumb_overlay_cont {
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 18px 18px 0px;
}

.thumb_overlay_cont .heading_text {
	text-align: left;
	font-size: 17px;
	color: #EDE9DE;
}

.thumb_overlay_cont .heading_paragrap {
	text-align: left;
	color: #EDE9DE;
	font-size: 12px;
	line-height: 17px;
}

/* “Meet the masters” / thumb carousel: play icon + label centered on slide */
.swiper_main_thumb {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 11px;
}

.swiper_main_thumb span {
	color: #EDE9DE;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

/* Lower third overlay on homepage thumb swiper: title + short copy */
.swiper_bottom_content {
	position: absolute;
	bottom: 20px;
	left: 33px;
	right: 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.swiper_bottom_content .heading_text {
	text-align: left;
	font-size: 25px;
	color: #EDE9DE;
	line-height: 26px;
	width: 30%;
}

.swiper_bottom_content .heading_paragrap {
	text-align: right;
	color: #EDE9DE;
	width: 33%;
}

/* Homepage “meet the artist” hero column: large portrait image */
.meet_img {
	height: 645px;
}

.meet_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Adjacent panel: signature, CTA, bullet list over background image */
.meet_info {
	padding: 88px;
	height: 645px;
	background: url(/static/images/homepage/meet_bckground.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: cover; */
	position: relative;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}

.meet_info .signature-caption {
	text-align: left;
	position: relative;
	z-index: 9;
}

.meet_info .signature-caption h3 {
	color: #DE9C28;
}

.meet_info .signature-caption p {
	color: #E8E5DC;
}

.meet_info .signature-text {
	width: 100%;
	margin: 29px auto 34px;
	color: #E8E5DC;
}

.meet_info .signature-caption button {
	color: #DE9C28;
	border: 1px solid #DE9C28;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* padding: 11px 15px; */
	font-weight: 500;
}

.meet_info ul {
	margin-top: 20px;
}

.meet_info li {
	list-style-type: square;
	list-style-position: inside;
}

.meet_info li::marker {
	color: #DE9C28;
}

.meet_info .overlay_img {
	background: #504943e3;
}

.meet_button_box {
	display: flex;
	align-items: center;
	gap: 33px;
}

.book_call {
	font-size: 14px;
	font-weight: 500;
	color: #EDE9DE;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

.book_call img {
	width: 18px;
	height: 18px;
	margin-right: 9px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	display: none;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}







/******************* New Css Start Here ***********************/
/* Forms, grids, and flows added after the original theme block. Prefer scoped selectors
   for admin-adjacent pages (see note below). */


/*
Scope your selectors
Bad idea to leave it global — it will interfere with debugging tools and admin pages.


*/

/* Checkout / account style inputs on primary flows and main-grid forms */
.primary-input , .main-grid-row input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px , 2.917vw , 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}
.primary-input , .main-grid-row input[type="checkbox"] {
	width: auto;
    height: auto;
}


.primary-label , .main-grid-row input
 {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
}





/* Custom reproduction order page: main carousel block under breadcrumbs / product steps */
.reproduction_section {
	margin-top: 34px;
	margin-bottom: 100px;
}

/* Breadcrumb-style step links above reproduction / product forms */
.page_navigation_menu a {
	color: #3E342A;
}

.page_navigation_menu a {
	color: #3E342A;
	font-weight: 400;
	opacity: 0.6;
}

/* Framed panel for reproduction product options (size, medium, etc.) */
.form_produc {
	margin-top: 28px;
	background: #E8E2CD;
	border: 1px solid #DCD3BF;
	padding: 20px;
}
.form_produc h3 , .valuation_form_boxs h3 {
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 48px;
leading-trim: NONE;
line-height: 56px;
letter-spacing: 0%;
text-align: center;

}
.form_produc .btn-next 
{
width:100% !important;
margin-bottom:16px;
}
.black-hover {
    color: #B23333;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.black-hover:hover {
    color: #D37575; /* #B23333 ka light version */
}
.form-check-inline .form-check-label {
    padding-top: 3px;
    padding-left: 9px;
}
.steps_count span {
	background: #3E342A;
	padding: 4px 11px;
	font-size: clamp(14px , 0.833vw , 16px);
	font-weight: 600;
	color: #EDE9DE;
	line-height: 20px;
	text-transform: uppercase;
}

/* Custom reproduction order form: step titles and lead paragraph */
.buy_production_form .form_heading {
font-size: 40px;
margin-bottom:20px;
}
.buy_production_form .form_content {
font-size: 18px;

}
.form_heading {
	text-align: center;
	font-size: 32px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 33px;
	font-weight: 400;
	margin-top: 6px;
	margin-bottom: 16px;
}

.form_content {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0;
	color: #3E342A;
}

/* Order summary card on reproduction checkout and cart sidebar */
.summery_checkout {
	margin-top: 28px;
	background: #F7F2E1;
	border: 1px solid #DCD3BF;
	margin-bottom: 11px;
}

.sum_chek_text {
	padding: 24px;
	border-bottom: 1px solid #DCD3BF;
	font-family: var(--font-title);
	color: #3E342A;
	font-size: 28px;
	line-height: 30px;
	font-weight: 400;
}

.summary_detail_box {
	border-bottom: 1px solid #DCD3BF;
	padding: 14px 24px 0px;
}

.summary_detail {
	display: flex;
	gap: 14px;
	margin-top: 5px;
}

.detail_img {
	width: 24px;
	height: 24px;
}

.detail_img img {
/* 	width: 100%;
	height: 100%;
	object-fit: cover; */
}

.detail_content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.summary-tab .detail_content_bottom {
border-top:1px solid #DCD3BF;
padding-top:20px;
margin-top:20px;
}

.summary-tab 
.dtl_con h4 {
font-size:16px !important;
}
.summary-tab .dtl_con .total_price {
font-size:20px !important;
    font-weight: 600;
}
.dtl_con h4 {
	color: #3E342A;
	font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
	margin-bottom: 5px;
}

.dtl_con p {
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	color: #3E342A;
	margin-bottom: 0px;
}

.detail_cont_right {
	text-align: right;
}

.dtl_gap {
	margin-bottom: 12px;
}

span.green_include {
	color: #57920A;
}

h4.total_price {
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
color:#3E342A;

}

.total_price_box {
	padding: 24px;
}

.add_tocart_btn {
	padding: 0px 24px 14px;
	text-align: center;
}

.add_tocart_btn button {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	background: #875D2A;
	color: #EDE9DE;
	border: unset;
	text-transform: uppercase;
	padding: 10px;
	width: 100%;
}
.confirmation_notice {
	padding: 14px 24px;
	display: flex;
	gap: 6px;
}

.confirmation_notice img {
	width: 24px;
	height: 24px;
}

.confirmation_notice p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	font-style: italic;
	color: #3E342A;
	opacity: 0.8;
}

.desired_size_section {
	text-align: center;
}

.select_size {
	margin-bottom: 40px;
}

select:focus {
	outline: unset;
}

.select_size select {
	width: 400px;
	height: 56px;
	background: #F7F2E1;
	padding: 12px 14px;
	border: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	color: #3E342A;
	text-transform: uppercase;
	opacity: 0.6;
	appearance: none;
	background-image: url('../../assets/images/selectarrow.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
}

select:focus>option:checked {
	background: #875D2A;
	color: #e7e3cd;
}

select option {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #3E342A;
}
.image-upload-container {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.production_form .image-preview {
    width: 150px;
    height: 180px;
    overflow: hidden;
    position: relative;
    /* margin-bottom: 12px; */
}
.enter_manually_box {
    width: 400px;
    margin: auto;
    justify-content: center;
    display: flex;
    gap: 12px;
}

.manuall_box input {
    width: 100% !important;
    height: 56px;
    background: #F7F2E1;
    text-align: left;
    padding: 0px 14px;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    text-transform: uppercase;
    border: unset;
    border: 0 !important;
    border-radius: 0 !important;
}

.manual_label {
	width: 400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.manual_label p {
	color: #3E342A;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.switches-container {
	width: 116px;
	height: 32px;
	position: relative;
	display: flex;
	padding: 0;
	position: relative;
	background: #DCD3BF;
	line-height: 3rem;
	border-radius: 3rem;
	margin-left: auto;
	margin-right: auto;
}

.switches-container input {
	visibility: hidden;
	position: absolute;
	top: 0;
}

.switches-container label {
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: #3E342A;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
}

.switch-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	padding: 0.15rem;
	z-index: 3;
	transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}

.switch {
	border-radius: 100px;
	background: #61574F;
	width: 56px;
	height: 28px;
}

.switch .switchbox {
	width: 100%;
	text-align: center;
	opacity: 0;
	display: block;
	color: #EDE9DE;
	transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
	will-change: opacity;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
	transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
	transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch .switchbox:nth-of-type(1) {
	opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch .switchbox:nth-of-type(2) {
	opacity: 1;
}

span.optional_text {
	color: #3E342A;
	font-size: 16px;
	line-height: 28px;
	opacity: 0.8;
	font-style: italic;
	font-family: var(--font-body);
	font-weight: 400;
}

.frame_wrapper {
	padding: 0px 18px;
}

.frame_section {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	justify-content: center;
}

.frame_box {
	position: relative;
	border: 1px solid #F7F1E0;
background-color:#F7F1E0;
}

.checked_box {
	border: 1px solid #3E342A !IMPORTANT;
}

.production_form input[type="radio"] {
	height: 18px;
	width: 18px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
}

.production_form input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 20px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 21px;
	border: 1px solid #877F76;
}

.production_form input[type="radio"]:checked:after {
	background-color: #3E342A;
	width: 12px;
	height: 12px;
	position: relative;
	top: 3px;
	left: 3px;
	outline: 1.5px solid #3E342A;
	outline-offset: 3px;
}

/* 
.frame_box img {
	width: 84px;
	height: 84px;
} */

h6.frame_text {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	margin: 8px 0px;
}

h6.frame_text span {
	margin-left: 4px;
}

.frame_details {
	padding: 0px 18px;
}

.frame_details h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
	color: #3E342A;
}

.frame_details p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #3E342A;
}

.pace_paint_section {
	display: flex;
	gap: 11px;
}

.face_paint_box {
	background: #F7F2E1;
	border: 1px solid #F7F2E1;
	padding: 12px 12px 8px 12px;
	width: 25%;
	position: relative;
	display: flex;
	gap: 26px;
}

.face_paint_box img {
	height: 20px;
	width: 20px;
}

.paint_parent {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.paint_count_box p {
	margin-bottom: 0px;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}

.face_include {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}

.production_form .face_paint_box input[type="radio"] {
	top: 12px;
	left: 9px;
}

.face_color_red {
	font-size: 14px;
	font-weight: 500;
	color: #B23333;
	line-height: 24px;
}

/* Spacing between stacked panels inside the reproduction product form */
.produc_space {
	margin: 40px auto 18px;
}

/* Reproduction form: grid of optional portrait / face thumbnails with radio labels */
.artistic_box {
	background: #F7F1E0;
	border: 1px solid #F7F1E0;
	position: relative;
}

/* Container for the portrait/face thumbnail grid (columns set here) */
.artistic_section {
	padding: 0px 18px;
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
	/* Artist blog / posts strip on artist pages */
.artist_posts .artist_posts_innr img {
    min-width: 23vw !important;
}

.artistic_box img {
	width: 100%;
}

.artis_radio {
	padding: 12px 8px;
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
    display: flex;
    gap: 8px;
    align-items: center;

}

.production_form .artis_radio input[type="radio"] {
	top: unset;
	bottom: 7px;
	left: 8px;
}

.artis_radio label {
	font-size: 14px;
line-height: 130%;
}

.artistic_img {
	position: relative;
}

.artistic_img .overlay_img {
	background: #3E342ACC;
	display: none;
}

.overlay_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fff;
	z-index: 99;
	width: 85%;
	text-align: center;
	display: none;
}

.artistic_box:hover .overlay_content {
	display: block
}

.artistic_box:hover .overlay_img {
	display: block
}
.default_img {
    width: 48px !important;
    height: 48px !important;
}
.artis_custome_img {
    height: 180px;
    text-align: center;
    border: 1px dashed #3E342A80;
    display: flex;
}
.artis_custome_img span.picture__image {
    width: 100%;
}
.artis_custome_img .picture {
    height: unset;
}
.artis_custome_img .picture__img {
    max-width: 100%;
    height: 180px !IMPORTANT;
    width: 100% !important;
}
.artistic_img.artis_custome_img p {
	margin-bottom: 0px !IMPORTANT;
	font-size: 14px;
}

.custome_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.custome_price {
	font-size: 14px;
flex-shrink: 0;
	font-weight: 500;
	color: #B23333;
	line-height: 24px;
}

.custome_check label {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #3E342A;
	margin-left: 12px !important;
}

.custome_check {
	display: flex;
}
.summary-row .detail_img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 15px;
    flex-shrink: 0;
}
.accordion-item:last-of-type {
    border-radius: 0 !important;
    /* border-bottom-right-radius: var(--bs-accordion-border-radius); */
    /* border-bottom-left-radius: var(--bs-accordion-border-radius); */
}
.optionalsecton input {
}

.production_form .form-check .form-check-input {
	background-color: #f7f2e2 !important;
	width: 20px !important;
    height: 20px !important;
	flex-shrink: 0;
}

.production_form .form-check-input:checked {
	background-color: #3E342A !important;
	border-color: #3E342A !important;
}

.production_form .form-check-input:checked[type=checkbox] {
    /* --bs-form-check-bg-image: url("../img/checked.svg") !important; */
    background-size: inherit;
    height: 20px !important;
    width: 20px !important;
    flex-shrink: 0;
}

.customize_section {
	padding: 16px;
	background: #F7F2E1;
}

.custom_detail {
	border: 1px solid #DCD3BF;
	background: #EFE9D4;
	padding: 8px 10px;
	margin-top: 14px;
	display: none;
}

.custom_detail p {
	margin-bottom: 0px;
	font-size: 14px;
}

.customizaton_wrapper {
	padding: 0px 18px;
}

.optionalsecton {
	padding: 0px 18px;
}

.optional_box {
	padding: 11px 13px;
	display: flex;
	gap: 12px;
}

/* Keep the checkbox column visible: sibling .optional_add uses width:100% in flex. */
.optional_box > .form-check {
	flex-shrink: 0;
	align-self: flex-start;
}

.optional_add {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.option_text label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #3E342A;
}

.option_text span {
	font-size: 14px;
}

.option_gap {
	margin-bottom: 11px;
}


/********image upload css **********/
.upload_image_box {
	text-align: center;
	width: 292px;
	height: 180px;
	background: #F7F2E1;
	border: 1px dashed #3E342A80;
	padding: 14px;
}

.drad-drop {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #3E342A;
	margin: 14px 0px;
}

.file_upload_input {
	position: relative;
}

.browse_img {
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	display: grid;
	justify-content: center;
	z-index: 9;
}

.browse_img div {
	line-height: 38px;
	text-transform: capitalize;
	color: #EDE9DE;
	font-size: 16px;
	font-weight: 500;
	width: 129px;
	height: 40px;
	background: #875D2A;
	cursor: pointer;
}

.imageInput {
	opacity: 0;
	width: 100%;
	height: 47px;
	position: absolute;
	z-index: 99;
	left: 0;
}

.image_upld_flex {
	display: flex;
	gap: 15px;
	margin: 40px 0px 18px;
	justify-content: center;
	padding: 0px 18px;
}

.preview-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.image-box {
	position: relative;
	width: 150px;
	height: 180px;
	border: 1px solid #ddd;
	border-radius: 0;
	overflow: hidden;
}

.image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.overlay-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0F1114B2;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.delete-btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: white;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.rotate-btn {
	position: absolute;
	bottom: 10px;
	right: 50px;
	color: white;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.img_after_load img {
	width: 36px;
	height: 26px;
}

.overlay-loader img {
	width: 36.63px;
	height: 40px
}

.img_load {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

.upload_new_img {
	width: 150px;
	height: 180px;
	background: #F7F2E1;
	border: 1px dashed #9A9385;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	display: none;
	text-align: center;
	line-height: 180px;
}

.imageInput2 {
	position: absolute;
	width: 150px;
	height: 180px;
	top: 0;
	left: 0;
	opacity: 0;
}

.image-box {
	position: relative;
	display: inline-block;
}

.rotatable-image {
	transition: transform 0.3s ease;
	max-width: 200px;
	display: block;
}

.file_upload_input_new input {
	top: 0;
	height: 100%;
}

.form-floating label span {
	color: #B23333;
}

/********image upload css **********/


/***************Re production page css *************/
.reproduction_main_page {
/* 	padding: 0px 160px 20px; */
}

.reproduction_section .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	height: 483.44px;
}

.reproduction_section .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.reproduction_section .swiperrepro2 {
	height: 80%;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.reproduction_section .swiperrepro {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	margin-top: 16px;
}

.reproduction_section .swiperrepro .swiper-slide {
	/* width: 25%; */
	/* height: 100%; */
	/* opacity: 0.4; */
	width: 74px !IMPORTANT;
	height: 65px !important;
	border: 1px solid #CCC2AE;
}

.reproduction_section .pro2frame .swiper-slide img {
	border: 25px solid transparent;
	border-image: url('../../assets/images/borderFrame.jpg') 50 round;
}

.swiperrepro2 .swiper-button-prev {
	left: 21px;
	width: 56px;
	height: 56px;
}

.swiperrepro2 .swiper-button-prev img {
	width: 100%;
}

.swiperrepro2 .swiper-button-next {
	right: 21px;
	width: 56px;
	height: 56px;
}

.swiperrepro2 .swiper-button-next img {
	width: 100%;
}

.reproduction_section .swiperrepro .swiper-slide-thumb-active {
	opacity: 1;
}

.reproduction_section .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: inherit;
}

.menu_icon {
	display: none;
	color: #3E342A;
	background: #e3dec7;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
}

/* Dimmed full-screen layer when mobile nav drawer is open */
.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0006;
	z-index: 9;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	display: none;
}

/* Off-canvas drawer: primary nav + search on small screens */
.side_nav {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #e3dec7;
	color: #fff;
	padding: 20px;
	transition: left 0.3s ease;
	z-index: 1000;
	overflow-y: auto;
}

.side_nav.open {
	left: 0;
}

.close_btn {
	position: absolute;
	top: 5px;
	right: 21px;
	font-size: 38px;
	cursor: pointer;
	color: #875D2A;
}

.side_inner-nav {
	display: none;
}

.sorting_content select {
	border: none;
	background: unset;
	color: #3E342A;
	appearance: none;
	background-image: url('');
	background-position: right 0px center;
	background-repeat: no-repeat;
	width: 150px;
	padding: 5px;
}

.badge-filter img {
	cursor: pointer;
}

.form-floating input {
	padding-top: 40px !important;
	padding-left: 2px;
	font-size: 14px;
	text-transform: capitalize;
}

.form-floating input::placeholder {
	color: #7069698a !important;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.2rem;
	padding-bottom: 8px;
}

 

.vincent_color {
	color: #B23333;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 11px;
}
.vincent_color a {
	color: #B23333;
}

.repro_heading,
.buy_sale_channel_heading {
	color: #3E342A;
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 11px;
}


.buy_sale_channel_heading_container {
	padding-top: 14px;
}
.buy_sale_channel_heading {
	margin-bottom: 0px;
}

.buy_sale_channel_short_description {
	color: #6E665C;
	font-size: 15px;
	line-height: 1.45;
	margin: 8px 0 12px 0;
	max-width: 42em;
}

.buy_sale_channel_heading_container .buy_sale_channel_cross_channel_links {
	margin-top: 2px;
}

.buy_sale_channel_heading_alternate_buy {
	border-bottom: 1px solid #DCD3BF;
	padding-bottom: 18px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.buy_sale_channel_heading_alternate_buy a {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-body);
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	text-transform: capitalize;
	color: #875D2A;
}
	/* Artwork PDP: wishlist + partner purchase links */
.fav-icon-artwork {
   border-bottom: 1px solid #DCD3BF;
   padding-bottom: 20px;
   margin-bottom: 30px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0;
   /* Whitespace/BOM text nodes between includes must not create a left flex gap */
   font-size: 0;
   line-height: 0;
}
.fav-icon-artwork > a,
.fav-icon-artwork > .artwork-share-wrapper {
   font-size: 16px;
   line-height: 24px;
   margin: 0 16px 8px 0;
}
.fav-icon-artwork > script {
   display: none;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   flex: 0 0 0;
}
/* Toast must not occupy a flex slot (buy pages still include it inside the bar) */
.fav-icon-artwork > #artworkShareToastContainer {
   position: fixed !important;
   width: 0 !important;
   height: 0 !important;
   min-width: 0;
   min-height: 0;
   margin: 0 !important;
   padding: 0 !important;
   border: none;
   flex: 0 0 0;
   overflow: visible;
}
.fav-icon-artwork a {
   display: flex;
   align-items: center;
   gap: 6px;
   font-family: var(--font-body);
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0%;
   text-transform: capitalize;
   color: #875D2A;
}

/* Horizontal list of reproduction perks (shipping, museum quality, returns, etc.) */
.details_reproducton {
	display: flex;
	gap: 20px;
	align-items: center;
}

.details_reproducton li {
	color: #6E665C;
	font-size: 16px;
	font-weight: 400;
	margin: 5px 0px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.details_reproducton li img {
	width: 18px;
	height: 18px;
}

.repruct_content_collapse button.accordion-button,
.repruct_content_collapse button.accordion-button:not(.collapsed) {
	background: transparent !important;
	padding-left: 0px;
	padding-right: 6px;
	color: #3E342A !important;
	text-transform: capitalize !important;
	font-size: 19px;
}

.repruct_content_collapse .accordion-body {
	padding: 0px 0px 14px !important;
	color: #6E665C;
	font-size: 16px;
	font-weight: 400;
}

.repruct_content_collapse .accordion-item {
	background-color: transparent !important;
	border: 0 !important;
    padding-bottom:30px;
}

.repruct_content_collapse {
	border-top: 1px solid #DCD3BF;
	border-bottom: 1px solid #DCD3BF;
}
.accordion-collapse {
}
.repruct_content_collapse .accordion-body span {
	color: #875D2A;
	margin-left: 3px;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
}

.reproduc_tabs {
	margin-top: 30px;
}

.reproduc_tabs .tab-content > .tab-pane.container {
	max-width: 100% !important;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.reproduc_tabs .nav.nav-pills {
	gap: 30px;
	margin-bottom: 14px;
}

.reproduc_tabs .nav-pills .nav-link {
	border-radius: 0px;
	padding: 0px;
	font-size: 16px;
	color: #B89F7B;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 6px;
}

.reproduc_tabs .nav-pills .nav-link.active,
.reproduc_tabs .nav-pills .show>.nav-link {
	color: #875D2A;
	background-color: unset;
	border-bottom: 1px solid #875D2A;
}

.reproduc_tabs .tab-pane {
	padding: 0;
}

.reproduc_tabs .accordion-item {
	margin-top: 8px;
    border-radius: 0;
	border: 1px solid #DCD3BF !IMPORTANT;
}
#summary_checkout .detail_cont_left {

}
.reproduc_tabs button.accordion-button {
	color: #3E342A;
	text-transform: capitalize !important;
	font-weight: 500;
	padding: 12px 20px;
	font-size: 19px;
}

.repro_radio {
	position: relative;
margin-bottom:5px;
gap:12px;
    display: flex;
    align-items: center;
}
.form_produc .repro_radio label {
    padding-left: 0;
    padding-top: 0;
}
.repro_radio label {
	color: #3E342A;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 29px;
}

.repro_radio label span {
	margin-left: 3px;
}

.repro_radio input[type="radio"] {
	height: 20px;
	width: 21px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
    flex-shrink: 0;
}

.repro_radio input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 20px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 21px;
	border: 1px solid #877F76;
}

.repro_radio input[type="radio"]:checked:after {
    background-color: #3E342A;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    left: 3px;
    outline: 1.5px solid #3E342A;
    outline-offset: 3px;
}

.repro_radio.gesso-disabled {
    cursor: not-allowed;
}
.repro_radio.gesso-disabled input[type="radio"] {
    cursor: not-allowed;
    opacity: 0.45;
}
.repro_radio.gesso-disabled label {
    cursor: not-allowed;
    color: #aaa !important;
}
.gesso-not-available-msg {
    font-size: 11px;
    color: #999;
    font-style: italic;
    white-space: nowrap;
    flex-shrink: 0;
}

.reproduc_tabs .green_include {
	font-style: italic;
	font-weight: 500;
	font-size: 14px;
}

/*.collapse_inner_box .accordion-button::after {*/
/*	transform: rotate(-180deg);*/
/*	margin-top: -11px;*/
/*}*/

/*.collapse_inner_box .accordion-button:not(.collapsed)::after {*/
/*	transform: rotate(-90deg) !important;*/
/*	margin-top: -11px;*/
/*	margin-right: -9px;*/
/*}*/

.reproduction_button_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
gap:12px;
}
#size-dropdown-list {
    display: none; /* Default hide */
}

#size-dropdown-list.is-open {
    display: block; 
}
.reproduction_button_box .total_price_box {
	padding: 0px;
	width: 43%;
}

.reproduction_button_box .detail_content {
	display: block;
}

.reproduction_button_box .detail_cont_right {
	text-align: left;
}

.reproduction_button_box .add_tocart_btn {
	width: 200px !important;
	padding: 0;
}

.reproduction_button_box h4.total_price {
	margin-bottom: 0px;
}

.reproduction_button_box .dtl_con h4 {
	margin-bottom: 8px;
    font-size: 16px;
}
 .reproduction_button_box .dtl_con .total_price {
font-family: var(--font-body);
opacity:1;
font-weight: 500 !important;
font-style: Medium ;
font-size: 30px !important;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color:#3E342A;

}

.reproduction_button_box .add_tocart_btn button {
	line-height: 32px;
	font-size: 16px;
    border: 1px solid #875D2A;
}

/*.repruct_content_collapse .accordion-button:not(.collapsed)::after {*/
/*	transform: rotate(267deg) !important;*/
/*	margin-right: 0px;*/
/*}*/

/*.repruct_content_collapse .accordion-button::after {*/
/*	transform: rotate(180deg);*/
/*	margin-top: -11px;*/
/*	margin-right: 10px;*/
/*}*/

.reproduc_tabs .optional_box {
	/*background: #e8e2ce;*/
	padding: 0px;
}

.reproduc_tabs .custome_check input[type="checkbox"] {
	margin-top: 4px;
}

.reproduc_tabs .custome_check {
	align-items: flex-start;
}

.nft_cert_label {
	color: #3E342A;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 29px;
	margin-left: 0 !important;
}

/* Artwork detail “story” column: description, specs list, optional HR to gallery */
.artwork_section {
	background: #E8E2CD;
	padding: 48px;
}

.art_heading {
	font-size: 28px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 33px;
	font-weight: 400;
	margin-bottom: 30px;
}

.art_text {
	font-size: 16px;
	font-weight: 600;
	color: #3E342A;
	margin-top: 23px;
	margin-bottom: 11px;
}

.art_detail {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
}

.art-point {
	padding-left: 9px;
	margin-top: 15px;
}

.art-point li {
	list-style-type: disc;
	list-style-position: inside;
}

.art-point li::marker {
	color: #875D2A;
	font-size: small;
}

.art-point li a {
	color: #875D2A;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}

.artwork_section hr {
	color: #CCC2AE;
	margin: 55px 0px;
}

.artwork_img {
	padding-top: 59px;
    padding-left: 20%;
    padding-right: 20%;

}

.artwork_img img {
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    object-position: top;
}

.art_img_content {
	text-align: left;
	font-style: italic;
	color: #3E342A;
	padding-top: 8px;
}

.art_img_content h4 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

.art_img_content p {
	font-size: 11px;
	font-weight: 400;
}

.image_select_box {
	/* background: #EDE9DE00; */
	padding: 92px 0px;
	background-image: url('../images/artworks/artworkback.jpg');
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/* width: 50%; */
	margin: auto;
	gap: 11px;
	background-position: center;
	background-size: 100% 100%;
}

.img_select {
	width: 47%;
}

.img_select img {
	width: 100%;
	box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
	border: 70px solid transparent;
	border-image: url(../../assets/images/borderFrame.jpg) 50 round;
}

.choose_color div {
	width: 11px;
	height: 11px;
	margin: 0px auto 6px;
	border-radius: 50%;
}

.clr1 {
	background: #A2D3E5;
}

.clr2 {
	background: #F4F2ED;
}

.clr3 {
	background: #C1D4C7;
}

.clr4 {
	background: #7A6B48;
}

.clr5 {
	background: #F7E5B5;
}
.profile-photo-section .profile-photo-upload .form-control {
    background-color: #F7F2E1 !important;
    border-radius: 0 !important;
    padding: 14px !important;
    border: 1px solid #9A9385 !important;
}
.img_color_icon {
	width: 33px;
	height: 33px;
}

.img_color_icon img {
	width: 100%;
}

.full_collection_section {
	text-align: center;
	padding: 35px 40px;
	color: #EDE9DE;
	background: url(/static/images/artworks/collecton_background.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.collec_heading {
	font-family: var(--font-title);
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 8px;
}

.collec_text {
	font-size: 18px;
	font-weight: 400;
}

.collection_tabs .nav-pills {
	width: 76%;
	margin: 35px auto 38px;
	gap: 12px;
	justify-content: center;
}

.collection_tabs .nav-pills .nav-link {
	border-radius: 0px;
	border: 1px solid #E8E2CD66;
	font-size: 16px;
	color: #EDE9DE;
	padding: 5px 10px;
}

.collection_tabs .nav-pills .nav-link.active,
.collection_tabs .nav-pills .show>.nav-link {
	color: #3E342A !IMPORTANT;
	background-color: #E8E2CD;
}

.collection_tabs .tab-content {
	width: 86%;
	margin: auto;
}

/* Font Awesome required */
.collection_tabs .slick-prev::before {
	content: "\f104";
	/* fa-angle-left */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 22px;
	color: #EDE9DE;
}

.collection_tabs .slick-next::before {
	content: "\f105";
	/* fa-angle-right */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 22px;
	color: #EDE9DE;
}

.collection_tabs .slick-prev {
	left: -29px;
}

.collection_tabs .slick-next {
	right: -29px;
}

.collection_image {
	width: 96% !important;
	height: 214px;
	position: relative;
}

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

.collection_details {
	margin-top:16px;
	max-width: 300px
}

.collection_details h4 {
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0%;
}

/* Text-link hover COLOR is site-specific — see wahooart-V1.7.css / artsdot-V1.7.css
   (DOC_APS_THE_7_SITES.md → "Frontend CSS: text-link hover"). Transition only here. */
.collection_details h4 a {
    transition: color 0.25s ease;
}

.collection_details p {
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: left;
}

.collection_other_detail {
	padding: 60px 160px 83px;
}

.collection_other_detail .form_heading {
	font-size: 29px;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 12px;
}

.form_img_colum {
	padding: 32px 16px 11px;
}

.form_img_colum .row {
	justify-content: center;
}

.clm_img {
	width: 100px;
	height: 100px;
	margin: auto;
	position: relative;
}

.clm_img span {
	background: #B23333;
	color: #FFFFFF;
	font-size: 13px;
	padding: 2px 5px;
	position: absolute;
	right: -20px;
	top: -14px;
}

.gift_img {
	width: 83px;
}

.clm_img img {
	width: 100%;
	height: 100%;
}

.img_colum_box h4 {
	font-size: 14px;
	font-weight: 600;
	color: #3E342A;
	margin-top: 26px;
}

.img_colum_box p {
	font-size: 12px;
	font-weight: 400;
	color: #3E342A;
	margin-top: 11px;
	width: 97%;
}

.form_img_colum .confirmation_notice {
	padding: 0px;
	gap: 5px;
	align-items: center;
	margin-top: 11px;
}

.form_img_colum .confirmation_notice img {
	width: 20px;
	height: 20px;
}

.form_img_colum .confirmation_notice p {
	font-size: 13px;
	margin-bottom: 0;
}

.premium_service .why_choose_right {
	padding: 70px 160px;
}

.premium_service .why_choose_right h3 {
	font-family: var(--font-title-accent);
	font-size: 35px;
	font-weight: 400;
	line-height: 42px;
	color: #F0B653;
	text-align: center;
}

.premium_service .why_choose_right .heading_text {
	text-align: center;
	color: #E8E5DC;
	margin: 11px 0px 23px;
}

.premium_service .why_choose_right .heading_paragrap {
	text-align: center;
}

.premium_service .why_choose_icon img {
	background: #EDE9DE;
	outline: 1px solid #EDE9DE;
}

.premium_service .why_choose_box_inner {
	margin-bottom: 14px;
}

.premium_service .why_choose_info p {
	color: #EDE9DE;
	line-height: 17px;
	font-size: 13px;
	width: 90%;
}

.premium_service .why_choose_info h5 {
	color: #EDE9DE;
}

.premium_service .why_choose_box {
	margin-top: 52px;
}

.include_benifits_box .why_choose_box_inner {
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.include_benifits_box .why_choose_icon img {
	background: #F7F1E0;
	padding: 6px;
	outline: unset;
	outline-offset: unset;
	width: 35px;
	height: 35px;
}

.include_benifits_box .why_choose_info h5 {
	font-size: 14px;
	margin-bottom: 0px;
}

.yellow_cont {
	margin-top: 0px;
    flex-shrink: 0;
	color: #875D2A;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.yellow_cont a {
    display: flex;
	color: #875D2A;
    align-items: center;
    gap: 8px;
    transition: color 0.25s ease;
}

.yellow_cont img {
    width: 30px;
    height: 27px;
    margin-left: -2px;
    /* margin-top: 2px; */
}

.gift_input input {
	width: 100%;
	margin-top: 11px;
	background: #F7F2E1;
	border: unset;
	padding: 0px 11px;
	height: 38px;
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
}

.commn_strache_frame {
	display: none;
	margin-top: 11px;
}

.commn_strache_frame button {
	width: 100%;
	text-align: left;
	color: #3E342A;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	background: #F7F2E1;
	border: unset;
	line-height: 25px;
	opacity: 0.6;
}

.streched_dropdown .frame_box img.frame-angle-thumb {
	width: auto;
	margin-left: 5px;
   padding: 12px;
    margin-left: 15px;
    height: clamp(90px, 6.25vw, 120px);
}

/* ── Shared frame angle hover preview (see frame_angle_hover_preview-V1.7.js) ── */
#frame-angle-preview {
	position: fixed;
	z-index: 9999;
	width: 25vw;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	box-shadow: 0 8px 28px rgba(62, 52, 42, 0.22);
}

#frame-angle-preview.visible {
	opacity: 1;
	visibility: visible;
}

#frame-angle-preview img {
	width: 100%;
	height: auto;
	max-height: 65vh;
	object-fit: contain;
	display: block;
}

.commn_strache_frame .btn:hover {
	border: unset;
	color: #3E342A;
	background: #F7F2E1;
}

.commn_strache_frame .btn:focus-visible {
	color: #3E342A;
	background-color: #F7F2E1;
	border-color: unset;
	outline: 0;
	box-shadow: unset;
}

.commn_strache_frame .btn-check:checked+.btn,
.commn_strache_frame .btn.active,
.commn_strache_frame .btn.show,
.commn_strache_frame .btn:first-child:active,
:not(.btn-check)+.btn:active {
	color: #3E342A;
	background-color: #F7F2E1;
	border-color: unset;
}

.commn_strache_frame .dropdown-menu {
	width: 100%;
	background: #F7F1E0;
	border-radius: 0px;
	border: 0px;
	padding: 6px 11px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.commn_strache_frame button[aria-expanded="true"].dropdown-toggle::after {
	transform: rotate(180deg);
}

.commn_strache_frame .dropdown-toggle::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 0;
	background: url('../../assets/images/strecharrow.png') no-repeat center center;
	background-size: contain;
	border: none;
	position: absolute;
	right: 11px;
	top: 13px;
	display: none;
}

.commn_strache_frame .frame_section {
	justify-content: start;
}

.commn_strache_frame input[type="radio"] {
	height: 18px;
	width: 18px;
	position: absolute;
	top: 5px;
	left: 6px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
}

.commn_strache_frame input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 18px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 18px;
	border: 1px solid #877F76;
}

.commn_strache_frame input[type="radio"]:checked:after {
	background-color: #3E342A;
	width: 12px;
	height: 12px;
	position: relative;
	top: 3px;
	left: 3px;
	outline: 1.5px solid #3E342A;
	outline-offset: 3px;
}

.commn_strache_frame h6.frame_text {
	font-weight: 500;
	text-transform: capitalize;
}
.frame_dropdown h6.frame_text {
    font-size: clamp(14px , 0.833vw , 16px);
}

.frame_dropdown .frame_section {
	gap: 16px;
}

.frame_dropdown .face_color_red {
	font-size: 11px;
}

.frame_dropdown .frame_box img.frame-angle-thumb {
	width: auto;
    padding: 12px;
	margin-left: 15px;
	height: clamp(90px , 6.25vw , 120px);
}


.frame_dropdown input[type="radio"] {
	height: 14px;
	width: 14px;
}

.frame_dropdown input[type="radio"]:after {
	width: 14px;
	height: 14px;
}

.frame_dropdown input[type="radio"]:checked:after {
	width: 8px;
	height: 8px;
}

.valueslct {
	margin-top: -11px;
	font-size: 10px;
}

.detail_select_frame {
	margin-top: 11px;
	display: none;
	/*padding-left: 32px;*/
    padding-bottom: 8px;
}

.detail_select_frame h5 {
	font-size: 14px;
	font-weight: 500;
	color: #3E342A;
	text-transform: uppercase;
}

.detail_select_frame p span {
	color: #875D2A;
	margin-left: 3px;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
}

.detail_select_frame p {
	font-size: 13px;
	font-weight: 400;
	color: #6E665C;
	margin-bottom: 0px;
}

.detail_select_frame .confirmation_notice {
	padding: 14px 0px;
}

.size_box {
	display: flex;
	justify-content: space-between;
	margin-top: 11px;
}

.size_box_left .switches-container {
	width: 200px;
	text-transform: uppercase;
}

.size_box_left .switch {
	width: 98px;
}

.manual_cstm__box {
	display: none;
}

.manual_values_box p {
	margin-top: 21px;
	color: #6E665C;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 14px;
}

.manual_values_box .commn_strache_frame {
	display: block;
	box-shadow: unset;
}

.manual_cstm__box .enter_manually_box {
	width: 100%;
}


.manual_cstm__box .input_label_text {
    height: 56px;
    padding: 9px 14px;
    width: 30%;
    background: #f1ecda;
}
.manual_cstm__box .add_tocart_btn {
	padding: 0px;
	width: 30%;
}

/*.manual_cstm__box .manuall_box input {*/
/*	width: 100%;*/
/*	opacity: 0.6;*/
/*	height: 44px;*/
/*}*/

/*.manual_cstm__box .manuall_box span {*/
/*	position: absolute;*/
/*	top: 30px;*/
/*	width: 100%;*/
/*	left: 13px;*/
	/* padding-bottom: 20px; */
/*	font-size: 13px;*/
/*	font-weight: 400;*/
/*}*/
.text-muted a {
color:#30271D;
}
.manual_cstm__box .add_tocart_btn button {
	font-size: 13px;
	padding: 0px;
	height: 56px;
}

.size_valueslct {
	display: block;
	margin-top: -7px;
	color: #3E342A;
	font-size: 13px;
	font-weight: 400;
}

.delivery_days {
	font-size: 14px;
	color: #389544;
	background: #DBE1CF;
	width: 150px;
	padding: 7px 0px;
	text-align: center;
	font-weight: 500;
	margin-top: 21px;
}

.para_partner {
	margin-top: 22px;
}

.para_partner p {
	color: #6E665C;
	font-size: 14px;
	font-weight: 400;
}

.para_partner h3 {
	font-size: 21px;
	font-weight: 500;
	color: #3E342A;
	margin-bottom: 15px;
}

.para_partner ul {
	padding-left: 11px;
}

.para_partner ul li {
	color: #6E665C;
	font-size: 14px;
	font-weight: 400;
	list-style-type: disc;
	list-style-position: inside;
}

.mrgn_botm {
	margin-bottom: 8px;
}

.buy_partner_shipping .why_choose_icon img {
	background: #E2DAC4;
	padding: 8px;
	outline: unset;
	outline-offset: unset;
	width: unset;
	height: unset;
}

.buy_partner_shipping {
	border-top: 1px solid #DCD3BF;
	margin-top: 26px;
	padding-top: 26px;
}

.buy_partner_shipping .why_choose_info h5 {
	margin-top: 8px;
}

.buy_partner_shipping .why_choose_box_inner {
	gap: 16px;
	margin-bottom: 0px;
}

.buy_partner_shipping .why_choose_info p {
	margin-bottom: 8px;
}

.incremwnt_decrement_box {
	display: flex;
}

.in_dec_box {
	width: 52px;
	height: 52px;
	border: 1px solid #3E342A33;
	line-height: 48px;
	text-align: center;
	font-size: 29px;
	color: #3E342A;
	cursor: pointer;
}

.value {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	color: #3E342A;
}

.partnership_page {
	gap: 11px;
}

.partnership_page .total_price_box {
	width: 30%;
}

.partner_section {
	margin-bottom: 42px;
}
.e_card_form h1,
.e_card_form h2 {
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 56px;
leading-trim: NONE;
line-height: 60px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
}

.buy_production_form .e_card_section .e_card_form {
height:auto;
}
.buy_production_form .card-content {
max-width:600px
}
.explore_similar_section {
	padding: 74px 160px 60px;
	background: #E8E2CD;
}

.explore_paintings_main {
	display: flex;
	gap: 0px;
	margin-top: 47px;
	flex-wrap: wrap;
}

.explore_similar_section .heading_text {
	margin-bottom: 20px;
}

.painting_box {
	width: 20%;
	text-align: center;
}

.painting_box img {
	width: 90%;
	margin-bottom: 29px;
	border: 20px solid transparent;
	padding: 11px;
	border-image: url('../../assets/images/borderFrame.jpg') 50 round;
}

.painting_box h5 {
	font-family: var(--font-title);
	font-size: 18px;
	font-weight: 400;
	color: #3E342A;
}
.painting_box h5 a {
	color: #3E342A;
}
.painting_box p {
	font-style: italic;
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
}
.painting_box p a {
	color: #3E342A;
}

.artist_skill_level {
	display: none;
}

.wrapper_see_more {
	position: relative;
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}

.text_see_more {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5em;
	max-height: calc(1.3em * 2.5);
	position: relative;
	transition: all 0.3s ease;
}

/* Gradient overlay for the last 0.5 line */
.wrapper_see_more::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1.5em;
	width: 100%;
	pointer-events: none;
}

/* Expanded state */
.wrapper_see_more.expanded_see_more .text_see_more {
	-webkit-line-clamp: unset;
	max-height: none;
	overflow: visible;
}

/* Remove gradient when expanded */
.wrapper_see_more.expanded_see_more::after {
	display: none;
}

.rolledframe_details {
	display: none;
}

.rolledframe_details img {
	margin: 11px 0px;
	width: 100%;
}

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

.rolledframe_details p span {
	color: #d71015;
}



.art_history_wrapper {
	text-align: center;
	padding-bottom: 35px;
}

.art_his_text {
	display: inline;
	background: #e4ddc7;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	padding: 5px;
}

.art_history_wrapper .heading_text {
	line-height: 43px;
	font-weight: 400;
	margin: 20px 0px;
}

.taggart {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #776E62;
	margin-bottom: 29px;
}

.history_art_img img {
	width: 100%; 
}

/* Article detail hero: full-width image, natural aspect ratio (no fixed-height crop) */
.article-hero-image {
	margin: 0 0 29px;
}

.article-hero-image img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.acadamic_inner_box {
	padding-top: 25px;
	/*display: flex;*/
	gap: 38px;
	padding-top: 25px;
}








/* .tableContent {
	width: 20%;
	max-width:320px;
	min-width: 200px;
}
 */
.historycle_overview {
	width: auto;
}


.side_headings {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #3E342A;
	opacity: 0.5;
	margin-bottom: 20px;
}

.historycle_overview .tab-content {
	margin: 0px auto;
}

.historicle_box {
	margin-bottom: 55px;
}

#artist-biography .historicle_box {
	padding-bottom: 1.5em;
}

.historicle_box .heading_text {
	font-size: 29px;
	text-align: left;
	line-height: 38px;
	margin-bottom: 32px;
	font-weight: 400;
}

.related_img_box {
}

.related_img_box img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.related_aricle_box h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 130%;
	color: #3E342A;
	margin-top: 21px;
}

.related_aricle_box p {
	font-size: 16px;
	font-weight: 400;
	color: #3E342A;
	line-height: 21px;
}

.explore_techniques {
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	text-transform: uppercase;
	color: #875D2A;
	cursor: pointer;
}

.related_aricle_box {
	padding: 0px 0px 20px;
	border-bottom: 1px solid #D3C8AF;
	margin-bottom: 27px;
}

.tableContent .nav-link {
	font-size: 16px;
	font-weight: 400;
	color: #3E342A;
	border-radius: unset;
}

.tableContent .nav-link:hover {
	text-decoration: none;
}

.tableContent li.nav-item {
	border-left: 2px solid #3E342A26;
}

.tableContent .nav-pills .nav-link.active,
.tableContent .nav-pills .show>.nav-link {
	color: unset;
    font-weight: 500;
	background-color: unset;
	border-left: 2px solid #3E342A !important;
}

.historycle_img {
	width: 100%;
	height: 366px;
	margin-bottom: 16px;
}

.historycle_img img {
	width: 100%;
	height: 100%;
}

.italic_text {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	color: #776E62;
	line-height: 21px;
}

.italic_text span {
	color: #B23333;
}

.text_mrgn {
	margin-bottom: 21px;
}

.historicle_box ,.historicle_box p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #3E342A;
}

.historicle_box p b {
	font-weight: 600;
}

.cabanel_img {
	display: flex;
	justify-content: center;
}

.cabanel_img {
	display: flex;
	justify-content: start;
	margin-bottom: 16px;
}

.cabanel_img img {
	width: 100%;
	height: 100%;
}

.centuary_box_details {
	padding-right: 11px;
}

.centuary_box_details p {
	margin-bottom: 21px;
}

.century_box {
	padding-left: 11px;
}

.century_box .text_mrgn {
	margin-top: 8px;
}

.century_img {
	width: 100%;
	height: 421px;
	margin-bottom: 16px;
}

.century_img img {
	width: 100%;
	height: 100%;
}

.oilPaintings_img {
	width: 100%;
	height: 170px;
	margin-bottom: 16px;
}

.oilPaintings_img img {
	width: 100%;
	height: 100%;
}

.centuary_box_details ul {
	padding-left: 26px;
}

.centuary_box_details ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	color: #3E342A;
	list-style-type: disc;
	margin-bottom: 6px;
}

.centuary_box_details ul li b {
	font-weight: 600;
}

.Interiors_img {
	width: 100%;
	height: 142px;
	margin-bottom: 16px;
}

.Interiors_img img {
	width: 100%;
	height: 100%;
}

.legacy_img {
	width: 100%;
	height: 394px;
	margin-bottom: 33px;
}

.legacy_img img {
	width: 100%;
	height: 100%;
}

span.text-red-span {
	color: #B23333;
}

.language-selector {
	position: relative;
	
}

.lang-selected {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
}

.lang-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 134px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 100;
}

.lang-option {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	cursor: pointer;
	gap: 8px;
	color: #504943;
	font-weight: 500;
	font-size: 14px;
}

.lang-option:hover {
	background-color: #f0f0f0;
}

.lang-option img {
	width: 25px;
	height: 17px;
	border-radius: 2px;
}

.lang-dropdown.show {
	display: block;
}

.lang-selected span {
	color: #504943;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lang-selected img {
	width: 11px;
}

.oilPaintings_img a span {
	color: #776E62;
}

.taggart a {
	color: #776E62;
	text-decoration: underline;
}
.artwork_img-details {
    width: 100%;
    max-height: 100% !important;
    object-fit: contain;
}
.quick_facts_section {
	background: #E8E2CD;
	padding: 20px;
	width: 100%;
}

/* Match related-articles sidebar width; prevent flex shrink in nested artwork row */
.artwork_section .container-fluid > .row > .artwork-qf-sidebar {
	flex-shrink: 0;
	min-width: 234px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.artwork_section .container-fluid > .row > .artwork-qf-sidebar {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 1200px) {
	.artwork_section .container-fluid > .row > .artwork-qf-sidebar {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.quick_facts_section h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	color: #3E342A;
	text-transform: uppercase;
}

/* Artist detail sidebar: consistent section spacing and heading style */
.tableContent .artist_sidebar_links + .side_headings,
.tableContent ul.nav.nav-pills + .side_headings,
.tableContent .quick_facts_section + .side_headings,
.tableContent .side_headings.side_headings--section-gap,
.tableContent .side_headings + .quick_facts_section,
.tableContent .side_headings + .art_quize_section {
	margin-top: 32px;
}

.tableContent .artist_sidebar_links .nav-link {
	font-size: 14px;
}

.box_facts ul li {
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
	line-height: 20px;
	margin-bottom: 7px;
}

.box_facts ul li b {
	font-weight: 600;
}

.box_facts ul li a {
	color: #875D2A;
	text-decoration: underline;
	font-weight: 500;
}

.qf-more-trigger {
    cursor: pointer;
    color: #875D2A;
    font-weight: 600;
    font-size: 13px;
    text-decoration: underline;
    list-style: none;
    margin-top: 6px;
    user-select: none;
}

.qf-more-trigger:hover {
    color: #3E342A;
}

.qf-more-content {
    display: none;
}

.qf-more-content.open {
    display: block;
}

.art_quize_section {
	margin-top: 29px;
	background: #3E342A;
	padding: 20px 20px 25px;
}

.art_header h4 {
	font-family: var(--font-title);
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	color: #EDE9DE;
}

.art_header p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #EDE9DEB2;
}

.ques_box {
	margin-bottom: 15px;
}

.ques_heading {
	font-size: 14px;
	line-height: 23px;
	font-weight: 500;
	color: #875D2A;
	text-transform: uppercase;
}

.ques_text {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #EDE9DE;
	margin: 10px 0px;
}

.ques_box .repro_radio label {
	color: #EDE9DE;
}

.question_option .repro_radio input[type="radio"]:after {
	background-color: #3e342b;
	border: 1px solid #877F76;
}

.submit_quiz .add_tocart_btn button {
	font-size: 14px;
}

.submit_quiz .add_tocart_btn {
	padding: 0;
}

.listOf_artwork_section {
	text-align: center;
	background: #E8E2CD;
	padding: 51px 160px;
}

.listOf_artwork_section h4 {
	margin-bottom: 42px;
	font-size: 39px;
	line-height: 38px;
	font-weight: 400;
	font-family: var(--font-title);
	color: #3E342A;
	text-transform: capitalize;
}

.listOf_artwork_tabs ul {
	justify-content: center;
}

.listOf_artwork_tabs a.nav-link {
	font-weight: 500;
	font-size: 15px;
	line-height: 26px;
	color: #3E342A;
	text-transform: capitalize;
	border-bottom: 1px solid #3E342A1F;
	border-radius: 0px;
}

.listOf_artwork_tabs .nav-pills .nav-link.active,
.listOf_artwork_tabs .nav-pills .show>.nav-link {
	color: #875D2A;
	background-color: unset;
	font-weight: 700;
	border-color: #875D2A;
}

.listOf_artwork_tabs .nav-link:hover {
	color: #3E342AB8 !important;
}

.tabPane_inner_box {
	margin: 43px 0px 18px;
}

.tabPane_inner_box .row {
	align-items: center;
}

.tabPane_inner_box .vincent_color {
    font-size: 12px;
    margin-bottom: 6px;
    margin-top: 43px;
}
.view_all_art {
	margin-top: 34px;
}

.view_all_art a {
	font-size: 14px;
	font-weight: 500;
	color: #875D2A;
	text-transform: uppercase;
	text-decoration-line: none;
	transition: color 0.25s ease;
}

.artOf_paneBox p {
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	color: #3E342A;
}
.artOf_paneBox p a{
	color: #3E342A;
}


.aeraof_img1 {
	width: 85%;
	margin: 0px auto 0px;
}

.aeraof_img2 {
	width: 85%;
	margin: 0px auto 0px;
}

.aeraof_img3 {
	width: 85%;
	margin: 0px auto 0px;
}



.aeraof_img1 img {
    box-shadow: rgba(0, 0, 0, 0.15) -9px 11px 14px;
	width: 100%;
}

.aeraof_img2 img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 11px 14px;
	width: 100%;
}

.aeraof_img3 img {
    box-shadow: rgba(0, 0, 0, 0.15) 9px 11px 14px;
	width: 100%;
}


 



.henri_img_section img {
	width: 100%;
	height: 650px;
}

.artOf_paneBox .vincent_color {
    margin-top: 43px;
}

/* Artist landing hero: background image + consultation swiper overlay */
.artist_by_section {
	background: url(../images/Vinci.jpg);
	height: 500px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 0px;
}

.artist_by_section .consultation_content h1 {
	font-size: 68px;
	line-height: 74px;
	text-transform: capitalize;
}

.artist_by_section .swiper-caption2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 265%;
	height: 165%;
	transform: translate(-50%, -50%);
	opacity: 1;
	z-index: -1;
}

/* Label for each painting tile in list_paint grids on artist pages */
.painting_text {
    color: #3E342A;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0%;
}
.list_paint .painting_box img {
	border: 0px solid transparent;
	padding: 0px;
	border-image: unset;
}

/* Artist page: customer reference photo manager (upload / select thumbnails) */
.manage_imags_section {
	padding: 80px 160px 1px;
	background: #E8E2CD;
	margin-bottom: 28px;
}

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

.img_left_head {
	width: 54%;
}

.img_right_head {
	width: 46%;
}

.img_heading h4 {
	font-family: var(--font-title);
	font-size: 34px;
	font-weight: 400;
	color: #3E342A;
	text-transform: capitalize;
}

.img_heading p {
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
	margin-bottom: 11px;
}

.img_heading a {
	text-transform: uppercase;
	color: #875D2A;
	font-size: 14px;
	font-weight: 500;
}

.img_heading img {
	margin-left: 6px;
}

.imgs_mng_vin {
	display: flex;
	padding: 50px 0px 0px;
	gap: 60px;
	border-bottom: 1px solid #DCD3BF;
}

.vib_box {
	width: 20%;
}

.vib_box img {
    width: 100%;
    height: 245px;
    object-fit: cover;
}

.vib_box p {
	text-align: center;
	padding: 25px 0px;
	color: #3E342A;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 14px;
}
.vib_box p a {
	color: #3E342A;
}

.manage_img_box {
	margin-bottom: 50px;
}

.remove_border {
	margin-bottom: 20px;
}

.remove_border .imgs_mng_vin {
	border-bottom: 0px;
}

.artistPage_Slider_section {
	background: #E8E2CD;
	padding: 18px 120px;
	text-align: center;
}

.artistPage_Slider_section .swiper-slide {
	background: unset;
}


.parent_slid_box h4 {
	margin-bottom: 65px;
	font-size: 46px;
	line-height: 33px;
	font-weight: 400;
	font-family: var(--font-title);
	color: #3E342A;
	text-transform: capitalize;
}

.swp_btn {
	width: 49px;
	height: 49px;
}

.swp_btn img {
	width: 100%;
}

.swiper-button-next.swp_btn.swiper-button-disabled,
.swiper-button-prev.swp_btn.swiper-button-disabled {
	opacity: 0;
}


.swiper-button-prev.swp_btn {
    transform: rotate(180deg);
}

.artist_slid_box .vincent_color {
	margin-top: 35px;
	margin-bottom: 4px;
}

.artist_slider {
	position: relative;
}

.artist_slider .swiper-button-next,
.artist_slider .swiper-button-prev {
	top: var(--swiper-navigation-top-offset, 44%);
}

.artist_slider .swiper-button-next,
.swiper-rtl .artist_slider .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, -11px);
}

.artist_slider .swiper-button-prev,
.swiper-rtl .artist_slider .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, -11px);
	right: auto;
}

.artist_slid_box .painting_text {
	line-height: 17px;
}
.artist_slid_box .painting_text a{
    color: #3E342A;
}
.parent_slid_box {
	border-bottom: 1px solid #DCD3BF;
	padding: 50px 0px;
}

.artistPage_Slider_section .parent_slid_box:last-child {
	border-bottom: 0px;
}

.appraisel_main_section {
    padding: 20px 160px 52px;
    background: #E8E2CD;
}

.apprisel_table_section {
    margin-top: 38px;
}

.apprisel_table_section .form_heading {
    text-align: left;
}

.table_box {
    margin-top: 40px;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #CCC2AE;
    border-style: solid;
    border-width: 0;
}

.table>:not(caption)>*>* {
    padding: 12px 15px;
    background-color: #F7F2E1;
}

table th {
    color: #875D2A !IMPORTANT;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

table td {
    text-align: center;
    vertical-align: middle;
}

table td h4 {
    font-size: 16px;
    font-weight: 600;
    color: #3E342A;
    margin-bottom: 4px;
}

table td p {
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
    margin-bottom: 0px;
}

table .custome_check {
    justify-content: center;
}

table th:first-child {
    text-align: left;
    /*min-width: 555px;
    width: 555px;*/
}

table td:first-child {
    text-align: left;
}

.interaction-card table th:first-child, 
.interaction-card table th {
    text-align: left;
    min-width: 150px;
    width: 25%;
}

.usd_heading {
    font-size: 14px;
    font-weight: 600;
    color: #3E342A;
}

.table_price_color {
    font-size: 13px;
    font-weight: 600;
    color: #A83320;
} 

table td b {
    color: #3E342A;
    font-size: 18px;
    font-weight: 600;
}

.valuation_request {
    width: 52%;
    margin: 54px auto 83px;
}

.valuation_request h4 {
    text-align: center;
    font-size: 38px;
    color: #3E342A;
    font-family: var(--font-title);
    line-height: 33px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 44px;
}

.valuation_form_box {
    width: 96%;
    margin: 30px auto 16px;
}

.valuation_form_box .dropdown-header {
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-size: 13px !important;
}

.valuation_form_box .custom-dropdown .dropdown-header {
    height: 50px;
    line-height: 27px;
}
.valuation_form_boxs {
max-width:400px;
margin:0 auto;
}
.valuation_form_box .btn-next {
width:100%;
}
.fome_sec {
    margin-bottom: 20px;
}

.input_box {
    margin-bottom: 8px;
}

.input_box input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px , 2.917vw , 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}

.pr_input {
    padding-right: 4px;
}

.pl_input {
    padding-left: 4px;
}

.form-control:focus {
    color: #3E342A;
    background-color: #f7f2e2;
    box-shadow: unset;
}

.valuation_form_box label {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
    margin-top: 5px;
    margin-left: 10px;
}

.input_box textarea {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    color: #3E342A;
    font-size: 13px;
    font-weight: 500;
    height: 120px;
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
    resize: none;
}

.valuation_form_box p {
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
    margin-bottom: 14px;
}

.valuation_form_box .upload_image_box {
    text-align: center;
    width: 100%;
    height: 168px;
    background: #F7F2E1;
    border: 1px dashed #3E342A80;
    padding: 14px;
}

.upload_image_box h3 {
    font-size: 16px;
    font-weight: 600;
    color: #3E342A;
    margin-top: 18px;
}

.upload_image_box p {
    margin-bottom: 8px;
    font-size: 14px;
}

.upload_image_box .imageInput {
    width: 18%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.input_box .file_upload_input_new input {
    height: 100%;
}

.valuation_request .add_tocart_btn {
    padding: 0;
    margin-top: 38px;
}

.valuation_request .add_tocart_btn button {
    font-size: 14px;
    height: 47px;
}

.input_box .image_upld_flex {
    margin: 0px;
}

.input_label_text {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    color: #3E342A;
    font-size: 13px;
    font-weight: 400;
    height: 50px;
    text-transform: uppercase;
    padding: 6px 14px;
    outline: unset;
}

.input_label_text input {
    padding: 0px;
    border: 0;
    background: transparent;
    text-transform: uppercase;
    font-size: 13px;
    color: #3E342A;
    opacity: 0.6;
    font-weight: 500;
}
/* Artwork PDP: outer section padding around image + purchase column */
.art_info_section {
    padding: 0px 160px 20px;
}
/* Two-column shell: hero image + right-hand purchase/spec card on artwork PDP */
.art_info_box {
    margin-top: 34px;
    margin-bottom: 100px;
}

/* Artwork info (/art/info/): purchase/share links below image, outside .art_info_details box */
.art_info_box .artwork-info-actions-bar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px auto 30px;
    padding: 0 15px;
    box-sizing: border-box;
}
.art_info_box .artwork-info-actions-bar .fav-icon-artwork {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    justify-content: center;
    max-width: 100%;
}


.art_info_img img {
	box-shadow: #00000040 2px 2px 10px 5px;
	max-height: 75vh;
    max-width: 80vw;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto; /* optional: center horizontally */
}
/* Right column on artwork PDP: price, options, tabs, add-to-cart */
.art_info_details {
    background: #E8E2CD;
    padding: 40px 30px 15px;
    border: 1px solid #DCD3BF;
    box-shadow: #7D746E3D 4px 8px 20px 0px;
}
/* About-this-artwork infobox — same frame as .art_info_details; follows other sections */
.historicle_box.artwork-info-infobox {
    margin-top: 1rem;
    background: #E8E2CD;
    padding: 15px 30px 15px;
    border: 1px solid #DCD3BF;
    box-shadow: #7D746E3D 4px 8px 20px 0px;
    box-sizing: border-box;
    position: relative;
}
.artinfo_top h4,
.historicle_box.artwork-info-infobox .art-info-page-title {
    color: #3E342A;
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    font-family: var(--font-title);
    margin-top: 0;
    margin-bottom: 18px;
}
.historicle_box.artwork-info-infobox {
    text-align: left;
}
.historicle_box.artwork-info-infobox ul li {
    line-height: 1.5em;
    margin-bottom: 0.25em;
}
.historicle_box.artwork-info-infobox .artwork-infobox-label {
    font-weight: 400;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(120px, 200px);
    gap: 24px 32px;
    align-items: start;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-col {
    min-width: 0;
    background: transparent;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-quick-facts ul,
.historicle_box.artwork-info-infobox .artwork-info-infobox-about ul {
    padding-left: 26px;
    margin: 0;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-quick-facts ul li {
    font-size: inherit;
    line-height: 1.5em;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qf-sublist {
    margin: 4px 0 0;
    padding-left: 18px;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr-col {
    text-align: center;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 991.98px) {
    .historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
        grid-template-columns: 1fr 1fr;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-about {
        grid-column: 1 / -1;
    }
}
@media (max-width: 767.98px) {
    .historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-about {
        grid-column: auto;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-qr {
        max-width: 160px;
    }
}

/* Artwork info (/art/info/) — transition only. Hover COLOR → wahooart-V1.7.css / artsdot-V1.7.css
   (DOC_APS_THE_7_SITES.md → "Frontend CSS: text-link hover"). */
.art_info_box .artwork-info-infobox a,
.art_info_box .historicle_box a,
.art_info_box .artinfo_top h4 a,
.art_info_box .art_info_inner h4 a,
.art_info_box .details_reproducton a,
.art_info_box .fav-icon-artwork a {
    transition: color 0.25s ease;
}

.artinfo_top p {
    font-size: 14px;
    color: #3E342A;
    font-weight: 400;
    margin-top: 18px;
}
.artinfo_top ul li {
    font-size: 14px;
    font-weight: 400;
}
.artinfo_top ul li b {
    font-weight: 600;
}
.art_info_inner {
    background: #F7F2E1;
    padding: 20px 23px;
    margin-bottom: 20px;
}
.art_info_inner p {
    font-size: 14px;
    color: #3E342A;
    font-weight: 400;
    margin-bottom: 0px;
}
.art_info_details ul {
    margin-bottom: 23px;
}
.art_info_inner h4 {
    color: #B23333;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.art_info_details.landscape_det {
    display: flex;
    gap: 30px;
    margin-top: 60px;
}
/* About-this-artwork: full width below title/description (not a flex column on the right) */
.art_info_box > .row > .col-md-12 .artwork-info-infobox {
    width: 100%;
    max-width: 100%;
}
.landscape_img {
    margin: auto; 
}
.alphabet_box {
    display: flex;
    margin: 29px auto 40px;
    width: 79%;
    justify-content: center;
}
.alpha_letter {
    width: 41px;
    height: 41px;
    line-height: 31px;
    border: 1px solid #CCC2AE;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    color: #3E342A;
    font-family: var(--font-title);
    border-right: 0px;
    cursor: pointer;
}
.alpha_letter a {
    color: #3E342A;
    display: block;
}
.alpha_letter:last-child {
    border-right: 1px solid #CCC2AE;
}
.alpha_letter:hover {
    background: #CCC2AE;
}
.alphabet_indv {
    margin-bottom: 24px;
}
.alphabet_indv h4 {
    font-family: var(--font-title);
    font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    color: #3E342A;
    margin-bottom: 16px;
}
.profile_box {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 20px;
}
.profile_img img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.profile_name a{
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
}
.profile_year {
    font-size: 12px;
    font-weight: 400;
    color: #3E342A;
}
.view_more_alpha a {
    color: #875D2A;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 400;
}
.purchase-card-head .overflow-x-auto {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.valuation_form_box #id_email {
    padding: 15px 10px 15px;
}
.valuation_form_box p a {
	color: #875D2A !important;

}
h4.ind-alpha {
    margin-top: 20px;
    font-size: 34px;
}
.e_card_form .form-control {
    width: 100%;
    margin-top: 11px;
    background: #F7F2E1;
    border: unset;
    padding: 0px 11px 8px;
    color: #3E342A;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0px;
}
.e_card_form {
    background: #E8E2CD;
    border: 1px solid #DCD3BF;
    padding: 50px 30px;
    margin: 48px;
}
.e_card_form form {
    max-width: 600px;
    margin: auto;
}
.e_card_form .add_tocart_btn {
    padding: 0px;
    margin-top: 42px;
}
.e_card_form .form-floating>.form-control-plaintext~label, .e_card_form .form-floating>.form-control:focus~label, .e_card_form .form-floating>.form-control:not(:placeholder-shown)~label, .e_card_form .form-floating>.form-select~label {
    color: #7b7b7b !important;
    opacity: 0.6;
}
.e_card_section .e_card_form {
    background: #E8E2CD;
    border: 1px solid #DCD3BF;
    padding: 50px 30px;
    margin: 0 !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating_left img {
    width: 60px;
    height: 56px;
    object-fit: cover;
    object-position: top;
}
.e_card_form .form_heading {
font-size:40px;
padding-bottom:16px;
}
.e_card_form .form_content {
font-size:18px;
}
.form-top_heading {
    width: 100%;
    background: #F7F2E1;
    height: 56px;
    display: flex;
    gap: 11px;
    align-items: center;
    margin-top: 29px;
}
.floating_right_heading h5 {
    color: #3E342A;
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0.6;
    margin-bottom: 3px;
}
.floating_right_heading p {
    color: #3E342A;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}
#picture__input {
  display: none;
}
/* Search / browse: filter sidebar panel next to results */
.search_sec .sidebar_box {
padding:20px;
}
/* Artwork cards in catalog grids (search, similar works): image + body column widths */
.custom_search .search_card .search_img, .custom_search .search_card .searchCard_body {
    width: 100% !important;
    height: auto !important;
}
/* File-drop / preview surface for custom upload fields (reproduction, profile) */
.picture {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3E342A;
    width: 100%;
    cursor: pointer;
    font-family: sans-serif;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    outline: none;
    overflow: hidden;
    height: 400px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

.picture__img {
    max-width: 85%;
    height: 330px;
}
.e-card_img_upload_section {
    background: #F7F2E1;
    border: 1px solid #DCD3BF;
}
.e-card_img_upload_section h5 {
    font-size: 28px;
    color: #3E342A;
    font-family: var(--font-title);
    line-height: 29px;
    font-weight: 400;
    padding: 24px;
    text-align: left;
    border-bottom: 1px solid #DCD3BF;
    margin-bottom: 0px;
}
span.picture__image {
    text-align: center;
    width: 90%;
}
.float_drop_down label {
    color: #3E342A !important;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 11px 0px;
    position: relative;
    top: 7px;
}
.cus_float_heading {
    font-size: 14px;
    color: #3E342A;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
}
.cus_float_content {
    font-size: 13px;
    color: #3E342A;
    opacity: 0.8;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}
.float_drop_down .custom-dropdown .dropdown-list li {
    border-bottom: 1px solid #CCC2AE;
}
.float_drop_down .custom-dropdown .dropdown-list {
    border-top: 1px solid #CCC2AE;
}
.float_drop_down .custom-dropdown {
    border: unset;
    border-radius: 0;
    height: 56px;
}
.custom-dropdown2 {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    background: #f5f1df;
    font-family: sans-serif;
    position: relative;
    height: 56px;
}

.custom-dropdown2 .dropdown-header2 {
	display: flex;
	justify-content: space-between;
	padding: 0px 11px;
	cursor: pointer;
	background: #f5f1df;
	font-weight: bold;
	background: #F7F2E1 !important;
	border: none !important;
	border-radius: 0px;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 14px;
	lline-height: 21px;
	text-transform: uppercase;
	color: #3E342A !important;
	box-shadow: none !important;
	height: auto;
}
.custom-dropdown2 .arrow-icon img {
	transition: transform 0.3s ease;
}

.custom-dropdown2 .dropdown-list2 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	border-top: 1px solid #ddd;
	position: absolute;
	z-index: 9;
	background: #f6f2e1;
	width: 100%;
}

.custom-dropdown2 .dropdown-list2 li {
	padding: 9px 11px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #3E342A;
}

.custom-dropdown2 .dropdown-list2 li:hover {
	background: #F3ECD5;
}

.custom-dropdown2.open span.arrow-icon {
	transform: rotate(180deg);
}
.float_drop_down .arrow-icon{
    position: relative;
    top: -15px;
}
.float_drop_down span {
    max-width: 100%;
    text-transform: capitalize;
}
/* Arrow rotate when open */
.custom-dropdown2 .custom-dropdown2.open .arrow-icon img {
	transform: rotate(180deg);
}

.reproduc_tabs .custom-dropdown .dropdown-header {
    height: auto;
    line-height: 10px;
}

.reproduc_tabs .custom-dropdown label {
    color: #3E342A;
    opacity: 0.6;
    text-transform: uppercase;
    font-size: 12px;
    padding: 9px 11px 5px;
}
.reproduc_tabs .arrow-icon{
    position: relative;
    top: -15px;
}

.reproduc_tabs .custom-dropdown {
    border: unset;
    border-radius: 0px;
}
.e-card-img {
    text-align: center;
}
.preview_img {
    width: 75%;
    margin: 29px auto;
    position: relative;
}
.preview_img p {
    position: absolute;
    top: 52%;
    left: 52%;
    transform: translate(-50%, -50%);
    color: #FFF6DC;
    font-size: 21px;
    font-family: var(--font-title-accent);
    width: 76%;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 0px;
}
.preview_img img {
    width: 100%;
    height: 405px;
}
.previe_padding {
    padding: 12px 14px;
    margin-top: 11px;
}
.previe_padding p {
    text-transform: capitalize;
}
.cart_summary_box .buy_partner_shipping {
    border-top: 0px;
    margin-top: 34px;
    padding-top: 0px;
}
.cart_summary_box .why_choose_info h5 {
    font-size: 16px;
    line-height: 16px;
color:#3E342A;
    font-weight: 600;
}
.cart_summary_box .why_choose_box_inner {
    gap: 16px;
    margin-bottom: 6px;
}
.cart_summary_box .why_choose_info p {
    font-size: 16px;
}
.cart_summary_box .why_choose_icon img {
    width: 35px;
    height: 35px;
}
/* Cart heading (“My cart”) */
.my_cart {
    font-family: var(--font-title);
    font-size: 40px;
    font-weight: 400;
    color: #3E342A;
    line-height: 31px;
}
/* Shopping cart page: line items + summary layout region */
.cart_section {
padding-bottom:150px;
    margin-top: 33px;
}
.table_in_dec .in_dec_box {
    width: 40px;
    height: 40px;
    font-size: 26px;
    line-height: 36px;
}
.table_in_dec .value {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.item_count {
    color: #3E342A;
    font-size: 14px;
    opacity: 0.6;
    font-weight: 400;
    line-height: 24px;
}
.cart_item_box {
    margin-top: 33px;
}

.cart_item_box .summery_checkout {
    margin-top: 0px;
    border: 0px;
    padding: 0px 24px;
}
.cart_item_box .summary_detail_box {
    padding: 14px 0px 0px;
}
.cart_item_box .sum_chek_text {
    padding: 24px 0px;
}
.cart_item_box .total_price_box {
    padding: 24px 0px;
}
.cart_item_box  .add_tocart_btn {
    padding: 0px 0px 14px;
}
.cart_table_box table th {
    color: #3E342A !IMPORTANT;
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
text-transform: uppercase;
    text-align: left;
    border-top: 1px solid #CCC2AE;
    min-width: 125px;
}
.cart_table_box .table>:not(caption)>*>* {
    padding: 20px 0px !important;
    background-color: unset;
}
.p_cart_table_box .table>:not(caption)>*>* {
    padding: 20px !important;
    background-color: unset;
border-top: 1px solid #CCC2AE;
}
.cart_table_box table th:first-child {
    min-width: 32px;
    width: 32px;
}
.cart_table_box table td:first-child {
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}
.cart_table_box .table_in_dec .in_dec_box { 
		width: 25px;
		height: 25px;
		line-height: 22px;
		font-size: 20px;
}
.p_cart_table_box table th:first-child {
    min-width: 155px;
    width: 56%!important;
}
.cart_table_box table th:last-child {
    text-align: right;
}
.p_cart_table_box table th:last-child {
 width:16%;
}
.cart_table_box table {
    width: 100%;
}
.cart_table_box .usd_text {
    font-size: 18px;
}
.usd_text {
    color: #3E342A;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.cart_table_box table td {
    border-bottom: 0px;
    padding: 38px 16px !important;
}
.item_data 
.item_data_img {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
.item_data_img img {
    height: 120px;
}
.item_data_detail .painting_text a {
    color: #3E342A;
}
.item_data_detail ul {
    margin-top: 3px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 21px;
    margin-bottom: 0px;
}
.item_data_detail .vincent_color {
    margin-bottom: 0px;
}
.cart_table_box table td {
    vertical-align: top;
}

.item_data_detail ul li {
    list-style-type: none;
    list-style-position: inside;
    color: #3E342A;
    margin-right: 13px;
    font-family: var(--font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    opacity: 0.6;
}

.item_data_detail li span {
    opacity: 1;
    color: #3E342A !important;
    margin-right: 4px;
}

.item_data_detail li::marker {
    color: #9a9389;
}
.cart_summary_box .detail_img {
    width: 68px;
    height: 48px;
}
.promo_code_box {
    margin: 10px 0px 20px;
    background: #E8E2CD;
    padding: 30px;
    border: 1px solid #DCD3BF;
}
.promo_code_box h6 {
    color: #3E342A;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 14px;
}
.input_btn_box {
    display: flex;
    gap: 11px;
}
.input_btn_box input {
    background: #F7F2E1;
    border: unset;
    padding: 6px 14px;
    width: 70%;
}
button.apply_btn {
    background: #3E342A;
    border: unset;
    padding: 6px 14px;
    width: 30%;
    color: #EDE9DE;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}






/* custome my css */


.background_color_bg{
    background: #EDE9DE;
    font-family: var(--font-body);
    color: #333;
    font-size: 14px;
    overflow-x: hidden;
}

.section-title span {
    width: 32px;
    height: 32px;
    background-color: #E8E2CD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
}

.section-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.section_all_card {
    border: 1px solid #DCD3BF;
    padding: 30px;
}

.card-custom {
    margin-bottom: 20px;
    padding: 18px;
    cursor: pointer;
}

.result_show h2 {
    font-size: 24px;
    font-weight: 500;
}
.consultation_content {
    height: 92.5%;
    display: flex
;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.result_show {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-content-col {
min-height: 724px; 
}
.select_short_by select {
    border: none;
    background: none;
    font-size: 16px;
    line-height: 24px;
    outline: none;
    padding: 0 5px;
}

.select_short_by label {
    font-size: 16px;
    line-height: 24px;
}

.card-custom img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

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

.card-custom h6 {
    font-size: 13px;
    font-weight: 500;
    color: #B23333;
    margin-bottom: 0px;
}

.card-custom p {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
}

.card-custom p span {
    display: block;
    font-size: 15px;
    margin-top: 7px;
    display: none;
}

.card-custom:hover p span {
    display: block;
}

.card-custom:hover {
    background: #E8E2CD;
    transition: all 0.5s;
}

.meta {
    font-size: 12px;
    color: #777;
}

.see-all {
    display: block;
    text-align: center;
    padding: 11px;
    border: 1px solid #875D2A;
    font-size: 16px;
    text-transform: uppercase;
    color: #875D2A;
    text-decoration: none
}

.artist-card {
    border: 1px solid #d7b7a6;
    background-color: #f5f1e6;
    padding: 45px;
    border-radius: 5px;
    margin: 15px auto;
}
.artist-card .Artworks_ection {
    margin-top: 40px;
    align-items: center;
}
.artist-card .Artworks_ection h6{
    font-size: 14px;
    color: #B23333;
    margin-bottom: 0;
}
.artist-card .Artworks_ection .meta{
    font-size: 15px;
}
.articals-caed_ef{
    font-size: 16px;
    text-align: left;
    margin-top: 10px;
}

.artist-card img {
    width: 100%;
    height: auto;
}


.artist-location {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    text-align: left;
    margin: 3px 0;
}

.artist-years {
    font-size: 13px;
    color: #666;
}

.artist-desc {
    font-size: 16px;
    color: #938b7c;
    margin: 35px 0;
    font-weight: 500;
    font-style: italic;
    line-height: 24px;
    text-align: left;
}
.second_artist_card{
    background-color: #e8e2cd;
}
/* 1. Original input checkbox ko chupa dein aur click target rakhen */
.e_card_section input#profile_photo-clear_id {
    position: absolute;
    opacity: 0;
    width: 24px;  /* Size wahi rakhen taaki click target rahe */
    height: 24px;
    z-index: 1; 
    cursor: pointer;
    /* Important: Right side mein jo CSS diya gaya hai (height/width: 24px), usko bhi ismein shamil kar sakte hain */
    height: 24px;
    width: 24px;
}

/* 2. Label ko custom box shape dein ::before ke zariye */
/* Hum adjacent label ko target kar rahe hain */
.e_card_section input#profile_photo-clear_id + label {
    display: block; 
    position: relative;
    /* 'Clear' text ko chupa kar sirf box size dein */
    font-size: 0; 
    width: 24px; 
    height: 24px;
    line-height: 24px; /* Agar text bhi dikhana ho to */
}

/* Label ke liye box banaen */
.e_card_section input#profile_photo-clear_id + label::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    
    /* Box ka background color (Aapki image jaisa dark brownish grey) */
    background-color: #4B4643; 
}

/* 3. Jab input checked ho, tab tick mark show karen ::after se */
.e_card_section input#profile_photo-clear_id:checked + label::after {
    content: '\2713'; /* Unicode checkmark character (✓) */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px; /* Tick ko vertically center karne ke liye */
    
    /* Tick mark ka color (Aapki image jaisa light color) */
    color: #E6E0D7; 
    font-size: 18px; 
    font-weight: bold; 
}


.btn-view {
    margin-top: 12px;
    background-color: #875D2A;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 20px;
    border-radius: 0;
}
.mobile_consultation a {
color:#8a5723;
}
.btn-view:hover {
    background-color: #4a3523;
    color: #fff;
}
.upgraded_card_headeing h2{
    font-size: 60px;
}
.upgraded_card_headeing svg {
    width: 100%;
}
@media screen (min-width: 600px) and (max-width: 767px)  { 
.container, .container-sm {
    max-width: 600px !important;
}
}

@media screen and  (max-width: 992px)  {
.popup-content {
padding:48px;
}
}
@media screen and (min-width: 760px) and (max-width: 1266px)  {
.popup-body h3 {
    color: #EDE9DE !important;
    font-family: var(--font-title);
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 120%;
   
}

.popup-body .align-items-center img.img-fluid.w-100 {
height: 630px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1366px)  {
.artwork_section {
	background: #E8E2CD;
	padding: 30px;
}
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
    .section_all_card {
        width: 50%;
    }
.text-center.sendmsg_textt {
padding:80px 0;
}
}

@media screen and (min-width: 1200px) and (max-width: 1699px) {
    .container {
        max-width: 95%!important;
    }
.text-center.sendmsg_textt {
padding:80px 0;
}
.mesg_textarea textarea {
    width: 100%;
    height: 100px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 10px;
    font-size: 16px;
    font-family: var(--font-body);
    border: 1px solid #F7F2E1;
    resize: vertical;
    background: #F7F2E1;
    border-radius: 0;
}
.text-center.sendmsg_textt img {
    padding-bottom: 8px !important;
}
}

@media screen and (min-width: 1780px) { 
.container{
        max-width: 1700px;
}
.why_choose_right {
	padding-right: 160px;
}
}
@media screen and (min-width: 1024px) {
.e_card_form form {
    max-width: 600px;
    /* margin: auto; */
     width: 600px; 
}

}
@media screen and (min-width: 1700px) {
 

    .artist-desc {
    font-size: 20px;
    line-height: 33px;
}
    .card-custom h6 {
        font-size: 14px;
    }

    .meta {
        font-size: 16px;
    }

    .card-custom p {
        font-size: 20px;
        line-height: 30px;
    }

    .card-custom p span {
        font-size: 16px;
    }
}
/* header  */
.page-link:hover {
    border-color: #875D2A !important;
    background-color: transparent !important;
    color: #875D2A !important;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: white !important;
    background-color: #875D2A !important;
    border-color: #875D2A !important;
}



.page-link {
    position: relative;
        color: #875D2A !important;
   }


/* /// */
select.form-select.form-select-sm {
    background-color: transparent;
    color: white;
    border: none;
    width: 130px;
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 -58px;
}

.topright_side.d-flex.align-items-center.gap-2 {
    gap: 55px !important;
}

   select option{
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    color: #3E342A;
}
.form-select {  
 --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.art-cards {
border:0;
border-radius:0;
width:100%;
padding:0 !important ;
background-color:#E4DDC7 !important;
}

.art-cards .art-main-img img
{
    width: 100% !important;
    height: 280px !important;
    object-fit: cover;
    object-position: center;
}
button.remove-btn {
    border-radius: 50%;
    background-color: #EDE9DEBF;
    height: 36px;
    width: 36px;
    display: flex
;
    border: 0;
    align-items: center;
    justify-content: center;
    padding: 8px;
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.card-header-art  {
        padding: 12px;
    color: #875D2A;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 6%;
    text-align: center;
    text-transform: uppercase;
}
.card-body-art-content {
padding:24px;
}
.card-body-art-content li{
    border-bottom: 1px solid #D8C9AF;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
text-align:left !important;
gap:20px;
}
.card-body-art-content li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.card-body-art-content li .artwork-artist{
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 6%;
text-transform: uppercase;
color:#B23333;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.card-body-art-content li a {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0%;
    color: #3E342A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
padding-bottom:6px;
}

a.page-link {
    background: transparent;
    border-color: #875D2A !important;
    border: 1px solid #DCD3BF;
    border-radius: 0 !important;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    height: 56px;
    text-align: center;
    text-transform: uppercase;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item:first-child .page-link {
    background-color: #875D2A !important;
    color: #ffffff!important;
    border-radius:0px !important;
  
}
.section-title-art {
color:#3E342A;
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 56px;
leading-trim: NONE;
line-height: 60px;
letter-spacing: 0%;
text-align: center;

}

.section-description-art {
color:#3E342A;
font-weight: 400;
font-style: Regular;
font-size:  18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
text-align: center;

}
.card-body-art-content-img {
    width: 90px;
flex-shrink:0;
}

.popup-submint {
    border: 1px solid #DE9C28 !important;;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 16px !important;;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #DE9C28 !important;
    padding: 13px 20px;
    text-decoration: none;
background-color:transparent !important;
}


label.footer-label-custom {
    display: none;
}

/* suggestion color */

/* Input autofill (jab browser suggest kare) */
input.form-control:-webkit-autofill {
    background-color: #E4DDC7 !important;   
    -webkit-box-shadow: 0 0 0px 1000px #E4DDC7 inset !important;
    -webkit-text-fill-color: #3E342A !important;  /* text color */
    caret-color: #3E342A !important;
}

input.form-control:-webkit-autofill:hover {
    background-color: #3E342A !important;
    -webkit-box-shadow: 0 0 0px 1000px #E4DDC7 inset !important;
    -webkit-text-fill-color: #3E342A !important;
}



.text-op-20 {
color:#875D2A;
}

.out-side-slider .swiper-slide {
height:auto !important;
}
.highlight-text {
color:#875D2A;
margin:0;
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 6%;
text-transform: uppercase;

}

.out-side-slider .elevated_slider .swiper-slide {
    width: auto; /* allow flexible width if needed */
}


/* Top 100 */
/* .top100_banner {
    padding: 60px 0;
    text-align: center;
    background: url(/static/images/top100.jpg) no-repeat;
    background-size: cover;
} */
.top100_banner h2 {
    font-family: var(--font-title-accent);
    font-weight: 400;
    font-size: 70px;
    line-height: 1;
    color: #E8E5DC;
    text-align: center;
position: relative;
    z-index: 9;
    margin: 0;
    padding-bottom: 25px;
}
.top100_banner h1 {
    font-weight: 400;
    font-size: clamp(120px , 7.292vw , 145px );
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #EDE9DE;
position: relative;
    z-index: 9;
}
.top100_posts {
    width: 100%;
    padding: 170px 0 70px;
}
.top100_posts_row {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.top100_posts_col {
    position: relative;
    width: 50%;
    margin-top: -140px;
}
.top100_posts_col:nth-child(1) {
    margin: 0;
}
.top100_posts_col:nth-child(odd) {
    align-self: flex-start;
}
.top100_posts_col:nth-child(even) {
    align-self: flex-end;
    display: flex;
    justify-content: center;
}
.top100_posts_col h2 {
    position: absolute;
    top: -125px;
    font-size: 240px;
    font-family: var(--font-title);
    line-height: 165px;
    margin: 0;
    color: #DFDBD0;
}
.top100_posts_col:nth-child(odd) h2 {
    right: -50px;
}
.top100_posts_col:nth-child(even) h2 {
    left: -50px;
}
.artist_posts {
    width: max-content;
    position: relative;
}
.artist_posts_innr {
    padding: 30px;
    position: relative;
    transition: all 0.4s;
    border: 1px solid #00000000;
    z-index: 99;
}
.artist_posts:hover .artist_posts_innr {
    border: 1px solid #DCD3BF;
    background: #E8E2CD;
}
.artist_details_vissible {
    margin-top: 20px;
    transition: all 0.4s;
    opacity: 0;
}
.artist_posts:hover .artist_details_vissible {
    opacity: 1;
}
.artist_details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}
.artist_details p {
    margin: 0;
    color: #3E342A;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.artist_details p a {
    font-size: 14px;
    color: #B23333;
    text-transform: uppercase;
}
.artist_details_vissible h3 {
    font-size: clamp(20px , 1.4vw , 28px );
    line-height: 120%;
    font-weight: 500;
    color: #3E342A;
    display: inline-block;
    max-width: 18ch;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.artist_details_vissible h3 a {
    color: #3E342A;
}
@media (max-width: 768px) {
.cart_section {
padding-bottom:50px;
    margin-top: 33px;
}
.option_text div {
    font-size: 14px;
}
.text-center.sendmsg_textt {
padding:40px 0;
}
.preferences .e_card_section label, .e_card_form label, .e_card_form .form-group label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.6;
    color: #3E342A !important;
    text-transform: uppercase;
    font-size: 9px !important;
    font-weight: 500 !important;
    padding: 1rem .75rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .15s ease-in-out, font-size .15s ease-in-out;
}
.preferences .e_card_form .form-control {
    padding: 17px 13px;
}

.buy_production_form span#id_profile_photo_helptext {
    top: 61%;
    left: 13px;
}
.fav-icon-artwork,
.buy_sale_channel_heading_alternate_buy {
    border-bottom: 1px solid #DCD3BF;
    padding-bottom: 14px;
    margin-bottom: 14px;
    margin-top: 24px;
    display: flex;
    gap: 0 !important;
    flex-wrap: wrap;
}
.fav-icon-artwork > a,
.fav-icon-artwork > .artwork-share-wrapper,
.buy_sale_channel_heading_alternate_buy > a {
    margin: 0 10px 8px 0 !important;
}
.switch-wrapper {
    position: absolute;
    top: -2px !important;
    bottom: 0px;
    width: 46%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.switch .switchbox {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: #EDE9DE;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0px !important;
    left: 7px !important;
    font-size: 11px;
    font-weight: 500;
    /* line-height: 34px; */
}
.repro_radio label {
    color: #3E342A;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.repruct_content_collapse .accordion-item {
    padding-bottom:16px;
}

.fav-icon-artwork a,
.buy_sale_channel_heading_alternate_buy a {
    gap: 4px !important;
    font-size: 14px !important;
}
.gap-sm-2 {
gap:10px !important;
}
.card-body-art-content li .artwork-artist{

font-size: 12px;
}
.card-body-art-content li a{

font-size: 16px;
}
}
@media (max-width: 992px) {
a.page-link {
    font-size: 14px;
    height: 36px;
    width: 32px;
}
}

@media (max-width: 992px) {
	.top100_posts_col {
    width: 100%;
    align-self: flex-start !important;
    margin: 0 !important;
    display: flex;
    justify-content: center;
}
.e_card_form {
    width: -webkit-fill-available;
}
.artist_posts {
    width: 100%;
}
.top100_posts_col h2 {
    right: auto !important;
    left: auto !important;
    top: -150px;
}
.top100_banner h2 {
    font-size: 50px;
}
.top100_banner h1 {
    font-size: 70px;
}
}

@media (min-width: 992px) {
	.out-side-slider .elevated_slider_wrapper {
    margin-left: 0px;
        margin-right: -175px;
    overflow: visible;
}
}
/* top100  */
/* Quiz */
.repro_radio.mark_right_answer, .repro_radio.mark_wrong_answer {
    position: relative;
    border-radius: 0;
}
.article_main_page  .repro_radio label {
    line-height: 24px;
font-size:16px !important;
}
.repro_radio.mark_wrong_answer {
    border: 1px solid #D7352C;
}
.repro_radio.mark_right_answer {
    border: 1px solid #76C92B;
}
.repro_radio.mark_right_answer.mark_right_answer2 {
    border: 0;
}
.repro_radio.mark_right_answer:after, .repro_radio.mark_wrong_answer:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 10px;
}
.repro_radio.mark_wrong_answer:after {
    background: url(https://dev.allpaintingsstore.com/static/images/cross.png);
    background-size: 100%;
}
.repro_radio.mark_right_answer:after {
    background: url("https://dev.allpaintingsstore.com/static/images/checkCirrcle.png");
    background-size: 100%;
}
.quiz_result_text {
    padding: 20px;
    border: 2px solid #63AF1F;
    color: #EDE9DE;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.newsletter-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#id_newsletter_subscription {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  font-family: Arial, sans-serif;
  color: #333;
}

#id_newsletter_subscription::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* Dimensions aur Color */
  width: 24px;
  height: 24px;
  border: 1px solid #3E342A;
  border-radius: 4px;
}

.newsletter-checkbox:checked + #id_newsletter_subscription::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  
  /* Checkmark (White color CSS se banaaya gaya) */
  width: 12px;
  height: 6px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
}
.col-md-6 .card {
    border: 1px solid #DCD3BF;
    padding: 20px;
    border-radius: 0 !important;
    background-color: #E8E2CD;
    margin-bottom: 24px;
    height: -webkit-fill-available;
}

.col-md-6 .card .card-title {
   font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 40px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
margin-bottom:16px;
}
.col-md-6 .card-content.text-center img{
display:none;
}
.dropdown-inner .column {
    border-right: 1px solid #D5CBA9;
    padding-right: 40px;
}

 .dropdown-inner .column:last-child {
    border-right: none;
}

.success_card {
    border-radius: 0 !important;
    border: 1px solid #DCD3BF !important;
    background-color: #E8E2CD !important;
    padding: 20px !important;
}
.success_card .success_content .success_title {
color: #3E342A ;
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 40px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
text-align: center;

}
.success_card .success_content .success_message {
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;

}
.success_card .success_actions .btn {
	width: 100% !important;
	height: 50px;
	background: #875D2A !important;
	font-family: var(--font-body);
	font-weight: 500;
    border-radius:0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #EDE9DE !important;
	border: 1px solid #835e2c !important;
}
.success_card .success_icon svg circle {
fill:#3E342A;
}

.row.mt-30 .col-md-12 .card {
background: #E8E2CD !important;
    border: 1px solid #DCD3BF !important;
    padding: 18px ;
border-radius:0;
max-width:610px;
margin:auto;
}

.row.mt-30 .col-md-12 .card h3 {
    font-family: var(--font-title);
    font-weight: 400;
    font-style: Regular;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 40px;
    letter-spacing: 0%;
    color: #3E342A;
}

.row.mt-30 .col-md-12 .card label {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
}


.row.mt-30 .col-md-12 .card input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px, 2.917vw, 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}

/* 
.item_data_img .cart_order_image_item {
	float: left;
	width: 5vw;
	height: auto;
	max-height:5vh;
	object-fit: cover;
	object-position: center;
	margin: 0.1vw;
}
 */


/* 1. search_card ko relative position dein */
.search_card {
    position: relative; 
}
.same-space-card .search_img {
    min-height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Artwork catalog grid (artwork_list, similar, search_by_color): fill the image cell so padding
   from min-height is clickable; same URL as the Buy / price button below. */
.custom_search .search_card.artwork-grid-item .search_img > a.artwork-grid-img-link {
    display: flex;
    width: 100%;
    min-height: 285px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
}

.stretched-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; 
}

.card_bottom a {
    position: relative; 
    z-index: 2; 
}

/* label  */
.buy_production_form span#id_profile_photo_helptext {
    position: absolute;
    top: 56%;
    left: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #3E342A;
    opacity: 0.6;
}
#id_profile_photo {
    padding: 45px 14px 50px;
}
#id_email {
    padding: 41px 10px 15px;
}
.e_card_section p {
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
}
.e_card_section p,
.e_card_form p,
.e_card_form .form-group {
    position: relative;
    margin-bottom: 1rem;

    padding-top: 6px;
}
.e_card_section input[type="text"],
.e_card_form input[type="text"] {
    width: 100%;
    padding: 1.7rem .75rem .1rem .75rem;
    line-height: 100%;
    height: calc(3.5rem + 2px);
}


/*
.e_card_section label,
.e_card_form label ,
.e_card_form .form-group label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
	opacity: 0.6;
    color: #3E342A !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 1rem .75rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .15s ease-in-out, font-size .15s ease-in-out;
}
*/



.e_card_section p:focus-within label,
.e_card_form p:focus-within label,
.e_card_form .form-group:focus-within label,
.e_card_section input:not(:placeholder-shown) + label,
.e_card_form input:not(:placeholder-shown) + label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 
    font-size: 12px !important;
    opacity: 0.8;
}


.custom_search .search_card {
    cursor: default;
}


/* No media query for `xs` (Extra small devices - less than 576px) */
.consultation_container {
  width: 100%; /* Default width */
  padding-right: var(--bs-gutter-x, 0.75rem); /* Default padding */
  padding-left: var(--bs-gutter-x, 0.75rem);  /* Default padding */
  margin-right: auto;
  margin-left: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .consultation_container {
    max-width: 540px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .consultation_container {
    max-width: 720px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .consultation_container {
    max-width: 960px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .consultation_container {
    max-width: 1140px;
  }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .consultation_container {
    max-width: 1320px;
  }
}





/* 

.article_main_page {
    padding: 0px 100px 20px;
}

 */








.alert-info {
    color: #504943;
    background-color: #f7f3e7;
    border-color: #c9c9c9;
    border-radius: 0px;
}



.full_width_hero_banner_with_background_image ul.nav-list li a , .full_width_hero_banner_with_background_image ul.nav-list li {
	color:#E8E5DC;
}


.custom_search .col-sm-12.col-md-6.col-lg-4.col-xl-3 {
    border: 1px solid #DCD3BF;
}

.full_width_hero_banner_with_background_image .container {
	height: 100%;
}