:root {
	--font-default: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	--border-color: #ebebeb;
	--black: #000;
	--white: #fff;
	--swiper-button-color: #ee6d30;
	--font-normal: 400;
	--font-semibold: 600;
	--font-bold: 700;
	--grid-gutter: 10px;
	--grid-gutter-m: 16px;
	--container-gutter: 20px;
	--container-gutter-s: 40px;
	--container-gutter-m: 60px;
	--container-gutter-ml: 80px;
	--container-max: 1040px;
	--element-space-sm: 10px;
	--element-space: 20px;
	--element-space-lg: 30px;
	--column-space: 10px;
	--section-space: 1em;
	--section-space-lg: 6em;
	--section-header: 2em;
	--section-header-lg: 4em;
	--s: 480px;
	--sm: 576px;
	--md: 768px;
	--lg: 992px;
	--xl: 1200px;
	--xxl: 1400px;
	--text-large: calc(1.15 * var(--bs-body-font-size));
	--text-small: calc(0.85 * var(--bs-body-font-size));
	--gutter: 1.5rem;
	--shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px,
		rgba(0, 0, 0, 0.3) 0 1px 3px -1px;

	--swiper-pagination-color: #032435;
	--swiper-pagination-bullet-size: 16px;
	--swiper-pagination-bullet-width: 16px;
	--swiper-pagination-bullet-height: 16px;
	--swiper-pagination-bullet-inactive-color: #000;
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;
	--swiper-navigation-color: #032435;
	--swiper-navigation-size: 44px;
	--swiper-theme-color: #032435;

	--primary-color: #bb312a;
	--fs-color-secondary: #7141b1;
	--secondary-color: #7141b1;
}

.home-categories-section .row {
		flex-wrap: nowrap;
	}

.home-categories-section .row .col {
			max-width: 40%;
			transition: flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}

.home-categories-section .row .col .banner-layers .text-box {
					width: 20% !important;
				}

.home-categories-section .row .col .banner-layers .text-box {
					bottom: 0;
					left: 0;
					height: 100%;
					padding: 15px 40px;
					transition: background-color 0.5s linear;
					z-index: 2;
					writing-mode: tb-rl;
					transform: rotate(180deg);
					overflow: hidden;
					display: flex;
					align-items: center;
				}

.home-categories-section .row .col .banner-layers:hover > .text-box {
				background-color: rgba(0,0,0,0.61961);
			}

.home-categories-section .row .col:hover {
			flex-basis: 40%;
		}

.home-text-play-section .text-container {
		display: flex;
		width: 200%;
		position: absolute;
		overflow: hidden;
		animation: marquee 10s linear infinite;
		white-space: nowrap;

		p {
			float: left;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700;
			color: #000;
			margin: 0 50px;
		}
	}

@media (min-width: 1200px) {
	.home-text-play-section {
		padding-bottom: 50px !important;
	}
}

@keyframes marquee {
	0% {
		left: 0;
	}

	100% {
		left: -90%;
	}
}

.home-flashsale-section .ux-timer {
		span {
			color: red !important
		}
		span {
			border: 1px solid red;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			font-size: 20px;

			strong {
				color: #fff;
				background: red;
				padding: 5px 0px;
				font-size: 12px;
				margin-top: 10px;
			}
		}
	}

.home-flashsale-section .progress-bar {
		display: block;
	}

.home-about-section {
	h3 {
		margin-bottom: 0px;
	}
}

.home-about-section .button {
		background-color: #000;
	}

.home-about-section .button:hover {
		background-color: #4bd963;
	}

.home-new-products-section {
}

.home-posts-section .col {
		padding-bottom: 0px;
	}

.home-posts-section .box-text .is-divider {
			display: none;
		}

.home-posts-section .box-text .post-title {
			a {
				font-size: 17px;
				color: #000;
				font-weight: bold;
			}
		}

.home-posts-section .box-text .from_the_blog_excerpt {
			font-size: 13px;
			color: #9d9d9d;
			margin-top: 8px;
		}

.page-header-wrapper .title-overlay {
		background-color: transparent;
		background-color: initial;
	}

.about-history-section {
	b {
		color: #4bd963;
	}
}

.post-sidebar .is-divider {
		display: none;
	}

.post-sidebar .widget-title {
		background: #03177e;
		padding: 8px 15px;
		color: #fff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom: none;
		display: flex;
	}

.post-sidebar .widget_nav_menu .menu-main-menu-container {
			border: 1px solid #cdcdcd;
			border-top: none;
			padding: 10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

.post-sidebar .widget_nav_menu .menu-main-menu-container .menu-item {
				border-top: none;
				font-size: 14px;

				a {
					padding-bottom: 5px;
					padding-top: 0px;
					cursor: pointer;
					transition: padding 0.5s;
				}

				a:hover {
					color: #4bd963;
					padding-left: 5px;
				}
			}

.post-sidebar .flatsome_recent_posts {
		ul {
			border: 1px solid #cdcdcd;
			border-top: none;
			padding: 10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

			ul .flex-col:nth-child(1) {
				width: 30%;
			}

				ul .flex-col:nth-child(1) .post-date {
					width: 100%;
				}

					ul .flex-col:nth-child(1) .post-date .badge-inner {
						background-position: center !important;
					}

			ul .flex-col:nth-child(2) {
				a {
					font-size: 14px;
					font-weight: bold;
					line-height: 1.4;
				}

				a:hover {
					color: #4bd963;
				}
			}
	}

.post-sidebar .widget_media_image {
		img {
			width: 100%;
		}
	}

#post-list .box-text {
		text-align: left;
	}

#post-list .box-text .is-divider {
			display: none;
		}

#shop-sidebar .is-divider {
		display: none;
	}

#shop-sidebar .widget-title {
		background: #03177e;
		padding: 8px 15px;
		color: #fff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom: none;
		display: flex;
	}

#shop-sidebar .widget_nav_menu .menu-main-menu-container {
			border: 1px solid #cdcdcd;
			border-top: none;
			padding: 10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

#shop-sidebar .widget_nav_menu .menu-main-menu-container .menu-item {
				border-top: none;
				font-size: 14px;

				a {
					padding-bottom: 5px;
					padding-top: 0px;
					cursor: pointer;
					transition: padding 0.5s;
				}

				a:hover {
					color: #4bd963;
					padding-left: 5px;
				}
			}

#shop-sidebar .WOOF_Widget .woof_redraw_zone {
			border: 1px solid #cdcdcd;
			border-top: none;
			padding: 10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;

			h4 {
				font-size: 16px;
			}
		}

#shop-sidebar .WOOF_Widget .woof_redraw_zone .woof_price_filter {
				margin-bottom: 0px;
			}

#shop-sidebar .WOOF_Widget .woof_redraw_zone .woof_price_filter .woof_list {
					margin-left: 0px;
					margin-bottom: 0px;

					bdi {
						font-weight: normal;
						font-size: 13px;
					}
				}

.woocommerce-breadcrumb {
	display: none;
}

.custom-product-page .product-flashsale .col {
			padding-bottom: 0px;
		}

.custom-product-page .product-flashsale {

		h2 {
			margin-bottom: 0px;
		}
	}

.custom-product-page .product-flashsale .ux-timer-text {
			span {
				color: #fff;
				font-size: 14px;
			}
		}

.custom-product-page .product-title {
		font-size: 25px;
	}

.custom-product-page .product_meta {
		display: flex;
		flex-wrap: wrap;

		span {
			border-top: none !important
		}

		span {
			font-size: 14px;
			font-weight: bold;
			flex-basis: 50%;

			span {
				color: rgb(3, 23, 126);
				font-weight: normal;
			}

			a {
				color: rgb(3, 23, 126);
				font-weight: normal;
			}
		}
	}

.custom-product-page .product-price-container .product-page-price {
			display: flex;
			align-items: center;
			flex-direction: row-reverse;
			justify-content: flex-end;
			gap: 10px;

			ins {
				bdi {
					color: rgb(3, 23, 126);
					font-size: 26px;
					font-weight: bold;
				}
			}

			del {
				font-size: 20px;

				bdi {
					font-size: 20px;
				}
			}
		}

.custom-product-page .add-to-cart-container .single_add_to_cart_button {
			background-color: rgb(3, 23, 126);
		}

.custom-product-page .product-sidebar .product-sidebar__full .col-inner {
				border: 1px solid #eee;
				border-radius: 5px;
			}

.custom-product-page .product-sidebar .product-sidebar__full .col-inner .product-sidebar__full_header {
					background: rgb(3, 23, 126);
					padding: 10px 10px;
					border-radius: 5px 5px 0 0;

					h4 {
						color: #fff;
						margin-bottom: 0px;
					}
				}

.custom-product-page .product-sidebar .product-sidebar__full .col-inner .icon-box {
					padding: 0 10px;
					display: flex;
					align-items: center;

					p {
						margin-bottom: 0px;
					}

					img {
						padding-top: 0px;
					}
				}

.custom-product-page .product-sidebar .product-sidebar__full .col-inner .ux-products-list {
					a {
						font-size: 13px;
					}

					bdi {
						font-size: 13px;
						color: #6f4289;
					}
				}

.custom-product-page .product-sidebar .product-sidebar__offer .col-inner:before {
				content: '';
				position: absolute;
				top: 0;
				left: -3px;
				height: 100%;
				width: 10px;
				color: #fff;
				background-clip: padding-box;
				background: repeating-linear-gradient(
							#e5e5e5,
							#e5e5e5 5px,
							transparent 0,
							transparent 9px,
							#e5e5e5 0,
							#e5e5e5 10px
						)
						0 / 1px 100% no-repeat,
					radial-gradient(
							circle at 0 7px,
							transparent,
							transparent 2px,
							rgba(229,229,229,0.93333) 0,
							#e5e5e5 3px,
							currentColor 0
						)
						1px 0 / 100% 10px repeat-y;
			}

.custom-product-page .product-sidebar .product-sidebar__offer .col-inner {
				position: relative;
				background: #fff;
				filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15));
				padding: 10px;
				border-radius: 5px;

				h4 {
					color: rgb(3, 23, 126);
				}
			}

.contact-content {
	b:hover {
		color: #4bd963;
	}

	b {
		cursor: pointer;
	}
}

.contact-form .wpcf7-form {
		p:nth-child(1) {
			display: flex;
			justify-content: space-between;

			span {
				flex-basis: calc(50% - 10px);
			}
		}
	}

.contact-form .wpcf7-form .wpcf7-submit {
			font-size: 12px;
			padding: 5px 20px;
			border-radius: 5px;
		}

.cyno-count-up__number {
	margin-bottom: 0;
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
}

#masthead .header-nav {
		justify-content: center;
	}

#masthead .header-nav .html {
			display: flex;
			align-items: center;
			gap: 15px;
		}

#masthead .header-nav .html .material-symbols-outlined {
				padding: 15px;
				border-radius: 100%;
				background: rgba(0, 0, 0, 0.3);
				color: #4bd963;
			}

#masthead .header-nav .html {

			div {
				font-weight: 700;
				font-size: 15px;
				text-transform: uppercase;

				b {
					color: #4bd963;
				}
			}
		}

#masthead .header-nav .icon-search:before,
		#masthead .header-nav .icon-user:before,
		#masthead .header-nav .icon-shopping-basket:before {
			padding: 15px;
			border-radius: 100%;
			font-size: 18px;
			background: rgba(0, 0, 0, 0.3);
			color: #fff;
		}

#masthead .header-nav .icon-search:before:hover,
		#masthead .header-nav .icon-user:before:hover,
		#masthead .header-nav .icon-shopping-basket:before:hover {
			color: #4bd963;
		}

#masthead .header-logo-dark {
		filter: brightness(0) invert(1);
	}

#wide-nav {
	padding-bottom: 10px;
}

#wide-nav .container {
		padding: 15px 0px;
		margin-top: 15px;
		border-radius: 30px;
		background: rgba(0, 0, 0, 0.3);
	}

#wide-nav .container .menu-item.active .nav-top-link {
				color: #4bd963 !important;
			}

#wide-nav .container .nav-top-link:hover {
			color: #4bd963 !important;
		}

#wide-nav .container .nav-top-link {
			color: #fff;
		}

#wide-nav .container .header-product-dropdown .ux-menu-link__text {
				font-size: 14px;
				transition: padding 0.5s;
			}

#wide-nav .container .header-product-dropdown .ux-menu-link__text:hover {
				padding-left: 5px;
				color: #4bd963;
			}

#wide-nav .container .header-product-dropdown {

			h4 {
				cursor: pointer;
			}

			h4:hover {
				color: #4bd963;
			}
		}

#footer {
	svg {
		color: #fff;
	}
}

#footer .social-icons {
		display: flex;
		gap: 10px;
	}

#footer .social-icons .icon {
			color: #fff;
		}

#footer {

	b:hover {
		color: #4bd963;
		cursor: pointer;
	}
}

#footer .ux-menu .ux-menu-link__text {
			color: #fff;
			transition: padding 0.5s;
		}

#footer .ux-menu .ux-menu-link__text:hover {
			color: #4bd963;
			padding-left: 5px;
		}

#footer .wpcf7-form {
		margin-bottom: 0px;

		p {
			display: flex;
			gap: 10px;
		}

			p .wpcf7-spinner {
				display: none;
			}

			p .wpcf7-submit {
				position: absolute;
				right: 0;
				height: 38.91px;
				border-top-right-radius: 30px;
				border-bottom-right-radius: 30px;
			}

			p .wpcf7-email {
				border-radius: 30px;
				padding-left: 20px;
			}
	}

.badge-container {
	margin-top: 10px !important;
	margin-left: 10px !important;
}

.badge-container {
	background: red;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 5px;
	color: #fff;
}

.box-text .product-tags .product-tag-bestseller {
			background: #ffb416;
			font-weight: bold;
			font-size: 12px;
			padding: 6px 10px;
			color: #fff;
			border-radius: 5px;
			margin-right: 5px;

			img {
				width: 20px;
				margin-right: 5px;
				margin-bottom: 3px;
			}
		}

.box-text .product-tags .product-tag-new {
			background: #dd0115;
			font-weight: bold;
			font-size: 12px;
			padding: 6px 10px;
			color: #fff;
			border-radius: 5px;

			img {
				width: 15px;
				margin-right: 5px;
			}
		}

.box-text .title-wrapper {
		margin-top: 10px;
		display: flex;
		flex-direction: column-reverse;
	}

.box-text .title-wrapper .woocommerce-LoopProduct-link {
			font-weight: bold;
			color: #000;
			font-size: 14px;
		}

@media (min-width: 1200px) {
		.box-text .title-wrapper {
			margin-bottom: 25px;
		}
	}

.box-text .price-wrapper .price {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;

			del {
				font-size: 13px;
				font-weight: bold;

				bdi {
					font-size: 13px;
					font-weight: bold;
				}
			}

			ins {
				bdi {
					font-weight: bold;
				}
			}
		}

.box-text .variations {
		tr:nth-child(1) {
			display: none;
		}
	}

.box-text .variations .swatchly-type-wrap {
			justify-content: flex-start;
		}

.progress-bar {
	margin-bottom: 20px;
	display: none;

	.progress-bar__content {
		display: flex;
		justify-content: space-between;
		font-weight: 600;
	}

		.progress-bar__content p {
			margin-bottom: 0;
		}

	.progress-bar__content {

		.progress-bar__number {
			display: none;
		}

		.progress-bar__title {
			font-size: 14px;
		}
	}

	.progress-bar__iprogress {
		margin-top: 10px;
		height: 18px;
		width: 100%;
		border-radius: 0;
		border-radius: 50px;
		background-color: #f0f0f0;
		position: relative;

		.progress-bar__bar {
			position: absolute;
			height: 18px;
			left: 0;
			top: 0;
			background-color: #db0f30;
			font-size: 11px;
			font-weight: bold;
			color: #fff;
			padding-left: 15px;
			padding-top: 1px;
			border-radius: 50px;
			background-image: linear-gradient(
				45deg,
				rgba(255, 255, 255, 0.15) 25%,
				transparent 25%,
				transparent 50%,
				rgba(255, 255, 255, 0.15) 50%,
				rgba(255, 255, 255, 0.15) 75%,
				transparent 75%,
				transparent
			);
			background-size: 40px 40px;
			animation: progress-bar-stripes 2s linear infinite;
		}
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

.page-title {
	h1 {
		font-size: 28px;
		color: #000;
	}
}

.page-title .page-title-sub {
		margin-top: 15px;

		p {
			font-weight: bold;
			font-size: 16px;
			color: #000;
		}
	}