@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
	font-family: 'Montserrat', sans-serif !important;
}

#header-wrap {
	padding: 15px 0;
	/* background: #00000061; */
}

header a.menu-link {
	font-size: 18px !important;
}

:not(.is-expanded-menu) .primary-menu.order-5 {
	border-top: none;
}

section#slider:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #00000061;
}

.is-expanded-menu .sticky-header #header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 21px #00000040;
	background: rgb(255 255 255 / 59%);
	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
	backdrop-filter: blur(9.7px);
}

.main-about-content img,
.main-environment-content img {
	height: 950px;
	object-fit: cover;
	width: 100%;
}

.main-about-content {
	background-color: #cdcdcd26;
}

.main-environment-content {
	background-color: #9dff7929;
}

.main-products img {
	height: 500px;
	object-fit: cover;
}

.site-color {
	color: #eb008b;
}

.menu-item:hover>.menu-link,
a:hover {
	color: #eb038c !important;
}

.site-btn {
	background-color: #eb008b !important;
}

.site-btn:hover {
	border: 1px solid #eb008b !important;
	color: #eb008b !important;
	background-color: #ffffff !important;
}

form input {
	box-shadow: none !important;
}


form input:focus {
	border-color: #eb008b !important;
}

::-moz-selection {
	/* Code for Firefox */
	color: #ffffff !important;
	background: #eb008944 !important;
}

::selection {
	color: #ffffff !important;
	background: #eb008944 !important;
}

.top-cart-content {
	border: none !important
}

.lang-drop ul.dropdown-menu.dropdown-menu-end.show {
	min-width: 100%;
}

.lang-drop ul.dropdown-menu.dropdown-menu-end.show li img {
	margin-bottom: 8px;
	box-shadow: 0px 0px 15px #0000005c;
	border-radius: 4px;
}

.lang-drop ul.dropdown-menu.dropdown-menu-end.show {
	background: none;
	border: none;
}

.lang-drop .dropdown-item {
	padding: 0 !important;
}

.lang-drop a.btn.btn-sm.p-0.active-lang {
	border: none !important;
	border-radius: 4px !important;
	overflow: hidden;
}

.lang-drop .dropdown-item.active,
.lang-drop .dropdown-item:active {
	background: #00000000 !important;
}

.lang-drop .dropdown-item:hover,
.lang-drop .dropdown-item:focus {
	background: #00000000 !important;
}

.order-6 {
	order: 6;
}

.category-image img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	margin-bottom: 10px;
}

.category-title a {
	color: #242424;
	font-size: 18px;
	font-weight: 600;
}

.category-item img {
	/* height: 350px;
	object-fit: cover; */
	height: 200px;
    object-fit: contain;
}

.widget_links li:has(a.active)::before,
.widget_links li a.active {
	color: #eb008b !important;
}

.category-sidebar .widget.widget_links a {
	font-size: 15px !important;
	font-weight: 500 !important;
	padding-left: 5px !important;
}

.filter {
	padding: 15px 15px 25px 15px;
	border: 1px solid #d4d4d4;
}

.filter input[type="checkbox"] {
	position: absolute !important;
	opacity: 0;
}

.filter .check-box {
	width: 17px;
	height: 17px;
	background: #ff000000;
	margin-right: 8px;
	transition: 400ms;
	border: 1px solid #b6b6b6;
	margin-bottom: 2px;
}


.filter input[type="radio"] {
	position: absolute !important;
	opacity: 0;
}

.filter .radio-box {
	width: 17px;
	height: 17px;
	background: #ff000000;
	margin-right: 8px;
	transition: 400ms;
	border: 1px solid #b6b6b6;
	border-radius: 100%;
	margin-bottom: 2px;
}

.form-check {
	padding-left: 0;
}

label.form-check-label {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500 !important;
}

label.form-check-label:has(:checked) .check-box,
label.form-check-label:has(:checked) .radio-box {
	background: #eb008b !important;
	border-color: #eb008b !important;
}

.filter h4 {
	color: var(--gray) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
}

.close-cookies {
	cursor: pointer;
}

.cookie-overlay {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	background: #fff;
	z-index: 2051;
	line-height: 20px;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0px 0px 25px -5px #00000040;
}

.close-cookies {
	position: absolute;
	right: 10px;
	top: 10px;
	border: none;
	background: none;
}

.cookie-overlay {
	font-size: 15px;
	font-weight: 500;
	color: #515151;
}

.whatsapp-button {
	width: 55px;
	height: 55px;
	background: #25d366;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 35px;
	bottom: 35px;
	color: #fff;
	font-size: 34px;
	border-radius: 100%;
	transition: 400ms;
}

.whatsapp-button:hover {
	color: #fff !important;
	scale: 1.06;
	transition: 400ms;
}

.cart_item .remove {
	color: #eb008b !important;
	font-size: 22px;
}

form#request-form input,
form#request-form textarea {
	background: none;
	border-color: #308c9f;
	border-radius: 0
}

form#request-form button {
	background: #308c9f;
	margin: 0;
}

.product .product-image img {
	height: 300px;
	/* object-fit: cover; */
    object-fit: contain;
}

@media screen and (max-width: 992px) {

	.no-mobile {
		display: none !important;
	}

	#header-wrap {
		padding: 0 !important;
	}

	#header-wrap #logo {
		width: 50%;
	}

	#header-wrap #logo img {
		object-fit: contain;
	}

	li.dropdown.mx-3.me-lg-0.lang-drop.order-6 {
		height: 40px !important;
		margin-left: 5px !important;
	}

	.lang-drop ul.dropdown-menu.dropdown-menu-end.show {
		transform: translate3d(45px, -6px, 0px) !important;
		display: flex !important;
	}

	.lang-drop ul.dropdown-menu.dropdown-menu-end.show li {
		margin-right: 10px !important;
	}
}

.input-form-error p {
	margin-bottom: 0;
	color: #e81313;
	font-size: 12px;
	font-weight: 500;
}

.offer-table tr,
.offer-table th {
	text-align: start;
}

.offer-detail-btn {
	width: 100px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eb008b;
	border: 1px solid #eb008b;
	border-radius: 0 !important;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.offer-detail-btn:hover {
	background: #eb008b00;
	border: 1px solid #eb008b;
	color: #eb008b;
}

.bg-overlay .bg-overlay-content {
	transition: 400ms;
}

.bg-overlay:hover .bg-overlay-content {
	opacity: 1;
	transition: 400ms;
}


header .menu-link {
	text-transform: uppercase !important;
	font-weight: 500;
}


li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
label,
address,
span {
	text-transform: uppercase !important;
}

.row.file-row .file-item {
	display: flex;
	align-items: center;
	padding: 10px 30px;
}

.row.file-row .file-item:nth-child(odd) {
	background: #00000021;
}

.col-md-12.file-item a {
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 400;
	color: #585858 !important;
	justify-content: space-between;
	width: 100%;
}

.col-md-12.file-item span {
	margin-left: 25px;
}

.product-category-list-item {
	height: 75px;
	margin-bottom: 15px;
	border-radius: 0 !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
	padding: 5px;
}

.product-category-list-item img {
	height: 70px;
	width: 100%;
	object-fit: contain;
}

.product-category-list-item .row {
	width: 100%;
}

.product-category-list-item .item-title {
	display: flex;
	align-items: center;
	font-weight: 500;
	color: #7a7a7a;
}

a.card.product-category-list-item,
a.card.product-category-list-item .item-title{
    transition:400ms;
}

a.card.product-category-list-item.active {
    background: #eb008b !important;
    transition:400ms;
}

a.card.product-category-list-item.active .item-title {
    color: #fff;
    transition:400ms;
}

a.card.product-category-list-item:hover {
    background: #eb008b57;
    transition:400ms;
}

.social-list li a {
    display: flex;
    align-items: center;
}

.social-list li a span {
    margin-left: 7px;
    font-weight: 500;
}

.social-icon {
    margin: 0;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    padding: 0 !important;!i;!;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms;
}