/*!
Theme Name: CBS
Theme URI: https://7io.co/product/niceblog
Author: 7io
Author URI: https://7io.co/
Description: niceblog is a Single Page Layout WordPress theme, which is lightweight and designed specifically for blog. This theme can be used blogging or website of any kind. niceblog adapts your website to mobile, tablet, desktop and laptop since it is quite responsive and flexible based on BOOTSTRAP v4.5.2 & CSS3 framework. Free Theme Demo (http://niceblog.7io.co/).
Version: 1.0.6
Tested up to: 7.8
Requires PHP: 7.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: niceblog
Tags: Blog, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

NiceBlog is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;	
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
	line-height: 1.7rem;
	font-size: 1rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #565656;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	font-family: "Lato", sans-serif;
	font-size: 1rem;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: rgba(47, 182, 235, 1);
	text-decoration: underline;
}

a:visited {
	color: rgba(47, 182, 235, 1);
}

a:hover,
a:focus,
a:active {
	color: #007bff;
}

a:focus {
	outline: 1;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #ff7955;
	color: #fff;
	line-height: 1;
	padding: 14px 6px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.5s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #000;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.close-menu {
    display: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align: left;
	width: 240px;
	padding: 0;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul li li:hover > ul,
.main-navigation ul li li.focus > ul {
	display: block;
	left: 100%;
}

.main-navigation ul ul a {
	word-wrap: break-word;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    padding: 8px 20px;
    color: #fff;
}

.main-navigation ul ul a:hover {
	color: #fff;
}

.main-navigation li {
	margin: 0 25px;
}

.main-navigation li.menu-item-has-children:before {
    content: '';
	background: url('images/icons/CaretDown.svg') no-repeat;
	position: absolute;
    right: -13px;
    top: 2px;
    width: 25px;
    height: 20px;
	opacity: 0;
}

ul.menu.nav-menu {
	/* position: relative; */
}

.main-navigation li.menu-item-has-children ul.sub-menu ul {
    position: relative;
	background: transparent;
	box-shadow: none;
}

.main-navigation li.menu-item-has-children ul.sub-menu li {
    width: 25%;
    margin: 0;
}

.main-navigation li.menu-item-has-children ul.sub-menu {
    float: none;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    width: 100%;
    justify-content: space-between;
	background: rgba(26, 26, 26, 1);
	top: -20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 16px;
	padding: 11px 0 0;
	z-index: -1;
}

.sub-menu-custom {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9999999;
    background: rgba(26, 26, 26, 0.94);
    display: flex;
    top: 70px;
    justify-content: space-between;
	padding: 50px 72px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
}

.main-navigation li.shop-sub-menu:hover .sub-menu-custom {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.shop-sub-menu ul.sub-menu {
	display: none !important;
}

.menu-sub-items .products-grid {
    display: flex;
}

.menu-sub-items .product-price {
	font-size: 13px;
	margin-bottom: 4px;
}

.menu-sub-items span.srt-frm {
	font-size: 7px;
}

.menu-sub-items .product-card {
	width: 150px;
	text-align: left;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-sub-items a.select-options {
	font-size: 11px;
	padding: 6px 4px;
    margin: 0 auto 8px;
}

.menu-sub-items .product-card .product-image {
	height: 147px;
}

.menu-sub-items .product-title a {
	font-size: 11px;
}

.menu-sub-items .clothing-products span.woocommerce-Price-amount.amount {
	font-size: 9px;
}

.menu-sub-items h2 {
    margin: 0 0 12px;
    color: rgba(163, 163, 163, 1);
    font-size: 16px;
    text-transform: uppercase;
	text-align: left;
}

.menu-sub-items p {
    margin: 0 0 5px;
    text-align: left;
}

.menu-sub-items p a {
    font-size: 16px;
    font-weight: 500;
}

.menu-sub-items p a svg {
    display: none;
}

.main-navigation ul ul a[title="title-cate"] {
    font-size: 18px;
    color: rgba(163, 163, 163, 1);
}

.main-navigation li.menu-item-has-children ul.sub-menu ul {
	opacity: 1;
	top: 0px;
}

.main-navigation li.menu-item-has-children:hover ul.sub-menu ul {
	visibility: visible;
}

.main-navigation li.menu-item-has-children:hover ul {
	top: 27px;
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

.main-navigation li.menu-item-has-children ul.sub-menu li li {
    width: 100%;
}

.main-navigation ul ul a svg {
	display: none;
}

li.shop-sub-menu a svg {
    margin-left: 7px;
    top: -1px;
    position: relative;
}

.main-navigation li i.fa {
    position: absolute;
    right: 0;
    top: 4px;
    font-weight: 700;
}

.main-navigation li.menu-item-has-children li.menu-item-has-children i.fa {
    color: #fff;
    z-index: 99;
    right: 13px;
    top: 9px;
}

.main-navigation li li {
	margin-left: 0;
}

.main-navigation a {
	display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.5s ease;
}

.main-navigation a.search-icon {
    display: inline-block;
	font-size: 18px;
}

.main-navigation li.menu-item-has-children a {
    position: relative;
	padding-right: 0px;
}

.main-navigation a:hover {
	color: #1f92bf;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.niceblog-main-nav,
div#primary-menu {
    display: inline-block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
	text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/********************** custom css ******************/

.container {
	width: 1245px;
	max-width: 100%;
}

.blog main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/******* header css start ******/

header.site-header {
    margin-bottom: 0px;
    padding: 30px 15px 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 1) 0 0 8px;
	z-index: 99999;
}


.main-navigation {
    clear: none;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: auto;
}

.navigation {
    text-align: center;
    margin: 42px 0 0;
}

.site-branding {
    display: flex;
    align-items: center;
	width: 147px;
}

.logo-section {
    width: 25%;
	padding-left: 15px;
}

.search-box {
    width: 50%;
}

.search-box button.close_search {
	display: none;
}

.short-menu {
    width: 25%;
    text-align: right;
	margin: 8px 0 0;
}

.short-menu a {
    margin-left: 13px;
}

.search-icon-m {
  display: none;
}

.site-branding p.site-title,
.site-branding p.site-description {
	display: none;
}

.search-icon {
    cursor: pointer;
	margin-left: 14px;
}

.niceblog-search-form {
    position: fixed;
    width: 100%;
    height: 120px;
    background: #000;
    left: 0;
    top: -420px;
    z-index: -99999;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.8s ease;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	display: none;
}

.searchActive .niceblog-search-form {
	opacity: 1;
	visibility: visible;
	top: 0;
	z-index: 9999999;
}

.niceblog-search-form form.search-form {
    width: 450px;
    text-align: center;
    position: relative;
}

.niceblog-search-form form.search-form label,
.niceblog-search-form form.search-form input {
    width: 100%;
	margin: 0;
}

.niceblog-search-form form.search-form input.search-submit {
    position: absolute;
    right: 0px;
    font-size: 15px;
    width: 90px;
    height: 100%;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: #fa4616;
    background-size: 35px;
    background-position: center;
    opacity: 1;
    font-weight: 700;
}

.niceblog-search-form form.search-form input {
	border: 1px solid #a7a7a7;
	padding: 12px 20px;
	font-size: 18px;
	font-weight: 400;
	box-shadow: rgb(0 0 0 / 20%) 0 0 0px;
	transition: all 0.5s ease;
	border-radius: 11px;
	Background: #fff;
	background-size: 26px;
    background-position: center left 16px;
    border: 0;
    color: #000;
	padding-left: 20px;
    padding-right: 51px;
}

.niceblog-search-form form.search-form input:focus {
	box-shadow: rgb(0 0 0 / 20%) 0 0 20px;
}

.niceblog-search-form .close_search {
    position: absolute;
    right: 8px;
    top: 7px;
    background: transparent;
    color: #fff;
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
}

.search-box form.search-form input {
	width: 90%;
    margin: auto;
    display: block;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 10px;
    padding-left: 56px;
	background: #000 url('images/icons/search-icon.svg') no-repeat;
	background-size: 26px;
    background-position: center left 16px;
	border: 0;
	color: #fff;
}

.niceblog-search-form .search-submit {
  background: #fff url('images/icons/search-icon.svg') no-repeat;
  width: 51px;
  margin: 0;
  color: #05171F !important;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 6px;
  height: 51px;
  background-position: center;
  border-radius: 7px;
}

.search-box button.search-submit {
    display: none;
}

.search-box form.search-form input:focus {
	outline: none;
}

.search-box form.search-form input::placeholder {
  opacity: 0.6;
}

a.login-btn-cus {
    color: #1F92BF;
    padding: 11px 48px;
    text-decoration: none;
    border-radius: 8px;
    margin-left: 15px !important;
    transition: all 0.5s ease;
    font-size: 18px;
    border: 1px solid #1F92BF;
	background: #232323;
}

a.login-btn-cus:hover {
	background: #2fb6eb;
	color: #fff;
	text-decoration: none;
}

.woocommerce-breadcrumb {
  margin: 50px 0 30px !important;
  display: none;
}

.woocommerce.search-results ul.products li.product .price {
	padding: 0 13px;
}

.woocommerce ul.products li.product a img {
	background: #000;
	transition: transform 0.8s ease;
	transform: rotate(0deg) translateX(0px) translateY(0px);
}

.woocommerce ul.products li.product.effectOn a img {
	transform: rotate(-20deg) translateX(56px) translateY(40px);
}

.woocommerce ul.products li.product .image-box {
    overflow: hidden;
	background: #000;
	margin: 0 0 20px;
}

.woocommerce .products-section ul.products li.product .image-box {
	/* height: 220px; */
	margin: 0 0 10px;
}


/* --- MENU DRAWER --- */
.mobile-nav {
	position: fixed;
	top: 0px; 
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #111;
	transition: 0.4s ease;
	overflow-y: auto;
	z-index: 9999999;
	padding: 60px 0;
}

.toggle-menu-mobile {
	display: none;
}

.toggle-menu-mobile svg {
    width: 43px;
}

.mobile-nav.is-open { left: 0; }

.mobile-nav .nav-list {
  margin: 0;
  padding: 0;
}

/* --- LINKS & TYPOGRAPHY --- */
.nav-list { list-style: none; }

/* Level 1 Links (Main Menu) */
.nav-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border-bottom: 1px solid #222;
	background: #111;
	transition: background 0.2s;
}
.nav-link:hover { color: #fff; }
.text-blue { color: #3498db; }

.sub-link.accordion-toggle:hover {
	text-decoration: none;
}

/* Accordion Toggle Icons (+ / -) */
.accordion-toggle::after {
	content: '+';
	font-size: 18px;
	color: #666;
	transition: 0.3s;
}

/* --- SUBMENUS (Hidden by default) --- */
.submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	background-color: #1a1a1a; /* Lighter grey for hierarchy */
}

/* Level 2 Links (The 3 Columns: Products, Goals, Brands) */
.sub-link {
	padding: 15px 30px; /* More indentation */
	font-size: 15px;
	color: #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	border-bottom: 1px solid #2a2a2a;
}
.sub-link:hover { color: #fff; }

/* --- DEEP NESTED SUBMENU (The actual items) --- */
.deep-submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	background-color: #000; /* Darkest for final items */
}

/* Level 3 Links (Protein, Fat Burner, etc.) */
.deep-link {
	display: block;
	padding: 12px 20px 12px 45px; /* Deep indentation */
	color: #aaa;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px solid #111;
}
.deep-link:hover {
	color: #3498db;
	padding-left: 50px;
	transition: 0.2s;
}

/******* header css close ******/

a.default-lik {
    font-size: 1.1rem;
    color: #007bff;
    text-decoration: none;
	transition: all 0.5s ease;
}

a.default-lik:hover {
	color: #fa4616;
}

.btn-section a.default-lik {
    margin-left: 20px;
}

/******* scroll animation css start *******/

.slide-top {
    transform: translateY(50px);
    transition: all 1.1s ease;
    opacity: 0;
}

.slide-top.animated {
	transform: translateY(0px);
	opacity: 1;
}

.slide-left {
    transform: translateX(-50px);
	transition: all 1.1s ease;
    opacity: 0;
}

.slide-right {
    transform: translateX(50px);
	transition: all 1.1s ease;
    opacity: 0;
}

.slide-left.animated,
.slide-right.animated {
	transform: translateX(0px);
	opacity: 1;
}

/******* scroll animation css close *******/


/*** banner ***/

.banner-slider {
    width: 100%;
	position: relative;
}

.slider-item {
	position: relative;
}

.banner-up {
    padding: 0;
	margin: 0 0 112px;
}

.banner-slider .slide-content img {
	width: 100%;
	border: 0px solid #383838;
    border-radius: 0;
	/* height: 504px;
    object-fit: cover; */
}

.shop-now-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 180px;
}

.shop-now-btn a {
    background: #fff;
    color: #000 !important;
    text-decoration: none;
    padding: 7px 26px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 7px;
}

.banner-slider .slide-content img.mobile-baner {
	display: none;
}

.custom-dots-container {
    display: flex;
	margin: 24px auto 0;
	width: 1186px;
}

.custom-dots-container .custom-dot {
    width: 35px;
    border: 1px solid #424242;
    overflow: hidden;
    border-radius: 100%;
    position: relative;
    transition: all 0.5s ease;
    height: 36px;
    margin-right: 14px;
}

.custom-dots-container .custom-dot img {
	width: 100%;
	height: 47px;
	object-fit: cover;
}

.custom-dots-container .custom-dot.active {
	border-radius: 15px 15px 15px 15px;
}

.custom-dots-container .custom-dot:before {
    content: '';
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.7;
	transition: all 0.3s ease;
}

.custom-dots-container .custom-dot.active:before {
	opacity: 0;
}

.banner-main {
    display: flex;
	justify-content: space-between;
	margin-bottom: 64px;
}

.banner-main .slick-next,
.products-grid .slick-next,
.product-gallery-section .slick-next,
.woocommerce-product-gallery__wrapper .slick-next,
.thleat-box-main .slick-next {
	right: 11%;
    top: auto;
    bottom: -70px;
	transform: translate(0, 0%);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #757575;
	background: #242424 url('images/icons/slide-arrow-lft.svg') no-repeat;
	background-position: center;
	z-index: 9999;
}

.banner-main .slick-prev,
.products-grid .slick-prev,
.product-gallery-section .slick-prev,
.woocommerce-product-gallery__wrapper .slick-prev,
.thleat-box-main .slick-prev {
    left: auto;
    right: 15%;
    bottom: -70px;
    top: auto;
    z-index: 9;
    transform: translate(0, 0%) rotate(180deg);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #757575;
	background: #242424 url('images/icons/slide-arrow-lft.svg') no-repeat;
	background-position: center;
	z-index: 9999;
}

.woocommerce-product-gallery__wrapper .slick-next:before,
.woocommerce-product-gallery__wrapper .slick-prev:before,
.thleat-box-main .slick-prev:before,
.thleat-box-main .slick-next:before {
	display: none;
}

.woocommerce-product-gallery__wrapper .slick-next {
	bottom: auto;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
}

.woocommerce-product-gallery__wrapper .slick-prev {
	bottom: auto;
	left: 22px;
	top: 50%;
	transform: translateY(-50%) rotate(-180deg);
}

.products-grid .slick-prev {
	right: 62px;
}

.products-grid .slick-next {
	right: 0;
}

.product-gallery-section .slick-prev {
	right: 77px;
	bottom: 20px;
}

.product-gallery-section .slick-next {
	right: 15px;
	bottom: 20px;
}

.banner-main .slick-prev:before, 
.banner-main .slick-next:before,
.products-grid .slick-prev:before, 
.products-grid .slick-next:before,
.product-gallery-section .slick-next:before,
.product-gallery-section .slick-prev:before {
	opacity: 0;
}

.products-grid .slick-dots {
	text-align: left;
	bottom: -54px;
}

.product-gallery-section .slick-dots {
	bottom: 30px;
    left: 16px;
	text-align: left;
}

.products-grid .slick-dots li,
.product-gallery-section .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 10px;
}

.products-grid .slick-dots li button,
.product-gallery-section .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #A3A3A3;
    border-radius: 100%;
	opacity: 0.5;
}

.products-grid .slick-dots li.slick-active button,
.product-gallery-section .slick-dots li.slick-active button {
	opacity: 1;
}

.coupan-box {
    width: 100%;	
	display: flex;
    align-items: center;
    border-radius: 14px;
    border: 0px solid #2d2d2d;
	padding: 0;
    margin: 0px 0 82px;
}

.coupan-box .coupan-items {
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.coupan-box .coupan-items .coupan-cmn {
	text-align: center;
	background: url('images/coupan-bg.png');
	width: 41.5%;
	padding: 22px 0;
    border: 1px solid #292929;
    border-radius: 10px;
}

.shop-btn {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 11px 25px;
    display: inline-block;
    margin: 0;
    border-radius: 10px;
    transition: all 0.5s ease;
	font-weight: 500;
}

.shop-btn svg {
    width: 18px;
    height: 18px;
}

.shop-btn:hover {
	background: #2fb6eb;
	color: #fff;
	text-decoration: none;
	border: 2px solid #2fb6eb;
}


.mini-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #A3A3A3;
    margin: 0 0 16px;
}

.stripe-box {
    padding: 28px 0 26px;
}

.stripe-box .mobile-stripe {
    display: none;
}

.stripe-box svg {
    width: 100%;
}

.stk-catry {
    display: flex;
    justify-content: space-between;
	margin: 0 0 64px;
}

.stk-catry .ctr-items {
    width: 23.9%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.stk-catry .ctr-items img {
    width: 100%;
    border: 1px solid #2c2c2c;
}

.stk-catry .ctr-items h3 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    color: #fff;
    width: 74%;
    text-align: center;
    background: #292929;
    margin: 0;
    padding: 10px 10px;
    border-radius: 15px 15px 0 0;
}

.why-chsu {
    display: flex;
    justify-content: space-between;
	margin: 0px;
}

.stripe-box.box2 {
    margin: 0 0 54px;
}

.why-chsu .ctr-items {
    width: 23.8%;
    text-align: center;
    padding: 23px 40px;
    background: #242424;
    border-radius: 13px;
}

.why-chsu .ctr-items h3 {
	font-size: 20px;
    color: #9D9D9A;
    font-weight: 500;
    margin: 6px 0 0;
}

.why-chsu .ctr-items img {
    
}

.shop-brands {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 0 24px;
}

.shop-brands .ctr-items {
    width: 24%;
    text-align: center;
    margin: 0 0 40px;
}

.shop-brands .ctr-items img {
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease;
}

.shop-brands .ctr-items:hover img {
    transform: skew(-5deg, -5deg);
    filter: drop-shadow(1px 3px 2px rgba(255, 255, 255, 1));
}

.mini-title img {
    margin-left: 18px;
}

/**** shop page ****/

.shop-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
	margin: 50px 0 0;
}

.shop-container .shop-sidebar {
    width: 28%;
	position: relative;
    padding-right: 64px;
}

.close-btn {
	display: none;
}

.shop-container .shop-sidebar:before {
	content: '';
	width: 1px;
	height: 96.5%;
	background: #4b4b4b;
	position: absolute;
	right: 0;
	bottom: 0;
}
 
.products-header {
    display: flex;
    justify-content: flex-end;
	margin: 0 0 10px;
}
 
.products-header select {
    background: url(images/icons/CaretDown.svg) no-repeat;
    border: 0px solid #4b4b4b;
    color: #fff;
    padding: 10px;
    width: 90px;
    -webkit-appearance: none;
    background-position: center right 3px;
    background-size: 18px;
}

.filter-box {
  width: 27px;
  margin: 9px 20px 0 0px;
  display: none;
}

.products-header select option {
	background: #000;
	color: #fff;
}

.shop-container .shop-main {
    width: 72%;
	padding: 10px 0 0;
}

.title-box {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.clear-filter-btn {
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    padding: 0;
    font-size: 16px;
    text-transform: initial;
}

.clear-filter-btn:hover {
	background: transparent;
}

.title-box h3,
.title-min {
    font-size: 18px;
    color: #A3A3A3;
    text-transform: uppercase;
}

.aft-img img {
    margin: 42px 0 0;
	width: 100%;
}

.afiliate-ppr {
    padding-right: 60px;
}

.slicewp-nav-tab-wrapper .slicewp-nav-tab a:hover, 
.slicewp-nav-tab-wrapper .slicewp-nav-tab a:focus, 
.slicewp-nav-tab-wrapper .slicewp-nav-tab.slicewp-active a {
	border-bottom: 2px solid #fff !important;
	color: #fff !important;
}

body table.slicewp-list-table {
	color: #fff;
}

.page-template-default .entry-content p,
.page-template-default .entry-content h2,
.page-template-default .entry-content h3,
.page-template-default .entry-content {
    color: #fff;
}

.page-template-default .entry-content #slicewp-affiliate-account {
	color: #000;
}

.page-template-default .entry-content h2 {
    font-size: 1.5rem;
}

.page-template-default .entry-content h3 {
    font-size: 1.3rem;
}

.page-template-default .entry-content p {
    line-height: 26px;
}

.page-template-default main {
    margin: 70px 0 0;
}

.afiliate-ppr label,
span.description {
	font-size: 16px;
    color: #A3A3A3;
	font-weight: 500;
	margin: 0 0 5px;
}

.aft-content {
    background: rgba(41, 41, 41, 1);
    border: 1px solid;
    border-radius: 13px;
    padding: 0px 0px 30px;
	margin: 0 0 20px;
}

.slicewp-user-notice.slicewp-warning {
    background: rgba(41, 41, 41, 1) !important;
    border-color: #393939 !important;
    color: #000 !important;
}

.slicewp-list-table-pagination span {
    color: #fff;
}

.aft-content .conten-in {
    padding: 0 15px;
}

.aft-content img {
    margin: 0 0 16px !important;
    border-radius: 13px 13px 0 0;
    border-bottom: 1px solid;
}

.aft-content h2 {
    margin: 0 0 12px;
    color: rgba(163, 163, 163, 1);
    font-size: 18px;
    text-transform: uppercase;
}

.aft-content p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 8px;
	line-height: 22px;
}

.aft-content h4 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.aft-content ol {
    padding: 0;
    margin: 0;
    margin-left: 16px;
}

.aft-content ol li {
	color: #fff;
    font-size: 14px;
}

/* .aft-content ol li.red {
    color: rgba(255, 146, 148, 1);
} */

.aft-img {
    padding-left: 70px;
    padding-top: 40px;
}

span.description {
    display: block;
    margin: -11px 0 5px !important;
    position: relative;
    top: 0;
}

.afiliate-ppr .form-row {
	margin: 0 0 12px;
    width: 100%;
}

textarea.wpcf7-textarea {
    height: 70px;
    resize: none;
    background: rgba(235, 235, 235, 1);
	border-radius: 7px;
}

span.wpcf7-list-item-label {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 10px;
}

.form-group.consent-group.ckh-bx p {
    line-height: 19px;
}

.afiliate-ppr .form-row p {
	width: 100%;
}

input.wpcf7-form-control.wpcf7-submit {
    background: rgba(57, 137, 178, 1);
    width: 100%;
    color: rgba(5, 23, 31, 1);
	font-size: 18px;
	font-weight: 500;
	margin: 3px 0 0;
    text-transform: inherit;
}

.form-group.consent-group.ckh-bx a {
	color: #1f92bf;
}

.sub-field.sps-inst {
    margin: 0 0 15px;
}

.afiliate-ppr .form-row .form-group {
    width: 100%;
	margin: 0 0 0;
}

select.wpcf7-form-control.wpcf7-select {
    background: rgba(235, 235, 235, 1) url('images/icons/drop-down-arrow.svg') no-repeat;
    width: 100%;
    padding: 12px 20px;
    border-radius: 5px;
    -webkit-appearance: none;
	    background-position: center right 16px;
}

.afiliate-ppr .form-row .form-group p {
    margin: 0 0 4px;
}


.afiliate-ppr .form-row .form-group  p.clck-No {
    display: none;
    color: rgba(255, 87, 87, 1);
    font-size: 16px;
}

.afiliate-ppr .form-row .form-group input {
    width: 100%;
    padding: 8px 6px;
    border-radius: 7px;
	background: rgba(235, 235, 235, 1);
}

.form-group.cst-btn span.wpcf7-list-item input,
.form-group.ckh-bx input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

ul.slicewp-field-radio-wrapper li {
	display: inline-block;
    margin-right: 15px;
}

.page-template-afiliate-page-template .slicewp-field-has-description > h4 {
    color: #fff;
}

.slicewp-field-description > :last-child {
    margin-bottom: 0;
    color: #818181;
}

button.slicewp-button-primary {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 14px 10px;
    background: rgba(57, 137, 178, 1);
    color: rgba(5, 23, 31, 1);
    font-size: 18px;
    margin: 0 0 20px;
    border-radius: 7px;
}

button.slicewp-button-primary:hover {
	color: #fff !important;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.form-group.cst-btn span.wpcf7-list-item {
	margin: 0;
}

.form-group.cst-btn span.wpcf7-list-item label {
	position: relative;
}

.form-group.cst-btn span.wpcf7-list-item span.wpcf7-list-item-label {
    margin: 0;
    position: relative;
    padding-left: 31px;
    margin-right: 20px;
    font-size: 16px;
}

.form-group.cst-btn span.wpcf7-list-item span.wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    left: 0;
    top: 0px;
    border: 5px solid #eee;
}

.form-group.ckh-bx span.wpcf7-list-item {
	position: relative;
    margin: 0;
    padding-left: 25px;
	margin-right: 18px;
	margin-bottom: 4px;
}

span.wpcf7-list-item-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.form-group.ckh-bx span.wpcf7-list-item span.wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    left: 0;
    top: 5px;
    border: 2px solid #eee;
}

.form-group.ckh-bx span.wpcf7-list-item span.wpcf7-list-item-label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0px;
    height: 15px;
    border: 4px solid blue;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
	transition: all 0.5s ease;
	opacity: 0;
}

.form-group.ckh-bx span.wpcf7-list-item.active span.wpcf7-list-item-label:after {
	width: 8px;
	opacity: 1;
}

.form-group.cst-btn span.wpcf7-list-item.active span.wpcf7-list-item-label:before {
    background: #1f92bf !important;
    color: white;
}


.pro-count-sidebar {
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #4b4b4b;
    padding: 0px 0 20px;
    margin: 0 0 22px;
}

.pro-count-sidebar span#products-count-text {
    color: #fff;
    font-size: 14px;
}

.search-box-f {
    width: 100%;
}

.top-space {
	margin-top: 50px !important;
}

 /* faq Header Styles */
.faq-header {
	padding: 30px;
	text-align: center;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eaeaea;
}

.faq-header h1 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: #222;
}

.faq-header h2 {
	font-size: 1.5rem;
	font-weight: 400;
	color: #666;
}

/* Accordion Styles */
.faq-accordion {
	padding: 0;
}

.faq-item {
	border-bottom: 1px solid #a6a6a6;
}

.faq-question {
	padding: 12px 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.3s;
}

.faq-question h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: rgba(47, 182, 235, 1);
}

.faq-toggle {
	font-size: 1.5rem;
	font-weight: 300;
	transition: transform 0.3s;
}

.faq-answer {
	padding: 0px;
	color: #fff;
	display: none;
}

.faq-answer p,
.faq-answer li {
	padding-bottom: 20px;
	margin: 0;
	color: #fff;
	font-size: 17px;
}

.faq-answer li {
    margin: 0;
    padding: 0 0 2px !important;
}

.faq-answer ul,
.faq-answer ol {
	padding: 0;
	margin: 0;
	margin-left: 16px;
	margin-bottom: 10px;
}

.faq-question span {
    color: #fff;
    font-size: 26px;
	transition: all 0.5s ease;
}

.faq-item.active span {
	transform: rotate(180deg);
}

.search-box-f input {
    width: 100%;
    background: #000 url('images/icons/search-icon.svg') no-repeat;
    border: 1px solid #4b4b4b;
    padding: 11px 49px;
    border-radius: 7px;
    background-position: center left 13px;
    background-size: 20px;
    font-size: 16px;
    color: #949494;
}

.sidebar-section {
    border-bottom: 1px solid #4b4b4b;
    padding: 0 0 20px;
    margin: 0 0 30px;
}

.range-inputs {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group-f {
    display: flex;
}

.input-group-f input {
    border: 0;
    background: transparent;
    width: auto;
	padding: 0;
}

.price-range {
	padding: 0 20px;
}

.range-input input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #fff;
	pointer-events: auto;
	-webkit-appearance: none;
	cursor: pointer;
	border: 2px solid #6B6B6B;
}

.range-input input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #fff;
	pointer-events: auto;
	cursor: pointer;
	border: 2px solid #6B6B6B;
}

.price-slider-container {
	position: relative;
	margin: 20px 0;
}

.price-slider {
	height: 6px;
	border-radius: 0px;
	position: relative;
	background: #fff;
}


.range-input {
	position: relative;
}

.range-input input[type="range"] {
	position: absolute;
	top: -6px;
	height: 6px;
	width: 100%;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	border: 0;
}


.availability-filters span {
    width: 18px;
    height: 18px;
    background: #000000;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #6B6B6B;
	position: relative;
	top: 3px;
}

.availability-filters span:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    left: 5px;
    top: 1px;
    border: 3px solid #1f92bf;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
	transition: all 0.5s ease;
	opacity: 0;
}

.availability-filters input[type=checkbox]:checked + span:before {
	width: 6px;
    height: 11px;
	opacity: 1;
}

.availability-filters input[type=checkbox] {
    position: absolute;
    visibility: 0;
	opacity: 0;
}

.availability-filters label {
    color: #fff;
    font-size: 16px;
    font-weight: 400 !important;
    margin-left: 3px;
}


/** contact Form **/

/* Container Background */
.custom-dark-form {
    background-color: #1e1e1e;
    padding: 30px;
    border-radius: 8px;
    max-width: 100%;
    margin: 40px auto 0;
    font-family: sans-serif;
    border: 1px solid;
}

.wpcf7-response-output {
    color: #fff;
}

.contact-form form.wpcf7-form {
    max-width: 800px;
    margin: 0 auto;
}

.custom-dark-form h2 {
    font-size: 24px;
    font-weight: 500;
    color: rgba(163, 163, 163, 1);
    text-transform: uppercase;
    margin: 0 0 15px;
}

/* Typography */
.custom-dark-form label {
    color: #cccccc; /* Light grey text */
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

/* Input Fields styling */
.custom-dark-form input[type="text"],
.custom-dark-form input[type="email"],
.custom-dark-form input[type="tel"],
.custom-dark-form textarea {
    background-color: #ededed; /* Light grey input bg */
    border: none;
    border-radius: 6px; /* Rounded corners */
    padding: 12px 15px;
    width: 100%;
    box-sizing: border-box; /* Ensures padding doesn't break width */
    margin-bottom: 0px;
    color: #333;
    font-size: 15px;
}

/* Remove default focus outline and add subtle one */
.custom-dark-form input:focus,
.custom-dark-form textarea:focus {
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px #3b8dbd; /* Blue glow on click */
}

/* Layout: Two Column setup for Name/Email */
.form-row-two {
    display: flex;
    gap: 20px; /* Space between name and email */
    margin-bottom: 15px;
}

.form-col {
    width: 50%;
}

/* Specific fix for the Textarea height */
.custom-dark-form textarea {
    height: 150px;
    resize: vertical;
}

/* Submit Button Styling */
.custom-dark-form input[type="submit"] {
    background-color: #3b8dbd;
    color: #222;
    border: none;
    padding: 12px 0;
    width: 70%;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    margin: 0 auto;
    display: block;
}

.custom-dark-form input[type="submit"]:hover {
    background-color: #4da3d4; /* Lighter blue on hover */
}

.form-row.full-box p {
    width: 100%;
}

.custom-dark-form .form-col p {
    margin: 0;
}

/* Mobile Responsiveness - Stacks Name and Email on phones */
@media (max-width: 600px) {
    .form-row-two {
        flex-direction: column;
        gap: 0;
    }
    .form-col {
        width: 100%;
    }
}

/* Range Inputs Container */
.range-inputs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
}

.input-group-f {
	display: flex;
	align-items: center;
	gap: 5px;
}

.price-display-text {
    font-size: 18px;
    color: #ffffff;
	margin: 0;
}

.input-group-f label {
    color: #ffffff;
    font-size: 18px;
    margin: 0;
}

.price-slider .progress {
    height: 6px;
    background: #818181;
    border-radius: 0;
    position: absolute;
    left: 0%;
    right: 0%;
    border: 0;
}

/***** wishlist page *****/

.woocommerce .wishlist-title h2 {
	font-size: 0;
}

.woocommerce .wishlist-title {
	margin-bottom: 0;
}

.yith-wcwl-share h4.yith-wcwl-share-title {
	color: #fff;
}

.wishlist_table thead tr th, 
.wishlist_table tfoot td td, 
.widget_yith-wcwl-lists ul.dropdown li.current a, 
.widget_yith-wcwl-lists ul.dropdown li a:hover, 
.selectBox-dropdown-menu.selectBox-options li.selectBox-selected a, 
.selectBox-dropdown-menu.selectBox-options li.selectBox-hover a,
.woocommerce table.shop_table.wishlist_table tr td {
	background: #242424;
	color: #fff;
    font-size: 15px;
}

table.shop_table.cart.wishlist_table.wishlist_view.traditional.responsive {
	border: 1px solid #353535;
	color: #fff;
	border-collapse: collapse;
}

.woocommerce table.shop_table.cart.wishlist_table.wishlist_view.traditional.responsive th {
	font-size: 16px;
    border: 0;
}

.woocommerce table.shop_table.cart.wishlist_table.wishlist_view.traditional.responsive td.product-name a {
    text-decoration: none;
    color: #1f92bf;
    font-size: 17px;
}

.woocommerce a.remove {
	color: #fff !important;
}

.wishlist_table .product-add-to-cart a {
    display: inline-block !important;
    margin: 0 auto 5px !important;
    text-align: center;
    background: #1f92bf;
    color: #05171F !important;
    text-decoration: none;
    padding: 8px 16px !important;
    border-radius: 8px;
    font-weight: 500;
}

.wishlist_table tr td.product-thumbnail a img {
	background: #141414;
}


/*** product block ****/

.wc-block-grid__products {
	gap: 18px;
	justify-content: space-between;
}

li.wc-block-grid__product {
	background: #242424;
    border: 2px solid #353535;
    border-radius: 7px;
    max-width: 23.5% !important;
    flex: initial !important;
}

.wc-block-grid__product-title {
    font-size: 18px !important;
    color: #fff !important;
    text-decoration: none !important;
}

li.wc-block-grid__product a {
    text-decoration: none;
}

.wc-block-grid__product-price.price ins {
    background: transparent;
}

.wc-block-grid__product-price.price del {
    font-size: 18px;
}

span.woocommerce-Price-amount.amount {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

a.wp-block-button__link.add_to_cart_button {
	background: #1F92BF;
    color: #05171F !important;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s ease;
    font-size: 18px !important;
    width: 90%;
    margin: 0 auto 12px;
}

.wc-block-grid__product-onsale {
    display: none !important;
}

/**** category page ****/

.woocommerce .products ul::after, 
.woocommerce .products ul::before, 
.woocommerce ul.products::after, 
.woocommerce ul.products::before {
	position: absolute;
}

.woocommerce .products ul, 
.woocommerce ul.products {
	display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.woocommerce ul.products li.product .onsale {
	display: none;
}

.woocommerce ul.products li.first, 
.woocommerce-page ul.products li.first {
	clear: none;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 23.5%;
    margin-left: 0;
    border-radius: 12px;
    overflow: hidden;
	background: #242424;
    border-radius: 20px;
	border: 2px solid #353535;
}

.archive.woocommerce-page ul.products li.product {
	width: 31.5%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	color: #fff;
    text-decoration: none;
    line-height: 1.4;
    font-size: 17px;
    font-weight: 400;
	padding-right: 20px;
}

.yith-add-to-wishlist-button-block[data-attributes*="added"] a {
    background-image: url("data:image/svg+xml,%3Csvg fill='%231f92bf' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z'/%3E%3C/svg%3E");
}

.cate-product-sec .main-search-box {
	display: block;
}

.no-results-message {
    color: #fff;
}

.no-results-message h2 {
    color: #fff;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor svg {
	display: none;
}

.yith-add-to-wishlist-button-block a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z'%3E%3C/path%3E%3C/svg%3E");
	Background-repeat: no-repeat;
	font-size: 0;
    width: 31px;
    height: 28px;
}

.product-wish {
    position: relative;
    display: flex;
    justify-content: space-between;
	padding: 0 12px;
}

.woocommerce ul.products li.product .price {
	padding: 0 12px;
}

.product-wish .yith-add-to-wishlist-button-block {
	margin: 0;
    padding: 0;
    height: 25px;
    padding-top: 10px;
	display: flex !important;
}

.added-wishlist-suc {
	position: absolute;
	left: 0;
	top: 0;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
	color: #a6a6a6;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
	color: #1f92bf !important;
}

.product-wish span.yith-wcwl-add-to-wishlist-button__label {
    font-size: 0;
}

.product-wish .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor {
	gap: 0;
}

.woocommerce ul.products li.product .price del span.woocommerce-Price-amount.amount {
    font-size: 16px;
}

.tax-product_cat.woocommerce ul.products li.product .price {
	padding: 0 13px;
}


.woocommerce-page ul.products li.product a.button.product_type_variable.add_to_cart_button,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	background: #1F92BF;
	padding: 15px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
	color: #05171F !important;
	display: block;
    width: 90%;
    margin: 25px auto 22px;
	text-align: center;
	display: block !important;
}

a.added_to_cart.wc-forward {
    text-align: center;
    margin: 0 !important;
    padding: 0 0 8px !important;
}

.tax-product_cat nav.woocommerce-breadcrumb {
    display: none;
}

.shop-sidebar .widget.widget_block {
    background: transparent;
    padding: 0;
}

h2.wp-block-heading {
	font-size: 18px;
    color: #A3A3A3;
    text-transform: uppercase;
	margin: 0 0 30px !important;
}

.shop-sidebar {
    padding-right: 70px;
    position: relative;
	margin-top: 95px;
}

span.Apply-flter {
	display: none;
}

.wc-block-product-filter-checkbox-list__item .wc-block-product-filter-checkbox-list__label {
	color: #fff;
}

.shop-sidebar:before,
.main-search-box div#sidebar1.sidebar:before {
    content: '';
    width: 1px;
    height: 96.5%;
    background: #4b4b4b;
    position: absolute;
    right: 21px;
    bottom: 0;
}

.close-sidebar {
	display: none;
}

.woocommerce-product-category-template .category-header {
    margin: 90px 0 0;
}

h1.woocommerce-products-header__title.page-title {
    font-size: 32px;
    color: #A3A3A3;
}

.search-results h1.woocommerce-products-header__title.page-title {
	font-size: 22px;
}

p.woocommerce-result-count {
    color: #fff;
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    border: 2px solid #1f92bf;
    background: transparent;
    color: #fff;
    border-radius: 7px;
    padding: 8px 16px;
	background: url(images/icons/CaretDown.svg) no-repeat;
	-webkit-appearance: none;
    background-position: center right 6px;
    background-size: 19px;
}

.woocommerce .woocommerce-ordering select option {
	color: #000;
}

h3.wp-block-heading {
	font-size: 18px;
    color: #A3A3A3;
    text-transform: uppercase;
}

.wc-block-product-filter-price-slider__content input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: red !important;
	pointer-events: auto;
	cursor: pointer;
	border: 2px solid #6B6B6B;
}

.wc-block-product-filter-price-slider__range .range-bar {
	background: #818181;
}

.wc-block-product-filter-price-slider__range:before {
	background: #fff !important;
    opacity: 1 !important;
}

.wc-block-product-filter-price-slider .text input[type=text] {
	background: transparent;
    border: 0 !important;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

/***** cart page *****/

.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
    color: #fff;
}

.woocommerce-checkout-fullwidth h3.wc-block-components-product-name {
    font-size: 1.1rem;
}

.woocommerce-order-received .woocommerce ul.order_details {
	background: #242424;
    padding: 20px 30px;
    text-align: center;
}

.woocommerce-order-received table.shop_table {
	border-collapse: collapse;
}

.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td {
	padding: 9px 0px;
}

.woocommerce-order-received .woocommerce-order-details tr {
    border-bottom: 2px solid #393939;
}

.woocommerce-cart .for-woocommerce,
.woocommerce-checkout .for-woocommerce,
.woocommerce-wishlist .for-woocommerce {
    max-width: 100%;
    flex: initial;
	margin: 40px 0 0;
}

a.wc-block-components-product-name {
    color: #fff;
    text-decoration: none;
}

del.wc-block-components-product-price__regular {
    color: #999999;
}

.wc-block-components-product-price__value.is-discounted {
    background: transparent;
    margin-left: .5em;
    color: #fff;
}

.wc-block-components-product-badge.wc-block-components-sale-badge {
    color: #fff;
}

.wc-block-components-product-metadata {
    display: none;
}

.wc-block-components-quantity-selector {
	border: 1px solid #1F92BF;
    color: #fff;
}

button.wc-block-cart-item__remove-link {
    background: #007bff !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 12px !important;
    border-radius: 5px !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    border-radius: 7px;
    box-sizing: border-box;
    margin: 0;
    width: 65%;
    background: #1F1F1F;
    border: 1px solid;
    padding: 15px 21px;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
	color: #fff;
}

table.wc-block-cart-items td {
	color: #fff;
}

h1.entry-title {
    text-transform: uppercase;
    color: #A3A3A3;
    font-size: 25px;
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    color: #fff;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button {
	color: #fff;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    color: #fff;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    font-weight: 700;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #007bff;
}

/**** product section ****/

.cate-tabs {
    display: block;
    width: 100%;
    margin: 26px 0 6px;
}

.cate-tabs ul {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.cate-tabs ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 19%;
}

.cate-tabs ul li a {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    border: 2px solid #424242;
    padding: 4px 10px;
    border-radius: 15px;
	transition: all 0.5s ease;
}

.cate-tabs ul li a:hover,
.cate-tabs ul li.active a {
	background: #1a3f52;
	border: 2px solid #1a3f52;
}

.clothing-products {
	padding: 20px 0;
	margin: 0 0 115px;
}

.clothing-products.loading .products-grid {
    min-height: 160px;
	position: relative;
}

.loading .products-grid {
    opacity: 0;
}

.clothing-products.loading::after {
	width: 30px;
	height: 30px;
	border: 4px solid #f3f3f3;
    border-top: 4px solid #007cba;
	position: absolute;
	left: 50%;
	top: 250px;
	transform: translate(-50%, -50%);
}

a.add_to_wishlist {
    cursor: pointer;
    color: #818181 !important;
    font-size: 0px;
}

.products-grid a.add_to_wishlist {
	font-size: 24px;
}

i.yith-wcwl-icon.fa.fa-heart {
    color: #1F92BF !important;
}

.short-description-text {
    max-width: 180px;
	color: #fff;
}

.products-grid {
	/* display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px; */
}

.products-grid .slick-track {
	display: flex !important;
}

.page-template-shop-page-template .products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
	gap: 40px;
}

span.clck-click,
span.clck-click2 {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card {
	background: #242424;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	position: relative;
	border: 2px solid #353535;
	margin: 0 10px;
	float: none !important;
	height: auto !important;
	display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.page-template-shop-page-template .product-card  {
	margin: 0 0px 30px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

th.wc-block-cart-items__header-total {
	display: none;
}

td.wc-block-cart-item__total {
    display: none;
}

.wc-block-cart-item__quantity {
    display: flex;
    flex-direction: column;
    width: 110px;
    float: right;
    margin-top: -60px;
    justify-content: flex-start;
}

.products-grid .slick-list {
    margin: 0 -10px; /* Compensate for slide margins */
}

.product-card span.yith-wcwl-add-to-wishlist-button__label {
    font-size: 0;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.product-card .product-image {
	position: relative;
	/* height: 220px; */
}

.product-card .product-image .imb-bx {
	position: relative;
	/* height: 220px; */
	overflow: hidden;
	background: #141414;
}

.product-card .product-image img {
	width: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
	transform: rotate(0deg) translateX(0px) translateY(0px);
}

.product-card.effect1.effectOn .product-image img {
	transform: rotate(-20deg) translateX(26px) translateY(40px);
}

.product-image .rating {
    position: absolute;
    bottom: 10px;
    left: 12px;
    width: 67px;
    color: #fff;
    background: #2828289e;
    padding: 0 6px;
}

.product-image .rating svg {
    width: 19px;
    height: 19px;
}

#reviews .cr-summaryBox-wrap {
	background-color: #292929 !important;
}

.cr-summaryBox-wrap .cr-histogramTable ,
#reviews .cr-summaryBox-wrap .cr-average-rating, 
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-average-rating, 
.cr-reviews-grid .cr-summaryBox-wrap .cr-average-rating {
	color: #fff !important;
}

.short-description {
    position: absolute;
    top: 12px;
    z-index: 99;
    left: -150px;
	visibility: hidden;
	transition: all 0.6s ease;
	max-width: 190px;
}

.product-card.effect1.effectOn .short-description,
.effectOn .short-description {
	left: -6px;
	visibility: visible;
}

.short-description ul {
	margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
    flex-direction: column;
    justify-content: flex-start !important;
    gap: 0 !important;
}

.short-description ul li {
 
}

.short-description p,
.short-description ul li {
    font-size: 13px;
    color: #fff;
    margin: 0 0 5px;
    background: #242424;
    padding: 2px 15px;
    border-radius: 10px;
}

/* .product-card:hover .product-image img {
	transform: scale(1.05);
} */

.sale-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: #ff4081;
	color: white;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	z-index: 2;
}

.product-info {
    padding: 11px 12px 0;
}

.product-title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: -2px;
	gap: 10px;
}

.product-title {
	color: #fff;
    text-decoration: none;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 400;
	margin: 0;
}

.product-title a {
	color: #fff;
    text-decoration: none;
    line-height: 1.4;
    font-size: 17px;
    font-weight: 400;
}

.product-title a:hover {
	color: #fff;
}

.wishlist-container {
	margin: 0 !important;
}

.yith-wcwl-add-to-wishlist {
	margin: 0 !important;
}

.clothing-products .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor {
	gap: 0 !important;
}

.clothing-products .yith-add-to-wishlist-button-block {
	margin: 0;
}

.clothing-products .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
	color: #676767 !important;
	opacity: 0;
}

.clothing-products  span.woocommerce-Price-amount.amount {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

span.srt-frm {
    font-size: 13px;
    color: #fff;
    margin-right: 4px;
}

.yith-wcwl-add-to-wishlist a {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	font-size: 20px !important;
	color: #ccc !important;
	transition: color 0.3s ease !important;
	width: 30px;
	height: 30px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.yith-wcwl-add-to-wishlist a:hover {
	color: #ff4081 !important;
}

.wishlist-icon {
	background: none;
	border: none;
	font-size: 20px;
	color: #ccc;
	cursor: pointer;
	transition: color 0.3s ease;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist-icon:hover,
.wishlist-icon.active {
	color: #ff4081;
}

.product-price {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

.product-price ins {
    background: transparent;
}

.product-price del {
	display: none;
}

.product-actions {
	gap: 10px;
}

.add-to-cart,
.select-options {
	flex: 1;
	background: #1F92BF;
	color: #05171F !important;
	padding: 10px 20px;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: background 0.3s ease;
	font-size: 18px;
	display: block;
	width: 90%;
    margin: 0 auto 12px;
}

.add-to-cart:hover {
	background: #2FB6EB;
	color: white;
}

.select-options {
	background: #1F92BF;
}

/**** my account ****/

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 0 30px;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    border: 1px solid #fff;
    padding: 10px 40px;
    display: inline-block;
    width: 100%;
    margin: 0 0 0;
    border-bottom: 0;
    text-decoration: none;
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #1f92bf;
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	border: 1px solid #1f92bf !important;
	border-radius: 9px;
    margin: 0 0 10px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	border: 1px solid #1f92bf !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
    margin-top: 0;
}

.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] {
	margin-left: 10px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .u-column1.col-1.woocommerce-Address,
.u-columns.woocommerce-Addresses.col2-set.addresses .u-column2.col-2.woocommerce-Address {
	width: 100%;
	float: none;
    max-width: 100%;
	padding: 0;
}

header.woocommerce-Address-title.title h2 {
    margin: 0;
    font-size: 25px;
}

.woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-address-fields__field-wrapper .form-row {
    width: 48% !important;
    float: none !important;
    display: initial;
	position: relative;
}


/********* login signup form *********/


/* Custom Auth Form Styles */

.login-screens {
    display: flex;
    justify-content: space-between;
    gap: 80px;
	margin: 70px 0 0;
}

.login-screens .form-bx {
    width: 50%;
    background: #1F1F1F;
    border: 1px solid #343434;
    border-radius: 8px;
    padding: 40px 60px 10px;
}

.login-screens .form-bx h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px;
}

.login-screens .img-box {
    width: 50%;
}

.login-screens .img-box img {
	width: 100%;
    border: 1px solid;
    border-radius: 8px;
}

.custom-auth-container {
}

.custom-auth-tabs {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
    color: #818181;
    font-size: 16px;
}

.custom-tab-button {
    flex: 1;
    padding: 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    transition: all 0.3s ease;
}

.custom-tab-button.active {
    color: #2271b1;
    border-bottom: 2px solid #2271b1;
    margin-bottom: -2px;
}

.custom-tab-content {
    display: none;
}

.custom-tab-content.active {
    display: block;
}

.custom-auth-form .form-group {
    margin-bottom: 15px;
}

.custom-auth-form label {
	display: block;
    margin-bottom: 4px;
    font-weight: 500;
    color: #858585;
    font-size: 16px;
}

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

.divide-box a#forgot-password-link {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 0 0 1px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    margin: 0 0 5px;
}

.custom-auth-form button.auth-submit-btn {
    width: 100%;
    background: #3989B2;
    font-size: 18px;
    font-weight: 600;
    text-transform: inherit;
    margin: 9px 0 0;
}

.switch-box {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.switch-box p {
    font-size: 14px;
    color: #fff;
}

.form-footer a {
    color: #3989b2;
}

.switch-box p button {
    background: transparent !important;
    border: 0 !important;
    font-size: 14px;
    text-transform: inherit;
    font-weight: 400;
    margin: 0;
    margin-left: 4px;
    border-bottom: 1px solid #fff !important;
    padding: 0 0 4px;
    border-radius: 0;
    color: #fff;
}

.custom-auth-form input[type="text"],
.custom-auth-form input[type="email"],
.custom-auth-form input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.custom-auth-form input[type="submit"] {
    width: 100%;
    padding: 12px;
    background: #2271b1;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.custom-auth-form input[type="submit"]:hover {
    background: #135e96;
}

.resend-otp-btn {
    width: 100%;
    padding: 10px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.custom-auth-messages {
    margin-bottom: 15px;
}

.custom-message {
    padding: 10px;
    background: #d1edff;
    border: 1px solid #b3d9ff;
    border-radius: 4px;
    color: #004085;
}

.custom-error {
    padding: 10px;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    color: #721c24;
}

.custom-auth-form small {
    color: #666;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.select-options:hover {
	background: #2FB6EB;
	color: white;
	text-decoration: none;
}

.afiliate-prg {
    margin: 60px 0 0;
}

.afiliate-content {
    background: url(images/afiliate-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 80vh;
    border: 1px solid #434343;
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}

.afiliate-content h2 {
    font-size: 64px;
    color: #dbdbdb;
	margin: 0;
	font-family: "Anton", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
}

.afiliate-content p {
    font-size: 18px;
    font-weight: 500;
    color: rgba(234, 234, 234, 0.72);
	margin: 7px 0 26px;
}

.afiliate-content p span, 
.afiliate-content p a {
    color: #eaeaea;
}

.afiliate-content p a {
    text-decoration: none;
    border-bottom: 1px solid rgba(234, 234, 234, 0.72);
    padding-bottom: 1px;
}

.afiliate-content p a svg {
    width: 21px;
    height: 19px;
    margin: -3px 0 0;
}

.shopt-btn-aflt {
	display: block;
    position: absolute;
    right: 60px;
    bottom: 30px;
}

.shopt-btn-aflt a {
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    border-radius: 10px;
	background: #1f92bf;
}

.athleat-box {
    margin: 112px 0 0;
}

.thleat-box-main {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
}

.thleat-box-main {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
	gap: 15px;
}

.thleat-box-main .thleat-items {
    width: 32.2%;
    background: #1F1F1F;
    padding: 12px 12px 30px;
    border-radius: 10px;
    border: 1px solid #252525;
}

span.rdMore {
	display: none;
}

.thleat-box-main .thleat-items img {
    width: 100%;
    border-radius: 10px;
}

.thleat-box-main .thleat-items .title-box-atl {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 13px 0;
}

.thleat-box-main .thleat-items .title-box-atl h2 {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.title-box-atl i.fa.fa-instagram {
    font-size: 40px;
    color: #7E7E7E;
}

.shopt-btn-aflt a svg {
    width: 21px;
    height: 19px;
    margin: -2px 0 0;
}

.thleat-box-main .thleat-items p {
    font-size: 15px;
    color: #808080;
    margin: 0px 0 0;
	line-height: 22px;
}

.blog-article {
    margin: 112px 0 0;
}

.blog-box-main {
    display: flex;
    justify-content: space-between;
}

.blog-box-main .blog-items:first-child {
    width: 62%;
}

.blog-box-main .blog-items {
    width: 36.3%;
    border-radius: 14px;
    min-height: 599px;
    display: flex;
    align-items: flex-end;
    background-size: cover !important;
	position: relative;
	overflow: hidden;
}

.blog-box-main .blog-items:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(-180deg,rgba(24, 59, 86, 0) 0%, rgba(22, 49, 70, 0.45) 45%, rgba(21, 37, 50, 1) 100%);
}

.blog-box-main .blog-items .contnt-in {
    position: relative;
    z-index: 99;
    width: 90%;
    padding-left: 20px;
    margin-bottom: 30px;
}

.blog-box-main .blog-items .contnt-in h2 {
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.blog-box-main .blog-items .contnt-in p {
    font-size: 18px;
    color: #a0a0a0;
    margin: 10px 0 16px;
}

.blog-box-main .blog-items .contnt-in .date-tag {
	font-size: 16px;
    color: #959ead;
}

.blog-btn {
    display: block;
    width: 100%;
    text-align: center;
	margin: 40px 0 0;
}

.blog-btn a {
    color: #2FB6EB;
    text-decoration: none;
    border: 1px solid #2FB6EB;
    border-radius: 10px;
    padding: 8px 30px;
    display: inline-block;
    font-size: 18px;
}

.blog-btn a svg {
    width: 24px;
    height: 22px;
}

.blog-btn a svg path {
    fill: #2FB6EB;
}

.title-abt h3.subttle {
    font-size: 18px;
    text-transform: uppercase;
    color: rgba(163, 163, 163, 1);
    margin: 0 0 16px;
}

.title-abt h1.main-ttl {
    color: #fff;
    font-size: 38px;
    margin: 0 0 18px;
}

.team-main {
    display: flex;
    justify-content: space-between;
    gap: 24px;
	margin: 50px 0 0;
}

.team-main .team-items {
    width: 33.33%;
}

.team-main .team-items img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 10px;
}

.team-main .team-items h2 {
    color: #fff;
    margin: 18px 0 10px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.team-main .team-items p {
    color: #939393;
    font-size: 20px;
    text-align: center;
}

.content-box {
    margin: 0 0 110px;
}

.content-box p {
    color: #fff;
    font-size: 17px;
	margin: 0 0 13px;
    line-height: 27px;
}

.content-box p b {
    color: #1f92bf;
}

span.category-tag {
    position: absolute;
    top: 20px;
    background: #1F1F1F;
    left: 22px;
    color: #fff;
    font-size: 16px;
    padding: 6px 28px;
    border-radius: 20px;
}

p.blog-sub-title {
	font-size: 18px;
	width: 510px;
	max-width: 100%;
}

p.blog-sub-title span {
    color: #1F92BF;
}


a.btn-style-1 {
    color: #0067df;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    position: relative;
	padding-right: 34px;
}

a.btn-style-1:before {
	content: '\f178';
    width: 26px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 26px;
    transition: all 0.5s ease;
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size: 23px;
}

a.btn-style-1:hover:before {
	right: -15px;
}

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

h2 {
	font-size: 2.5rem;
	color: #000;
	font-weight: 700;
	margin: 2.5rem 0 2rem;
}

h2 span {
	color: #fa4616;
}

h4 {
	font-size: 1.5rem;
	color: #000;
	line-height: 2.25rem;	
	margin: 2rem 0 1.8rem;
}


h5 {
	font-size: 1.2rem;
	color: #000;
	font-weight: 700;
}

h4 {
	font-size: 1.4rem;
	color: #000;
	font-weight: 700;
}

h6 {
    font-size: 1.2rem;
    line-height: 1.5rem;
}


.style-2 {
    position: relative;
	padding: 12px 0 0;
}

.style-2:before {
    content: '';
    width: 91px;
    height: 4px;
    background: #fa4616;
    position: absolute;
    left: 0;
    top: -20px;
}

.text-center .style-2:before {
    left: 50%;
    transform: translateX(-50%);
}

.white {
	color: #fff !important;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	color: #fff;
	margin-bottom: 40px;
}


/****** woocommerce ******/

.single-product h1.product_title.entry-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.single-product p.price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.single-product p.price bdi {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
}

.single-product p.price del span.woocommerce-Price-amount.amount bdi {
    opacity: 0.52;
    font-size: 16px;
}

.single-product div.product form.cart .variations tr {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.single-product div.product form.cart .variations th.label {
    font-size: 16px;
    color: #fff;
    font-weight: 400 !important;
}

.variation-radios {
    display: flex;
    gap: 7px;
    margin: 0;
    flex-wrap: wrap;
	position: relative;
}

.variation-radios input[type="radio"] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.woocommerce-product-details__short-description ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-product-details__short-description ul li {
    list-style: none;
    background: #ffffff;
    color: #000000;
    padding: 4px 8px;
    margin-right: 3px;
    border-radius: 1px;
    margin-bottom: 3px;
    font-size: 16px;
}

.woocommerce div.product form.cart table select {
    width: 100% !important;
    left: 0;
}

.single-product .variation-radios label {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500 !important;
    color: #fff;
    border: 1px solid #393939;
    font-size: 16px;
}

.variation-radios input[type="radio"]:checked + label {
  border-color: #1F92BF;
  background-color: #1F92BF;
}

.variation-radios label:hover {
  border-color: #1F92BF;
  background-color: #1F92BF;
}

.woocommerce.single-product div.product form.cart div.quantity {
    float: none;
    margin: 20px 4px 30px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.woocommerce.single-product .quantity-wrapper {
    position: absolute;
    right: 0;
    display: flex;
    height: auto;
    top: 0;
    width: 122px;
    justify-content: space-between;
    flex-direction: row;
}

.woocommerce.single-product .quantity .qty {
    width: 119px;
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #424242;
    color: #fff;
    font-size: 17px;
    margin-right: 0;
    border-radius: 11px;
    background: #1F1F1F;
}

.woocommerce.single-product .quantity-wrapper .qty-btn.minus {
    border-radius: 0;
    background: transparent;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    color: #A3A3A3;
    font-size: 25px;
    font-weight: 400;
    margin-left: 19px;
}

.woocommerce.single-product .qty-btn.plus {
    border-bottom: none;
    border-radius: 0;
    padding: 0 !important;
    background: transparent;
    border: 0;
    color: #A3A3A3;
    font-size: 25px;
    width: auto;
    height: auto;
    margin-right: 12px;
    font-weight: 400;
}

.woo-button-box {
    display: flex;
    justify-content: space-between;
	gap: 12px;
}

.woo-button-box button {
	width: 98%;
}

.woocommerce.single-product button.single_buy_now_button.button.alt.buy-now-btn {
    background: #3989B2;
    font-size: 18px;
    color: #05171F !important;
    font-weight: 500;
    text-transform: inherit;
    border-radius: 8px;
}

.woocommerce.single-product button.single_add_to_cart_button {
    background: transparent !important;
    border: 2px solid #3989B2 !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    text-transform: inherit;
    font-weight: 400 !important;
}

.custom-product-description {
    border: 1px solid #444444;
    border-radius: 7px;
    margin: 30px 0 0;
    background: #1F1F1F;
    padding: 15px;
	min-height: 250px;
}

.custom-product-description h3 {
    font-size: 18px;
    color: #A3A3A3;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.custom-product-description p {
    font-size: 16px;
    color: #fff;
    line-height: 23px;
}

.woocommerce.single-product div.product form.cart div.quantity label.screen-reader-text {
    position: relative !important;
    width: auto;
	clip: initial;
    word-wrap: initial !important;
	clip-path: initial;
    height: auto;
    margin: 0;
    overflow: initial;
    overflow-wrap: initial !important;
	font-size: 18px;
    color: #fff;
}

.woocommerce.single-product div.product div.images .woocommerce-product-gallery__wrapper {
	background: #141414;
    border-radius: 10px;
	padding: 0 0 25px;
}

.woocommerce.single-product .product.type-product {
    margin: 80px 0 0;
}

.woocommerce.single-product span.onsale {
    display: none;
}

.woocommerce.single-product .woocommerce-product-gallery__wrapper .slick-dots {
	text-align: center;
	bottom: 28px;
	display: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
	width: 100%;
}

.woocommerce.single-product div.summary.entry-summary {
    margin: 0;
}

.product-detail-content-box ul.nav.nav-tabs {
    margin: 0 0 24px;
    padding: 0;
    border: 0;
}

.product-detail-content-box ul.nav.nav-tabs li a {
    font-size: 18px;
    text-decoration: none;
    color: rgba(163, 163, 163, 1);
    padding: 0 20px;
	position: relative;
	text-transform: uppercase;
}

.single-product div#sidebar1 {
    display: none;
}

.product-detail-content-box ul.nav.nav-tabs li a.active {
	color: #fff;
	text-decoration: underline;
}

.product-detail-content-box ul.nav.nav-tabs li a:before {
	content: '';
	width: 1px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 2px;
	Background: rgba(163, 163, 163, 1);
}

.product-detail-content-box ul.nav.nav-tabs li:last-child a:before {
	opacity: 0;
}

.product-detail-content-box ul.nav.nav-tabs li:first-child a {
	padding-left: 0;
}

.product-detail-content-box .tab-pane li {
	color: #fff;
    font-size: 16px;
    margin: 0 0 8px;
}

.product-detail-content-box .tab-pane p {
    color: #fff;
    font-size: 16px;
    margin: 0 0 8px;
}

.product-detail-main {
    margin: 0 0 50px;
}

.woocommerce.single-product .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 10px;
}

.woocommerce.single-product .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #A3A3A3;
    border-radius: 100%;
	opacity: 0.5;
}

.woocommerce.single-product .slick-dots li.slick-active button {
	opacity: 1;
}

.related.products {
  display: none;
}

.top-back-btn {
    margin: 60px 0 0px;
    display: block;
}

.top-back-btn a {
    font-size: 18px;
    color: #A3A3A3;
    text-decoration: none;
    text-transform: uppercase;
}

.top-back-btn a svg {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.woocommerce #reviews #comments h2 {
	display: none;
}

.woocommerce #reviews #comments ol.commentlist {
	padding: 0;
}

.woocommerce .star-rating span {
	color: #ffbc00;
}

.customers-also-bought {
    margin-top: 40px;
    padding: 10px;
    background: rgba(41, 41, 41, 1);
    border: 1px solid;
    border-radius: 7px;
}

.customers-also-bought h3 {
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: rgba(163, 163, 163, 1);
}

.related-products-grid .related-product {
    display: flex;
    align-items: center;
    padding: 0px;
    border-radius: 8px;
	gap: 8px;
    justify-content: space-between;
}

.related-products-grid .related-product .left-box {
    display: flex;
}

.related-products-grid {
    max-width: 100%;
    margin: 0;
}

.related-product {
    display: flex;
    padding: 15px;
    border-radius: 8px;
    gap: 15px;
}

.related-product .product-thumbnail {
    flex-shrink: 0;
    border-radius: 7px;
}

.related-product .product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    background: #000;
}

.related-product h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

.related-product span.woocommerce-Price-amount.amount {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 18px 0 0;
    display: block;
}

.related-product .product-price {
	display: flex;
}

.related-product a.button.add-to-cart-button {
    background: transparent !important;
    border: 2px solid #1f92bf;
    font-size: 16px;
    text-transform: inherit;
    font-weight: 400;
    padding: 9px 11px;
    border-radius: 4px;
}

span#reply-title {
    color: #fff;
    font-size: 22px;
    margin: 0 0 15px;
    display: block;
}

.woocommerce #review_form #respond p label {
    color: #fff;
    font-size: 17px;
    margin: 0 0 10px;
}

.comment-form-rating label {
    display: none;
}

.woocommerce #review_form #respond .form-submit input {
    left: auto;
    width: 240px;
    margin: 0 auto;
    display: block;
    padding: 14px 0;
    color: #05171F !important;
}

.write-review span {
    color: rgba(5, 23, 31, 1);
    background: #1f92bf;
    padding: 7px 19px;
    display: inline-block;
    border-radius: 8px;
	cursor: pointer;
}

img.ivole-review-country-icon {
    display: none !important;
}

.write-review {
    display: block;
    margin: 0 0 16px;
}

.main-search-box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 40px 0 0;
}

.main-search-box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 40px 0 0;
    gap: 19px;
}

.main-search-box div#primary.content-area {
    width: 70%;
}

.main-search-box div#sidebar1.sidebar {
    width: 30%;
	position: relative;
	padding-right: 80px;
}

.filter-btn {
  display: none;
}

.woocommerce .products .star-rating {
	margin-left: 12px;
}

div#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    background: #000;
    z-index: 99999999;
}

.loader-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.loader-inner .loader {
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loader-inner .loader::before {
    opacity: 0;
}

.loader-inner .loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 0;
  background: #1F92BF;
  width: 3px;
  height: 24px;
  transform: translateX(-50%);
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

/****** checkout *****/

.wc-block-components-title.wc-block-components-title,
.wc-block-components-checkout-step__description,
span.wc-block-components-checkbox__label,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
	color: #fff !important;
}

.wc-block-components-form .wc-block-components-text-input label, 
.wc-block-components-text-input label {
	color: #000 !important;
}

.wc-block-components-checkout-return-to-cart-button {
	color: #1f92bf !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
	background: #1f92bf !important;
}


/**** product component ***/

.iron-product-card {
	width: 100%;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0 0;
}

.iron-product-card .slick-slide img {
	width: 100%;
}

.iron-product-card .product-gallery-section {
    width: 62%;
}

.iron-product-card .right-content-box {
    width: 36%;
}

.iron-product-card .title-box {
    background: #242424;
    border-radius: 7px;
    padding: 10px 14px;
    text-align: center;
}

.iron-product-card .title-box .product-title {
	font-size: 24px;
}

.iron-product-card .title-box p.product-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #A3A3A3;
    margin: 10px 0 7px;
}

.iron-product-card .title-box p.product-ttl {
    margin: 0 0 10px;
    font-size: 16px;
    color: #fff;
}

.product-description {
	background: #242424;
    border-radius: 7px;
    padding: 10px 14px;
	margin: 36px 0 28px;
	color: #fff;
}

.product-description ul {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.product-description li {
    margin: 0 0 10px;
}

.product-description p {
	font-size: 16px;
	color: #fff;
}

.iron-product-card .right-content-box .variation-label {
    color: #fff;
}

.variation-options button.variation-option {
    background: transparent;
    border: 2px solid #3989b2;
    color: #3989b2;
    padding: 9px 20px;
    text-transform: inherit;
    margin-right: 8px;
    border-radius: 5px;
    margin-bottom: 12px;
    cursor: pointer;
}

.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description li { 
	color: #fff;
}

.price-section .price {
	margin: 0 0 30px;
}

.price-section .price del {
    color: #747474;
    font-size: 16px;
}

.price-section .price ins {
    background: transparent;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-left: 8px;
}

.price-section .savings-badge {
    display: inline-block;
    border: 1px dashed #fff;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-left: 8px;
    position: relative;
    top: -5px;
}

.addto-crt-btn {
    display: flex;
    justify-content: space-between;
    gap: 14px;
	align-items: flex-end;
	margin: 0 0 20px;
}

.addto-crt-btn span.quantity-label {
    color: #fff;
    font-size: 16px;
    margin: 0 0 7px;
    display: block;
}

.addto-crt-btn .quantity-selector {
    width: 65px;
}

.addto-crt-btn .quantity-selector input {
    width: 100%;
    background: transparent;
    border: 1px solid #1F92BF;
    padding: 7px 11px;
    color: #fff;
    font-size: 16px;
}

.addto-crt-btn button.btn.btn-cart {
    width: calc(100% - 65px);
	background: #3989B2;
    font-size: 18px;
    color: #05171F;
    font-weight: 500;
    text-transform: inherit;
    border-radius: 4px;
}

.variations-container,
.action-buttons {
    display: none;
}

.select-option-btn {
    display: block;
    width: 100%;
}

.select-option-btn a {
    display: block;
    width: 100%;
    border: 2px solid;
    text-align: center;
    text-decoration: none;
    font-size: 21px;
    padding: 9px 10px;
    border-radius: 8px;
}

.action-buttons button.btn.btn-buy {
    width: 100%;
    background: transparent;
    border: 2px solid #3989B2;
    border-radius: 4px;
    font-size: 14px;
    text-transform: inherit;
    font-weight: 600;
    color: #3989B2;
    padding: 9px 10px;
}



/*********** blog Post Style Start **********/

body {
	background: #1a1a1a url('images/full-background.png'); 
	background-size: cover;
4}

h2.entry-title {
    font-size: 2rem;
    color: #fa4616;
    margin: 20px 0 30px;
}

h2.entry-title a {
	text-decoration: none;
}

h2.entry-title a:hover {
	color: #fff;
}

.entry-meta {
    font-size: 0.9rem;
    margin: 0 0 20px;
    background: #000;
    display: inline-block;
    padding: 7px 14px;
    border-radius: 4px;
	color: #fff;
}

article img {
    border-radius: 4px;
    width: 100%;
}

.edit-link a {
    background: #000;
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
    font-size: 0.9rem;
    border-radius: 4px;
    transition: all 0.5s ease;
    margin-left: 10px;
    position: relative;
    top: -2px;
	text-decoration: none;
    padding-left: 28px;
	transition: all 0.5s ease;
}

.edit-link a:hover {
	background: #fa4616;
}

.edit-link a:before {
	content: '\f044';
	font-family: fontawesome;
	left: 8px;
	top: 4px;
	position: absolute;
	width: 20px;
	height: 100%;
}

a.post-edit-link:hover {
	background: #fa4616;
}

footer.entry-footer span.cat-links {
    font-weight: 700;
    color: #fff;
}

footer.entry-footer span.cat-links a {
    font-weight: 400;
}

.blog-post-main-box {
    margin-top: 30px;
}

article.type-post.status-publish {
    margin: 0 0 3rem;
    border: 1px solid;
    background: #1e1e1e;
    padding: 30px 34px 0px;
    border-radius: 12px;
}

.blog article.type-post.status-publish h2.entry-title {
	font-size: 2.3rem;
	margin: 1rem 0 0;
}

.blog article.type-post.status-publish {
	width: 100%;
}

article.type-post.status-publish a.post-thumbnail {
    width: 500px;
    float: left;
}

article.type-post.status-publish .content-box {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
}

.single-post article.type-post.status-publish .content-box {
	padding-left: 0;
}

.blog nav.navigation.posts-navigation {
    width: 100%;
}

.posts-navigation .nav-next a,
.posts-navigation .nav-previous a {
    background: #fa4616;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
	text-decoration: none;
	transition: all 0.5s ease;
	padding-right: 35px;
}

.posts-navigation .nav-previous a {
	padding-left: 35px;
	padding-right: 15px;
}

.posts-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover {
	background: #000;
}

.posts-navigation .nav-previous a:before {
    content: '\f100';
    width: 30px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 31%;
    font-family: fontawesome;
    transform: translateY(-50%);
    font-size: 22px;
	transition: all 0.5s ease;
}

.posts-navigation .nav-previous a:hover:before {
	left: -13px;
}

.posts-navigation .nav-next a:before {
    content: '\f101';
    width: 30px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 31%;
    font-family: fontawesome;
    transform: translateY(-50%);
    font-size: 22px;
}

aside .widget {
    border: 0px solid rgba(0,0,0,0.1);
    display: block;
    padding: 0px;
    width: 100%;
}

form.search-form {
    width: 100%;
    position: relative;
}

form.search-form label {
	width: 100%;
	margin: 0;
}

form.search-form label input {
    width: 100%;
    font-weight: 400;
    padding: 10px 10px;
	transition: all 0.5s ease;
	box-shadow: rgb(0 0 0 / 20%) 0 0 0px;
    padding-right: 50px;
}

form.search-form input.search-submit {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 48px;
    font-size: 0;
    border: 0;
    background: #fa4616;
    background-size: 27px;
    background-position: center;
    border-radius: 0 4px 4px 0;	
	opacity: 0;
}

form.search-form label input:focus {
	box-shadow: rgb(0 0 0 / 20%) 0 0 20px;
}

.site-main .posts-navigation {
	width: 100%;
}

aside h2.widget-title {
	font-size: 1.2rem;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 25px;
    position: relative;
    padding: 20px 0 0;
}

aside h2.widget-title:before {
	position: absolute;
    left: 0;
    content: '';
    top: 0;
    width: 60px;
    height: 3px;
    background: red;
}

aside .widget ul {
	margin: 0;
	padding: 0;
}

aside .widget ul li {
    list-style: none;
    border: 0px solid #eee;
    padding: 0px;
    margin: 0px;
	position: relative;
	left: 0;
	transition: all 0.5s ease;
	color: #fff;
}

aside .widget ul li a {
    text-decoration: none;
    color: #848282;
    position: relative;
    transition: all 0.6s ease;
	left: 0;
}

:root :where(.wp-block-button.is-style-outline--3 .wp-block-button__link) {
	border-color: rgb(31 146 191) !important;
	color: rgb(255 255 255) !important;
}

aside .widget ul li:hover:before {
	left: -18px;
	opacity: 1;
}

aside .widget ul li:hover a {
	color: #fa4616;
}

aside .widget ul li:last-child {
    border-bottom: 0;
}

span.posted-on a {
	position: relative;
    padding-left: 20px;
    margin-left: 4px;
}

span.posted-on a:before {
	content: '\f073';
	width: 40px;
	height: 15px;
	position: absolute;
	left: 0;
	top: -1px;
	font-family: fontawesome;
	color: #fff;
}

span.byline a {
    position: relative;
    padding-left: 16px;
    margin-left: 5px;
}

span.byline a:before {
	content: '\f007';
	width: 40px;
	height: 15px;
	position: absolute;
	left: 0;
	top: -1px;
	font-family: fontawesome;
	color: #fff;
}

span.Comment_num {
    color: #fff;
    margin-left: 10px;
}

span.Comment_num i {
	color: #fff;
}

.comments-area {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
	margin: 0 0 40px;
}

.comment-form-comment textarea {
    resize: vertical;
    max-height: 150px;
}

.comment-form p {
    width: 100%;
    display: block;
}

.comment-form p.comment-form-cookies-consent {
    position: relative;
    padding-left: 22px;
}

.comment-form p label {
    width: 100%;
    font-size: 0.9rem;
    font-weight: 600;
    color: #000;
}

.comment-form p input {
	width: 100%;
}

.comment-form-comment textarea,
.comment-form p input {
	padding: 6px 10px;
	border-radius: 6px;
	box-shadow: rgb(0 0 0 / 20%) 0 0 0px;
	transition: all 0.5s ease;
}

.comment-form p input.submit {
	padding: 14px 6px;
}

.comment-form-comment textarea:focus,
.comment-form p input:focus {
	box-shadow: rgb(0 0 0 / 20%) 0 0 20px;
}

.comment-form p input[type="checkbox"] {
    width: auto;
	position: absolute;
	left: 0;
	top: 3px;
}

input[type="submit"] {
	background: #1f92bf;
    border: 0;
    color: #000000;
    font-weight: 700;
}




/******** comment area section start ********/

.comment-author.vcard img {
    width: 28px;
    margin-right: 4px;
}

.comments-area ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

article.comment-body .comment-author {
    margin: 25px 0 20px;
}

article.comment-body .comment-author a {
    color: #000000;
}

article.comment-body footer.comment-meta .comment-metadata {
    margin: 34px 0 24px;
}

article.comment-body footer.comment-meta .comment-metadata a {
	position: relative;
}

article.comment-body footer.comment-meta .comment-metadata time:before {
	content: '\f017';
	font-family: fontawesome;
	position: absolute;
	left: 0;
	top: -3px;
	color: #000;
}

article.comment-body footer.comment-meta .comment-metadata time {
    position: relative;
    padding-left: 22px;
}

.reply {
    display: block;
    width: 100%;
}

.reply a {
    position: relative;
    background: #fa4616;
    color: #fff;
    padding: 4px 17px;
    display: inline-block;
    padding-left: 38px;
    font-size: 0.9rem;
    border-radius: 6px;
	text-decoration: none;
	transition: all 0.5s ease;
}

.reply a:hover {
	background: #000;
}

.reply a:before {
    content: '\f112';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    font-family: fontawesome;
    top: 4px;
}

.comments-area ol.children {
    padding: 10px 20px;
    background: #f3f3f3;
    display: inline-block;
    width: 100%;
    margin: 24px 0 0;
    border-radius: 5px;
}

.comments-area ol.children ol.children {
    background: #e4e4e4;
	margin: 25px 0 24px;
}

.comments-area ol.children ol.children ol.children {
    background: #cecece;
}

.comments-area ol.children ol.children ol.children ol.children {
    background: #ffffff;
}

.comments-area ol.comment-list li {
    margin: 0 0 50px;
}

.comments-area ol.comment-list li li {
    margin: 0;
}


/******** comment area section close ********/


/*********** blog Post Style Close **********/


/********** search result page start *********/

.reasult-box-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.reasult-box-main article.type-post.status-publish {
    width: 46%;
}

section.no-results.not-found,
section.error-404.not-found {
    background: #fff;
    padding: 40px 50px 90px;
    border-radius: 6px;
	margin: 40px 0 80px
}

.error404 form.search-form {
	width: 50%;
}


/********** search result page close *********/


/******* footer start ******/

a.support-box {
    position: fixed;
    right: 40px;
    bottom: 50px;
    z-index: 9999999999;
    width: 50px;
    height: 50px;
	/* animation: shakeSequence 6s infinite; */
}

@keyframes shakeSequence {
	0%, 40% { transform: translateX(0) rotate(0); }
	42%, 44%, 46%, 48%, 50% { transform: translateX(-8px) rotate(-3deg); }
	43%, 45%, 47%, 49% { transform: translateX(8px) rotate(3deg); }
	52%, 70% { transform: translateX(0) rotate(0); }
	72%, 74%, 76%, 78%, 80% { transform: translateX(-6px) rotate(-2deg); }
	73%, 75%, 77%, 79% { transform: translateX(6px) rotate(2deg); }
	82%, 100% { transform: translateX(0) rotate(0); }
}


.container-fluid.footer-main {
    background: #141414;
	padding: 15px 12px;
    margin: 50px 0 0;
}

.foologo-in {
    border-bottom: 1px solid #373737;
    padding: 60px 0 31px;
}

footer#colophon .widget-title {
    font-size: 17px;
    color: rgba(47, 182, 235, 1);
    font-weight: 500;
    text-transform: uppercase;
    margin: 35px 0 18px;
}

aside .widget-title,
#sidebar1 .widget-title {
    font-size: 18px;
    color: #A3A3A3;
    text-transform: uppercase;
    margin: 35px 0 18px;
}

h3.in-title {
    font-size: 18px;
    font-weight: 500;
    color: rgba(47, 182, 235, 1);
    text-transform: uppercase;
    margin: 24px 0 12px;
}

a.tel-cl {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    padding: 0 0 2px;
}

.news-ltf-form p {
    font-size: 15px;
    color: #A3A3A3;
    margin: 0;
}

.news-ltf-form input[type="text"] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #4e4e4e;
    border-radius: 0;
    width: 289px;
    display: block;
    margin: 0 0 12px;
    color: #fff;
	font-size: 14px;
}

.news-ltf-form input[type="button"] {
    border: 1px solid #1F92BF;
    background: transparent;
    padding: 9px 30px;
    font-size: 18px;
    font-weight: 500;
    text-transform: initial;
    color: #1F92BF;
    border-radius: 10px;
    cursor: pointer;
}

ul.widget-menu {
    margin: 0;
    padding: 0;
}

ul.widget-menu li {
    list-style: none;
    margin: 0 0 8px;
}

ul.widget-menu li a {
    color: #eee;
    text-decoration: none;
    font-size: 16px;
}

footer#colophon {
    padding: 0 50px;
}

.foo-menu {
    padding-left: 110px;
}

.bottom-menu p {
    display: inline-block;
    margin-right: 39px;
}

.bottom-menu p a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

.social-m {
    text-align: right;
}

.social-m a {
    font-size: 21px;
    color: #fff;
    margin-left: 42px;
}

.foo-bottom {
    margin-top: 60px;
}

.site-info p {
    margin: 0;
}

.widget_nav_menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.widget_nav_menu ul ul {
	margin: 10px 0 0;
}

.widget_nav_menu ul li {
	list-style: none;
	width: 16.66%;
	text-align: left;
}

.widget_nav_menu ul li li {
	width: 100%;
	margin: 0 0 4px;
}

.widget_nav_menu ul li a {
	color: #cfd8dd;
	font-size: 1rem;
	font-weight: 700;
	transition: all 0.5s ease;
}

.widget_nav_menu ul li a:hover {
	text-decoration: none;
	color: #fa4616;
}

.widget_nav_menu ul li li a {
	font-size: 0.875rem;
	font-weight: 400;
}

.site-info a {
	color: #526069;
	font-size: 0.75rem;
}

/******* footer close ******/

.woocommerce-message {
    border-top-color: #1f90a6;
}

.woocommerce-message::before {
	color: #1f92bf;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	color: #ffffff !important;
    background-color: #1f92bf !important;
}

/************ responsive start *********/


@media(max-width: 1199px) {
	
	/***** header responsive ****/
	
	.custom-dots-container .custom-dot {
		margin-right: 9px;
	}
	
	.custom-dots-container {
		padding-left: 35px;
	}	
		
	
	/***** header responsive close ****/
	
	h2 {
		font-size: 2.4rem;
	}
	
	/****** banner ******/
		
	.banner-main .slick-prev {
		right: 17%;
	}
	
}

@media(max-width: 1024px) {
	
	
	/***** header responsive *****/	
	
	a.login-btn-cus {
		display: none;
	}
	
	.menu-close svg {
	  width: 36px;
	}
	.menu-close {
	  position: absolute;
	  top: 0;
	  left: 16px;
	}
	
	.navigation {
		display: none !important;
	}
	
	.toggle-menu-mobile {
		display: inline-block;
		margin-left: 12px;
	}
		
	
	/**** slide menu style start ****/
	
	.main-navigation ul ul {
		width: 100%;
		position: relative;
		display: block;
		left: 0;
	}
	
	#primary-menu .sub-menu {
		border: 1px solid #fff;
		margin: 12px 0 10px;
	}
	
	#primary-menu .sub-menu li {
		margin: 0;
		padding: 0;
	}
	
	#primary-menu .sub-menu .sub-menu {
		border: 0;
		margin: 0px;
		margin-left: 10px;
	}
	
	
	
	.main-navigation ul ul a {
		background: transparent;
	}
	
	.main-navigation.toggled ul ul {
		display: block;		
	}
	
	.main-navigation ul li li:hover > ul, 
	.main-navigation ul li li.focus > ul,
	.main-navigation ul ul ul {
		left: 0;
		display: block;
	}
	
	.main-navigation ul li i.fa {
		display: none;
	}
	
	.logged-in .main-navigation div.menu {
		top: 42px;
	}
	
	.main-navigation div.menu {
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		right: -440px;
		top: 0;
		background: #000;
		box-shadow: rgba(0,0,0,0.3) 0 0 35px;
		padding: 80px 20px;
		transition: all 0.5s ease;
		visibility: hidden;
	}
	
	.toggled.main-navigation div.menu {
		right: 0;
		visibility: visible;
	}
	
	.main-navigation li i.fa {
		color: #fff;
	}
	
	.main-navigation li {
		padding: 0 0 18px;
		width: 100%;
		margin: 0px;
		border-bottom: 0px dashed #7b7b7b;
		display: inline-block;
	}
	
	.main-navigation li a {
		color: #fff;
	}
	
	.main-navigation ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		text-align: left;
	}
	
	.menu-toggle {
		display: inline-block;
		border: 0;
		box-shadow: none;
		background: transparent;
		width: 27px;
		padding: 0 0 0;
		margin-left: 16px;
		position: relative;
		top: 5px;
	}
	
	.menu-toggle:hover {
		background: transparent;
	}
	
	.menu-toggle .menu-bar {
		display: block;
		width: 100%;
		height: 2px;
		background: #1f92bf;
		margin: 0 0 6px;
	}
	
	.navigation {
		margin: 0;
	}
	
	.main-navigation {
		margin-right: 0;
	}
	
	.search-icon {
		cursor: pointer;
		position: absolute;
		top: 44%;
		right: 80px;
		font-size: 20px;
		transform: translateY(-50%);
	}
	
	.main-navigation div.menu .close-menu {
		position: absolute;
		left: 20px;
		top: 20px;
		font-size: 1.5rem;
		cursor: pointer;
		color: #bdbdbd;
		border: 0;
		background: transparent;
		padding: 6px;
		z-index: 999;
	}
	
	.close-menu {
		display: block;
	}
	
	/**** slide menu style close ****/
	
	
}

@media(max-width: 991px) {
	
	.title-style-1 {
		font-size: 28px;
	}
		
	a.btn-style-1:before {
		top: 3px;
	}
	
	.widget_nav_menu ul li {
		width: 33.33%;
		margin: 0 0 20px;
	}
	
	article.type-post.status-publish {
		padding: 24px 20px 24px;
	}
	
	article.type-post.status-publish a.post-thumbnail {
		width: 300px;
	}
	
	article.type-post.status-publish .content-box {
		padding-left: 30px;
	}
	
	/***** banner *****/
	
	.banner-main .slick-next {
		right: 27px;
	}
	
	.banner-main .slick-prev {
		right: 90px;
	}

	.why-chsu {
		flex-wrap: wrap;
	}
	
	.why-chsu .ctr-items,
	.stk-catry .ctr-items	{
		width: 48.8%;
		margin-bottom: 20px;
	}
	
	.stk-catry .ctr-items img {
	  width: 100%;
	}
	
	.shop-brands .ctr-items {
		width: 33%;
	}
	
	.blog-box-main {
		flex-wrap: wrap;
	}
	
	.blog-box-main .blog-items:first-child,
	.blog-box-main .blog-items	{
	  width: 100%;
	  margin-bottom: 25px;
	}
	
	footer#colophon {
	  padding: 0;
	}
	
	.newsletter {
	  max-width: 50%;
	  flex: initial;
	}
	
	.foo-menu {
	  max-width: 50%;
	  flex: initial;
	  margin: 0 0 60px !important;
	  padding-left: 15px;
	}
	
	.login-screens .form-bx {
		padding: 40px 20px 10px;
	}
	
	.produt-overflow-bx {
		overflow-x: hidden; 
	}
	
	.iron-product-card .product-gallery-section {
	  width: 48%;
	}
	
	.iron-product-card .right-content-box {
	  width: 50%;
	}
	
	.filter-box  {
		display: inline-block;
	}
	
	.shop-container .shop-main {
		width: 100%;
	}
	
	.shop-container .shop-sidebar {
		width: 400px;
		position: fixed;
		padding-right: 64px;
		display: block;
		left: -420px;
		z-index: 999;
		background: #000;
		top: 0;
		padding: 90px 40px 0;
		transition: all 0.5s ease;
	}
	
	.filterActive .shop-container .shop-sidebar {
		left: 0;
	}
	
	.close-btn {
		display: block;
		position: absolute;
		top: 10px;
		cursor: pointer;
	}
	
	.close-btn svg {
	  width: 29px;
	}
	
	.woocommerce-page div.product div.images,
	.woocommerce-page div.product div.summary {
		width: 100%;
	}
	
	li.wc-block-grid__product {
		max-width: 31.3% !important;
	}
	
	.col-md-8.cate-product-sec {
	  max-width: 100%;
	  flex: initial;
	}
	
	.shop-sidebar {
		max-width: 100%;
		flex: initial;
	}
	
	:where(.wc-block-product-filters) .wc-block-product-filters__open-overlay, :where(.wc-block-product-filters) .wc-block-product-filters__overlay-footer, :where(.wc-block-product-filters) .wc-block-product-filters__overlay-header, :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__open-overlay, :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay-footer, :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay-header {
		display: block !important;
	}
	
	.wc-block-product-filters__overlay {
		position: fixed !important;
		width: 400px !important;
		background: #000 !important;
		z-index: 999 !important;
		padding: 20px 40px !important;
		left: -420px !important;
		top: 0;
		height: 100%;
		overflow: auto;
		transition: all 0.5s ease !important;
	}
	
	.is-overlay-opened .wc-block-product-filters__overlay {
		left: 0 !important;
	}
	
	.wc-block-product-filters__open-overlay {
	  text-align: left;
	  color: #fff !important;
	}
	
	.woocommerce-product-category-template .category-header {
	  margin: 30px 0 0;
	}
	
	.stk-catry {
		gap: 20px;
	}
	
	.stk-catry .ctr-items h3 {
		font-size: 12px;
	}
	
}

@media(max-width: 768px) {
	
	.button-style-1 {
		font-size: 0.9rem;
		padding: 8px 17px;
		padding-right: 62px;
	}
	
	h2 {
		font-size: 2rem;
		margin: 2.5rem 0 2rem;
	}
	
	h4 {
		font-size: 1.2rem;
		margin: 2.5rem 0 2rem;
	}
	
	/***** menu css *****/
	
	.search-box form.search-form input {
		width: 90%;
		margin: auto;
		display: block;
		border-radius: 7px 0 0 9px;
		font-size: 16px;
		font-weight: 500;
		padding: 12px 10px;
		padding-left: 12px;
		background: #fff;
		background-size: 26px;
		background-position: center left 16px;
		border: 0;
		color: #000;
	}
	
	.banner-slider .slide-content img.mobile-baner {
		display: block;
		/* height: 68vh;
        object-fit: cover; */
	}
	
	.top-back-btn {
		margin: 40px 0 0px;
	}
	
	.iron-product-card .title-box {
		margin-bottom: 0;
	}
	
	.product-description {
		margin: 18px 0 28px;
	}
	
	.banner-slider .slide-content img.desktop-baner {
		display: none;
	}
	
	.search-box {
        position: fixed;
        width: 100%;
        left: 0;
        padding: 40px 40px;
        background: #000;
		top: -100%;
        transition: all 0.5s ease;
		box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
    }
	
	.searchActive .search-box {
		top: 0;
	}
	
	.search-box button.search-submit {
		display: block;
		padding: 11px 14px !important;
	}
	
	.search-box button.close_search {
		display: block;
		position: absolute;
		right: 13px;
		top: 43px;
		background: transparent;
	}
	
	.menu-full-box {
	  justify-content: space-between;
	}
	
	.short-menu {
		width: initial;
	}
	
	header.site-header {
		padding: 28px 15px 12px;
	}
	
	.search-icon-m {
	  display: inline-block;
	}
	
	
	.coupan-box .coupan-items .coupan-cmn {
		width: 36.5%;
	}
	
	.coupan-box .coupan-items {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.coupan-box .coupan-items .btn-box {
	  margin: 30px 0;
	}
	
	.shop-btn {
		font-size: 11px;
		padding: 6px 17px;
		margin: 0 12px;
	}
	
	.coupan-box .coupan-items .coupan-cmn svg {
	  width: 120px;
	}
	
	.banner-up {
		margin: 0 auto 52px;
		border: 0px solid #646464;
		width: 100%;
		display: block;
	}
	
	.banner-slider .slide-content img {
		border: 0px solid #646464;
	}
	
	.banner-main .slick-prev, 
	.banner-main .slick-next {
		display: none !important;
	}
	
	.custom-dots-container {
		padding: 0 10px !important;
		max-width: 100%;
		justify-content: space-between;
		gap: 8px;
	}
	
	.custom-dots-container .custom-dot {
		width: 33%;
		height: 72px;
		border-radius: 8px;
		margin: 0 auto;
	}
	
	.custom-dots-container .custom-dot.active {
		border-radius: 8px;
	}
	
	.custom-dots-container .custom-dot img {
		height: 80px;
	}
	
	.title-abt {
	  margin: 40px 0 0;
	}
	
	.team-main .team-items img {
		height: 140px;
	}
	
	.team-main .team-items h2 {
		margin: 9px 0 0px;
		font-size: 24px;
	}
	
	.team-main .team-items p {
		font-size: 15px;
	}
	
	.title-abt h1.main-ttl {
		font-size: 28px;
	}
	
	.login-screens {
		flex-wrap: wrap;
	}
	
	.login-screens .form-bx,
	.login-screens .img-box	{
		width: 100%;
	}
	
	.mobile-scroll-view {
	  width: 100%;
	  overflow: scroll;
	  margin: 0 0 60px;
	}
	
	/* .shop-brands {
		flex-wrap: nowrap;
		width: 1100px;
		gap: 21px;
		margin: 0;
	} */
	
	.iron-product-card .product-gallery-section,
	.iron-product-card .right-content-box {
		width: 100%;
	}
	
	 .wc-block-components-sidebar-layout .wc-block-components-main {
		 padding: 20px !important;
		 width: 100% !important;
	 }
	 
	.afiliate-ppr {
		padding-right: 15px;
	}
	
	.aft-img {
		padding-left: 15px;
		padding-top: 0px;
	}
	 
	 .wc-block-cart table.wc-block-cart-items {
		 margin: 0 0 10px !important;
	 }
	 
	.page-template-default main {
	  margin: 10px 0 0;
	}
	
	:where(.wc-block-product-filters) .wc-block-product-filters__overlay-dialog {
		background: transparent !important
	}
	
	.wp-element-button {
		background: #1f92bf;
	}
	
	.wc-block-product-filters__open-overlay:hover {
		background: transparent;
	}
	
	.wc-block-product-filters__open-overlay:focus {
		outline: none;
	}
	
	.stk-catry {
		flex-wrap: wrap;
		gap: 10px;
	}
	
}


@media(max-width: 599px) {
	
	/***** header responsive *****/
	
	.site-branding {
	  display: flex;
	  align-items: center;
	  width: 88px;
	}
	
	/**** slide menu style start ****/
	
	.logo-section {
		width: 147px;
		padding-left: 0;
	}
	
	header .navigation {
		text-align: right;
		margin: 6px 0 0;
		width: 80px;
		position: absolute;
		right: 0;
		height: 100%;
		display: flex;
		align-items: center;
		top: 0;
	}
	
	
	/**** slide menu style close ****/
	
	.widget_nav_menu ul li {
		width: 48%;
	}
	
	.search form.search-form, 
	.error404 form.search-form {
		width: 100%;
	}
	
	section.no-results.not-found, 
	section.error-404.not-found {
		padding: 20px 30px 40px;
	}
	
	.reasult-box-main article.type-post.status-publish {
		width: 100%;
	}
	
	a.btn-style-1:before {
		top: 7px;
	}
	
	.stripe-box .mobile-stripe,
	.stripe-box .mobile-stripe svg	{
		display: block;
	}
	
	.mobile-stripe {
		margin: 0 0 15px;
	}
	
	.mobile-stripe.bottom {
		margin: 15px 0 0;
	}

	.stripe-box svg {
		display: none;
	}
	
	.niceblog-search-form form.search-form {
		width: 100%;
		padding-left: 20px;
		padding-right: 40px;
	}
	
	.niceblog-search-form .close_search {
		right: 0px;
		top: 36px;
		z-index: 99999;
	}
	
	.blog article.type-post.status-publish {
		width: 100%;
		margin: 0 0 1.2rem;
	}
	
	.blog article.type-post.status-publish h2.entry-title {
	  font-size: 1.5rem;
	  margin: 1rem 0 0;
	}
	
	.blog article.type-post.status-publish .entry-meta {
		font-size: 11px;
	}
	
	article.type-post.status-publish a.post-thumbnail {
	  width: 100%;
	  float: none;
	}
	
	article.type-post.status-publish .content-box {
	  padding-left: 0;
	}
	
	/***** banner ****/
	
	.banner-main .slick-prev, 
	.products-grid .slick-prev, 
	.product-gallery-section .slick-prev,
	.banner-main .slick-next, 
	.products-grid .slick-next, 
	.product-gallery-section .slick-next {
		width: 37px;
		height: 37px;
		bottom: -60px;
	}
	
	.product-gallery-section .slick-prev,
	.product-gallery-section .slick-next {
		bottom: 20px;
	}
	
	.mobile-spc-top {
		margin-top: 30px;
	}
	
	.iron-product-card {
		margin: 40px 0 50px;
	}
	
	.shop-brands .ctr-items {
		width: 50%;
	}
	
	.cate-tabs {
		overflow: auto;
	}
	
	.cate-tabs ul {
		padding: 0 0 20px;
		justify-content: space-between;
		width: 700px;
	}
	
	.product-card {
		margin: 0 4px;
	}
	
	.products-grid .slick-list {
		padding-right: 160px;
	}
	
	.add-to-cart, 
	.select-options {
		padding: 10px 16px;
		font-size: 15px;
	}
	
	.clothing-products {
		margin: 0 0 64px;
		padding: 12px 0;
	}
	
	.afiliate-content h2 {
		font-size: 34px;
	}
	
	.afiliate-content p {
		font-size: 15px;
	}
	
	.afiliate-content {
		min-height: 170px;
	}
	
	.athleat-box {
	  margin: 62px 0 0;
	}
	
	.thleat-box-main {
		display: block;
	}
	
	.thleat-box-main .slick-list {
	  overflow: initial;
	  padding-right: 0px;
	}
	
	.thleat-box-main .thleat-items {
		font-size: 16px;
        margin: 0 0 12px;
	}
	
	.blog-box-main .blog-items .contnt-in h2 {
		font-size: 16px;
		margin: 0 0 16px;
	}
	
	.blog-box-main .blog-items .contnt-in p {
		font-size: 16px;
		display: none;
	}
	
	span.category-tag {
		font-size: 12px;
		padding: 4px 16px;
	}
	
	.thleat-box-main .thleat-items .title-box-atl h2 {
		font-size: 19px;
	}
	
	.title-box-atl i.fa.fa-instagram {
		font-size: 30px;
	}
	
	.thleat-box-main .thleat-items p {
		font-size: 14px;
		display: none;
	}
	
	.thleat-box-main.showTxt .thleat-items p {
		display: block;
	}
	
	span.rdMore {
		display: inline-block;
		border: 1px solid #8d8d8d;
		color: #b3b3b3;
		font-size: 12px;
		padding: 4px 8px;
		border-radius: 7px;
		cursor: pointer;
	}
	
	.newsletter {
	  max-width: 100%;
	}
	
	.foo-menu {
	  max-width: 100%;
	  margin: 0 0 0 !important;
	}
	
	.foo-menu.foot1 {
	  max-width: 46%;
	}
	
	.col-md-3.foo-menu.foot2 {
	  width: 48%;
	  z-index: 9999; 
	}
	
	.blog-box-main .blog-items {
		min-height: 232px;
	}
	
	.why-chsu .ctr-items h3 {
		font-size: 13px;
	}
	
	 .stk-catry .ctr-items {
		 width: 48%;
	 }
	
	.why-chsu .ctr-items img {
	  width: 50px;
	}
	
	.iron-product-card .title-box p.product-subtitle {
		font-size: 12px;
		line-height: 17px;
		width: 90px;
	}
	
	.iron-product-card .title-box .product-title {
	  font-size: 20px;
	}
	
	.iron-product-card .title-box p.product-ttl {
		font-size: 14px;
	}
	
	li.wc-block-grid__product {
		max-width: 48% !important;
		padding: 0 !important;
		margin-bottom: 25px;
	}
	
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
		width: 48%;
		margin: 0 3px 20px;
	}
	
	.form-col {
		margin-bottom: 8px;
	}
	
	.woocommerce-product-gallery__wrapper .slick-next {
		right: 10px;
		background-size: 18px;
		width: 32px;
		height: 32px;
	}
	
	.woocommerce-product-gallery__wrapper .slick-prev {
		background-size: 18px;
		left: 10px;
		width: 32px;
		height: 32px;
	}
	
	.coupan-box .coupan-items .coupan-cmn {
		width: 32.5%;
	}
	
	.coupan-box .coupan-items .coupan-cmn {
		padding: 0;
	}
	
   .coupan-box .coupan-items .coupan-cmn svg {
	    width: 80px;
   }
   
    .shop-btn {
		font-size: 11px;
		padding: 6px 9px;
		margin: 0 9px;
	}
	
	.niceblog-search-form .search-submit {
		right: 41px;
	}
	
	.shop-brands .ctr-items {
		margin: 0 20px 0px;
	}
	
	.shop-brands .slick-list {
		padding: 0 !important;
	}
		
	.shop-brands .ctr-items.slick-center img {
	  transform: skew(-5deg, -5deg);
	  filter: drop-shadow(1px 3px 2px rgba(255, 255, 255, 1));
	}
	
	.short-menu {
		margin: 0;
	}
	
	.why-chsu .ctr-items {
		padding: 23px 10px;
	}
	
	.mini-title {
		font-size: 16px;
		font-weight: 900;
	}
	
	.mini-title img {
		margin-left: 10px;
		width: 176px;
	}
	
	.product-title a {
		font-size: 14px;
		font-weight: 600;
	}
	
	.product-title {
		line-height: 20px;
	}
	
	.product-card:hover {
		transform: translateY(0px);
	}
	
	.clothing-products span.woocommerce-Price-amount.amount {
		font-size: 16px;
	}
	
	.foo-menu.foot3 {
		margin-top: -80px !important;
	}
	
	.shop-brands {
		margin: 0 0 64px;
	}
	
	.cate-tabs ul li a {
		font-size: 15px;
		padding: 4px 5px;
	}
	
	.afiliate-prg {
		margin: 0;
	}
	
	.blog-article {
		margin: 64px 0 0;
	}
	
	h1.woocommerce-products-header__title.page-title {
		font-size: 22px;
	}
	
	.shop-sidebar,
	.main-search-box div#sidebar1.sidebar {
		position: fixed;
		width: 100%;
		height: 100%;
		left: -101%;
		top: 0;
		background: #000;
		z-index: 99999999;
		opacity: 0;
		margin: 0;
		transition: all 0.5s ease;
		overflow: auto;
	}
	
	.Apply-flter {
	  position: fixed;
	  bottom: 6px;
	  width: 220px;
	  display: block !important;
	  left: 50%;
	  transform: translateX(-50%);
	  background: #1F92BF;
	  text-align: center;
	  color: #000;
	  padding: 7px 4px;
	  border-radius: 7px;
	  font-weight: 700;
	}
	
	.close-sidebar {
	  padding: 20px 0 0;
	  display: block;
	  color: #fff;
	}
	
	.main-search-box div#sidebar1.sidebar {
		padding-right: 20px;
		padding-left: 25px;
	}
	
	.main-search-box div#sidebar1.sidebar:before {
		opacity: 0;
	}
	
	.active-sidebar .shop-sidebar,
	.active-sidebar .main-search-box div#sidebar1.sidebar {
		left: 0;
		opacity: 1;
	}
	
	.shop-sidebar::before {
		opacity: 0;
	}
	
	.product-wish {
		padding: 0 8px;
	}
	
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
		font-size: 14px;
		font-weight: 700;
		padding-right: 10px;
	}
	
	span.woocommerce-Price-amount.amount {
		font-size: 14px;
		font-weight: 700;
	}
	
	.woocommerce-page ul.products li.product a.button.product_type_variable.add_to_cart_button, 
	a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		font-size: 14px;
		padding: 12px 20px;
		margin: 15px auto 12px;
	}
	
	.woocommerce .products ul, 
	.woocommerce ul.products {
		gap: 0; 
	}
	
	.tax-product_cat.woocommerce ul.products li.product .price {
		padding: 0 6px;
	}
	
	.col-md-8.cate-product-sec {
		padding: 0;
	}
	
	.short-description p, 
	.short-description ul li {
		font-size: 12px;
	}
	
	.short-description {
		top: 48px;
	}
	
	span.clck-click, 
	span.clck-click2 {
		right: 1px;
		padding: 10px;
		top: 1px;
	}
	
	.thleat-box-main .slick-prev,
	.thleat-box-main .slick-next {
		width: 35px;
		height: 35px;
		bottom: -49px;
	}
	
	.thleat-box-main .slick-prev {
		right: 49px;
	}
	
	.thleat-box-main .slick-next {
		right: 0;
	}
	
	.main-search-box {
		flex-wrap: wrap;
	}
	
	.main-search-box div#primary.content-area {
	  width: 100%;
	}
	
	.woocommerce.search-results .woocommerce-result-count,
	.woocommerce.tax-product_cat .woocommerce-result-count,
	.woocommerce .woocommerce-result-count	{
		font-size: 0;
	}
	
	.filter-btn {
	  display: none;
	}
	
	.filter-btn {
	  display: inline-block;
	}
	
	.filter-btn svg {
	  width: 39px;
	  height: 27px;
	}
	
	.wc-block-product-filters__open-overlay {
		visibility: hidden;
	}
	
	.stripe-box {
	  padding: 3px 0 4px;
	}
	
	.stripe-box svg {
	  width: 660px;
	  max-width: 100%;
	  height: 30px;
	}
	
	.stripe-box.box2 {
	  margin: -18px 0 40px;
	}
	
	.for-mb {
	  display: block;
	  width: 100%;
	  overflow: scroll;
	}
	
	.product-detail-content-box ul.nav.nav-tabs {
		width: 550px;
		flex-wrap: wrap;
	}
	
	.wc-block-cart-item__quantity {
		display: block !important;
		float: none !important;
		margin-top: 0 !important;
	}
	
	.wc-block-components-checkbox.wc-block-components-address-form__hostinger-reach-newsletter-optin {
		margin: 14px 0 0;
	}
	
	.page-template-default .entry-content h3 {
		font-size: 14px;
	}
	
	h2.wc-block-components-title.wc-block-components-checkout-step__title {
		font-size: 1.2rem !important;
	}
	
	
}

@media(max-width: 480px) {
	
	
	.acadmey-sec ul li {
		width: 90%;
		margin: 0 0 40px;
	}
	
	li.wc-block-grid__product {
		max-width: 80% !important;
		padding: 0 !important;
	}
	
	.short-menu a {
	  margin-left: 6px;
	}
	
}


/************ responsive close *********/