/*
 Theme Name: Propharm Child Theme
 Template: propharm
 Version: 1.0.1
*/

@charset "UTF-8";

/* This is Demo COntent */
@font-face {
	font-family: "narayani";
	src: url("./assets/fonts/narayani.eot");
	src: url("./assets/fonts/narayani.eot?#iefix") format("embedded-opentype"),
		url("./assets/fonts/narayani.woff") format("woff"),
		url("./assets/fonts/narayani.ttf") format("truetype"),
		url("./assets/fonts/narayani.svg#narayani") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "narayani" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "narayani" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon-1:before {
	content: "\61";
}

.icon-icon-2:before {
	content: "\62";
}

.icon-icon-3:before {
	content: "\63";
}

.widget_layered_nav_filters li a {
			display:block;
			text-decoration: none;
		    line-height: 100%;
		    transition: all 300ms ease-out;
		    backface-visibility: hidden;
		    position: relative;
			padding: 10px 12px 10px 12px !important;
			background-color : #E2EEE8  !important;
			border-radius :1rem;
		}

.icon-icon-4:before {
	content: "\64";
}

.icon-icon-5:before {
	content: "\65";
}

.icon-icon-6:before {
	content: "\66";
}


:root {
	--white: #ffffff;
	--black: #000000;
	--primary-color: #38694F;
	--light-green: #E2EEE8;
	--gray-color: #EEECE8;
	--text-color: #1d2521;
}

body {
	color: var(--text-color);
}

.footer {
	position: relative !important;
	bottom: unset !important;
	z-index: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.woocommerce-Tabs-panel .shop_attributes th,
#reply-title,
.et-timer .timer-count,
.et-pricing-table .currency,
.et-pricing-table .price,
.et-counter .counter,
.et-progress .percent,
.error404-default-subtitle,
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-tabs .tabs li a {
	color: var(--text-color) !important;
}

#et-content {
	margin-bottom: 0 !important;
}

.page-id-12 .product-layout {
	padding: 0 !important;
}

.footer .sub-menu .menu-item>.mi-link:hover {
	color: var(--gray-color) !important;
}

.register-section,
.lost_reset_password {
	max-width: 680px !important;
	width: 100%;
	margin: 0 auto 50px;
	border-radius: 16px;
	background: #f4f4f4;
	padding: 24px 16px;
}

.register-section h2,
.lost_reset_password h2 {
	font-size: 28px;
	line-height: 34px;
	color: var(--primary-color);
}

.woocommerce-form-register .row_form {
	display: flex;
	column-gap: 16px;
	width: 100%;
}

.woocommerce-form-row {
	margin-bottom: 16px;
}

.woocommerce-form-row,
.register-section .woocommerce-form-row {
	width: 100%;
	max-width: 100%;
}

.form_group label,
.woocommerce-form-row label,
.register-section .woocommerce-form-row label {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 3px;
	color: var(--text-color);
}

.form_group input,
.form_group select,
.form_group textarea,
.woocommerce-form-row input,
.woocommerce-form-row select,
.register-section .woocommerce-form-row input {
	border: 1px solid var(--gray-color) !important;
	background: var(--white) !important;
	font-size: 16px;
	line-height: 24px;
	padding: 0 16px;
	margin-bottom: 0 !important;
}

.form_group textarea {
	padding: 16px;
}

.form_group.file_upload input {
	padding: 7px 16px;
}

.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus,
.woocommerce-form-row input:focus,
.register-section .woocommerce-form-row input:focus {
	border: 1px solid var(--primary-color) !important;
	color: var(--black) !important;
}

.radio-box-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 16px;
}

.radio-box label {
	display: flex;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
}

.radio-box input,
.checkbox input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.radio-box span,
.checkbox span {
	padding-left: 26px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--text-color);
}

.radio-box span::before,
.checkbox span::before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 4px;
	left: 0;
	display: flex;
	border-radius: 50%;
	border: 1px solid var(--primary-color);
}

.radio-box span::after {
	content: '';
	width: 10px;
	height: 10px;
	background: var(--primary-color);
	position: absolute;
	top: 8px;
	left: 4px;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.3 ease-in-out;
}

.radio-box input:checked~span::after {
	opacity: 1;
}

.checkbox {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	position: relative;
}

.checkbox span::before {
	border-radius: 5px;
}

.checkbox span::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M13.7062 1.19547C14.0969 1.59423 14.0969 2.24182 13.7062 2.64058L5.70624 10.8072C5.31562 11.206 4.68124 11.206 4.29062 10.8072L0.290619 6.72392C-0.100006 6.32515 -0.100006 5.67756 0.290619 5.2788C0.681244 4.88003 1.31562 4.88003 1.70624 5.2788L4.99999 8.63798L12.2937 1.19547C12.6844 0.796702 13.3187 0.796702 13.7094 1.19547H13.7062Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 10px;
	left: 3px;
	position: absolute;
	top: 8px;
	opacity: 0;
	transition: all 0.3 ease-in-out;
}

.checkbox input:checked~span::before {
	background: var(--primary-color);
}

.checkbox input:checked~span::after {
	opacity: 1;
}

.register-section .button-row {
	margin-bottom: 0;
}

.submit_button input[type="submit"],
.edit-account button.woocommerce-Button,
.register-section .button-row button {
	margin-bottom: 0;
	max-width: 150px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	padding: 12px !important;
	justify-content: center;
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.submit_button input[type="submit"]:hover,
.edit-account button.woocommerce-Button:hover,
.register-section .button-row button:hover {
	color: var(--primary-color) !important;
	background: var(--light-green);
}

.submit_button .wpcf7-spinner {
	display: none;
}

.register-section .button-row button {
	max-width: 100%;
}

.register {
	margin-bottom: 0;
}

.woocommerce-form-login {
	max-width: 100% !important;
	margin-bottom: 0;
}

.login-section {
	max-width: 450px;
	width: 100%;
}

.password-inputs {
	position: relative;
}

.password-inputs input {
	padding-right: 45px !important;
}

.password-inputs .show-password-input {
	position: relative;
	top:-29px;
	left:95%;
	min-width: 1rem;
	max-width: 1.5rem;
	padding: 0 !important;
	height: 1.5rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	margin-bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'%3E%3Cg clip-path='url(%23clip0_3_4)'%3E%3Cpath d='M9.99999 2.8125C7.7361 2.8125 5.87499 3.85312 4.4479 5.19258C3.1111 6.45117 2.18749 7.94531 1.71526 9C2.18749 10.0547 3.1111 11.5488 4.44443 12.8074C5.87499 14.1469 7.7361 15.1875 9.99999 15.1875C12.2639 15.1875 14.125 14.1469 15.5521 12.8074C16.8889 11.5488 17.8125 10.0547 18.2847 9C17.8125 7.94531 16.8889 6.45117 15.5555 5.19258C14.125 3.85312 12.2639 2.8125 9.99999 2.8125ZM3.31249 3.95859C4.9479 2.41875 7.19443 1.125 9.99999 1.125C12.8055 1.125 15.0521 2.41875 16.6875 3.95859C18.3125 5.48789 19.3993 7.3125 19.9167 8.56758C20.0312 8.84531 20.0312 9.15469 19.9167 9.43242C19.3993 10.6875 18.3125 12.5156 16.6875 14.0414C15.0521 15.5812 12.8055 16.875 9.99999 16.875C7.19443 16.875 4.9479 15.5812 3.31249 14.0414C1.68749 12.5156 0.600681 10.6875 0.086792 9.43242C-0.0277913 9.15469 -0.0277913 8.84531 0.086792 8.56758C0.600681 7.3125 1.68749 5.48438 3.31249 3.95859ZM9.99999 11.8125C11.5347 11.8125 12.7778 10.5539 12.7778 9C12.7778 7.44609 11.5347 6.1875 9.99999 6.1875C9.97568 6.1875 9.95485 6.1875 9.93054 6.1875C9.97568 6.3668 9.99999 6.55664 9.99999 6.75C9.99999 7.99102 9.00346 9 7.77776 9C7.58679 9 7.39929 8.97539 7.22221 8.92969C7.22221 8.9543 7.22221 8.97539 7.22221 9C7.22221 10.5539 8.46526 11.8125 9.99999 11.8125ZM9.99999 4.5C11.1787 4.5 12.3092 4.97411 13.1427 5.81802C13.9762 6.66193 14.4444 7.80653 14.4444 9C14.4444 10.1935 13.9762 11.3381 13.1427 12.182C12.3092 13.0259 11.1787 13.5 9.99999 13.5C8.82125 13.5 7.69078 13.0259 6.85729 12.182C6.02379 11.3381 5.55554 10.1935 5.55554 9C5.55554 7.80653 6.02379 6.66193 6.85729 5.81802C7.69078 4.97411 8.82125 4.5 9.99999 4.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_4'%3E%3Crect width='20' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 18px !important;
	height: 16px !important;
}

@media only screen and (max-width: 768px){
    .password-inputs .show-password-input {
		top:-30px !important;
        left: 90% !important; /* SAME as desktop */
		width:5px;
		height:5px;
		
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .password-inputs .show-password-input {
        top: -30px !important;
        left: 95% !important;
        width: 5px;
        height: 5px;
        
    }
}



.password-inputs .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3_2)'%3E%3Cpath d='M1.21249 0.159368C0.887493 -0.0968824 0.415618 -0.0375074 0.159368 0.287493C-0.0968824 0.612493 -0.0375074 1.08437 0.287493 1.34062L18.7875 15.8406C19.1125 16.0969 19.5844 16.0375 19.8406 15.7125C20.0969 15.3875 20.0375 14.9156 19.7125 14.6594L16.425 12.0844C17.6625 10.8156 18.5 9.39374 18.9219 8.38437C19.025 8.13749 19.025 7.86249 18.9219 7.61562C18.4562 6.49999 17.4781 4.87499 16.0156 3.51874C14.5469 2.14999 12.525 0.999993 9.99999 0.999993C7.86874 0.999993 6.09374 1.82187 4.70937 2.89999L1.21249 0.159368ZM5.93124 3.85624C7.06249 3.05312 8.42187 2.49999 9.99999 2.49999C12.0375 2.49999 13.7125 3.42499 14.9969 4.61562C16.2 5.73437 17.0312 7.06249 17.4562 7.99999C17.0625 8.87499 16.3125 10.0875 15.2406 11.1531L13.5594 9.83437C13.8437 9.28437 14.0031 8.66249 14.0031 7.99999C14.0031 5.79062 12.2125 3.99999 10.0031 3.99999C8.99687 3.99999 8.07499 4.37187 7.37187 4.98437L5.93124 3.85624ZM12.3406 8.88124L9.79374 6.88437C9.92499 6.61874 9.99999 6.31562 9.99999 5.99999C9.99999 5.82812 9.97812 5.65937 9.93749 5.49999C9.95937 5.49999 9.97812 5.49999 9.99999 5.49999C11.3812 5.49999 12.5 6.61874 12.5 7.99999C12.5 8.30937 12.4437 8.60624 12.3406 8.88124ZM12.6344 12.9531C11.8375 13.2937 10.9594 13.5 9.99999 13.5C7.96249 13.5 6.28749 12.575 5.00312 11.3844C3.79999 10.2656 2.96874 8.93749 2.54374 7.99999C2.80312 7.42499 3.21562 6.70312 3.77499 5.97499L2.59687 5.04687C1.88437 5.97499 1.37499 6.89999 1.07812 7.61562C0.974993 7.86249 0.974993 8.13749 1.07812 8.38437C1.54374 9.49999 2.52187 11.125 3.98437 12.4812C5.45312 13.85 7.47499 15 9.99999 15C11.4937 15 12.8094 14.5969 13.9437 13.9844L12.6344 12.9531ZM5.99999 7.99999C5.99999 10.2094 7.79062 12 9.99999 12C10.4156 12 10.8156 11.9375 11.1937 11.8187L9.43749 10.4375C8.70312 10.2687 8.09062 9.77499 7.75937 9.11562L6.00624 7.73437C5.99999 7.82187 5.99687 7.90937 5.99687 7.99999H5.99999Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_2'%3E%3Crect width='20' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 18px !important;
	height: 16px !important;
}

.register-section .lost_password {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin: 16px auto;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.register-section .lost_password:hover {
	color: var(--text-color);
}

.login-section .button-row button {
	max-width: 100%;
}

.woocommerce-MyAccount-navigation li a {
	background: var(--light-green);
	transition: all 0.3s ease-in-outF;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
	background: var(--primary-color);
	color: var(--white) !important;
	text-decoration: none;
}

.edit-account button.woocommerce-Button {
	max-width: 200px;
	margin: 0 !important;
}

.edit-account legend {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 12px;
}

.create-account-link {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: 16px;
	color: var(--black);
	font-weight: 500;
}

.create-account-link a {
	color: var(--text-color);
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}

.create-account-link a:hover {
	color: var(--primary-color);
}

.et-social-links {
	display: flex;
}

.et-social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.et-social-links a svg {
	width: 20px;
	height: 20px;
}

.privacy-policy-border {
	padding: 16px 0;
	border-top: 1px solid #EEECE8;
	border-bottom: 1px solid #EEECE8;
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	color: #184363;
	margin-bottom: 16px;
}

.detailed-info-privacy {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 16PX;
}

.detailed-info-privacy p {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	padding: 5px;
	flex: 1;
	border: 1px solid #EEECE8;
}

.references-privacy {
	padding: 16px;
	border: 1px solid #EEECE8;
}

.references-privacy .border {
	padding: 0 16px 16px;
	border-bottom: 1px solid #EEECE8;
}

.privacy-policy-content ul {
	padding-left: 20px;
	margin-bottom: 16px;
}

/* .page-id-2517 #et-content,
.page-id-2759 #et-content,
.page-id-3577 #et-content,
.page-id-3575 #et-content,
.page-id-3397 #et-content {
	background: var(--white) !important;
} */

.terms-conditions-box {
	padding: 48px 0;
}

.terms-conditions-box.vc_row>.container {
	max-width: 1230px !important;
	width: 100% !important;
}

.terms-conditions-box .et-heading,
.terms-conditions-box {
	color: var(--text-color) !important;
}

.terms-conditions-box .container {
	padding: 24px 16px;
	color: var(--text-color);
	background: var(--light-green);
	border-radius: 16px;
	border: 1px solid #E7E8F2;
	color: var(--text-color);
}

.terms-conditions-box p {
	font-size: 16px;
	line-height: 24px;
}

.custom-variation-swatches {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 20px;
}

.custom-swatch {
	border: 1px solid var(--gray-color) !important;
	padding: 8px !important;
	width: 100% !important;
	text-align: center !important;
	border-radius: 5px !important;
	cursor: pointer !important;
	transition: all 0.4s ease-in-out;
}

.custom-swatch .swatch-label {
	font-size: 14px;
	line-height: 16px;
	color: var(--primary-color);
	font-weight: 600;
	display: block;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: auto;
}

.custom-swatch .swatch-price {
	display: none;
}

.custom-swatch .swatch-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.custom-swatch img {
	max-width: 100%;
	height: auto !important;
	border-radius: 6px;
	margin-bottom: 5px;
}

.custom-swatch .price {
	font-size: 14px;
	display: block;
	margin-top: 6px;
}

.custom-swatch:hover,
.custom-swatch.active {
	border: 1px solid var(--primary-color) !important;
	background: var(--light-green) !important;
	overflow: hidden;
	box-shadow: unset !important;
}

.custom-swatch.restricted {
	pointer-events: none;
	position: relative;
	opacity: unset !important;
}

.custom-swatch.restricted .swatch-card {
	opacity: 0.5;
}

.custom-swatch.restricted::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #f15252;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	right: 2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.364 2.63604C18.8787 6.15076 18.8787 11.8492 15.364 15.364C11.8492 18.8787 6.15076 18.8787 2.63604 15.364C-0.87868 11.8492 -0.87868 6.15076 2.63604 2.63604C6.15076 -0.87868 11.8492 -0.87868 15.364 2.63604ZM13.1925 14.6067L3.39327 4.80749C1.33767 7.5493 1.55666 11.4562 4.05025 13.9497C6.54384 16.4433 10.4507 16.6623 13.1925 14.6067ZM13.9497 4.05025C16.4433 6.54384 16.6623 10.4507 14.6067 13.1925L4.80749 3.39327C7.5493 1.33767 11.4562 1.55666 13.9497 4.05025Z' fill='white'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	z-index: 1;
	text-transform: unset;
}

body .product .single_add_to_cart_button:hover,
.woocommerce-product-gallery__trigger:hover {
	background: #F2971F !important;
}

.summary .minus,
.summary .plus {
	background: var(--primary-color) !important;
}

.woocommerce-product-gallery {
	position: relative;
}

.custom-swatch.restricted::after {
	content: unset !important;
}

.login-required-message {
	background: var(--light-green);
	color: var(--black);
	padding: 16px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 10px;
	font-weight: 600;
}

.login-required-message a {
	color: var(--primary-color);
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: all 0.3s ease-in-out;
}

.login-required-message a:hover {
	color: var(--text-color);
}

#et-icon-box-641542 {
	background: transparent !important;
	padding: 0 !important;
}

.post-layout,
.product-layout,
.product-layout-single {
	margin-bottom: 60px !important;
}

.terms-print-button {
	margin-bottom: 0 !important;
}

.terms-print-button button {
	background: var(--primary-color) !important;
	color: var(--white) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	padding: 9px 25px !important;
}

.terms-print-button button:hover {
	background: var(--light-green) !important;
	color: var(--text-color) !important;
}

.terms-conditions-box p a {
	color: #2fb5d2;
}

.shopby-category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
	row-gap: 24px;
}

.shopby-category-item {
	width: 33.33%;
	padding: 0 12px;
}

.shopby-category-item .item-wrapper {
	background: #f4f5f9 url(http://localhost/narayani/wp-content/uploads/banner-back13.jpg) no-repeat bottom right;
	border-radius: 10px;
	display: flex;
	padding: 30px 12px 30px 30px;
	justify-content: space-between;
	gap: 16px;
	overflow: hidden;
}

.shopby-category-item .item-wrapper .images {
	padding-top: 60%;
	position: relative;
	min-width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shopby-category-item .item-wrapper .images img {
	width: auto;
	height: 100% !important;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.shopby-category-item .item-wrapper .title-button {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.shopby-category-item .item-wrapper .title-button h5 {
	font-size: 28px;
	line-height: 35px;
	color: #38694F !important;
	font-weight: 600;
	margin-bottom: 0;
}

.shopby-category-item .item-wrapper .title-button a,
.banner-content-wrapper .banner-btn {
	background: #F2971F;
	padding: 10px 15px;
	border-radius: 50px;
	gap: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	display: flex;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	width: fit-content;
	transition: all 0.3 ease-in-out;
}

/* Checkout Css */

thead th.product-total {
    text-align: right !important;
}
thead th.product-name{
	text-align: left !important;
	height: 3rem !important;
	width: 15rem !important;
}
.woocommerce table.shop_table td.product-total {
    text-align: right;
}
.woocommerce table.shop_table tr.cart-subtotal td {
    text-align: right;
}
.woocommerce ul#shipping_method li label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce ul#shipping_method li label .woocommerce-Price-amount {
    text-align: center !important;
}
.woocommerce table.shop_table tr.order-total td {
    text-align: right;
}

.shipping-method-description {
    width: 80% !important;
    font-size: 0.75rem !important;
}

.woocommerce-shipping-totals {
	width:20% !important;
}



.banner-content-wrapper .banner-btn {
	font-weight: 600;
	padding: 12px 25px;
}

.shopby-category-item .item-wrapper .title-button a:hover,
.banner-content-wrapper .banner-btn:hover {
	background: #38694F;
}

.shopby-category-item .item-wrapper .title-button a .icon,
.banner-content-wrapper .banner-btn .icon {
	width: 12px;
	height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shopby-category-item .item-wrapper .title-button a .icon svg,
.banner-content-wrapper .banner-btn .icon svg {
	width: 100%;
	height: 100%;
}

.shopby-category-item .item-wrapper .title-button a .icon svg path,
.banner-content-wrapper .banner-btn .icon svg path {
	fill: #ffffff;
}

.conditions-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -14px;
	row-gap: 28px;
}

.conditions-list .conditions-item {
	width: 25%;
	padding: 0 14px;
}

.conditions-list .conditions-item .images {
	position: relative;
	padding-top: 100%;
	display: flex;
	margin-bottom: 16px;
	overflow: hidden;
	border-radius: 50%;
}

.conditions-list .conditions-item .images img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}

.conditions-list .conditions-item:hover .images img {
	transform: scale(1.2);
}

.conditions-list .conditions-item .title-button a {
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	color: #38694F;
	font-weight: 700;
	display: block;
	transition: all 0.3s ease-in-out;
}

.conditions-list .conditions-item:hover .title-button a {
	color: #F2971F;
}

.section_title {
	color: #38694F !important;
}

.footer-contacts-text {
	color: #ffffff !important;
}

.login-icon_btn {
	display: none;
}

.course-item {
	display: flex;
	align-items: center;
	gap: 24px;
}

.course-item .video-preview {
	padding-top: 28% !important;
	width: 100% !important;
	position: relative;
}

.course-item .video-preview .images-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.course-item .video-preview .images-tag img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

.course-item .course-content {
	flex: unset !important;
	width: 100% !important;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.course-item .course-content h3 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
	color: #38694F !important;
	margin-bottom: 16px !important;
}

.date-list {
	margin-bottom: 8px;
}

.course-item .course-content p {
	font-size: 16px;
	line-height: 24px;
	color: #38694F !important;
	margin-bottom: 8px;
}

.learn_more_btn {
	background: #F2971F;
	padding: 12px 30px;
	border-radius: 50px;
	gap: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	width: fit-content;
	transition: all 0.3 ease-in-out;
}

.learn_more_btn:hover,
#et-mailchimp-231827 .button:hover.border,
#header-product-search-69310 .product-search .et-button:hover+.input-after {
	background: #38694F !important;
	color: #FFFFFF !important;
}

.course-item .video-preview .push_button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 50%;
	border: 4px solid #E7E8F2;
	cursor: pointer;
}

.header_top_bar .wpb_wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.login_button_header {
	margin-bottom: 0;
}

.login_button_header a {
	background: transparent !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 14px !important;
	line-height: 24px !important;
	font-weight: 600;
	border: 0 !important;
	color: #56778f !important;
	gap: 5px;
	text-transform: uppercase;
}

.login_button_header a::before {
	content: '';
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cg clip-path='url(%23clip0_26_577)'%3E%3Cpath d='M7.264 8.54393C8.10959 8.54868 8.93756 8.30238 9.64306 7.83622C10.3486 7.37005 10.8999 6.705 11.2271 5.9253C11.5544 5.14559 11.6429 4.2863 11.4814 3.45626C11.3199 2.62622 10.9157 1.86277 10.3201 1.2626C9.72438 0.662429 8.96399 0.252542 8.13518 0.0848487C7.30638 -0.0828443 6.44645 -0.00079909 5.66431 0.320593C4.88216 0.641986 4.213 1.18827 3.74155 1.89025C3.27011 2.59223 3.0176 3.41834 3.016 4.26393C3.01376 4.82393 3.12188 5.37888 3.33418 5.89707C3.54648 6.41527 3.85879 6.88656 4.25328 7.28403C4.64777 7.68149 5.11671 7.99733 5.63329 8.21351C6.14988 8.42969 6.704 8.54197 7.264 8.54393ZM7.264 1.26393C7.85797 1.26096 8.43946 1.43438 8.93478 1.76222C9.43009 2.09005 9.81694 2.55754 10.0463 3.10545C10.2757 3.65336 10.3372 4.25703 10.2232 4.83996C10.1091 5.42288 9.82458 5.95883 9.40563 6.37989C8.98668 6.80095 8.45216 7.08817 7.86981 7.20515C7.28746 7.32212 6.68349 7.26359 6.13444 7.03698C5.58539 6.81036 5.11596 6.42586 4.78565 5.93219C4.45534 5.43853 4.27901 4.85792 4.279 4.26393C4.27873 3.4707 4.59262 2.70965 5.15202 2.14725C5.71141 1.58486 6.47078 1.2669 7.264 1.26293V1.26393ZM9.238 8.95493C9.13548 8.92358 9.0267 8.91869 8.92179 8.94073C8.81687 8.96276 8.71924 9.01099 8.638 9.08093L7.264 10.2489L5.89 9.08093C5.80839 9.01164 5.71076 8.96382 5.60598 8.94182C5.50121 8.91982 5.39259 8.92432 5.29 8.95493C4.406 9.23893 0 10.7549 0 12.9549C0.00052742 13.1224 0.0672823 13.2828 0.185691 13.4012C0.3041 13.5197 0.464545 13.5864 0.632 13.5869H13.899C14.0665 13.5864 14.2269 13.5197 14.3453 13.4012C14.4637 13.2828 14.5305 13.1224 14.531 12.9549C14.528 10.7549 10.122 9.23993 9.238 8.95493ZM1.599 12.3179C2.70333 11.3946 3.98149 10.702 5.358 10.2809L6.858 11.5599C6.9717 11.6592 7.11754 11.714 7.2685 11.714C7.41946 11.714 7.5653 11.6592 7.679 11.5599L9.179 10.2809C10.5501 10.7148 11.8259 11.4062 12.938 12.3179H1.599Z' fill='%2356778F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_577'%3E%3Crect width='14.529' height='13.582' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.product-search .search-results ul li a>* {
	display: block;
}

.product-category-is {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-category-is>div {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 45px;
	line-height: 45px;
	position: relative !important;
	top: unset !important;
	right: unset !important;
}


.product-category-is>div i {
	background: transparent !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.product-data {
	width: 100%;
}

.product-category-is .medicating-potency-cat {
	background: #FD0B0B;
	color: var(--white);
}

.product-category-is .pills-cat,
.product-category-is .liquids-cat {
	background: var(--primary-color);
	color: var(--white);
}

.product-category-is-two {
	margin-right: 10px;
}

.product-category-is-two #category-type-fist {
	background: #F9AFAF;
	color: var(--white);
}

.search-results-link {
	display: flex !important;
	align-items: center;
}

.products .product .post-image .image-container {
	padding-top: 100% !important;
	position: relative !important;
}

.products .product .post-image .image-container img {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	border-radius: 12px !important;
	object-fit: cover !important;
}

.email-contact-box {
	margin-right: auto;
}

.email-contact-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.email-contact-link a {
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: #38694f;
}

.email-contact-link a:hover {
	color: var(--black);
}

.email-contact-link a:first-child {
	padding-right: 12px;
	border-right: 1px solid var(--text-color);
}

.currency-switcher {
	display: flex !important;
}

.currency-switcher .currency-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

#currency-switcher-148849 .currency-list {
	width: 85px !important;
}

.et-gap-397497 {
	display: none !important;
}

.course-slider .owl-stage {
	display: flex;
}

.banner-slide {
	padding: 40px 24px;
	display: flex;
	gap: 24px;
}

.banner-slide img{
		margin-bottom :2.5rem !important;
	}

.banner-slide .banner-content-wrapper,
.banner-slide .banner-image {
	flex: 1;
}

.banner-slide .banner-content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.banner-content {
	width: 100%;
	max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    margin-top: 0px;
    align-content: stretch;
    flex-wrap: wrap;
    height: 100%;
    flex: 1;
}

.banner-content h2 {
	font-size: 5rem !important;
	line-height: 7rem !important;
	font-weight: 600 !important;
	color: var(--primary-color) !important;
	margin-bottom: 1rem !important;
}

.banner-content .content {
	margin-bottom: 16px;
}

.banner-content .content p {
	font-size: 16px;
	line-height: 24px;
}

.banner-slide .banner-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40%;
}

.banner-slide .banner-image img {
	width: 100%;
	height: 100% !important;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 16px;
}

.home-banner-slider {
	position: relative;
}

.home-banner-slider .owl-nav {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	padding: 0 15px;
	opacity: 0;
}

.home-banner-slider:hover .owl-nav {
	opacity: 1;
}

.home-banner-slider .owl-nav button {
	background-color: #00000080 !important;
	color: var(--white) !important;
	border-radius: 2px !important;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px !important;
	line-height: 24px !important;
	margin-bottom: 0 !important;
	transition: all 0.3s ease-in-out;
}

.home-banner-slider .owl-nav button:hover {
	background-color: var(--primary-color) !important;
}

.home-banner-slider .owl-nav button span {
	display: none !important;
}

.home-banner-slider .owl-nav button::before {
	content: '';
	width: 30px;
	height: 30px;
	color: #fff;
	display: block;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><g clip-path='url(%23clip0_101_6)'><path d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M5 12L9 16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M5 12L9 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0_101_6'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>") no-repeat center !important;
	background-size: contain !important;
}

.home-banner-slider .owl-nav button.owl-next::before {
	rotate: 180deg;
}

.page.page-id-371 .page-content-wrap #et-content>.container {
	min-width: unset !important;
	max-width: 100% !important;
	width: 100% !important;
}

.home-banner-slider .owl-dots {
	display: none !important;
	justify-content: center !important;
	gap: 10px !important;
	position: absolute;
	bottom: 20px !important;
	width: 100% !important;
	padding: 0 15px !important;
}

.home-banner-slider .owl-dots .owl-dot {
	width: 12px !important;
	height: 12px !important;
	background: rgba(125, 125, 125, 0.5) !important;
	border-radius: 0 !important;
}

.home-banner-slider .owl-dots .owl-dot.active {
	background: var(--primary-color) !important;
}

.home-banner-slider .owl-dots .owl-dot span,
.mob-container-tabs .mob-container-tabset {
/* 	display: none !important; */
}

.mob-container-tabset .mobile-container-tab{
	background-color:#f5f5f5 !important;
	color:#38694F !important;
}

.mob-container-tabset .mobile-container-tab.active{
	background-color:#38694F !important;
	color:#E2EEE8 !important;
}

.password-input {
	position: relative !important;
}

.lost_reset_password .password-input input {
	padding-right: 40px !important;
}

@media only screen and (max-width: 768px){
    .lost_reset_password .password-input button {
		top:-30px !important;
        left: 90% !important; /* SAME as desktop */
		width:5px;
		height:5px;
		
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .lost_reset_password .password-input button {
        top: -30px !important;
        left: 95% !important;
        width: 5px;
        height: 5px;
        
    }
}


.lost_reset_password .password-input button {
	top:-29px;
	left:95%;
	min-width: 1rem;
	max-width: 1.5rem;
	background-color: transparent !important;
	border: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.lost_reset_password .password-input button::before {
	content: '';
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/><path d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/></svg>") no-repeat center;
	background-size: contain;
}

.lost_reset_password .password-input button.display-password::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M21 9c-2.4 2.667 -5.4 4 -9 4c-3.6 0 -6.6 -1.333 -9 -4'/><path d='M3 15l2.5 -3.8'/><path d='M21 14.976l-2.492 -3.776'/><path d='M9 17l.5 -4'/><path d='M15 17l-.5 -4'/></svg>") no-repeat center;
	background-size: contain;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
	color: #FD0B0B;
}

.woocommerce-password-strength.good,
.woocommerce-password-strength.strong {
	color: #F2971F;
}

.shop-top-widgets.widget-area #banner-4,
.shop-bottom-widgets.widget-area #banner-5 {
	display: none !important;
}

ul.products .product .post-inner .post-body {
	flex: 1;
}

ul.products .product .post-inner .post-body .post-body-inner {
	min-height: 100%;
	display: flex;
	flex-wrap: wrap;
}

ul.products .product .post-inner .post-body .post-body-inner .button {
	margin-top: auto !important;
	background: var(--gray-color);
	color: var(--primary-color) !important;
}

ul.products .product .post-inner .post-body .post-body-inner .button::before {
	color: var(--primary-color) !important;
	background: var(--primary-color);
}

ul.products .product .post-inner .post-body .post-body-inner .button:hover {
	color: var(--white) !important;
	background: var(--primary-color) !important;
}

ul.products .product .post-inner .post-body .post-body-inner .button:hover:before {
	color: var(--white) !important;
}

ul.products .product .post-inner .post-body .post-body-inner .price {
	margin-bottom: 8px !important;
}

ul.products .product .post-inner .post-body .post-title,
ul.products .product .post-inner .post-body .star-rating-wrap {
	width: 100% !important;
}

.shop-bottom-widgets {
	padding: 0 !important;
}

#loop-products #tns1.tns-slider {
	display: flex !important;
}

.comp-quantity span,
body.woocommerce .woocommerce-variation-availability p {
	color: var(--black) !important;
	font-size: 18px;
	line-height: 24px;
}

.product-layout-single.layout-sidebar-right>.container {
	display: flex !important;
	gap: 24px;
}

.product-layout-single.layout-sidebar-right>.container .product-content {
	width: 100% !important;
}

.product-layout-single.layout-sidebar-right>.container.et-clearfix:after {
	display: none !important;
}

.user-menu {
	position: relative;
	display: inline-block;
}

.user-menu .menu-label {
	cursor: pointer;
	padding: 6px 10px;
	display: inline-block;
}

.user-menu .menu-dropdown {
	display: none;
	position: absolute;
	border-radius: 10px;
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
	width: 240px;
	list-style: none;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: var(--white);
	right: 0;
	padding: 20px 24px 24px 24px;
}

.user-menu:hover .menu-dropdown {
	display: block;
}

.user-menu .menu-dropdown li a {
	background: #F2971F;
	padding: 10px 15px;
	border-radius: 50px;
	gap: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	display: flex;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	width: fit-content;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

.user-menu .menu-dropdown li a:hover {
	background: var(--primary-color);
}

#updateCustomerForm {
	margin-bottom: 0 !important;
}

#updateCustomerForm button {
	width: 100% !important;
	margin: 16px 0 0 !important;
}

#updateCustomerForm .checkbox label {
	font-size: 16px !important;
	line-height: 24px !important;
	color: var(--black) !important;
	font-weight: 500 !important;
}

.modal-customer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	outline: 0;
	padding: 0 15px;
	background: #21252960;
}

.modal-customer .modal-dialog {
	display: flex;
	align-items: center;
	min-height: calc(100% - 15px * 2);
	max-width: 650px;
	height: fit-content;
	position: relative;
	width: auto;
	margin: 15px auto;
}

.modal-content {
	background: var(--white);
	border-radius: 12px;
	padding: 24px;
	width: 100%;
}

body.modal-open {
	overflow: hidden !important;
	height: 100dvh;
}

.video-modal {
	display: none;
}

.video-modal .modal-dialog {
	max-width: 750px;
	width: 100%;
}

.video-modal .close-modal {
	margin-left: auto !important;
	font-size: 24px;
	line-height: 24px;
	padding: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 16px;
}

.video-modal-content {
	padding-top: 50%;
	position: relative;
}

.video-modal-content iframe {
	width: 100%;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 12px;
}

.post.type-product .post-category {
	display: none !important;
}

/* This message is the default woocommerce notice */
.woocommerce-message {
	margin-bottom: 25px;
}

.woocommerce-error a {
	margin-left: 10px;
	font-size: 14px;
	text-decoration: underline;
}

#updateCustomerModal h4 {
	text-align: center;
	font-size: 28px;
	line-height: 38px;
	z-index: 1;
	position: relative;
}

#updateCustomerModal p {
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}

#updateCustomerModal .checkbox {
	justify-content: center;
}

#updateCustomerModal .modal-content {
	padding: 40px 24px;
	position: relative;
	overflow: hidden;
}

#updateCustomerModal .modal-content::before {
	content: '';
	width: 200px;
	height: 200px;
	border-radius: 50%;
	position: absolute;
	top: -50px;
	right: -50px;
	background: var(--primary-color);
	filter: blur(120px);
}

#updateCustomerModal .modal-content::after {
	content: '';
	width: 200px;
	height: 200px;
	border-radius: 50%;
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: var(--primary-color);
	filter: blur(120px);
}

.yay-currency-custom-select__trigger {
	padding: 0 !important;
	border: 0 !important;
}

.yay-currency-single-page-switcher {
	height: unset !important;
}

.product-filter .category li {
	padding: 0 !important;
	margin-bottom: 2px;
}

.product-filter .category li a {
	padding: 8px;
	border-radius: 50px;
}

.product-filter .category li a.chosen {
	background: #e2eee8 !important;
}

.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li {
	position: relative;
}

#shipping_method>li label {
	display: flex !important;
}

.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li label {
	padding-left: 24px !important;
	display: flex !important;
	align-items: center;
	width: 100%;
	position: relative;
	justify-content: space-between;
}

.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li label::before {
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #56778f;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 0;
}

.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li input {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	opacity: 0;
}

.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li input:checked~label::before {
	border: 5px solid var(--primary-color);
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
a.checkout-button:hover,
.return-to-shop a:hover,
.wishlist_table .product-add-to-cart a:hover,
a.woocommerce-button:hover,
.woocommerce-mini-cart__buttons>a:hover,
#page-links>a:hover,
.edit-link a:hover,
.page-content-wrap .woocommerce-mini-cart__buttons>a:hover,
.woocommerce .wishlist_table td.product-add-to-cart a:hover,
.error404-button:hover,
.logout-button:hover,
.shop-top-widgets .product-search input[type="submit"]:hover+.input-after,
.product .button:hover,
.product .added_to_cart:hover,
.my-account-buttons a:hover {
	background-color: var(--primary-color) !important;
	color: var(--white);
}

#customer_details {
	flex-direction: column;
	display: flex;
	padding: 24px 16px;
	gap: 0;
}

#customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
#customer_details .shipping_address .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
}

#customer_details .woocommerce-billing-fields .address-field,
#customer_details .shipping_address .address-field {
	grid-column: span 2;
}

#customer_details .woocommerce-billing-fields .input-text,
#customer_details .shipping_address .input-text {
	margin-bottom: 0;
}

/* Style for Reference column */
table.wp-list-table .column-reference {
	width: 10% !important;
}

#dmx-disclaimer-box label {
	font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px;
    color: var(--text-color);
}

.disclaimer_popup_center{
	text-align: center !important;
}

/* This media query if for the cart page cart total section  */
@media (min-width: 1024px) {
	.woocommerce-cart-form {
		width: 65%;
	}

	.cart-collaterals {
		width: calc(34% - 10px);
	}
}

/* neww css  */
/* Shop / Category tag images */
.shop-tag-images {
    display: flex;
    gap: 4px;
    margin: 5px 0;
}

/* Small images */
.shop-tag-images img {
    width: 24px;   /* smaller than single product images */
    height: auto;
}

/* Reorder elements: title -> images -> price -> add to cart */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    order: 1;
}

.woocommerce ul.products li.product .shop-tag-images.ajax-safe {
    order: 2;
}

.woocommerce ul.products li.product .price {
    order: 3;
}

.woocommerce ul.products li.product .button {
    order: 4;
}

/* Container for the tag images below product title */
.custom-product-images {
    display: flex;             /* display images in a row */
    gap: 8px;                  /* space between images */
    margin: 10px 0 15px;       /* space around container */
    align-items: center;       /* vertically align if needed */
}

/* Images inside the container */
.custom-product-images img {
    width: 40px;               /* smaller than before */
    height: auto;
    max-width: none;
    border-radius: 4px;        /* optional rounded corners */
}

/* Optional: responsive adjustment for mobile */
@media (max-width: 768px) {
    .custom-product-images img {
        width: 30px;           /* smaller on mobile */
    }
}