📄 File: main.css

Path: /home/alfamiffjq/www/alfamifwp/wp-content/themes/setto/assets/css/main.css

Size: 339.7 KB

Permissions: 0644

:root {
    --bs-primary: #d19a7a;
}

/*================ Typography ================*/
 @font-face {
	 font-family: 'icons';
	 src: url("../fonts/icons.eot?v=15839920060943556384");
	 src: url("../fonts/icons.eot?v=15839920060943556384#iefix") format("embedded-opentype"), url("../fonts/icons.woff?v=16994515853337970273") format("woff"), url("../fonts/icons.ttf?v=15269834025022278972") format("truetype");
	 font-weight: normal;
	 font-style: normal;
}
/*============================================================================ #Sass Mixins ==============================================================================*/
 .clearfix {
	 *zoom: 1;
}
 .clearfix:after {
	 content: '';
	 display: table;
	 clear: both;
}
/*============================================================================ Prefixer mixin for generating vendor prefixes: - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss - Usage: // Input: .element {
	 @include prefixer(transform, scale(1), ms webkit spec);
}
 // Output: .element {
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	 transform: scale(1);
}
 ==============================================================================*/
/*============================================================================ Layer promotion mixin for creating smoother animations with higher FPS. ==============================================================================*/
/*============================================================================ Dependency-free breakpoint mixin - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ - Usage docs: http://shopify.github.io/Timber/#sass-mixins ==============================================================================*/
/*============================================================================ #Normalize ==============================================================================*/
 *, input, :before, :after {
	 box-sizing: border-box;
}
 html, body {
	 padding: 0;
	 margin: 0;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	 display: block;
}
 audio, canvas, progress, video {
	 display: inline-block;
	 vertical-align: baseline;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	 height: auto;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
}
/*============================================================================ #Grid Setup - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes - Breakpoints defined above, under #Breakpoint and Grid Variables - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items ==============================================================================*/
/* Force clearfix on grids */
 .grid, .grid--rev, .grid--full, .grid-uniform {
	 *zoom: 1;
}
 .grid:after, .grid--rev:after, .grid--full:after, .grid-uniform:after {
	 content: '';
	 display: table;
	 clear: both;
}
/* Manual grid__item clearfix */
 .grid__item.clear {
	 clear: both;
}
/*============================================================================ Drop relative positioning into silent classes which can't take advantage of the `[class*="push--"]` and `[class*="pull--"]` selectors. ==============================================================================*/
/*============================================================================ Grid Setup 1. Allow the grid system to be used on lists. 2. Remove any margins and paddings that might affect the grid system. 3. Apply a negative `margin-left` to negate the columns' gutters. ==============================================================================*/
 .grid__item {
	 box-sizing: border-box;
	 float: left;
	 min-height: 1px;
	 padding-left: 30px;
	 vertical-align: top;
	 width: 100%;
}
/*============================================================================ Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. ==============================================================================*/
 .grid--rev {
	 direction: rtl;
	 text-align: left;
}
 .grid--rev > .grid__item {
	 direction: ltr;
	 text-align: left;
	 float: right;
}
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
 .grid--full {
	 margin-left: 0;
}
 .grid--full > .grid__item {
	 padding-left: 0;
}
/*============================================================================ WIDTHS - Create width classes, prefixed by the specified namespace. ==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
 .one-whole {
	 width: 100%;
}
/* Halves */
 .one-half {
	 width: 50%;
}
/* Thirds */
 .one-third {
	 width: 33.333%;
}
 .two-thirds {
	 width: 66.666%;
}
/* Quarters */
 .one-quarter {
	 width: 25%;
}
 .two-quarters {
	 width: 50%;
}
 .three-quarters {
	 width: 75%;
}
/* Fifths */
 .one-fifth {
	 width: 20%;
}
 .two-fifths {
	 width: 40%;
}
 .three-fifths {
	 width: 60%;
}
 .four-fifths {
	 width: 80%;
}
/* Sixths */
 .one-sixth {
	 width: 16.666%;
}
 .two-sixths {
	 width: 33.333%;
}
 .three-sixths {
	 width: 50%;
}
 .four-sixths {
	 width: 66.666%;
}
 .five-sixths {
	 width: 83.333%;
}
/* Eighths */
 .one-eighth {
	 width: 12.5%;
}
 .two-eighths {
	 width: 25%;
}
 .three-eighths {
	 width: 37.5%;
}
 .four-eighths {
	 width: 50%;
}
 .five-eighths {
	 width: 62.5%;
}
 .six-eighths {
	 width: 75%;
}
 .seven-eighths {
	 width: 87.5%;
}
/* Tenths */
 .one-tenth {
	 width: 10%;
}
 .two-tenths {
	 width: 20%;
}
 .three-tenths {
	 width: 30%;
}
 .four-tenths {
	 width: 40%;
}
 .five-tenths {
	 width: 50%;
}
 .six-tenths {
	 width: 60%;
}
 .seven-tenths {
	 width: 70%;
}
 .eight-tenths {
	 width: 80%;
}
 .nine-tenths {
	 width: 90%;
}
/* Twelfths */
 .one-twelfth {
	 width: 8.333%;
}
 .two-twelfths {
	 width: 16.666%;
}
 .three-twelfths {
	 width: 25%;
}
 .four-twelfths {
	 width: 33.333%;
}
 .five-twelfths {
	 width: 41.666%;
}
 .six-twelfths {
	 width: 50%;
}
 .seven-twelfths {
	 width: 58.333%;
}
 .eight-twelfths {
	 width: 66.666%;
}
 .nine-twelfths {
	 width: 75%;
}
 .ten-twelfths {
	 width: 83.333%;
}
 .eleven-twelfths {
	 width: 91.666%;
}
 .text-left {
	 text-align: left !important;
}
 .text-right {
	 text-align: right !important;
}
 .text-center {
	 text-align: center !important;
}
 .left {
	 float: left !important;
}
 .right {
	 float: right !important;
}
/*================ Our responsive classes, if we have enabled them ================*/
 @media only screen and (max-width: 480px) {
	/** Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .small--one-whole {
		 width: 100%;
	}
	 .small--one-half {
		 width: 50%;
	}
	 .small--one-third {
		 width: 33.333%;
	}
	 .small--two-thirds {
		 width: 66.666%;
	}
	 .small--one-quarter {
		 width: 25%;
	}
	 .small--two-quarters {
		 width: 50%;
	}
	 .small--three-quarters {
		 width: 75%;
	}
	 .small--one-fifth {
		 width: 20%;
	}
	 .small--two-fifths {
		 width: 40%;
	}
	 .small--three-fifths {
		 width: 60%;
	}
	 .small--four-fifths {
		 width: 80%;
	}
	 .small--one-sixth {
		 width: 16.666%;
	}
	 .small--two-sixths {
		 width: 33.333%;
	}
	 .small--three-sixths {
		 width: 50%;
	}
	 .small--four-sixths {
		 width: 66.666%;
	}
	 .small--five-sixths {
		 width: 83.333%;
	}
	 .small--one-eighth {
		 width: 12.5%;
	}
	 .small--two-eighths {
		 width: 25%;
	}
	 .small--three-eighths {
		 width: 37.5%;
	}
	 .small--four-eighths {
		 width: 50%;
	}
	 .small--five-eighths {
		 width: 62.5%;
	}
	 .small--six-eighths {
		 width: 75%;
	}
	 .small--seven-eighths {
		 width: 87.5%;
	}
	 .small--one-tenth {
		 width: 10%;
	}
	 .small--two-tenths {
		 width: 20%;
	}
	 .small--three-tenths {
		 width: 30%;
	}
	 .small--four-tenths {
		 width: 40%;
	}
	 .small--five-tenths {
		 width: 50%;
	}
	 .small--six-tenths {
		 width: 60%;
	}
	 .small--seven-tenths {
		 width: 70%;
	}
	 .small--eight-tenths {
		 width: 80%;
	}
	 .small--nine-tenths {
		 width: 90%;
	}
	 .small--one-twelfth {
		 width: 8.333%;
	}
	 .small--two-twelfths {
		 width: 16.666%;
	}
	 .small--three-twelfths {
		 width: 25%;
	}
	 .small--four-twelfths {
		 width: 33.333%;
	}
	 .small--five-twelfths {
		 width: 41.666%;
	}
	 .small--six-twelfths {
		 width: 50%;
	}
	 .small--seven-twelfths {
		 width: 58.333%;
	}
	 .small--eight-twelfths {
		 width: 66.666%;
	}
	 .small--nine-twelfths {
		 width: 75%;
	}
	 .small--ten-twelfths {
		 width: 83.333%;
	}
	 .small--eleven-twelfths {
		 width: 91.666%;
	}
	 .small--text-left {
		 text-align: left !important;
	}
	 .small--text-right {
		 text-align: right !important;
	}
	 .small--text-center {
		 text-align: center !important;
	}
	 .small--left {
		 float: left !important;
	}
	 .small--right {
		 float: right !important;
	}
	 .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1) {
		 clear: both;
	}
}
 @media only screen and (min-width: 481px) and (max-width: 768px) {
	/** Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .medium--one-whole {
		 width: 100%;
	}
	 .medium--one-half {
		 width: 50%;
	}
	 .medium--one-third {
		 width: 33.333%;
	}
	 .medium--two-thirds {
		 width: 66.666%;
	}
	 .medium--one-quarter {
		 width: 25%;
	}
	 .medium--two-quarters {
		 width: 50%;
	}
	 .medium--three-quarters {
		 width: 75%;
	}
	 .medium--one-fifth {
		 width: 20%;
	}
	 .medium--two-fifths {
		 width: 40%;
	}
	 .medium--three-fifths {
		 width: 60%;
	}
	 .medium--four-fifths {
		 width: 80%;
	}
	 .medium--one-sixth {
		 width: 16.666%;
	}
	 .medium--two-sixths {
		 width: 33.333%;
	}
	 .medium--three-sixths {
		 width: 50%;
	}
	 .medium--four-sixths {
		 width: 66.666%;
	}
	 .medium--five-sixths {
		 width: 83.333%;
	}
	 .medium--one-eighth {
		 width: 12.5%;
	}
	 .medium--two-eighths {
		 width: 25%;
	}
	 .medium--three-eighths {
		 width: 37.5%;
	}
	 .medium--four-eighths {
		 width: 50%;
	}
	 .medium--five-eighths {
		 width: 62.5%;
	}
	 .medium--six-eighths {
		 width: 75%;
	}
	 .medium--seven-eighths {
		 width: 87.5%;
	}
	 .medium--one-tenth {
		 width: 10%;
	}
	 .medium--two-tenths {
		 width: 20%;
	}
	 .medium--three-tenths {
		 width: 30%;
	}
	 .medium--four-tenths {
		 width: 40%;
	}
	 .medium--five-tenths {
		 width: 50%;
	}
	 .medium--six-tenths {
		 width: 60%;
	}
	 .medium--seven-tenths {
		 width: 70%;
	}
	 .medium--eight-tenths {
		 width: 80%;
	}
	 .medium--nine-tenths {
		 width: 90%;
	}
	 .medium--one-twelfth {
		 width: 8.333%;
	}
	 .medium--two-twelfths {
		 width: 16.666%;
	}
	 .medium--three-twelfths {
		 width: 25%;
	}
	 .medium--four-twelfths {
		 width: 33.333%;
	}
	 .medium--five-twelfths {
		 width: 41.666%;
	}
	 .medium--six-twelfths {
		 width: 50%;
	}
	 .medium--seven-twelfths {
		 width: 58.333%;
	}
	 .medium--eight-twelfths {
		 width: 66.666%;
	}
	 .medium--nine-twelfths {
		 width: 75%;
	}
	 .medium--ten-twelfths {
		 width: 83.333%;
	}
	 .medium--eleven-twelfths {
		 width: 91.666%;
	}
	 .medium--text-left {
		 text-align: left !important;
	}
	 .medium--text-right {
		 text-align: right !important;
	}
	 .medium--text-center {
		 text-align: center !important;
	}
	 .medium--left {
		 float: left !important;
	}
	 .medium--right {
		 float: right !important;
	}
	 .grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--one-third:nth-child(3n+1), .grid-uniform .medium--one-quarter:nth-child(4n+1), .grid-uniform .medium--one-fifth:nth-child(5n+1), .grid-uniform .medium--one-sixth:nth-child(6n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--one-twelfth:nth-child(12n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
		 clear: both;
	}
}
 @media only screen and (max-width: 768px) {
	/** Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .medium-down--one-whole {
		 width: 100%;
	}
	 .medium-down--one-half {
		 width: 50%;
	}
	 .medium-down--one-third {
		 width: 33.333%;
	}
	 .medium-down--two-thirds {
		 width: 66.666%;
	}
	 .medium-down--one-quarter {
		 width: 25%;
	}
	 .medium-down--two-quarters {
		 width: 50%;
	}
	 .medium-down--three-quarters {
		 width: 75%;
	}
	 .medium-down--one-fifth {
		 width: 20%;
	}
	 .medium-down--two-fifths {
		 width: 40%;
	}
	 .medium-down--three-fifths {
		 width: 60%;
	}
	 .medium-down--four-fifths {
		 width: 80%;
	}
	 .medium-down--one-sixth {
		 width: 16.666%;
	}
	 .medium-down--two-sixths {
		 width: 33.333%;
	}
	 .medium-down--three-sixths {
		 width: 50%;
	}
	 .medium-down--four-sixths {
		 width: 66.666%;
	}
	 .medium-down--five-sixths {
		 width: 83.333%;
	}
	 .medium-down--one-eighth {
		 width: 12.5%;
	}
	 .medium-down--two-eighths {
		 width: 25%;
	}
	 .medium-down--three-eighths {
		 width: 37.5%;
	}
	 .medium-down--four-eighths {
		 width: 50%;
	}
	 .medium-down--five-eighths {
		 width: 62.5%;
	}
	 .medium-down--six-eighths {
		 width: 75%;
	}
	 .medium-down--seven-eighths {
		 width: 87.5%;
	}
	 .medium-down--one-tenth {
		 width: 10%;
	}
	 .medium-down--two-tenths {
		 width: 20%;
	}
	 .medium-down--three-tenths {
		 width: 30%;
	}
	 .medium-down--four-tenths {
		 width: 40%;
	}
	 .medium-down--five-tenths {
		 width: 50%;
	}
	 .medium-down--six-tenths {
		 width: 60%;
	}
	 .medium-down--seven-tenths {
		 width: 70%;
	}
	 .medium-down--eight-tenths {
		 width: 80%;
	}
	 .medium-down--nine-tenths {
		 width: 90%;
	}
	 .medium-down--one-twelfth {
		 width: 8.333%;
	}
	 .medium-down--two-twelfths {
		 width: 16.666%;
	}
	 .medium-down--three-twelfths {
		 width: 25%;
	}
	 .medium-down--four-twelfths {
		 width: 33.333%;
	}
	 .medium-down--five-twelfths {
		 width: 41.666%;
	}
	 .medium-down--six-twelfths {
		 width: 50%;
	}
	 .medium-down--seven-twelfths {
		 width: 58.333%;
	}
	 .medium-down--eight-twelfths {
		 width: 66.666%;
	}
	 .medium-down--nine-twelfths {
		 width: 75%;
	}
	 .medium-down--ten-twelfths {
		 width: 83.333%;
	}
	 .medium-down--eleven-twelfths {
		 width: 91.666%;
	}
	 .medium-down--text-left {
		 text-align: left !important;
	}
	 .medium-down--text-right {
		 text-align: right !important;
	}
	 .medium-down--text-center {
		 text-align: center !important;
	}
	 .medium-down--left {
		 float: left !important;
	}
	 .medium-down--right {
		 float: right !important;
	}
	 .grid-uniform .medium-down--one-half:nth-child(2n+1), .grid-uniform .medium-down--one-third:nth-child(3n+1), .grid-uniform .medium-down--one-quarter:nth-child(4n+1), .grid-uniform .medium-down--one-fifth:nth-child(5n+1), .grid-uniform .medium-down--one-sixth:nth-child(6n+1), .grid-uniform .medium-down--two-sixths:nth-child(3n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+1), .grid-uniform .medium-down--two-eighths:nth-child(4n+1), .grid-uniform .medium-down--four-eighths:nth-child(2n+1), .grid-uniform .medium-down--five-tenths:nth-child(2n+1), .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
		 clear: both;
	}
}
 @media only screen and (min-width: 769px) {
	/** Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .large--one-whole {
		 width: 100%;
	}
	 .large--one-half {
		 width: 50%;
	}
	 .large--one-third {
		 width: 33.333%;
	}
	 .large--two-thirds {
		 width: 66.666%;
	}
	 .large--one-quarter {
		 width: 25%;
	}
	 .large--two-quarters {
		 width: 50%;
	}
	 .large--three-quarters {
		 width: 75%;
	}
	 .large--one-fifth {
		 width: 20%;
	}
	 .large--two-fifths {
		 width: 40%;
	}
	 .large--three-fifths {
		 width: 60%;
	}
	 .large--four-fifths {
		 width: 80%;
	}
	 .large--one-sixth {
		 width: 16.666%;
	}
	 .large--two-sixths {
		 width: 33.333%;
	}
	 .large--three-sixths {
		 width: 50%;
	}
	 .large--four-sixths {
		 width: 66.666%;
	}
	 .large--five-sixths {
		 width: 83.333%;
	}
	 .large--one-eighth {
		 width: 12.5%;
	}
	 .large--two-eighths {
		 width: 25%;
	}
	 .large--three-eighths {
		 width: 37.5%;
	}
	 .large--four-eighths {
		 width: 50%;
	}
	 .large--five-eighths {
		 width: 62.5%;
	}
	 .large--six-eighths {
		 width: 75%;
	}
	 .large--seven-eighths {
		 width: 87.5%;
	}
	 .large--one-tenth {
		 width: 10%;
	}
	 .large--two-tenths {
		 width: 20%;
	}
	 .large--three-tenths {
		 width: 30%;
	}
	 .large--four-tenths {
		 width: 40%;
	}
	 .large--five-tenths {
		 width: 50%;
	}
	 .large--six-tenths {
		 width: 60%;
	}
	 .large--seven-tenths {
		 width: 70%;
	}
	 .large--eight-tenths {
		 width: 80%;
	}
	 .large--nine-tenths {
		 width: 90%;
	}
	 .large--one-twelfth {
		 width: 8.333%;
	}
	 .large--two-twelfths {
		 width: 16.666%;
	}
	 .large--three-twelfths {
		 width: 25%;
	}
	 .large--four-twelfths {
		 width: 33.333%;
	}
	 .large--five-twelfths {
		 width: 41.666%;
	}
	 .large--six-twelfths {
		 width: 50%;
	}
	 .large--seven-twelfths {
		 width: 58.333%;
	}
	 .large--eight-twelfths {
		 width: 66.666%;
	}
	 .large--nine-twelfths {
		 width: 75%;
	}
	 .large--ten-twelfths {
		 width: 83.333%;
	}
	 .large--eleven-twelfths {
		 width: 91.666%;
	}
	 .large--text-left {
		 text-align: left !important;
	}
	 .large--text-right {
		 text-align: right !important;
	}
	 .large--text-center {
		 text-align: center !important;
	}
	 .large--left {
		 float: left !important;
	}
	 .large--right {
		 float: right !important;
	}
	 .grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--one-third:nth-child(3n+1), .grid-uniform .large--one-quarter:nth-child(4n+1), .grid-uniform .large--one-fifth:nth-child(5n+1), .grid-uniform .large--one-sixth:nth-child(6n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--one-twelfth:nth-child(12n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1) {
		 clear: both;
	}
}
/*============================================================================ PUSH - Push classes, to move grid items over to the right by certain amounts ==============================================================================*/
 [class*="push--"] {
	 position: relative;
}
/* Whole */
 .push--one-whole {
	 left: 100%;
}
/* Halves */
 .push--one-half {
	 left: 50%;
}
/* Thirds */
 .push--one-third {
	 left: 33.333%;
}
 .push--two-thirds {
	 left: 66.666%;
}
/* Quarters */
 .push--one-quarter {
	 left: 25%;
}
 .push--two-quarters {
	 left: 50%;
}
 .push--three-quarters {
	 left: 75%;
}
/* Fifths */
 .push--one-fifth {
	 left: 20%;
}
 .push--two-fifths {
	 left: 40%;
}
 .push--three-fifths {
	 left: 60%;
}
 .push--four-fifths {
	 left: 80%;
}
/* Sixths */
 .push--one-sixth {
	 left: 16.666%;
}
 .push--two-sixths {
	 left: 33.333%;
}
 .push--three-sixths {
	 left: 50%;
}
 .push--four-sixths {
	 left: 66.666%;
}
 .push--five-sixths {
	 left: 83.333%;
}
/* Eighths */
 .push--one-eighth {
	 left: 12.5%;
}
 .push--two-eighths {
	 left: 25%;
}
 .push--three-eighths {
	 left: 37.5%;
}
 .push--four-eighths {
	 left: 50%;
}
 .push--five-eighths {
	 left: 62.5%;
}
 .push--six-eighths {
	 left: 75%;
}
 .push--seven-eighths {
	 left: 87.5%;
}
/* Tenths */
 .push--one-tenth {
	 left: 10%;
}
 .push--two-tenths {
	 left: 20%;
}
 .push--three-tenths {
	 left: 30%;
}
 .push--four-tenths {
	 left: 40%;
}
 .push--five-tenths {
	 left: 50%;
}
 .push--six-tenths {
	 left: 60%;
}
 .push--seven-tenths {
	 left: 70%;
}
 .push--eight-tenths {
	 left: 80%;
}
 .push--nine-tenths {
	 left: 90%;
}
/* Twelfths */
 .push--one-twelfth {
	 left: 8.333%;
}
 .push--two-twelfths {
	 left: 16.666%;
}
 .push--three-twelfths {
	 left: 25%;
}
 .push--four-twelfths {
	 left: 33.333%;
}
 .push--five-twelfths {
	 left: 41.666%;
}
 .push--six-twelfths {
	 left: 50%;
}
 .push--seven-twelfths {
	 left: 58.333%;
}
 .push--eight-twelfths {
	 left: 66.666%;
}
 .push--nine-twelfths {
	 left: 75%;
}
 .push--ten-twelfths {
	 left: 83.333%;
}
 .push--eleven-twelfths {
	 left: 91.666%;
}
 @media only screen and (min-width: 481px) and (max-width: 768px) {
	/* Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .push--medium--one-whole {
		 left: 100%;
	}
	 .push--medium--one-half {
		 left: 50%;
	}
	 .push--medium--one-third {
		 left: 33.333%;
	}
	 .push--medium--two-thirds {
		 left: 66.666%;
	}
	 .push--medium--one-quarter {
		 left: 25%;
	}
	 .push--medium--two-quarters {
		 left: 50%;
	}
	 .push--medium--three-quarters {
		 left: 75%;
	}
	 .push--medium--one-fifth {
		 left: 20%;
	}
	 .push--medium--two-fifths {
		 left: 40%;
	}
	 .push--medium--three-fifths {
		 left: 60%;
	}
	 .push--medium--four-fifths {
		 left: 80%;
	}
	 .push--medium--one-sixth {
		 left: 16.666%;
	}
	 .push--medium--two-sixths {
		 left: 33.333%;
	}
	 .push--medium--three-sixths {
		 left: 50%;
	}
	 .push--medium--four-sixths {
		 left: 66.666%;
	}
	 .push--medium--five-sixths {
		 left: 83.333%;
	}
	 .push--medium--one-eighth {
		 left: 12.5%;
	}
	 .push--medium--two-eighths {
		 left: 25%;
	}
	 .push--medium--three-eighths {
		 left: 37.5%;
	}
	 .push--medium--four-eighths {
		 left: 50%;
	}
	 .push--medium--five-eighths {
		 left: 62.5%;
	}
	 .push--medium--six-eighths {
		 left: 75%;
	}
	 .push--medium--seven-eighths {
		 left: 87.5%;
	}
	 .push--medium--one-tenth {
		 left: 10%;
	}
	 .push--medium--two-tenths {
		 left: 20%;
	}
	 .push--medium--three-tenths {
		 left: 30%;
	}
	 .push--medium--four-tenths {
		 left: 40%;
	}
	 .push--medium--five-tenths {
		 left: 50%;
	}
	 .push--medium--six-tenths {
		 left: 60%;
	}
	 .push--medium--seven-tenths {
		 left: 70%;
	}
	 .push--medium--eight-tenths {
		 left: 80%;
	}
	 .push--medium--nine-tenths {
		 left: 90%;
	}
	 .push--medium--one-twelfth {
		 left: 8.333%;
	}
	 .push--medium--two-twelfths {
		 left: 16.666%;
	}
	 .push--medium--three-twelfths {
		 left: 25%;
	}
	 .push--medium--four-twelfths {
		 left: 33.333%;
	}
	 .push--medium--five-twelfths {
		 left: 41.666%;
	}
	 .push--medium--six-twelfths {
		 left: 50%;
	}
	 .push--medium--seven-twelfths {
		 left: 58.333%;
	}
	 .push--medium--eight-twelfths {
		 left: 66.666%;
	}
	 .push--medium--nine-twelfths {
		 left: 75%;
	}
	 .push--medium--ten-twelfths {
		 left: 83.333%;
	}
	 .push--medium--eleven-twelfths {
		 left: 91.666%;
	}
}
 @media only screen and (max-width: 768px) {
	/* Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .push--medium-down--one-whole {
		 left: 100%;
	}
	 .push--medium-down--one-half {
		 left: 50%;
	}
	 .push--medium-down--one-third {
		 left: 33.333%;
	}
	 .push--medium-down--two-thirds {
		 left: 66.666%;
	}
	 .push--medium-down--one-quarter {
		 left: 25%;
	}
	 .push--medium-down--two-quarters {
		 left: 50%;
	}
	 .push--medium-down--three-quarters {
		 left: 75%;
	}
	 .push--medium-down--one-fifth {
		 left: 20%;
	}
	 .push--medium-down--two-fifths {
		 left: 40%;
	}
	 .push--medium-down--three-fifths {
		 left: 60%;
	}
	 .push--medium-down--four-fifths {
		 left: 80%;
	}
	 .push--medium-down--one-sixth {
		 left: 16.666%;
	}
	 .push--medium-down--two-sixths {
		 left: 33.333%;
	}
	 .push--medium-down--three-sixths {
		 left: 50%;
	}
	 .push--medium-down--four-sixths {
		 left: 66.666%;
	}
	 .push--medium-down--five-sixths {
		 left: 83.333%;
	}
	 .push--medium-down--one-eighth {
		 left: 12.5%;
	}
	 .push--medium-down--two-eighths {
		 left: 25%;
	}
	 .push--medium-down--three-eighths {
		 left: 37.5%;
	}
	 .push--medium-down--four-eighths {
		 left: 50%;
	}
	 .push--medium-down--five-eighths {
		 left: 62.5%;
	}
	 .push--medium-down--six-eighths {
		 left: 75%;
	}
	 .push--medium-down--seven-eighths {
		 left: 87.5%;
	}
	 .push--medium-down--one-tenth {
		 left: 10%;
	}
	 .push--medium-down--two-tenths {
		 left: 20%;
	}
	 .push--medium-down--three-tenths {
		 left: 30%;
	}
	 .push--medium-down--four-tenths {
		 left: 40%;
	}
	 .push--medium-down--five-tenths {
		 left: 50%;
	}
	 .push--medium-down--six-tenths {
		 left: 60%;
	}
	 .push--medium-down--seven-tenths {
		 left: 70%;
	}
	 .push--medium-down--eight-tenths {
		 left: 80%;
	}
	 .push--medium-down--nine-tenths {
		 left: 90%;
	}
	 .push--medium-down--one-twelfth {
		 left: 8.333%;
	}
	 .push--medium-down--two-twelfths {
		 left: 16.666%;
	}
	 .push--medium-down--three-twelfths {
		 left: 25%;
	}
	 .push--medium-down--four-twelfths {
		 left: 33.333%;
	}
	 .push--medium-down--five-twelfths {
		 left: 41.666%;
	}
	 .push--medium-down--six-twelfths {
		 left: 50%;
	}
	 .push--medium-down--seven-twelfths {
		 left: 58.333%;
	}
	 .push--medium-down--eight-twelfths {
		 left: 66.666%;
	}
	 .push--medium-down--nine-twelfths {
		 left: 75%;
	}
	 .push--medium-down--ten-twelfths {
		 left: 83.333%;
	}
	 .push--medium-down--eleven-twelfths {
		 left: 91.666%;
	}
}
 @media only screen and (min-width: 769px) {
	/* Whole */
	/* Halves */
	/* Thirds */
	/* Quarters */
	/* Fifths */
	/* Sixths */
	/* Eighths */
	/* Tenths */
	/* Twelfths */
	 .push--large--one-whole {
		 left: 100%;
	}
	 .push--large--one-half {
		 left: 50%;
	}
	 .push--large--one-third {
		 left: 33.333%;
	}
	 .push--large--two-thirds {
		 left: 66.666%;
	}
	 .push--large--one-quarter {
		 left: 25%;
	}
	 .push--large--two-quarters {
		 left: 50%;
	}
	 .push--large--three-quarters {
		 left: 75%;
	}
	 .push--large--one-fifth {
		 left: 20%;
	}
	 .push--large--two-fifths {
		 left: 40%;
	}
	 .push--large--three-fifths {
		 left: 60%;
	}
	 .push--large--four-fifths {
		 left: 80%;
	}
	 .push--large--one-sixth {
		 left: 16.666%;
	}
	 .push--large--two-sixths {
		 left: 33.333%;
	}
	 .push--large--three-sixths {
		 left: 50%;
	}
	 .push--large--four-sixths {
		 left: 66.666%;
	}
	 .push--large--five-sixths {
		 left: 83.333%;
	}
	 .push--large--one-eighth {
		 left: 12.5%;
	}
	 .push--large--two-eighths {
		 left: 25%;
	}
	 .push--large--three-eighths {
		 left: 37.5%;
	}
	 .push--large--four-eighths {
		 left: 50%;
	}
	 .push--large--five-eighths {
		 left: 62.5%;
	}
	 .push--large--six-eighths {
		 left: 75%;
	}
	 .push--large--seven-eighths {
		 left: 87.5%;
	}
	 .push--large--one-tenth {
		 left: 10%;
	}
	 .push--large--two-tenths {
		 left: 20%;
	}
	 .push--large--three-tenths {
		 left: 30%;
	}
	 .push--large--four-tenths {
		 left: 40%;
	}
	 .push--large--five-tenths {
		 left: 50%;
	}
	 .push--large--six-tenths {
		 left: 60%;
	}
	 .push--large--seven-tenths {
		 left: 70%;
	}
	 .push--large--eight-tenths {
		 left: 80%;
	}
	 .push--large--nine-tenths {
		 left: 90%;
	}
	 .push--large--one-twelfth {
		 left: 8.333%;
	}
	 .push--large--two-twelfths {
		 left: 16.666%;
	}
	 .push--large--three-twelfths {
		 left: 25%;
	}
	 .push--large--four-twelfths {
		 left: 33.333%;
	}
	 .push--large--five-twelfths {
		 left: 41.666%;
	}
	 .push--large--six-twelfths {
		 left: 50%;
	}
	 .push--large--seven-twelfths {
		 left: 58.333%;
	}
	 .push--large--eight-twelfths {
		 left: 66.666%;
	}
	 .push--large--nine-twelfths {
		 left: 75%;
	}
	 .push--large--ten-twelfths {
		 left: 83.333%;
	}
	 .push--large--eleven-twelfths {
		 left: 91.666%;
	}
}
/*============================================================================ PULL - Pull classes, to move grid items back to the left by certain amounts ==============================================================================*/
/*============================================================================ #Basic Styles ==============================================================================*/
 [tabindex='-1']:focus {
	 outline: none;
}
 .wrapper {
	 *zoom: 1;
	 max-width: 1180px;
	 margin: 0 auto;
	 padding: 0 15px;
}
 .wrapper:after {
	 content: '';
	 display: table;
	 clear: both;
}
 @media screen and (min-width: 480px) {
	 .wrapper {
		 padding: 0 30px;
	}
}
 .main-content {
	 display: block;
	 margin-top: 30px;
	 padding-bottom: 60px;
}
/*============================================================================ #Helper Classes ==============================================================================*/
 .is-transitioning {
	 display: block !important;
	 visibility: visible !important;
}
 .display-table {
	 display: table;
	 table-layout: fixed;
	 width: 100%;
}
 .display-table-cell {
	 display: table-cell;
	 vertical-align: middle;
	 float: none;
}
 @media screen and (min-width: 769px) {
	 .large--display-table {
		 display: table;
		 table-layout: fixed;
		 width: 100%;
	}
	 .large--display-table-cell {
		 display: table-cell;
		 vertical-align: middle;
		 float: none;
	}
}
 .visually-hidden, .supports-fontface .icon-fallback-text .fallback-text {
	 position: absolute;
	 overflow: hidden;
	 clip: rect(0 0 0 0);
	 height: 1px;
	 width: 1px;
	 margin: -1px;
	 padding: 0;
	 border: 0;
}
/*============================================================================ #Typography ==============================================================================*/
 body, input, textarea, button, select {
	 font-size: 14px;
	 line-height: 1.6;
	 font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 color: #333;
	 font-weight: 300;
	 -webkit-font-smoothing: antialiased;
	 -webkit-text-size-adjust: 100%;
}
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	 display: block;
	 font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 margin: 0 0 0.5em;
	 line-height: 1.4;
}
 h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
	 text-decoration: none;
	 font-weight: inherit;
}
/*================ Use em() Sass function to declare font-size ================*/
 h1, .h1 {
	 font-size: 2.57143em;
}
 h2, .h2 {
	 font-size: 2em;
}
 h3, .h3 {
	 font-size: 1.57143em;
}
 h4, .h4 {
	 font-size: 1.42857em;
}
 h5, .h5 {
	 font-size: 1.14286em;
}
 h6, .h6 {
	 font-size: 1em;
}
 p {
	 margin: 0 0 15px 0;
}
 p img {
	 margin: 0;
}
 em {
	 font-style: italic;
}
 b, strong {
	 font-weight: bold;
}
 small {
	 font-size: 0.9em;
}
 sup, sub {
	 position: relative;
	 font-size: 60%;
	 vertical-align: baseline;
}
 sup {
	 top: -0.5em;
}
 sub {
	 bottom: -0.5em;
}
/*================ Blockquotes ================*/
 blockquote {
	 font-size: 1.125em;
	 line-height: 1.45;
	 font-style: italic;
	 margin: 0 0 30px;
	 padding: 15px 30px;
	 border-left: 1px solid #e5e5e5;
}
 blockquote p {
	 margin-bottom: 0;
}
 blockquote p + cite {
	 margin-top: 15px;
}
 blockquote cite {
	 display: block;
	 font-size: 0.75em;
}
 blockquote cite:before {
	 content: '\2014 \0020';
}
/*================ Code ================*/
 code, pre {
	 background-color: #faf7f5;
	 font-family: Consolas, monospace;
	 font-size: 1em;
	 border: 0 none;
	 padding: 0 2px;
	 color: #51ab62;
}
 pre {
	 overflow: auto;
	 padding: 15px;
	 margin: 0 0 30px;
}
/*================ Horizontal Rules ================*/
 hr {
	 clear: both;
	 border-top: solid #e5e5e5;
	 border-width: 1px 0 0;
	 margin: 30px 0;
	 height: 0;
}
 hr.hr--small {
	 margin: 15px 0;
}
 hr.hr--clear {
	 border-top-color: transparent;
}
/*================ Section Headers ================*/
 .section-header {
	 margin-bottom: 20px;
}
 @media screen and (min-width: 769px) {
	 .section-header {
		 display: table;
		 width: 100%;
	}
	 .section-header__title {
		 margin-bottom: 12px;
	}
	 .section-header__left {
		 display: table-cell;
		 vertical-align: middle;
		 margin-bottom: 0;
	}
	 .section-header__left h1, .section-header__left .h1, .section-header__left h2, .section-header__left .h2, .section-header__left h3, .section-header__left .h3, .section-header__left h4, .section-header__left .h4, .section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
		 margin-bottom: 0;
	}
	 .section-header__right {
		 display: table-cell;
		 vertical-align: middle;
		 text-align: right;
		 width: 335px;
	}
}
 @media screen and (min-width: 769px) and (max-width: 768px) {
	 .section-header__right {
		 margin-bottom: 30px;
	}
}
 .section-header__right .form-horizontal, .section-header__right .collection-view {
	 display: inline-block;
	 vertical-align: middle;
}
 @media screen and (min-width: 481px) {
	 .section-header__right label + select, .section-header__right .collection-view {
		 margin-left: 15px;
	}
}
 .collection-view {
	 display: inline-block;
	 border: 1px solid #e5e5e5;
	 border-radius: 3px;
	 padding: 0 5px;
	 height: 37px;
	 overflow: hidden;
	/*================ Only show on larger screens ================*/
}
 @media screen and (min-width: 769px) {
	 .collection-view {
		 display: inline-block;
	}
}
 .change-view {
	 display: block;
	 background: none;
	 border: 0 none;
	 float: left;
	 padding: 10px 8px;
	 color: #e5e5e5;
	 line-height: 1;
}
 .change-view:hover, .change-view:focus {
	 color: var(--bs-primary);
}
 .change-view--active {
	 cursor: default;
	 color: var(--bs-primary);
}
/*============================================================================ #Rich Text Editor ==============================================================================*/
 .rte {
	 margin-bottom: 15px;
}
 .rte a {
	 text-decoration: underline;
}
 .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
	 margin-top: 2em;
}
 .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
	 margin-top: 0;
}
 .rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a {
	 text-decoration: none;
}
 .rte > div {
	 margin-bottom: 15px;
}
 .rte li {
	 margin-bottom: 0.4em;
}
 .rte--header {
	 margin-bottom: 0;
}
/*============================================================================ #Links and Buttons ==============================================================================*/
.text-link {
	 color: var(--bs-primary);
	 text-decoration: none;
	 background: transparent;
}

a {
    color: var(--bs-primary);
    text-decoration: underline;
    outline: none;
}

 button {
	 overflow: visible;
}
 button[disabled], html input[disabled] {
	 cursor: default;
}
 .btn, .rte .btn {
	 display: inline-block;
	 padding: 8px 10px;
	 width: auto;
	 margin: 0;
	 line-height: 1.42;
	 font-weight: bold;
	 text-decoration: none;
	 text-align: center;
	 vertical-align: middle;
	 white-space: nowrap;
	 cursor: pointer;
	 border: 1px solid transparent;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 border-radius: 3px;
	/*================ Set primary button colors - can override later ================*/
	 color: white;
}
 .btn:hover, .rte .btn:hover {
	 /* color: white; */
}
 .btn[disabled], .btn.disabled, .rte .btn[disabled], .rte .btn.disabled {
	 cursor: default;
	 color: #b6b6b6;
}
/*================ Force an input/button to look like a text link ================*/
 .text-link {
	 display: inline;
	 border: 0 none;
	 background: none;
	 padding: 0;
	 margin: 0;
}
/*============================================================================ #Lists ==============================================================================*/
 ul, ol {
	 margin: 0 0 15px 20px;
	 padding: 0;
}
 ol {
	 list-style: decimal;
}
 ul.square {
	 list-style: square outside;
}
 ul.disc {
	 list-style: disc outside;
}
 ol.alpha {
	 list-style: lower-alpha outside;
}
 .no-bullets {
	 list-style: none outside;
	 margin-left: 0;
}
 .inline-list {
	 margin-left: 0;
}
 .inline-list li {
	 display: inline-block;
	 margin-bottom: 0;
}
/*============================================================================ #Tables ==============================================================================*/
 table {
	 width: 100%;
	 border-collapse: collapse;
	 border-spacing: 0;
}
 table.full {
	 width: 100%;
	 margin-bottom: 1em;
}
 .table-wrap {
	 max-width: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch;
}
 th {
	 font-weight: bold;
}
 th, td {
	 text-align: left;
	 padding: 15px;
	 border: 1px solid #e5e5e5;
}
/*============================================================================ Responsive tables, defined with .table--responsive on table element. Only defined for IE9+ ==============================================================================*/
 @media screen and (max-width: 480px) {
	 .table--responsive thead {
		 display: none;
	}
	 .table--responsive tr {
		 display: block;
	}
	 .table--responsive tr, .table--responsive td {
		 float: left;
		 clear: both;
		 width: 100%;
	}
	 .table--responsive th, .table--responsive td {
		 display: block;
		 text-align: right;
		 padding: 15px;
	}
	 .table--responsive td:before {
		 content: attr(data-label);
		 float: left;
		 text-align: center;
		 font-size: 12px;
		 padding-right: 10px;
	}
	 .table--responsive.cart-table img {
		 margin: 0 auto;
	}
	 .table--responsive.cart-table .js-qty, .table--responsive.cart-table .ajaxcart__qty {
		 float: right;
	}
}
 @media screen and (max-width: 480px) {
	 .table--small-hide {
		 display: none !important;
	}
	 .table__section + .table__section {
		 position: relative;
		 margin-top: 10px;
		 padding-top: 15px;
	}
	 .table__section + .table__section:after {
		 content: '';
		 display: block;
		 position: absolute;
		 top: 0;
		 left: 15px;
		 right: 15px;
		 border-bottom: 1px solid #e5e5e5;
	}
}
/*============================================================================ #OOCSS Media Object - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ ==============================================================================*/
 .media, .media-flex {
	 overflow: hidden;
	 _overflow: visible;
	 zoom: 1;
}
 .media-img {
	 float: left;
	 margin-right: 30px;
}
 .media-img-right {
	 float: right;
	 margin-left: 30px;
}
 .media-img img, .media-img-right img {
	 display: block;
}
/*============================================================================ #Images and Iframes ==============================================================================*/
 img {
	 border: 0 none;
}
 svg:not(:root) {
	 overflow: hidden;
}
 img, iframe {
	 max-width: 100%;
}
 .video-wrapper {
	 position: relative;
	 overflow: hidden;
	 max-width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
	 height: auto;
}
 .video-wrapper iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
/*============================================================================ #Forms ==============================================================================*/
 form {
	 margin-bottom: 0;
}
 .form-vertical {
	 margin-bottom: 15px;
}
/*================ Prevent zoom on touch devices in active inputs ================*/
 @media screen and (max-width: 768px) {
	 input, textarea {
		 font-size: 16px;
	}
}
 input, textarea, button, select {
	 padding: 0;
	 margin: 0;
	 -webkit-user-select: text;
	 -moz-user-select: text;
	 -ms-user-select: text;
	 user-select: text;
}
 button {
	 background: none;
	 border: none;
	 cursor: pointer;
}
 button, input, textarea {
	 -webkit-appearance: none;
	 -moz-appearance: none;
}
 button {
	 background: none;
	 border: none;
	 display: inline-block;
	 cursor: pointer;
}
 input[type="image"] {
	 padding-left: 0;
	 padding-right: 0;
}
 fieldset {
	 border: 1px solid #e5e5e5;
	 padding: 15px;
}
 legend {
	 border: 0;
	 padding: 0;
}
 button, input[type="submit"] {
	 cursor: pointer;
}
 input, textarea, select {
	 border: 1px solid #e5e5e5;
	 max-width: 100%;
	 padding: 8px 10px;
	 border-radius: 3px;
}
 input:focus, textarea:focus, select:focus {
	 border: 1px solid #ccc;
}
 input[disabled], input.disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled {
	 cursor: default;
	 background-color: #f6f6f6;
	 border-color: #b6b6b6;
}
 input.input-full, textarea.input-full, select.input-full {
	 width: 100%;
}
 textarea {
	 min-height: 100px;
}
/*================ Input element overrides ================*/
 input[type="checkbox"], input[type="radio"] {
	 display: inline;
	 margin: 0 8px 0 0;
	 padding: 0;
	 width: auto;
}
 input[type="checkbox"] {
	 -webkit-appearance: checkbox;
	 -moz-appearance: checkbox;
}
 input[type="radio"] {
	 -webkit-appearance: radio;
	 -moz-appearance: radio;
}
 input[type="image"] {
	 padding-left: 0;
	 padding-right: 0;
}
 select {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 background-position: right center;
	 /* background-image: url("../fonts/ico-select.svg"); */
	 background-repeat: no-repeat;
	 background-position: right 10px center;
	 background-color: transparent;
	 padding-right: 28px;
	 text-indent: 0.01px;
	 text-overflow: '';
	 cursor: pointer;
	/*================ Hide the svg arrow in IE9 and below ================*/
}
 .ie9 select, .lt-ie9 select {
	 padding-right: 10px;
	 background-image: none;
}
 optgroup {
	 font-weight: bold;
}
 option {
	 color: #000;
	 background-color: #fff;
}
 select::-ms-expand {
	 display: none;
}
/*================ Form labels ================*/
 .hidden-label {
	 position: absolute;
	 height: 0;
	 width: 0;
	 margin-bottom: 0;
	 overflow: hidden;
	 clip: rect(1px, 1px, 1px, 1px);
}
 .ie9 .hidden-label, .lt-ie9 .hidden-label {
	 position: static;
	 height: auto;
	 width: auto;
	 margin-bottom: 2px;
	 overflow: visible;
	 clip: initial;
}
 label[for] {
	 cursor: pointer;
}
/*================ Horizontal Form ================*/
 .form-vertical input, .form-vertical select, .form-vertical textarea {
	 display: block;
	 margin-bottom: 10px;
}
 .form-vertical input[type="radio"], .form-vertical input[type="checkbox"] {
	 display: inline-block;
}
/*================ Error styles ================*/
 input.error, select.error, textarea.error {
	 border-color: #d02e2e;
	 background-color: #fff6f6;
	 color: #d02e2e;
}
 label.error {
	 color: #d02e2e;
}
/*================ Input Group ================*/
 .input-group {
	 position: relative;
	 display: table;
	 border-collapse: separate;
}
 .input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn {
	 border-radius: 3px 0 0 3px;
}
 .input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn {
	 border-radius: 0 3px 3px 0;
}
 .input-group input::-moz-focus-inner {
	 border: 0;
	 padding: 0;
	 margin-top: -1px;
	 margin-bottom: -1px;
}
 .input-group-field, .input-group-btn {
	 display: table-cell;
	 vertical-align: middle;
	 margin: 0;
}
 .input-group .btn, .input-group .input-group-field {
	 height: 37px;
}
 .input-group .input-group-field {
	 width: 100%;
}
 .input-group-btn {
	 position: relative;
	 white-space: nowrap;
	 width: 1%;
	 padding: 0;
}
/*============================================================================ #Icons ==============================================================================*/
 .icon-fallback-text .icon {
	 display: none;
}
 .supports-fontface .icon-fallback-text .icon {
	 display: inline-block;
}
/*============================================================================ A generic way to visually hide content while remaining accessible to screen readers (h5bp.com) ==============================================================================*/
 .icon:before {
	 display: none;
}
 .supports-fontface .icon:before {
	 display: inline;
	 font-family: "icons";
	 text-decoration: none;
	 speak: none;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 line-height: 1;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
/*================ Icon mapping ================*/
 .icon-amazon_payments:before {
	 content: "\e800";
}
 .icon-american_express:before {
	 content: "\41";
}
 .icon-arrow-down:before {
	 content: "\e607";
}
 .icon-bitcoin:before {
	 content: "\42";
}
 .icon-cart:before {
	 content: "\e600";
}
 .icon-cirrus:before {
	 content: "\43";
}
 .icon-dankort:before {
	 content: "\64";
}
 .icon-diners_club:before {
	 content: "\63";
}
 .icon-discover:before {
	 content: "\44";
}
 .icon-dogecoin:before {
	 content: "\e904";
}
 .icon-dwolla:before {
	 content: "\e905";
}
 .icon-facebook:before {
	 content: "\66";
}
 .icon-fancy:before {
	 content: "\46";
}
 .icon-forbrugsforeningen:before {
	 content: "\e906";
}
 .icon-google-plus:before {
	 content: "\e900";
}
 .icon-grid-view:before {
	 content: "\e603";
}
 .icon-hamburger:before {
	 content: "\e601";
}
 .icon-instagram:before {
	 content: "\e901";
}
 .icon-interac:before {
	 content: "\49";
}
 .icon-jcb:before {
	 content: "\4a";
}
 .icon-list-view:before {
	 content: "\e604";
}
 .icon-litecoin:before {
	 content: "\e908";
}
 .icon-maestro:before {
	 content: "\6d";
}
 .icon-master:before {
	 content: "\4d";
}
 .icon-minus:before {
	 content: "\e602";
}
 .icon-paypal:before {
	 content: "\50";
}
 .icon-pinterest:before {
	 content: "\70";
}
 .icon-plus:before {
	 content: "\e605";
}
 .icon-rss:before {
	 content: "\72";
}
 .icon-search:before {
	 content: "\73";
}
 .icon-stripe:before {
	 content: "\53";
}
 .icon-tumblr:before {
	 content: "\74";
}
 .icon-twitter:before {
	 content: "\54";
}
 .icon-vimeo:before {
	 content: "\76";
}
 .icon-visa:before {
	 content: "\56";
}
 .icon-x:before {
	 content: "\e606";
}
 .icon-youtube:before {
	 content: "\79";
}
 .payment-icons {
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 cursor: default;
}
 .payment-icons li {
	 margin: 0 7.5px 7.5px;
	 color: #bbb;
	 cursor: default;
}
 .payment-icons .icon {
	 font-size: 30px;
	 line-height: 30px;
}
 .payment-icons .fallback-text {
	 text-transform: capitalize;
}
 .social-icons li {
	 margin: 0 15px 15px;
	 vertical-align: middle;
}
 @media screen and (min-width: 481px) {
	 .social-icons li {
		 margin-left: 0;
	}
}
 .social-icons li .icon {
	 font-size: 30px;
	 line-height: 26px;
}
 .social-icons li a {
	 color: #bbb;
}
 .social-icons li a:hover {
	 color: #a2a2a2;
}
/*============================================================================ #Pagination ==============================================================================*/
 .pagination {
	 margin-bottom: 1em;
	 text-align: center;
}
 .pagination > span {
	 display: inline-block;
	 line-height: 1;
}
 .pagination a {
	 display: block;
}
 .pagination a, .pagination .page.current {
	 padding: 8px;
}
/*============================================================================ #Site Header ==============================================================================*/
 .site-header {
	 padding: 15px 0;
}
 .site-header .grid--table {
	 display: table;
	 table-layout: fixed;
	 width: 100%;
}
 .site-header .grid--table > .grid__item {
	 float: none;
	 display: table-cell;
	 vertical-align: middle;
}
 .site-header__logo {
	 text-align: center;
	 margin: 0 auto;
	 max-width: 100%;
}
 @media screen and (min-width: 769px) {
	 .site-header__logo {
		 text-align: left;
	}
}
 .site-header__logo a, .site-header__logo a:hover, .site-header__logo a:focus {
	 text-decoration: none;
}
 .site-header__logo a, .site-header__logo img {
	 display: block;
}
 .site-header__logo img {
	 margin: 0 auto;
}
 .site-header__logo-link {
	 max-width: 450px;
	 margin: 0 auto;
}
 .site-header__cart-toggle {
	 display: inline-block;
}
 .site-header__search {
	 display: inline-block;
	 max-width: 400px;
	 margin-top: 15px;
	 width: 100%;
}
 .search-bar {
	 max-width: 100%;
}
 @media screen and (max-width: 768px) {
	 .search-bar {
		 margin-left: auto;
		 margin-right: auto;
	}
}
/*============================================================================ #Site Nav and Dropdowns ==============================================================================*/
 .nav-bar {
	 background-color: #f2f2f2;
}
 .site-nav, .site-nav--mobile {
	 font-size: 1.14286em;
	 cursor: default;
	 margin: 0 0 0 -15px;
}
 .site-nav li, .site-nav--mobile li {
	 margin: 0;
	 display: block;
}
 .site-nav > li, .site-nav--mobile > li {
	 position: relative;
	 display: inline-block;
}
/*================ Home to hamburger and cart that toggle drawers ================*/
 .text-right .site-nav--mobile {
	 margin: 0 -15px 0 0;
}
 .site-nav__link {
	 display: block;
	 text-decoration: none;
	 padding: 15px;
	 white-space: nowrap;
	 color: #333;
}
 .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
	 color: #0d0d0d;
}
 .site-nav__link .icon-arrow-down {
	 position: relative;
	 top: -2px;
	 font-size: 10px;
	 padding-left: 7.5px;
}
 .site-nav--active > .site-nav__link {
	 font-weight: bold;
}
 .site-nav--mobile .site-nav__link {
	 display: inline-block;
}
/*================ Dropdowns ================*/
 .site-nav__dropdown {
	 display: none;
	 position: absolute;
	 left: 0;
	 margin: 0;
	 z-index: 5;
}
 .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus + .site-nav__dropdown {
	 display: block;
}
 .site-nav__dropdown a {
	 background-color: #f2f2f2;
}
 .site-nav__dropdown a:hover, .site-nav__dropdown a:active, .site-nav__dropdown a:focus {
	 background-color: #d8d8d8;
}
/*================ Search bar in header ================*/
 .nav-search {
	 position: relative;
	 padding: 10px 0;
}
 @media screen and (max-width: 768px) {
	 .nav-search {
		 padding: 0 0 15px;
		 margin: 0 auto;
		 text-align: center;
	}
}
/*============================================================================ #Mobile Nav - List of items inside the mobile drawer ==============================================================================*/
 .mobile-nav {
	 margin: -15px -15px 0 -15px;
}
 .mobile-nav li {
	 margin-bottom: 0;
}
 .mobile-nav__search {
	 padding: 15px;
}
 .mobile-nav__search .search-bar {
	 margin-bottom: 0;
}
 .mobile-nav__item {
	 position: relative;
	 display: block;
}
 .mobile-nav > .mobile-nav__item {
	 background-color: #f6f6f6;
}
 .mobile-nav__item:after {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 15px;
	 right: 15px;
	 border-bottom: 1px solid #e9e9e9;
}
 .mobile-nav > .mobile-nav__item:last-child:after {
	 display: none;
}
 .mobile-nav__item a {
	 display: block;
}
 .mobile-nav__item a, .mobile-nav__toggle button {
	 color: #333;
	 padding: 15px;
	 text-decoration: none;
}
 .mobile-nav__item a:hover, .mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:hover, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus {
	 color: #0d0d0d;
}
 .mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus {
	 background-color: #e9e9e9;
}
 .mobile-nav__item--active {
	 font-weight: bold;
}
 .mobile-nav__has-sublist {
	 display: table;
	 width: 100%;
}
 .mobile-nav__has-sublist .mobile-nav__link {
	 display: table-cell;
	 vertical-align: middle;
	 width: 100%;
}
 .mobile-nav__toggle {
	 display: table-cell;
	 vertical-align: middle;
	 width: 1%;
}
 .mobile-nav--expanded .mobile-nav__toggle-open {
	 display: none;
}
 .mobile-nav__toggle-close {
	 display: none;
}
 .mobile-nav--expanded .mobile-nav__toggle-close {
	 display: block;
}
 .mobile-nav__sublist {
	 margin: 0;
	 max-height: 0;
	 visibility: hidden;
	 overflow: hidden;
	 transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .mobile-nav--expanded + .mobile-nav__sublist {
	 visibility: visible;
	 max-height: 700px;
	 transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
}
 .mobile-nav__sublist .mobile-nav__item:after {
	 top: 0;
	 bottom: auto;
}
 .mobile-nav__sublist .mobile-nav__link {
	 padding-left: 30px;
	 font-weight: normal;
}
/*============================================================================ #Drawers ==============================================================================*/
 .js-drawer-open {
	 overflow: hidden;
}
 .drawer {
	 -webkit-transform: translateZ(0);
	 will-change: transform;
	 display: none;
	 position: fixed;
	 overflow-y: auto;
	 overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
	 top: 0;
	 bottom: 0;
	 padding: 0 15px 15px;
	 max-width: 95%;
	 z-index: 10;
	 color: #333;
	 background-color: #f6f6f6;
	 transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}
 .drawer a {
	 color: #333;
}
 .drawer a:hover, .drawer a:focus {
	 opacity: 0.7;
}
 .drawer input, .drawer textarea {
	 border-color: #e9e9e9;
}
 .drawer--left {
	 width: 300px;
	 left: -300px;
	 border-right: 1px solid #e9e9e9;
}
 .js-drawer-open-left .drawer--left {
	 display: block;
	 -ms-transform: translateX(300px);
	 -webkit-transform: translateX(300px);
	 transform: translateX(300px);
}
 .lt-ie9 .js-drawer-open-left .drawer--left {
	 left: 0;
}
 .drawer--right {
	 width: 300px;
	 right: -300px;
	 border-left: 1px solid #e9e9e9;
}
 .js-drawer-open-right .drawer--right {
	 display: block;
	 -ms-transform: translateX(-300px);
	 -webkit-transform: translateX(-300px);
	 transform: translateX(-300px);
}
 .lt-ie9 .js-drawer-open-right .drawer--right {
	 right: 0;
}
 #PageContainer {
	 overflow: hidden;
}
 .is-moved-by-drawer {
	 -webkit-transform: translateZ(0);
	 will-change: transform;
	 transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}
 .js-drawer-open-left .is-moved-by-drawer {
	 -ms-transform: translateX(300px);
	 -webkit-transform: translateX(300px);
	 transform: translateX(300px);
}
 .js-drawer-open-right .is-moved-by-drawer {
	 -ms-transform: translateX(-300px);
	 -webkit-transform: translateX(-300px);
	 transform: translateX(-300px);
}
 .drawer__header {
	 display: table;
	 height: 70px;
	 width: 100%;
	 margin-bottom: 15px;
	 border-bottom: 1px solid #e9e9e9;
}
 .drawer__title, .drawer__close {
	 display: table-cell;
	 vertical-align: middle;
}
 .drawer__title {
	 width: 100%;
}
 .drawer__close {
	 width: 1%;
	 text-align: center;
	 font-size: 1.28571em;
}
 .drawer__close button {
	 position: relative;
	 right: -20px;
	 height: 100%;
	 padding: 0 20px;
	 color: inherit;
}
 .drawer__close button:active, .drawer__close button:focus {
	 background-color: #e9e9e9;
}
/*============================================================================ #Site Footer ==============================================================================*/
 .site-footer {
	 background-color: #f2f2f2;
	 padding: 30px 0;
	 color: #636363;
}
 @media screen and (min-width: 769px) {
	 .site-footer {
		 padding: 60px 0;
	}
}
/*============================================================================ #Product and Collection Grids ==============================================================================*/
 .grid__image {
	 display: block;
	 margin: 0 auto 15px;
}
 .grid__image img {
	 display: block;
	 margin: 0 auto;
}
/*============================================================================ #Collection Filters ==============================================================================*/
 .filter--active {
	 font-weight: bold;
}
/*============================================================================ #Breadcrumbs ==============================================================================*/
 .breadcrumb {
	 margin-bottom: 30px;
}
 .breadcrumb a, .breadcrumb span {
	 display: inline-block;
	 padding: 0 7px 0 0;
	 margin-right: 7px;
}
 .breadcrumb a:first-child, .breadcrumb span:first-child {
	 padding-left: 0;
}
/*============================================================================ #Product Page ==============================================================================*/
 .product-single__photos {
	 margin-bottom: 30px;
}
 .product-single__photos a, .product-single__photos img, .product-single__thumbnails a, .product-single__thumbnails img {
	 display: block;
	 margin: 0 auto;
}
 .product-single__photos li, .product-single__thumbnails li {
	 margin-bottom: 30px;
}
/*============================================================================ #Notes and Form Feedback ==============================================================================*/
 .note, .errors {
	 border-radius: 3px;
	 padding: 6px 12px;
	 margin-bottom: 15px;
	 border: 1px solid transparent;
	 font-size: 0.9em;
	 text-align: left;
}
 .note ul, .note ol, .errors ul, .errors ol {
	 margin-top: 0;
	 margin-bottom: 0;
}
 .note li:last-child, .errors li:last-child {
	 margin-bottom: 0;
}
 .note p, .errors p {
	 margin-bottom: 0;
}
 .note {
	 border-color: #e5e5e5;
}
 .errors ul {
	 list-style: disc outside;
	 margin-left: 20px;
}
 .form-success {
	 color: #56ad6a;
	 background-color: #ecfef0;
	 border-color: #56ad6a;
}
 .form-success a {
	 color: #56ad6a;
	 text-decoration: underline;
}
 .form-success a:hover {
	 text-decoration: none;
}
 .form-error, .errors {
	 color: #d02e2e;
	 background-color: #fff6f6;
	 border-color: #d02e2e;
}
 .form-error a, .errors a {
	 color: #d02e2e;
	 text-decoration: underline;
}
 .form-error a:hover, .errors a:hover {
	 text-decoration: none;
}
/*============================================================================ #Cart Page ==============================================================================*/
 .cart__row {
	 position: relative;
	 margin-top: 30px;
	 padding-top: 30px;
	 border-top: 1px solid #e5e5e5;
}
 .cart__row:first-child {
	 margin-top: 0;
}
 .cart__row:first-child {
	 padding-top: 0;
}
 .cart__row .js-qty, .cart__row .ajaxcart__qty {
	 margin: 0 auto;
}
 .cart-table th {
	 font-weight: normal;
}
 .cart-table td, .cart-table th {
	 padding: 30px 15px;
	 border: none;
}
 @media screen and (min-width: 769px) {
	 .cart__row--table-large {
		 display: table;
		 table-layout: fixed;
		 width: 100%;
	}
	 .cart__row--table-large .grid__item {
		 display: table-cell;
		 vertical-align: middle;
		 float: none;
	}
}
 .cart__image {
	 display: block;
}
 .cart__image img {
	 display: block;
	 max-width: 100%;
}
 .cart__subtotal {
	 margin: 0 0 0 10px;
	 display: inline;
}
 .cart__mini-labels {
	 display: block;
	 margin: 10px 0;
	 font-size: 0.85714em;
}
 @media screen and (min-width: 769px) {
	 .cart__mini-labels {
		 display: none;
	}
}
 .cart__remove {
	 display: block;
}
/*============================================================================ #Ajax Cart Styles (conditionally loaded) ==============================================================================*/
 .ajaxcart__inner {
	 margin-bottom: 30px;
}
 .ajaxcart__row > .grid, .ajaxcart__row > .grid--rev, .ajaxcart__row > .grid--full {
	 margin-left: -15px;
}
 .ajaxcart__row > .grid > .grid__item, .ajaxcart__row > .grid--rev > .grid__item, .ajaxcart__row > .grid--full > .grid__item {
	 padding-left: 15px;
}
 .ajaxcart__product {
	 position: relative;
	 max-height: 500px;
}
 .ajaxcart__product.is-removed {
	 max-height: 0;
	 overflow: hidden;
	 visibility: hidden;
	 transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .ajaxcart__row {
	 padding-bottom: 15px;
	 margin-bottom: 15px;
	 border-bottom: 1px solid #e9e9e9;
}
 .ajaxcart__product-image {
	 display: block;
	 overflow: hidden;
	 margin-bottom: 15px;
}
 .ajaxcart__product-image img {
	 display: block;
	 margin: 0 auto;
	 max-width: 100%;
}
 .ajaxcart__product-name, .ajaxcart__product-meta {
	 display: block;
}
 .ajaxcart__product-name + .ajaxcart__product-meta {
	 padding-top: 6px;
}
/*================ Quantity Selectors ================*/
 .js-qty, .ajaxcart__qty {
	 position: relative;
	 margin-bottom: 1em;
	 max-width: 100px;
	 min-width: 75px;
	 overflow: visible;
}
 .js-qty input, .ajaxcart__qty input {
	 display: block;
	 background: none;
	 text-align: center;
	 width: 100%;
	 padding: 5px 25px;
	 margin: 0;
}
 .js-qty__adjust, .ajaxcart__qty-adjust {
	 cursor: pointer;
	 position: absolute;
	 display: block;
	 top: 0;
	 bottom: 0;
	 border: 0 none;
	 padding: 0 8px;
	 background: none;
	 text-align: center;
	 overflow: hidden;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .js-qty__adjust:hover, .ajaxcart__qty-adjust:hover, .js-qty__adjust:focus, .ajaxcart__qty-adjust:focus {
	 color: var(--bs-primary);
}
 .js-qty__adjust--plus, .ajaxcart__qty--plus {
	 right: 0;
	 border-left: 1px solid #e5e5e5;
}
 .js-qty__adjust--minus, .ajaxcart__qty--minus {
	 left: 0;
	 border-right: 1px solid #e5e5e5;
}
/*================ Quantity Selectors in Ajax Cart ================*/
 .ajaxcart__qty {
	 margin: 0;
}
 .is-loading .ajaxcart__qty {
	 opacity: 0.5;
	 transition: none;
}
 .ajaxcart__qty-num {
	 border-color: #e9e9e9;
	 color: #333;
}
 .ajaxcart__qty-adjust {
	 color: #333;
}
 .ajaxcart__qty--plus {
	 border-color: #e9e9e9;
}
 .ajaxcart__qty--minus {
	 border-color: #e9e9e9;
}
 .ajaxcart-item__price-strikethrough {
	 float: right;
}
 
 
body {
    font-size: 14px;
    background-color: #fff;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    font-family: Barlow, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: normal;
    font-family: Barlow, sans-serif
}

a {
    color: #333;
    display: inline-block;
    text-underline-offset: 1px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

body a:focus,
body .btn:focus,
body button:focus,
p.form-submit input#submit:focus {
    outline-width: 1px;
    outline-offset: -3px;
    outline-style: dotted;
    text-decoration: none;
    transition: all 300ms linear 0s
}

a:focus {
    outline: none
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

span {
    display: inline-block
}

svg {
    width: 20px;
    height: 20px
}

button,
button:hover {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.navbar-toggler:focus {
    box-shadow: none
}

p {
    line-height: 25px;
    margin-bottom: 0
}

.container {
    max-width: 1350px
}

.container-fluid {
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width: 1599px) and (min-width: 1360px) {
    .container {
        max-width: 1300px
    }
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media (max-width: 1199px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .container {
        max-width: 960px
    }
}

@media (max-width: 991px) {
    .container {
        max-width: 720px
    }
}

@media (max-width: 767px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .container {
        max-width: 100%
    }
}

@media (max-width: 479px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

.btn-style {
    background-color: #fff;
    font-size: 16px;
    padding: 14px 30px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .btn-style {
        font-size: 14px;
        padding: 10px 24px
    }
}

.btn-style-medium {
    color: #fff;
    font-size: 16px;
    padding: 15px 40px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .5px;
    border-radius: 0;
    line-height: 1
}

.btn-style-medium:hover {
    color: #fff
}

@media (max-width: 767px) {
    .btn-style-medium {
        font-size: 14px;
        padding: 13px 30px
    }
}

.btn-style2 {
    color: #fff;
    font-size: 16px;
    padding: 16px 40px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1;
    border: 2px solid transparent;
    font-weight: 500
}

.btn-style2-medium {
    color: #fff;
    font-size: 16px;
    padding: 15px 40px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 0;
    line-height: 1;
    border: 2px solid transparent
}

@media (max-width: 767px) {
    .btn-style2-medium {
        font-size: 14px;
        padding: 13px 30px
    }
}

.btn-style3 {
    color: #fff;
    font-size: 14px;
    padding: 14px 30px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 0;
    line-height: 1;
    text-decoration: none;
    border: 2px solid transparent
}

@media (max-width: 767px) {
    .btn-style3 {
        font-size: 14px;
        padding: 12px 24px
    }
}

.btn-style4 {
    color: #fff;
    font-size: 14px;
    padding: 14px 20px;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    line-height: 1
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    box-shadow: none
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    padding: 10px 15px;
    border: 1px solid #e2e2e2;
    font-weight: 400;
    border-radius: 0
}

label {
    margin-bottom: 0
}

textarea {
    display: block;
    resize: none
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none
}

body {
    overflow-x: hidden
}

.tooltip {
    text-transform: uppercase;
    font-size: 13px
}

.side-section .side-section-title {
    padding-bottom: 15px
}

.side-section .side-section-title .heading-home span {
    position: relative
}

.side-section .side-section-title .heading-home {
    font-size: 18px;
    text-transform: capitalize;
    position: relative
}

.side-section .side-section-title .heading-home span:after {
    content: "";
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    right: 0;
    bottom: -16px;
    height: 1px
}

.section-title {
    text-align: center;
    margin-bottom: 100px
}

.section-title h2 {
    color: #232323;
    font-size: 40px;
    position: relative;
    display: inline-block;
    line-height: 1
}

.section-title span.sub-title {
    color: #929292;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
    font-weight: 600;
    line-height: 1
}

.section-title p {
    color: #666;
    max-width: 50%;
    margin: 15px auto 0
}

@media (max-width: 1199px) {
    .section-title {
        margin-bottom: 80px
    }

    .section-title h2 {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .section-title {
        margin-bottom: 60px
    }

    .section-title h2 {
        font-size: 24px
    }

    .section-title span.sub-title {
        font-size: 14px;
        margin-bottom: 15px
    }
}

.swiper-buttons {
    display: flex;
    align-items: center
}

.swiper-buttons button {
    background-color: #fff;
    font-size: 22px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    border-radius: 100%;
    box-shadow: 0 0 15px #00000026;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.swiper-buttons button.swiper-prev,
.swiper-buttons button.single-prev {
    left: 15px
}

.swiper-buttons button.swiper-next,
.swiper-buttons button.single-next {
    right: 15px
}

@media (max-width: 991px) {
    .swiper-buttons button {
        width: 35px;
        height: 35px;
        font-size: 19px;
    }
}

@media (max-width: 479px) {
    .swiper-buttons {
        display: none
    }
}

.header .header-area .header-main {
    display: flex;
    align-items: center
}

.header .header-area .header-main .header-element.logo {
    width: 15%
}

.header .header-kaj.is-sticky .header-area .header-main .header-element.logo .theme-logo,
.header .header-area .header-main .header-element.logo .sticy-logo {
    display: none;
}

.header .header-kaj.is-sticky .header-area .header-main .header-element.logo .sticy-logo {
    display: block;
}

.header .header-area .header-main .header-element.megamenu-content {
    width: 55%
}

.header .header-area .header-main .header-element.right-block-box {
    width: 30%
}

.header .header-area .header-main .header-element.megamenu-content {
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

.header .right-block-box ul.shop-element {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .right-block-box ul.shop-element li.side-wrap {
    margin-right: 30px;
    position: relative
}

.header .right-block-box ul.shop-element li.side-wrap:last-child {
    margin-right: 0
}

.header .right-block-box ul.shop-element li.side-wrap.desktop-search {
    width: 100%;
    margin-right: 47px
}

.header .right-block-box ul.shop-element li.side-wrap.desktop-search form {
    position: relative
}

.header .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input {
    background-color: #edf0f5;
    width: 100%;
    color: #929292;
    font-size: 16px;
    height: 45px;
    border: none
}

.header .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px
}

.header .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button svg {
    width: 18px;
    height: 18px;
    color: #929292;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.header .right-block-box ul.shop-element li.search-wrap {
    display: none
}

.header .right-block-box ul.shop-element li.search-wrap .search-rap {
    position: relative
}

.header .right-block-box ul.shop-element li.search-wrap .search-rap a svg {
    color: #666;
    width: 18px;
    height: 18px
}

.header.header-two {
    background-color: #202020;
}

.header.header-two .header-area .header-main .header-element.logo {
    text-align: center;
    width: 20%;
}

.header.header-two .header-area .header-main .header-element.right-block-box {
    width: 40%;
}

.header.header-two .header-area .header-main .header-element.megamenu-content {
    width: 40%;
    margin-right: 0;
    justify-content: flex-start;
}

.header.header-two .right-block-box ul.shop-element li.side-wrap.desktop-search {
    width: auto;
    margin-right: 30px;
}

.header.header-two .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input {
    background-color: transparent;
    padding: 10px 0px;
    border-bottom: 1px solid #333;
}

.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.search-wrap .search-rap a svg,
.header.header-two .header-kaj:not(.is-sticky) .header-main button.navbar-toggler svg,
.header.header-two .header-kaj:not(.is-sticky) .user-wrap .acc-desk a span svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a span.cart-icon-wrap span.cart-icon svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .wishlist a.header-wishlist span.wishlist-icon svg,
.header.header-two .header-kaj:not(.is-sticky) .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    color: #fff;
}

.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.search-wrap .search-rap a:hover svg,
.header.header-two .header-kaj:not(.is-sticky) .header-main button.navbar-toggler:hover svg,
.header.header-two .header-kaj:not(.is-sticky) .user-wrap .acc-desk a:hover span svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a:hover span.cart-icon-wrap span.cart-icon svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a:hover span.cart-icon-wrap span,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .wishlist a.header-wishlist:hover span.wishlist-icon svg,
.header.header-two .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button:hover svg,
.header.header-two .header-kaj:not(.is-sticky) .megamenu-content .mainwrap ul.main-menu li.menu-link:hover a.link-title {
    color: var(--bs-primary);
}

/* Header Four */

.header.header-four {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 11;
}

.header.header-four .header-area .header-main .header-element.right-block-box,
.header.header-four .header-area .header-main .header-element.megamenu-content {
    width: 40%;
}

.header.header-four .header-area .header-main .header-element.megamenu-content {
    justify-content: flex-start;
    margin-right: 0;
}

.header.header-four .header-area .header-main .header-element.logo {
    width: 20%;
    text-align: center;
}

.header.header-four .right-block-box ul.shop-element li.side-wrap.desktop-search {
    width: auto;
    margin-right: 30px;
}

.header.header-four .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input {
    background-color: transparent;
    padding: 10px 0px;
    border-bottom: 1px solid #333;
}

.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input {
    border-bottom: 1px solid #fff;
}

.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.search-wrap .search-rap a svg,
.header.header-four .header-kaj:not(.is-sticky) .header-main button.navbar-toggler svg,
.header.header-four .header-kaj:not(.is-sticky) .user-wrap .acc-desk a span svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a span.cart-icon-wrap span.cart-icon svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .wishlist a.header-wishlist span.wishlist-icon svg,
.header.header-four .header-kaj:not(.is-sticky) .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    color: #fff;
}

.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.search-wrap .search-rap a:hover svg,
.header.header-four .header-kaj:not(.is-sticky) .header-main button.navbar-toggler:hover svg,
.header.header-four .header-kaj:not(.is-sticky) .user-wrap .acc-desk a:hover span svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a:hover span.cart-icon-wrap span.cart-icon svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .shopping-widget .shopping-cart a:hover span.cart-icon-wrap span,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap .wishlist a.header-wishlist:hover span.wishlist-icon svg,
.header.header-four .header-kaj:not(.is-sticky) .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search button:hover svg,
.header.header-four .header-kaj:not(.is-sticky) .megamenu-content .mainwrap ul.main-menu li.menu-link:hover a.link-title {
    color: var(--bs-primary);
}

@media (max-width: 1199px) {
    .header.header-four .header-area .header-main .header-element.right-block-box {
        width: 60%;
    }
    .header.header-four .header-area .header-main .header-element.logo {
        width: 40%;
    }
}

/* === */

/* Header Five */

.header.header-five .header-area .header-main .header-element.right-block-box,
.header.header-five .header-area .header-main .header-element.megamenu-content {
    width: 40%;
}

.header.header-five .header-area .header-main .header-element.megamenu-content {
    justify-content: flex-start;
    margin-right: 0;
}

.header.header-five .header-area .header-main .header-element.logo {
    width: 20%;
    text-align: center;
}

.header.header-five .right-block-box ul.shop-element li.side-wrap.desktop-search {
    width: auto;
    margin-right: 30px;
}

.header.header-five .right-block-box ul.shop-element li.side-wrap.desktop-search form .form-search input {
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    padding: 10px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.header.header-five .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    padding: 38px 0;
}

@media (max-width: 1199px) {
    .header.header-five .header-area .header-main .header-element.right-block-box {
        width: 60%;
    }
    .header.header-five .header-area .header-main .header-element.logo {
        width: 40%;
    }
}

/* === */

@media (max-width: 1599px) {
    .header .header-area .header-main {
        position: relative
    }

    .header .header-area .header-main .header-element.megamenu-content {
        width: 45%;
        position: unset
    }

    .header .header-area .header-main .header-element.right-block-box {
        width: 40%
    }
}

@media (max-width: 1199px) {
    .header .header-area {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .header.header-two .header-area .header-main .header-element.right-block-box,
    .header.header-two .header-area .header-main .header-element.logo,
    .header .header-area .header-main .header-element.right-block-box,
    .header .header-area .header-main .header-element.logo {
        width: 50%;
        margin-right: 0
    }

    .header .right-block-box ul.shop-element {
        justify-content: flex-end
    }

    .header .right-block-box ul.shop-element li.side-wrap {
        margin-right: 37px
    }

    .header .right-block-box ul.shop-element li.side-wrap.desktop-search {
        display: none
    }

    .header .right-block-box ul.shop-element li.search-wrap {
        display: block
    }

    .header .header-area .header-main .header-element.megamenu-content {
        display: none
    }

    .header.header-two .header-area .header-main .header-element.logo,
    .header .header-area .header-main .header-element.logo {
        text-align: left;
        display: block;
    }
}

@media (max-width: 991px) {
    .header .right-block-box ul.shop-element li.side-wrap {
        margin-right: 27px
    }
}

@media (max-width: 767px) {
    .header .right-block-box ul.shop-element li.side-wrap {
        margin-right: 18px
    }
}

.header .header-area .header-main .side-wrap.toggler-wrap {
    display: none
}

@media (max-width: 1199px) {
    .header .header-area .header-main .side-wrap.toggler-wrap {
        display: block
    }

    .header .header-area .header-main button.navbar-toggler {
        display: block;
        border: none;
        border-radius: 0;
        padding: 0
    }

    .header .header-area .header-main button.navbar-toggler svg {
        color: #666;
        -webkit-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s
    }
}

.header .header-bottom-area {
    display: none
}

@media (max-width: 1199px) {
    .header .header-bottom-area {
        display: block
    }
}

.header .header-bottom-area .search-wrap {
    display: none;
    padding: 10px 0
}

.header .header-bottom-area .search-wrap .form-search input.input-text {
    height: 40px
}

@media (max-width: 1199px) {
    .header .header-bottom-area .search-wrap {
        display: block
    }

    .header .header-bottom-area .search-wrap .search-crap {
        display: none
    }
}

.header .main-menu-area .main-navigation .box-header {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    line-height: 0
}

.header .main-menu-area .main-navigation .box-header button.close-box {
    font-size: 16px;
    color: #333
}

@media (max-width: 1199px) {
    .header .main-menu-area {
        position: fixed;
        top: 0;
        left: 0;/*-300px;*/
        width: 300px;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        z-index: 10;
        display: none;
        opacity: 1;
        visibility: visible
    }

    .header .main-menu-area.active {
        left: 0px;
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .header .main-menu-area,
    .header .main-menu-area.active {
        -webkit-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s
    }

    .header .main-menu-area .main-navigation .box-header {
        display: block
    }
}

@media (max-width: 1199px) {
    .header .main-menu-area .main-navigation .navbar-collapse {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 30px
    }

    .header .main-menu-area .main-navigation .navbar-collapse .megamenu-content {
        width: 100%
    }
}

.header .megamenu-content a.browse-cat {
    display: none;
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    align-items: center;
    font-weight: 600
}

.header .megamenu-content a.browse-cat i {
    font-size: 17px
}

.header .megamenu-content a.browse-cat span {
    margin-left: 10px
}

.header .megamenu-content .mainwrap.collapse:not(.show) {
    display: block
}

.header .megamenu-content .mainwrap ul.main-menu {
    display: flex;
    align-items: center
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title,
.header .megamenu-content .mainwrap ul.main-menu li.menu-item a.nav-link {
    color: #666;
    font-size: 16px;
    display: flex;
    padding: 44px 0;
    margin-right: 40px;
    font-weight: 600;
    align-items: center;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link:last-child a.link-title {
    margin-right: 0
}




.header .header-bottom-area .dropdown-menu{
    position:static;
}
.header .header-bottom-area .dropdown-submenu{
    padding:0;
}

.header .header-bottom-area .menu-link.menu-item-has-children{
	display:flex;
	flex-wrap:wrap;
}
.header .header-bottom-area .menu-link.menu-item-has-children>a{
	flex:1;
}

.header .header-bottom-area .menu-link.menu-item-has-children>a:first-child{
	font-weight:600;
}


.header .header-bottom-area .menu-link.menu-item-has-children>a:nth-child(2){
max-width:40px;
padding:0;
}
.header .header-bottom-area .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i{
margin-left:0;
}
.header .header-bottom-area .menu-link.menu-item-has-children>.dropdown-submenu{
	width:100%;
}


.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg {
    display: none
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
    display: flex;
    position: relative;
    align-items: center
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span {
    content: "";
    font-size: 8px;
    color: #fff;
    padding: 3px 5px;
    border-radius: 1px;
    position: absolute;
    display: inline-block;
    line-height: 1;
    right: 0;
    top: -20px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -5px;
    left: 4px;
    border-right: 10px solid transparent
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i {
    margin-left: 5px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu,
.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu {
    position: absolute;
    top: 100%;
    padding: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 3;
    -webkit-box-shadow: rgba(116, 116, 116, .05) 0 3px 4px 4px, rgba(32, 32, 32, .05) 0 8px 8px;
    -moz-box-shadow: rgba(116, 116, 116, .05) 0 3px 4px 4px, rgba(32, 32, 32, .05) 0 8px 8px;
    box-shadow: #7474740d 0 3px 4px 4px, #2020200d 0 8px 8px;
    -webkit-transition: .3s;
    -ms-transition: all .3s ease;
    -o-transition: .3s;
    transition: .3s
}

@media (min-width: 1200px) {
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu:not(.mega-menu) {
        width: 100%;
        max-width: 190px;
    }
}

.dropdown-item.submenu-li i {
    display: none;
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu ul.collapse,
.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-left: -15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu ul.collapse {
    padding: 30px;
    display: block
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu ul.collapse a:hover,
.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu ul.collapse a:focus {
    background: none;
    color: var(--bs-primary);
}
.header .megamenu-content .mainwrap ul.main-menu li.menu-link:not(:hover,.focus) .dropdown-submenu {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu li.submenu-li {
    margin-top: 15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu li.submenu-li:first-of-type {
    margin-top: 0
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu li.submenu-li a {
    display: block;
    font-weight: 500;
    text-decoration: none;
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu,
.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu {
    right: 0;
    left: 0
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li,
.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse li.menu-banner {
    display: inline-block;
    float: left;
    width: calc(25% - 15px);
    margin-left: 15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu.banner-menu li.menu-banner a.menu-banner-title {
    display: none
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu div.menu-banner.bottom {
    margin-left: -30px;
    padding: 0 15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu div.menu-banner.bottom a {
    display: inline-block;
    float: left;
    width: calc(20% - 15px);
    margin-top: 15px;
    margin-left: 15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li h2 {
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 18px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li a.sublink-title {
    display: none
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li {
    margin-top: 15px
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li:first-child {
    margin-top: 0
}

.header .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a {
    font-size: 14px;
    display: block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    text-decoration: none;
}

@media (max-width: 1599px) {
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
        margin-right: 30px
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
        font-size: 16px
    }
}

@media (max-width: 1199px) {
    .header .megamenu-content a.browse-cat {
        display: flex
    }

    .header .megamenu-content a.browse-cat[aria-expanded=false] {
        color: #333
    }

    .header .megamenu-content .mainwrap.collapse:not(.show) {
        display: none
    }

    .header .megamenu-content .mainwrap ul.main-menu {
        flex-direction: column
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link {
        width: 100%
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title:not(.link-title-lg) i {
        display: none;
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title,
    .header.header-five .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
        display: inline-flex;
        padding: 10px 15px;
        margin-right: 0;
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg {
        color: #333;
        float: right;
        display: inline-flex;
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=false] {
        color: #333
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=true] i {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title:after {
        display: none
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu ul.collapse:not(.show) {
        display: none
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu ul.dropdown-collapse {
        padding: 0;
        flex-direction: column
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu {
        position: unset;
        opacity: 1;
        visibility: visible;
        padding-left: 0;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1);
        -webkit-transform-origin: unset;
        transform-origin: unset;
        box-shadow: none
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu {
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    /* .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu { */
        /* padding-left: 30px */
    /* } */

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu li.menu-banner {
        display: none
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse li.menu-banner,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li {
        display: block;
        float: none;
        width: 100%;
        min-width: 100%;
        margin-top: 15px;
        padding: 0
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li:first-of-type,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse li.menu-banner:first-of-type {
        margin-top: 0
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu div.menu-banner.bottom {
        margin-left: -15px
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu div.menu-banner.bottom a {
        display: block;
        float: none;
        width: calc(100% - 15px);
        margin-top: 15px;
        margin-left: 0
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li h2 {
        font-size: 15px;
        font-weight: 500
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link:not(:hover) ul.dropdown-submenu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        transform: translateY(0)
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu {
        padding-left: 15px
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span {
        display: none
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.sub-menu ul.collapse,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse {
        padding: 0
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu ul.collapse {
        margin-left: 0;
        padding: 0
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse {
        padding: 15px
    }

    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.banner-menu ul.collapse li.menu-banner,
    .header .megamenu-content .mainwrap ul.main-menu li.menu-link .dropdown-submenu.mega-menu li.megamenu-li {
        margin-left: 0
    }
}

.product-section1 ul.nav-tabs {
    justify-content: center;
    position: relative;
    z-index: 2;
    border-bottom: none
}

.product-section1 ul.nav-tabs li:last-child {
    margin-right: 5px
}

.product-section1 ul.nav-tabs li {
    margin: 5px
}

.product-section1 ul.nav-tabs li a {
    background-color: #fff;
    color: #929292;
    font-size: 16px;
    padding: 10px 26px;
    font-weight: 600;
    border: 2px solid transparent
}

.product-section1 ul.nav-tabs li a.active,
.product-section1 ul.nav-tabs li a:hover {
    color: #000;
    box-shadow: 0 0 5px #00000026
}

@media (max-width: 1199px) {
    .product-section1 .tab ul.nav-tabs {
        display: flex;
        overflow-x: auto;
        /* flex-wrap: nowrap; */
        max-width: 100%;
        scrollbar-width: thin;
        -webkit-scrollbar-width: thin
    }

    .product-section1 .tab ul.nav-tabs::-webkit-scrollbar {
        height: 0px
    }
}

@media (max-width: 479px) {
    .product-section1 ul.nav-tabs {
        justify-content: flex-start
    }

    .product-section1 ul.nav-tabs li a {
        min-width: 140px;
        text-align: center
    }
}


/* Top Notification */

/* social icon css */
ul.social-icon {
    display: inline-flex;
    align-items: center;
}
ul.social-icon li {
    padding-right: 18px;
}

ul.social-icon li:last-child {
    padding-right: 0px;
}
ul.social-icon li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-three ul.social-icon li a {
    color: var(--bs-primary);
}

.top-notification-bg.top-notification-five ul li.notify-wrap {
    color: #fff;
}

ul.social-icon li a:hover {
    opacity: 0.6;
}
ul.social-icon li a span svg {
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
@media (max-width: 767px) {
    ul.social-icon {
        margin-left: 0px;
    }
}
.top-notification-bg {
    background-color: var(--bs-primary);
}

.top-notification-bg .top-notification-bar {
    color: #ffffff;
    padding: 13px 0;
    position: relative;
}

.top-notification-bg .top-notification-bar ul.notification-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap {
    display: flex;
    align-items: center;
    width: 50%;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap.user-wrap {
    justify-content: flex-end;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap.user-wrap .top-social {
    color: var(--bs-primary);
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #d9d9d9;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap.currency-wrap {
    justify-content: flex-end;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap p b {
    font-weight: 600;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap p a.link-text {
    position: relative;
    text-transform: uppercase;
    color: var(--bs-primary);
    margin-left: 8px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap p a.link-text:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background: var(--bs-primary);
    height: 1px;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap p a.link-text:hover:after {
    width: 0%
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .mail-wrap {
    margin-left: 15px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .contact-wrap a,
.top-notification-bg .top-notification-bar ul li.notify-wrap .mail-wrap a {
    color: #fff;
    display: flex;
    align-items: center;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .contact-wrap a i,
.top-notification-bg .top-notification-bar ul li.notify-wrap .mail-wrap a i {
    line-height: 17px;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: wobble;
    animation-timing-function: ease-in-out
}

@keyframes wobble {
    30%,
    70% {
        transform: rotate(0deg)
    }
    35%,
    65% {
        transform: rotate(10deg)
    }
    40%,
    60% {
        transform: rotate(-10deg)
    }
    45%,
    55% {
        transform: rotate(10deg)
    }
    50% {
        transform: rotate(-10deg)
    }
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .contact-wrap a span,
.top-notification-bg .top-notification-bar ul li.notify-wrap .mail-wrap a span {
    margin-left: 5px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .user-wrap {
    margin-right: 15px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap a.order-track {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap a.order-track:hover {
    opacity: 0.6;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap a.order-track i {
    font-size: 18px;
    color: #fff;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap a.order-track span.track-icon {
    margin-right: 7px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap a.order-track span.track-icon svg {
    width: 18px;
    height: 18px;
    color: #fff;
}

@media (max-width : 1199px) {
    .top-notification-bg .top-notification-bar .BOLD-mc-picker>.currentCurrency {
        font-size: 14px;
    }
}

@media (max-width : 991px) {
    .top-notification-bg .top-notification-bar ul li.notify-wrap.txt-wrap {
        display: none;
    }

    .top-notification-bg .top-notification-bar ul li.notify-wrap.user-wrap {
        width: 100%;
        justify-content: center;
    }
}

/* Top Notification Two */

.top-notification-bg.top-notification-two {
    background-color: #ffffff;
}

.top-notification-bg.top-notification-two .top-notification-bar {
    color: #333333;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
}

.top-notification-bg.top-notification-two .top-notification-bar {
    border-bottom: 1px solid transparent;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap .call-area span.call-label {
    color: #6f6f6f;
    font-weight: 500;
}

.top-notification-two ul.social-icon li a, .top-notification-two ul li.notify-wrap a.order-track span {
    color: #6f6f6f;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap .call-area a {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap.delivery {
    justify-content: center;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap span.track-icon svg {
    color: var(--bs-primary);
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap span.track-text {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap.store-product {
    justify-content: flex-end;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap .store-deal span.desl-text {
    color: var(--bs-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap .store-deal span.pro-deal {
    position: relative;
    color: #6f6f6f;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap .store-deal span.pro-deal::before {
    content: '/';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -5px;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width : 1199px) {
    .top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap {
        width: 100%;
        display: flex;
    }

    .top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap.delivery,
    .top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap.store-product {
        display: none;
    }
}

.top-notification-bg.top-notification-three {
    background-color: transparent;
    border-bottom: 1px solid #e2e2e2;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap {
    width: 33.33%;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap.shipping-text {
    text-align: center;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap.search {
    text-align: right;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap span.text {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap span.color-text {
    position: relative;
    color: var(--bs-primary);
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap span.color-text::before {
    color: #6f6f6f;
    font-size: 10px;
    content: '/';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -7px;
    font-weight: 500;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap a {
    display: inline;
    align-items: center;
    justify-content: flex-end;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap a span.icon svg {
    color: #6f6f6f;
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap a span.text {
    margin-left: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap a:hover span.icon svg,
.top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap a:hover span.text {
    color: var(--bs-primary);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry {
        justify-content: space-between;
    }

    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap {
        width: auto;
    }

    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap.offer {
        display: none;
    }

    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap.shipping-text {
        text-align: left;
    }
}

@media (max-width : 767px) {
    .top-notification-bg.top-notification-three .top-notification-bar {
        padding: 10px 0px;
    }

    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry {
        justify-content: flex-end;
    }

    .top-notification-bg.top-notification-three .top-notification-bar ul.notification-entry li.notification-wrap.shipping-text {
        display: none;
    }
}

.top-notification-four .top-notification {

    overflow: hidden;
    padding: 6px 0px;
}

.top-notification-four .top-notification {

    border-bottom: 1px solid transparent;

}

.top-notification-four .top-notification .offer-text-area {
    margin-left: -150px;
    margin-right: -150px;
}

.top-notification-four .top-notification .offer-text-area .offer-text {
    position: relative;
    text-align: center;
}

.top-notification-four .top-notification .offer-text-area .offer-text span.text {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.top-notification-four .top-notification .offer-text-area .offer-text span.icon {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    line-height: 1;
}

.top-notification-four .top-notification .offer-text-area .offer-text span.icon svg {
    fill: var(--bs-primary);
    width: 15px;
    height: 15px;
}

@media (max-width : 767px) {
    .top-notification-four .top-notification .offer-text-area {
        margin-left: 15px;
        margin-right: 15px;
    }

    .top-notification-four .top-notification .offer-text-area .offer-text span.icon {
        display: none;
    }
}

@media (max-width : 479px) {
    .top-notification-four .top-notification .offer-text-area .offer-text span.text {
        font-size: 12px;
    }
}

.top-notification-bg.top-notification-five {
    background-color: #333333;
}

.top-notification-bg.top-notification-five .top-notification-bar {
    color: #333333;
    padding: 8px 0px;
}

.top-notification-bg.top-notification-five .top-notification-bar ul li.notify-wrap.store-product {
    justify-content: center;
}

.top-notification-bg.top-notification-five .top-notification-bar ul li.notify-wrap.delivery {
    justify-content: flex-end;
}

.top-notification-bg.top-notification-five .top-notification-bar ul li.notify-wrap .call-area span.call-label {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg.top-notification-five .top-notification-bar ul li.notify-wrap .call-area a {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap.delivery .delivery-area {
    display: flex;
    align-items: center;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap span.track-icon svg {
    width: 16px;
    height: 16px;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap span.track-text {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap.store-product {
    justify-content: center;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .store-deal span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .store-deal span.desl-text {
    color: var(--bs-primary);
}

.top-notification-bg .top-notification-bar ul li.notify-wrap .store-deal span.pro-deal {
    position: relative;
    color: #767676;
}

@media (max-width : 1199px){
    .top-notification-bg.top-notification-two .top-notification-bar ul li.notify-wrap.txt-wrap {
        width: 100%;
        display: flex;
    }
    .top-notification-bg .top-notification-bar ul li.notify-wrap.delivery,
    .top-notification-bg .top-notification-bar ul li.notify-wrap.store-product {
        display: none;
    }
}

/* Header Menu */

.user-wrap .acc-desk a {
    color: #ffffff;

    margin-left: 10px;

    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    position: relative;
}

.user-wrap .acc-desk a span svg {
    width: 18px;
    height: 18px;
    color: #666666;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.user-wrap .acc-desk a:first-child {

    margin-left: 0px;

}
.wishlist {
    position: relative;
}

.wishlist a.header-wishlist span.wishlist-icon {
    position: relative;
}

.wishlist a.header-wishlist span.wishlist-icon svg {
    width: 18px;
    height: 18px;
    color: #666666;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.shopping-widget .shopping-cart a {
    text-decoration: none;
	display: block;
}
.shopping-widget .shopping-cart a span.cart-icon-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.cart-icon svg {
    color: #666666;
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter {
    position: relative;
    color: #666666;
    font-size: 14px;
    padding: 0px 8px;

    margin-left: 7px;

    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter::after {

    content: '(';
    left: 0px;

    position: absolute;
    top: 0px;
}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter::before {

    content: ')';
    right: 0px;

    position: absolute;
    top: 0px;
}

.widget_shopping_cart_content ul.cart-items, div.mini-cart ul.cart-items {
    padding: 0;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    list-style: none;
    max-height: 188px;
    overflow-x: hidden;
    overflow-y: auto;
}

.widget_shopping_cart ul.cart-items li,
div.mini-cart ul.cart-items li {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
    position: relative;
}

.widget_shopping_cart ul.cart-items li a:not(.remove),
div.mini-cart ul.cart-items li a:not(.remove) {
    line-height: 10px;
}

.mini-cart .cart-items .item-img {
    float: left;
    margin-right: 12px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 4.5;    
    border-width: 1px;
    border-style: solid;
    border-color: var(--bs-primary);
}

.mini-cart .cart-items .item-img img {
    width: 90%;
    border-radius: 50%;
    display: inline-block;
    float: none;
    margin: auto;
}

.widget_shopping_cart li.mini-cart-btns a {
    width: 100%;
    margin-bottom: 10px;
}

.widget_shopping_cart .subtotal-titles {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.widget_shopping_cart .quantity.item-price {
    margin-top: 5px;
}
	
.mini-cart .cart-items .item-name {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-top: 15px;
    line-height: initial;
}

.mini-cart .cart-items .amount {
    font-size: 12px;
    font-weight: 600;
    margin-right: 0;
    color: #222;
}

.mini-cart .cart-items .quantity {
    font-size: 12px;
    font-weight: 600;
    vertical-align: text-bottom;
    color: var(--bs-primary);
}

.shopping-cart .btn {
    display: block;
    line-height: 18px;
    font-size: 97%;
    letter-spacing: 0.35px;
}

.widget_shopping_cart .btn i,
.shopping-cart .btn i {
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.widget_shopping_cart ul a.remove,
div.shopping-cart ul a.remove {
    float: right;
    margin-top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    color: var(--bs-white) !important;
    background-color: var(--bs-primary);
    box-shadow: 0 0 10px rgb(0 0 0 / 0.15);
}

.mini-cart {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    width: 250px;
    padding: 12px;
    color: var(--bs-primary);
    background: var(--bs-white);
    border-radius: 0 3px 3px;
    border: 0;
    border-top: 3px solid var(--bs-primary);
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}

.header-kaj.is-sticky .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter,
.header-kaj.is-sticky .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter::after,
.header-kaj.is-sticky .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter::before {
    color: #333;
}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.item {
    color: var(--bs-primary);
    font-size: 12px;
    font-weight: 600;

    margin-left: 5px;

}

.shopping-widget .shopping-cart a span.cart-icon-wrap span.item {
    display: none;
}

.shopping-widget .shopping-cart a span.cart-detail {
    display: none;

    margin-left: 10px;

}

.shopping-widget .shopping-cart a span.cart-detail span.cart-title {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.shopping-widget .shopping-cart a span.cart-detail span.subtotal-price {
    display: block;
    color: #ddd;
    margin-top: 5px;
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .shopping-widget .shopping-cart a span.cart-detail {
        display: none;
    }
}

/* mini cart item css */
.shopping-cart .mini-cart {
    position: absolute;
    top: calc(100% + 15px);

    right: 0;

    width: 290px;
    background-color: #fff;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    filter: alpha(opacity=0);
    -webkit-transition: 400ms ease;
    -moz-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}

.shopping-cart:hover .mini-cart,
.shopping-cart:focus-within .mini-cart {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.shopping-cart .mini-cart .cart-tempty-title p,
.shopping-cart .mini-cart .cart-item-title p {
    padding: 10px 15px;
    text-align: center;
    line-height: normal;
}

.shopping-cart .mini-cart .cart-item-title p span.cart-count-item {
    color: var(--bs-primary);
    font-weight: 600;
}

/* mini cart empty css */
.mini-cart .cart-tempty-title ul.cart-item-loop-empty {
    text-align: center;
}

.mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-top: 1px solid #e2e2e2;
}

.mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty span svg {
    stroke: var(--bs-primary);
}

.mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty span {
    display: block;
    font-size: 90px;
    opacity: 0.5;
    line-height: 0;
}

.mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty a {
    margin-top: 15px;
}

/* scroll css */
.mini-cart ul.cart-item-loop {
    display: flex;
    flex-direction: column;
    max-height: 303px;
    overflow-y: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    border-top: 1px solid #e2e2e2;
}

.mini-cart ul.cart-item-loop li.cart-item {
    width: 100%;
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.mini-cart ul.cart-item-loop li.cart-item:last-child {
    border-bottom: none;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-image {
    width: 70px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-image a {
    border: 1px solid #e2e2e2;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title {
    width: calc(100% - 85px);

    margin-left: 15px;

    overflow: hidden;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 {
    font-size: 14px;
    font-weight: 400;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a {
    color: #223142;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a:hover {
    color: var(--bs-primary);
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price {
    display: flex;
    align-items: center;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span.price-box span.new-price {
    font-size: 14px;
    margin-left: 5px;
}

.mini-cart ul.subtotal-title-area {
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.mini-cart ul.subtotal-title-area li {
    padding: 15px;
    border-top: 1px solid #e2e2e2;
}

.mini-cart ul.subtotal-title-area li.subtotal-info {
    padding: 10px 15px;
}

.mini-cart ul.subtotal-title-area li .subtotal-titles {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mini-cart ul.subtotal-title-area li .subtotal-titles h3 {
    font-size: 14px;
    font-weight: 400;
}

.mini-cart ul.subtotal-title-area li .subtotal-titles span.subtotal-price {
    color: #222;
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area li .cart-btns {
    margin-top: -15px;
}

.mini-cart ul.subtotal-title-area li .cart-btns a {
    width: calc(100% - 0px);
    margin-top: 15px;
}

@media(max-width: 479px) {
    .shopping-widget .shopping-cart a span.cart-icon-wrap span.bigcounter {
        display: none;
    }
}
.crap-search {
    width: 100%;
    padding: 0px !important;
}

.crap-search .modal-content {
    border: none;
    border-radius: 0px;
}

.crap-search .modal-dialog {
    max-width: 100%;
    margin: 0px;
}

.crap-search .modal-content .search-bar {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.crap-search .modal-dialog .modal-body {
    padding: 30px;
}

.crap-search .form-search {
    position: relative;
}

.crap-search .form-search input.input-text {
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a4a4a4;
}

.crap-search .form-search button {
    font-size: 18px;
    position: absolute;
    top: 0px;

    right: 0;

    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crap-search .form-search button svg {
    width: 20px;
    height: 20px;
}

.crap-search .modal-dialog .modal-body button.close {
    opacity: 1;
    padding: 0;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    text-shadow: none;

    right: 15px;

}

.crap-search .modal-dialog .modal-body button.close,
.crap-search .modal-dialog .modal-body button.close:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.crap-search .modal-dialog .modal-body button.close,
.crap-search .modal-dialog .modal-body button.close:hover {
    color: var(--bs-primary);
}

@media (max-width: 767px) {
    .crap-search .modal-dialog .modal-body button.close {

        right: 0px;

        bottom: 100%;
        transform: translateY(100%);
    }

    .crap-search .modal-content .search-bar {
        width: 100%;
    }

    .crap-search .modal-dialog .modal-body {
        padding: 20px;
    }
}

@media(max-width: 1199px) {
    .header-area {
        position: unset;
    }
}

/* sticky menu css */

.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    -webkit-box-shadow: rgba(116, 116, 116, .05) 0 0px 0px 0px, rgba(32, 32, 32, .05) 0 4px 10px;
    -moz-box-shadow: rgba(116, 116, 116, .05) 0 0px 0px 0px, rgba(32, 32, 32, .05) 0 4px 10px;
    box-shadow: rgba(116, 116, 116, .05) 0 0px 0px 0px, rgba(32, 32, 32, .05) 0 4px 10px;
}

.header-kaj.is-sticky .header-area {
    position: unset;
}

.header-kaj.is-sticky {
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-150px);
    }

    100% {
        transform: translateY(0px);
    }
}

@media (max-width: 1199px) {
    .right-block-box ul.shop-element li.side-wrap {

        margin-right: 15px;

    }
}


/* Main Slider One */

.slider-content {
    position: relative;
}

.slider-content .home-slider .slide-image {
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.slider-content .home-slider .slide-image .slider-text-info {
    position: absolute;
    left: 15%;
    transform: scaleX(1);
    padding: 90px 135px;
    text-align: center;
}

.slider-content .home-slider .swiper-wrapper .swiper-slide.swiper-slide-active .slide-image .slider-text-info>span {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}

.slider-content .home-slider .swiper-wrapper .swiper-slide.swiper-slide-active .slide-image .slider-text-info a {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

.slider-content .home-slider .swiper-wrapper .swiper-slide.swiper-slide-active .slide-image .slider-text-info>span,
.slider-content .home-slider .swiper-wrapper .swiper-slide.swiper-slide-active .slide-image .slider-text-info a {
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: slide-down;
    animation-name: slide-down;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateY(0)
    }
}

.slider-content .home-slider .owl-item .slide-image .slider-text-info>span,
.slider-content .home-slider .owl-item .slide-image .slider-text-info a {
    opacity: 0;
    visibility: hidden;
}

.slider-content .home-slider .slide-image .slider-text-info h2 {
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
}

.slider-content .home-slider .slide-image .slider-text-info h2 span {
    display: block;
    margin-top: 10px;
}

.slider-content .home-slider .slide-image .slider-text-info h2 span:first-child {
    margin-top: 0;
}

.slider-content .home-slider .slide-image .slider-text-info>span.sub-title {
    font-size: 30px;
    margin-top: 36px;
    line-height: 1;
    font-weight: 400;
}

.slider-content .home-slider .slide-image .slider-text-info>span.sub-title span.sub-title2 {
    font-weight: 400;
}

.slider-content .home-slider .slide-image .slider-text-info .slider-button {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-content .home-slider .slide-image .slider-text-info .slider-button a.btn-link {
    margin-left: 30px;
}

.slider-content .swiper-buttons button.single-prev-slider {
    left: 40px;
}

.slider-content .swiper-buttons button.single-next-slider {
    right: 40px;
}

@media (max-width: 1599px) {
    .slider-content .home-slider .slide-image .slider-text-info {
        left: 10%;
    }
}

@media (max-width: 1199px) {
    .slider-content .home-slider .slide-image {
        height: 600px;
    }

    .slider-content .home-slider .slide-image .slider-text-info {
        padding: 50px;
    }

    .slider-content .home-slider .slide-image .slider-text-info h2 {
        font-size: 50px;
    }

    .slider-content .home-slider .slide-image .slider-text-info>span.sub-title {
        font-size: 24px;
    }

    .slider-content .swiper-buttons button.single-prev-slider {
        left: 30px;
    }

    .slider-content .swiper-buttons button.single-next-slider {
        right: 30px;
    }
}

@media (max-width: 767px) {
    .slider-content .home-slider .slide-image {
        height: 460px;
    }

    .slider-content .home-slider .slide-image .slider-text-info {
        padding: 30px;
        min-width: 250px;
    }

    .slider-content .home-slider .slide-image .slider-text-info h2 {
        font-size: 32px;
    }

    .slider-content .home-slider .slide-image .slider-text-info h2 span {
        margin-top: 5px;
    }

    .slider-content .home-slider .slide-image .slider-text-info>span.sub-title {
        font-size: 18px;
        margin-top: 23px;
    }

    .slider-content .home-slider .slide-image .slider-text-info .slider-button {
        margin-top: 30px;
    }

    .slider-content .swiper-buttons button.single-prev-slider {
        left: 15px;
    }

    .slider-content .swiper-buttons button.single-next-slider {
        right: 15px;
    }
}

@media (max-width: 479px) {
    .slider-content .home-slider .slide-image .slider-text-info {
        left: 15px;
    }
}

/* Slider Two */

.slider-two .slider-area {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #202020;
}

@media (max-width: 1199px) {
    .slider-two .slider-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .slider-two .slider-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.slider-two .slider-area .slider-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.slider-two .slider-area .slider-item .slider-text {
    width: 50%;
}

.slider-two .slider-area .slider-item .slider-text span.sub-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 52px;
}

.slider-two .slider-area .slider-item .slider-text h2.title {
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
}

.slider-two .slider-area .slider-item .slider-text h2.title span {
    display: block;
}

.slider-two .slider-area .slider-item .slider-text .slider-button {
    margin-top: 56px;
}

.slider-two .slider-area .slider-item .slider-image {
    width: 50%;
}

.slider-two .slider-area .swiper-buttons button {
    color: #fff;
    border: 2px solid #494848;
    background-color: transparent;
}

.slider-two .slider-area .swiper-buttons button:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.slider-two .slider-area .swiper-buttons button.swiper-prev {
    left: 50px;
}

.slider-two .slider-area .swiper-buttons button.swiper-next {
    right: 50px;
}

.slider-two .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-item .slider-text span.sub-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.slider-two .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-item .slider-text h2.title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.slider-two .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-item .slider-text .slider-button a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

.slider-two .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-item .slider-image img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@media (max-width: 1599px) {
    .slider-two .slider-area .swiper-buttons button {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

@media (max-width: 1599px) and (min-width: 1360px) {
    .slider-two .slider-area .swiper-buttons button.swiper-prev {
        left: 15px;
    }

    .slider-two .slider-area .swiper-buttons button.swiper-next {
        right: 15px;
    }
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .slider-two .slider-area .swiper-buttons button.swiper-prev {
        left: 15px;
    }

    .slider-two .slider-area .swiper-buttons button.swiper-next {
        right: 15px;
    }
}

@media (max-width: 1199px) {
    .slider-two .slider-area .slider-item .slider-text span.sub-title {
        font-size: 22px;
        margin-bottom: 39px;
    }

    .slider-two .slider-area .slider-item .slider-text h2.title {
        font-size: 52px;
    }

    .slider-two .slider-area .slider-item .slider-text .slider-button {
        margin-top: 43px;
    }

    .slider-two .slider-area .swiper-buttons {
        margin-top: 30px;
    }

    .slider-two .slider-area .swiper-buttons button {
        position: unset;
        transform: unset;
        margin-left: 15px;
    }

    .slider-two .slider-area .swiper-buttons button:first-child {
        margin-left: 0px;
    }

    .slider-two .slider-area .swiper-buttons button.swiper-prev {
        left: unset;
    }

    .slider-two .slider-area .swiper-buttons button.swiper-next {
        right: unset;
    }
}

@media (max-width: 767px) {
    .slider-two .slider-area .slider-item .slider-text span.sub-title {
        font-size: 16px;
        margin-bottom: 23px;
    }

    .slider-two .slider-area .slider-item .slider-text h2.title {
        font-size: 32px;
    }

    .slider-two .slider-area .slider-item .slider-text .slider-button {
        margin-top: 25px;
    }
}

@media (max-width: 479px) {
    .slider-two .slider-area .slider-item .slider-text {
        width: 100%;
        margin-top: 24px;
    }

    .slider-two .slider-area .slider-item .slider-image {
        width: 100%;
        order: -1;
    }
}

/* Slider Three */

.slider-three .home-slider .slider-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 935px;
    display: flex;
    align-items: center;
}

.slider-three .home-slider .slider-img .slider-text-position {
    display: flex;
}

.slider-three .home-slider .slider-img .slider-text-position.slider-content-right {
    justify-content: flex-end;
}

.slider-three .home-slider .slider-img .slider-text-position.slider-content-left {
    justify-content: flex-start;
}

.slider-three .home-slider .slider-img .slider-text-position.slider-content-center {
    justify-content: center;
}

.slider-three .home-slider .slider-img .slider-text-position.slider-content-center .slider-text {
    text-align: center;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text span.sub-title {
    font-size: 22px;
    margin-bottom: 67px;
    line-height: 1;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text h1.slider-title {
    font-size: 90px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text h1.slider-title span {
    margin-top: 10px;
    display: block;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text h1.slider-title span:first-child {
    margin-top: 0px;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text a.slider-btn {
    margin-top: 64px;
    background-color: var(--bs-primary);
    color: #fff;
}

.slider-three .home-slider .slider-img .slider-text-position .slider-text a.slider-btn:hover,
.slider-three .home-slider .slider-img .slider-text-position .slider-text a.slider-btn:focus {
    background-color: #fff;
    color: var(--bs-primary);
}

.slider-three .home-slider .slider-main .swiper-slide-active .slider-img .slider-text-position .slider-text span.sub-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.slider-three .home-slider .slider-main .swiper-slide-active .slider-img .slider-text-position .slider-text h1.slider-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

.slider-three .home-slider .slider-main .swiper-slide-active .slider-img .slider-text-position .slider-text a.slider-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

@media (max-width: 1199px) {
    .slider-three .home-slider .slider-img {
        height: 720px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text span.sub-title {
        font-size: 20px;
        margin-bottom: 59px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text h1.slider-title {
        font-size: 62px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text a.slider-btn {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .slider-three .home-slider .slider-img {
        height: 430px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text span.sub-title {
        font-size: 16px;
        margin-bottom: 23px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text h1.slider-title {
        font-size: 36px;
    }

    .slider-three .home-slider .slider-img .slider-text-position .slider-text a.slider-btn {
        margin-top: 24px;
    }
}

/* Slider Four */

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

.slider-four .home-slider .slider-area .slider-main .slider-img {
    padding-top: 0px;
    padding-bottom: 130px;
}

@media (max-width : 1199px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        padding-top: 0px;
        padding-bottom: 130px;
    }
}

@media (max-width : 767px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        padding-top: 0px;
        padding-bottom: 100px;
    }
}

.slider-four .home-slider .slider-area .slider-main .slider-img {
    position: relative;
    height: 1010px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}

.slider-four .home-slider .slider-area .slider-main .slider-img::before {
    /* background-color: rgba(0, 0, 0, 0.3); */
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area {
    display: flex;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area.slider-content-right {
    justify-content: flex-end;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area.slider-content-left {
    justify-content: flex-start;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area.slider-content-center {
    justify-content: center;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area.slider-content-center .slider-text {
    text-align: center;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text h1.title {
    color: #fff;
    font-size: 90px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600;
}

.slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text span.subtitle {
    font-size: 20px;
    margin-top: 85px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.slider-four .home-slider .slider-area .slider-main .swiper-slide-active .slider-img .slider-text-area .slider-text h1.title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.slider-four .home-slider .slider-area .slider-main .swiper-slide-active .slider-img .slider-text-area .slider-text span.subtitle {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

.slider-four .slider-scroll {
    position: absolute;
    bottom: 100px;
    left: 0px;
    right: 0px;
    z-index: 9;
}

.slider-four .slider-scroll .swiper-scrollbar {
    background: rgb(255 255 255 / 35%);
    width: 50%;
    margin: 0 auto;
    z-index: 9;
}

.slider-four .slider-scroll .swiper-scrollbar .swiper-scrollbar-drag {
    background: #fff;
    height: 4px;
}

@media (max-width: 1599px) and (min-width: 1360px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        height: 840px;
    }

    .slider-four .slider-scroll .swiper-scrollbar {
        width: 60%;
    }
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        height: 840px;
    }

    .slider-four .slider-scroll .swiper-scrollbar {
        width: 60%;
    }
}

@media (max-width: 1199px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        height: 700px;
    }

    .slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text h1.title {
        font-size: 62px;
    }

    .slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text span.subtitle {
        margin-top: 69px;
    }

    .slider-four .slider-scroll .swiper-scrollbar {
        width: 70%;
    }
}

@media (max-width: 991px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .slider-four .home-slider .slider-area .slider-main .slider-img {
        height: 450px;
    }

    .slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text h1.title {
        font-size: 32px;
    }

    .slider-four .home-slider .slider-area .slider-main .slider-img .slider-text-area .slider-text span.subtitle {
        font-size: 16px;
        margin-top: 23px;
    }

    .slider-four .slider-scroll {
        bottom: 50px;
    }

    .slider-four .slider-scroll .swiper-scrollbar {
        width: 100%;
    }
}

/* Slider Five */

.slider-area {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 1199px) {
    .slider-area {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .slider-area {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.slider-area .slider-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-area .slider-item.slider-content-right {
    justify-content: flex-end;
}

.slider-area .slider-item.slider-content-left {
    justify-content: flex-start;
}

.slider-area .slider-item.slider-content-center {
    justify-content: center;
}

.slider-area .slider-item .slider-text {
    width: 50%;
}

.slider-area .slider-item .slider-text span.sub-title {
    position: relative;
    font-size: 16px;
    margin-bottom: 58px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.slider-area .slider-item .slider-text span.sub-title::after {
    background-color: #fff;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -70px;
    width: 60px;
    height: 1px;
}

.slider-area .slider-item .slider-text span.sub-title::before {
    background-color: #fff;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: -70px;
    width: 60px;
    height: 1px;
}

.slider-area .slider-item .slider-text h2.title {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.slider-area .slider-item .slider-text h2.title span {
    display: block;
}

.slider-area .slider-item .slider-text .slider-button {
    margin-top: 60px;
}

.slider-area .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .slider-item .slider-text span.sub-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.slider-area .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .slider-item .slider-text h2.title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.slider-area .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .slider-item .slider-text .slider-button a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .slider-area .slider-item .slider-text {
        width: 55%;
    }
}

@media (max-width: 1199px) {
    .slider-area .slider-item {
        height: 560px;
    }

    .slider-area .slider-item .slider-text span.sub-title {
        margin-bottom: 42px;
    }

    .slider-area .slider-item .slider-text h2.title {
        font-size: 50px;
    }

    .slider-area .slider-item .slider-text .slider-button {
        margin-top: 42px;
    }
}

@media (max-width: 767px) {
    .slider-area .slider-item {
        height: 430px;
    }

    .slider-area .slider-item .slider-text span.sub-title {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .slider-area .slider-item .slider-text span.sub-title::after {
        left: -40px;
        width: 30px;
    }

    .slider-area .slider-item .slider-text span.sub-title::before {
        right: -40px;
        width: 30px;
    }

    .slider-area .slider-item .slider-text h2.title {
        font-size: 32px;
    }

    .slider-area .slider-item .slider-text .slider-button {
        margin-top: 25px;
    }
}

@media (max-width: 479px) {
    .slider-area .slider-item .slider-text {
        width: 55%;
    }

    .slider-area .slider-item .slider-text span.sub-title::after,
    .slider-area .slider-item .slider-text span.sub-title::before {
        display: none;
    }
}

/* Slider Category Carousel  */

.category-area-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .category-area-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .category-area-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.category-slider-area {
    position: relative;
}

.setto-browse-section span.cat-icon {
    font-size: 60px;
	color: #929292;
}

.category-slider-area .cat-slider {
    width: 80%;
}

.category-slider-area .cat-slider .category-wrap {
    text-align: center;
}

.category-slider-area .cat-slider .category-wrap a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.category-slider-area .cat-slider .category-wrap a span.cat-icon svg {
    fill: #929292;
    width: 60px;
    height: 60px;
    display: block;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.category-slider-area .cat-slider .category-wrap a:hover span.cat-icon svg {
    fill: var(--bs-primary);
}

.category-slider-area .cat-slider .category-wrap a:hover span.cat-icon i {
    color: var(--bs-primary);
}

.category-slider-area .cat-slider .category-wrap a span.cat-title {
    color: #929292;
    font-size: 16px;
    font-weight: 500;
    margin-top: 23px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.category-slider-area .cat-slider .category-wrap a:hover span.cat-title {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

@media (max-width: 1199px) {
    .category-slider-area .cat-slider {
        width: 90%;
    }
}


/* Banner Text */

.banner-grid {
    padding-top: 0px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .banner-grid {
        padding-top: 0px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .banner-grid {
        padding-top: 1px;
        padding-bottom: 60px;
    }
}

.banner1 .banner-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -30px;
}

.banner1 .banner-area .banner-block {
    position: relative;
}

.banner1 .banner-grid .banner-area .banner-block {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.banner1 .banner-grid .banner-area .banner-block a.banner-image {
    position: relative;
}

.banner1 .banner-grid .banner-area .banner-block a.banner-image::after {
    background-color: #000;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    text-align: center;
    width: 0px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.banner1 .banner-grid .banner-area .banner-block:hover a.banner-image:after {
    opacity: 0.1;
    visibility: visible;
    width: 100%;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.banner1 .banner-grid .banner-area .banner-block a.banner-image::before {
    background-color: #000;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 0px;
    opacity: 0;
    visibility: hidden;
    ;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.banner1 .banner-grid .banner-area .banner-block:hover a.banner-image:before {
    opacity: 0.1;
    visibility: visible;
    height: 100%;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.banner1 .banner-grid .banner-area .banner-block a.banner-image img {}

.banner1 .banner-area .banner-block .banner-content {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
}

.banner1 .banner-area .banner-block .banner-content.banner-content-left {
    left: 60px;
}

.banner1 .banner-area .banner-block .banner-content.banner-content-right {
    right: 80px;
}

.banner1 .banner-area .banner-block .banner-content.banner-content-center {
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.banner1 .banner-area .banner-block .banner-content.banner-text-left {
    text-align: left;
}

.banner1 .banner-area .banner-block .banner-content.banner-text-right {
    text-align: right;
}

.banner1 .banner-area .banner-block .banner-content.banner-text-center {
    text-align: center;
}

@media (max-width: 1199px) {
    .banner1 .banner-area .banner-block .banner-content.banner-content-left {
        left: 50px;
    }

    .banner1 .banner-area .banner-block .banner-content.banner-content-right {
        right: 50px;
    }

    .banner1 .banner-area .banner-block .banner-content.banner-content-center {
        left: 15px;
        right: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .banner1 .banner-area .banner-block .banner-content.banner-content-left {
        left: 30px;
    }

    .banner1 .banner-area .banner-block .banner-content.banner-content-right {
        right: 30px;
    }

    .banner1 .banner-area .banner-block .banner-content.banner-content-center {
        left: 15px;
        right: 15px;
        margin: 0 auto;
    }
}

.banner1 .banner-area .banner-block .banner-content span.sub-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.banner1 .banner-area .banner-block .banner-content h2.title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
}

.banner1 .banner-area .banner-block .banner-content a.btn {
    margin-top: 26px;
}

@media (max-width: 1199px) {
    .banner1 .banner-area .banner-block .banner-content h2.title {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .banner1 .banner-grid .banner-area {
        margin-left: -15px;
    }

    .banner1 .banner-grid .banner-area .banner-block {
        width: calc(50% - 15px);
        margin-left: 15px;
    }

    .banner1 .banner-area .banner-block .banner-content span.sub-title {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .banner1 .banner-area .banner-block .banner-content h2.title {
        font-size: 26px;
    }

    .banner1 .banner-area .banner-block .banner-content a.btn {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .banner1 .banner-grid .banner-area {
        margin-left: -0px;
        margin-top: -15px;
    }

    .banner1 .banner-grid .banner-area .banner-block {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 15px;
    }
}

/* Product & tab */

.product-tab-ptb {
    padding-top: 0px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .product-tab-ptb {
        padding-top: 0px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .product-tab-ptb {
        padding-top: 0px;
        padding-bottom: 60px;
    }
}

.product-area .section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.product-area .section-capture .section-title {
    margin-bottom: 30px;
}

.product-area .section-head .item-count span.items {
    color: #929292;
    font-size: 16px;
    font-weight: 500;
}

.product-area .section-head .collection-url a {
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.product-area .section-head .collection-url a span {
    margin-right: 5px;
}

.product-area .section-head .collection-url a i {
    transform: unset;
}

a.add-to-cart.disabled {
    color: #eaeaea;
    background-color: #ababab;
    opacity: .65;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .product-area .section-capture .section-title {
        margin-bottom: 22px;
    }
}

@media (max-width: 767px) {
    .product-area .section-capture .section-title {
        margin-bottom: 15px;
    }
}

/* Product Wrap */

@media (max-width: 767px) {
    .product-area .section-head {
        flex-wrap: wrap
    }

    .product-area .section-head .tab {
        width: 100%;
        order: -2;
        margin-bottom: 30px
    }

    .product-area .section-head .item-count,
    .product-area .section-head .collection-url {
        width: 50%
    }

    .product-area .section-head .collection-url {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.product-area .section-capture {
    margin-bottom: 100px
}

@media (max-width: 1199px) {
    .product-area .section-capture {
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .product-area .section-capture {
        margin-bottom: 60px
    }
}

@media (max-width: 991px) {
    .full-column .left-column .banner-grid {
        display: none
    }

    .full-column {
        flex-direction: column-reverse
    }
}

.product-section1 .single-product-wrap {
    background-color: #edf0f5
}

.single-product-wrap .product-image {
    position: relative;
    overflow: hidden;
    display: flex
}

.single-product-wrap .product-image a.pro-img .img2 {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0
}

.single-product-wrap:hover .product-image a.pro-img .img2 {
    opacity: 1
}

.single-product-wrap .product-image a.pro-img .img1,
.single-product-wrap .product-image a.pro-img .img2 {
    width: 100%;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.product-label span {
    background-color: #d94d4a;
    color: #fff;
    font-size: 14px;
    padding: 5px 16px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 20px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-label span.soldout-title {
    width: auto;
    background-color: #a00
}

.single-product-wrap .product-image .product-label span.new-title,
.single-product-wrap .product-image .product-label span.sale-title {
    right: 15px;
    left: auto
}

.single-product-wrap .product-image .product-label span.soldout-title {
    z-index: 1
}

.single-product-wrap .product-image.stock-out {
    position: relative
}

.single-product-wrap .product-image.stock-out:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2
}

.single-product-wrap .product-image .wishlist-desktop {
    position: absolute;
    top: 30px;
    right: 30px
}

.single-product-wrap .product-image .wishlist-desktop .yith-wcwl-add-button span {
    display: none;
}

.single-product-wrap .product-image .wishlist-desktop a svg {
    color: #929292
}

.single-product-wrap .product-image .wishlist-desktop span.text {
    display: none
}

.single-product-wrap .product-caption .product-action {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden
}

.single-product-wrap:hover .product-caption .product-action {
    opacity: 1;
    visibility: visible
}

.single-product-wrap .product-caption .product-action,
.single-product-wrap:hover .product-caption .product-action {
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.product-section1 .single-product-wrap .product-action a {
    font-size: 16px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    font-weight: 600;
    border-radius: 100%;
    line-height: 1;
    background-color: var(--bs-primary);
}

.single-product-wrap .product-action a.wishlist {
    display: none
}

a.button.yith-wcqv-button:before {
    content: "\f06e";
    font-family: "FontAwesome";
    margin-right: 5px;
    margin-left: 47px;
    color: #fff;
}

.woocommerce .product-section2 a.button.yith-wcqv-button:before {
	margin-left: 0;
}


.woocommerce .quantity .qty {
    width: 4.631em;
}

a.button.yith-wcqv-button:hover:before {
    color: var(--bs-primary);
}


.product-section1 .single-product-wrap .product-action a:last-child {
    margin-bottom: 0
}

.product-section1 .single-product-wrap .product-action a.yith-wcqv-button {
    font-size: 0;
}

.product-section1 .single-product-wrap .product-action a.yith-wcqv-button:before {
    font-size: 16px;
    margin-left: 2px;
}

.product-section1 .single-product-wrap .product-action a.added_to_cart:hover {
	color: var(--bs-primary);
}

.product-section1 .single-product-wrap .product-action a.added_to_cart {
	padding-left: 11px;
	font-size:12px;
	line-height: 15px;
}

.product-section1 .single-product-wrap .product-action a:hover {
    background-color: #fff;
    border-color: #fff;
}

.single-product-wrap .product-action a span svg {
    width: 17px;
    height: 17px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.single-product-wrap .product-action a span.btn-text {
    display: none
}

.product-content .product-title {
    display: block;
    width: 100%;
    text-transform: capitalize;
    margin-top: 9px
}

.product-content .product-title a {
    color: #929292;
    font-size: 16px;
    display: block;
    font-weight: 500;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.price-box {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1
}

.price-box .new-price {
    color: #232323;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 600
}

.price-box .old-price {
    color: #929292;
    font-size: 16px;
    margin-left: 5px;
    text-decoration: line-through;
    white-space: nowrap
}

.price-box .old-price .money {
    text-decoration: line-through
}

.product-ratting .spr-badge:before,
.product-ratting .spr-badge:after {
    display: none
}

.product-ratting .spr-badge .spr-icon-star:before,
.product-ratting .spr-badge .spr-icon-star-half-alt:before {
    color: #ffb503
}

.product-ratting .spr-badge .spr-icon-star-empty:before {
    content: "\f005";
    font-family: 'fontawesome';
    color: #ccc;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 120%;
}

.product-ratting .spr-badge-starrating {
    display: flex;
    margin: 0;
    line-height: 0
}

.product-ratting .spr-badge-caption {
    display: none
}

.product-ratting .spr-badge-starrating .spr-icon {
    opacity: 1;
    margin-right: 3px;
    width: auto;
    height: auto;
    top: 0;
    font-size: 10px !important
}

.product-ratting .spr-badge-starrating .spr-icon:last-child {
    margin-right: 0
}

@media (max-width: 1199px) {
    .single-product-wrap .product-caption {
        display: flex;
        flex-direction: column
    }

    .single-product-wrap .product-caption .product-action {
        position: unset;
        margin-top: 15px;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        flex-direction: row;
        order: unset
    }

    .single-product-wrap .product-action a {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-left: 5px
    }

    .single-product-wrap .product-action a.wishlist {
        display: flex
    }

    .single-product-wrap .product-action a:first-child {
        margin-left: 0
    }

    .single-product-wrap .product-action a span.btn-icon svg {
        display: block
    }

    .single-product-wrap .product-action a span.btn-text {
        display: none
    }
}

@media (max-width: 991px) {
    .product-label span {
        top: 10px;
        font-size: 12px;
        padding: 4px 10px
    }
}

@media (max-width: 479px) {
    .price-box {
        flex-direction: column
    }

    .price-box .old-price {
        margin-top: 5px;
        margin-left: 0
    }

    .single-product-wrap .product-action a {
        width: 35px;
        height: 35px
    }

    .single-product-wrap .product-action a span svg {
        width: 15px;
        height: 15px
    }

    .single-product-wrap a.action-wishlist.wishlist-desktop.wishlist {
        top: 10px;
        right: 10px
    }
}

.product-grid-list {
    border-top: 1px solid #e2e2e2;
    margin-bottom: 15px
}

.product-grid-list .single-product-wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;
    border: none
}

.product-grid-list .single-product-wrap .product-image {
    border: 1px solid #e2e2e2;
    overflow: visible
}

.product-grid-list .single-product-wrap:hover .product-image a.pro-img .img1 {
    opacity: 1;
    visibility: visible
}

.product-grid-list .single-product-wrap .product-content {
    align-items: flex-start;
    text-align: left;
    width: calc(100% - 15px);
    padding: 0;
    margin-left: 15px
}

.product-grid-list .single-product-wrap .product-content .product-ratting {
    margin-top: 0
}

.product-grid-list .single-product-wrap .product-content h6 {
    margin-top: 11px
}

.product-grid-list .single-product-wrap .product-content .price-box {
    margin-top: 4px
}

.product-grid-list .single-product-wrap .product-content .price-box .percent-count {
    margin-left: 5px
}

@media (max-width: 1199px) {
    .product-grid-list .single-product-wrap {
        flex-direction: column;
        text-align: center
    }

    .product-grid-list .single-product-wrap .product-content {
        align-items: center;
        text-align: center;
        margin-top: 15px;
        margin-left: 0
    }

    .product-grid-list .single-product-wrap .product-content .price-box {
        justify-content: center
    }
}

@media (max-width: 991px) {
    .product-grid-list .single-product-wrap {
        flex-direction: row;
        text-align: left
    }

    .product-grid-list .single-product-wrap .product-content {
        align-items: flex-start;
        text-align: left;
        margin-top: 0;
        margin-left: 15px
    }

    .product-grid-list .single-product-wrap .product-content .price-box {
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .product-grid-list .single-product-wrap .product-content .price-box {
        align-items: flex-end;
        flex-direction: row;
        min-height: auto
    }
}

.shop-product-wrap ul.product-view {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px
}

.shop-product-wrap ul.product-view li.st-col-item {
    margin-top: 30px;
    margin-left: 30px
}

.shop-product-wrap .single-product-wrap .product-content h6 a {
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s
}

@media (max-width: 767px) {
    .shop-product-wrap ul.product-view {
        margin-left: 0
    }
}

.single-product-wrap .product-caption {
    position: relative;
    padding: 30px 15px
}

.product-section1 .single-product-wrap .product-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section1 .single-product-wrap:hover .product-content {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.single-product-wrap.out-of-stock .product-content {
    opacity: 1;
    visibility: visible
}

.single-product-wrap .product-content .price-box {
    align-items: center;
    justify-content: center
}

.single-product-wrap .product-content .product-ratting {
    margin-top: 13px
}

.single-product-wrap .product-content p.product-description {
    display: none
}

.ajax-spin-cart .cart-loading, .ajax-spin-cart.add-item .cart-title, .ajax-spin-cart .cart-added, .ajax-spin-cart .cart-unavailable, .ajax-spin-cart.loading.add-item .cart-added, .ajax-spin-cart.loading.add-item .cart-unavailable {
    display: none;
}

@media (max-width: 991px) {
    .single-product-wrap:hover .product-content {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 479px) {
    .single-product-wrap .product-caption {
        padding: 15px 10px
    }

    .single-product-wrap .product-content .product-ratting {
        margin-top: 13px
    }
}

/* Deals Section  */

.deal-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    /* background-image: url(../img/deal-1.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1199px) {
    .deal-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .deal-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.deal-section .deal-slider .single-product-wrap {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.deal-section .deal-slider .single-product-wrap .product-image {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.deal-section .deal-slider .single-product-wrap .product-image .deal-pro-image {
    width: 100%;
    text-align: center;
}

.deal-section .deal-slider .single-product-wrap .product-image .deal-pro-image a.pro-img {
    background-color: #fff;
    padding: 15px;
}

.deal-section .deal-slider .single-product-wrap .product-image .deal-pro-image a.pro-img img {
    width: 100%;
}

.deal-section .deal-slider .single-product-wrap .product-content {
    width: 50%;
    opacity: 1;
    visibility: visible;
}

.deal-section .deal-slider .single-product-wrap .product-content .wooct-countdown {
    margin-top: 30px;
    text-align: -webkit-center;
}

.deal-section .deal-slider .single-product-wrap .product-content h3 {
    color: #232323;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.deal-section .deal-slider .single-product-wrap .product-content .product-ratting {
    margin-top: 28px;
}

.deal-section .deal-slider .single-product-wrap .product-content .price-box {
    margin-top: 25px;
}

.deal-section .deal-slider .single-product-wrap .product-content .price-box span {
    font-size: 18px;
    line-height: 1;
}

.deal-section .deal-slider .single-product-wrap .product-content .price-box span.new-price {
    font-weight: 600;
}

.deal-section .deal-slider .single-product-wrap .product-content .product-area.stock-inventory {
    margin-top: 44px;
}

.deal-section .deal-slider .single-product-wrap .product-content .product-area.stock-inventory span {
    color: #232323;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.deal-section .deal-slider .single-product-wrap .product-content .timer-section {
    margin-top: 27px;
}

.deal-section .deal-slider .single-product-wrap .product-content a.add-to-cart {
    font-size: 14px;
    padding: 15px 0px;
    text-transform: uppercase;
    margin-top: 50px;
    min-width: 200px;
}

.deal-section .deal-slider .single-product-wrap .product-content a.add-to-cart span.cart-title i {
    display: none;
}

@media (max-width: 991px) {
    .deal-section .deal-slider .single-product-wrap .product-image {
        width: calc(100% - 0px);
        margin-right: 0px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content {
        width: 100%;
        margin-top: 47px;
    }
}

@media (max-width: 767px) {
    .deal-section .deal-slider .single-product-wrap .product-content a.add-to-cart {
        min-width: 140px;
        padding: 13px 0px;
    }
}

@media (max-width: 479px) {
    .deal-section .deal-slider .single-product-wrap .product-content {
        margin-top: 25px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content h3 {
        font-size: 16px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content .product-ratting {
        margin-top: 18px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content .price-box {
        flex-direction: unset;
        margin-top: 15px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content .price-box span.old-price {
        margin-top: 0px;
        margin-left: 5px;

    }

    .deal-section .deal-slider .single-product-wrap .product-content .product-area.stock-inventory {
        margin-top: 25px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content .product-area.stock-inventory span {
        font-size: 14px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content .timer-section {
        margin-top: 17px;
    }

    .deal-section .deal-slider .single-product-wrap .product-content a.add-to-cart {
        margin-top: 30px;
    }
}


/* Newsletter */

.news-content {
    width: 100%;
}

.news-content form {
    position: relative;
}

.news-content form .subscribe-block {
    position: relative;
}

.news-content form .subscribe-block input {
    background-color: #EDF0F5;
    color: #929292;
    font-size: 18px;
    height: 52px;
    width: 100%;
    font-weight: 500;
    text-align: center;
    border: none;
}

.news-content form .subscribe-block .email-submit {
    margin-top: 30px;
}

.newsletter-area {
    padding-top: 100px;
    padding-bottom: 0px;
}

@media (max-width: 1199px) {
    .newsletter-area {
        padding-top: 80px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .newsletter-area {
        padding-top: 60px;
        padding-bottom: 0px;
    }
}

.newsletter-area .newsletter ul.newsletter-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li {
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul {
    margin-top: -30px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li {
    margin-top: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #ededed;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon {
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ededed;
}


.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon i {
    font-size: 45px;
    color: var(--bs-primary);
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li:hover .icon-area a.icon i {
    color: #fff;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon img {
    height: 45px;
    width: 45px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon:hover i,
.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon:focus i {
    color: #fff;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon svg {
    width: 45px;
    height: 45px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .text {
    padding: 0px 50px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .text h4.title {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .text span.sub-title {
    color: #929292;
    font-size: 14px;
    margin-top: 14px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner {
    position: relative;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area .banner-text {
    padding-top: 50px;
    text-align: center;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area .banner-text span.sub-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area .banner-text h4.title {
    color: #333;
    font-size: 24px;
    margin-top: 24px;
    font-weight: 600;
    line-height: 1;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area .banner-text a {
    margin-top: 27px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area {
    padding: 50px;
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area h1.news-title {
    color: #333;
    font-size: 40px;
    line-height: 1;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area span.new-desc {
    color: #929292;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}

.newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area .news-content {
    margin-top: 36px;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .text {
        padding: 0px 30px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area {
        padding: 30px;
    }
}

@media (max-width: 1199px) {
    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li {
        width: calc(50% - 30px);
        margin-bottom: 50px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area {
        width: calc(100% - 30px);
    }
}

@media (max-width: 991px) {
    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .text {
        padding: 0px 20px;
    }
}

@media (max-width: 767px) {
    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul {
        margin-top: -15px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li {
        margin-top: 15px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon {
        width: 120px;
        height: 120px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.service ul.service-ul li.service-li .icon-area a.icon svg {
        width: 34px;
        height: 34px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li {
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area {
        height: 500px;
    }
}

@media (max-width: 479px) {
    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-banner .banner-area {
        height: 400px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area {
        padding: 30px;
    }

    .newsletter-area .newsletter ul.newsletter-ul li.newsletter-li.news-area h1.news-title {
        font-size: 24px;
    }
}

/* Newsletter */

.blog-wrap {
    padding-top:100px;
    padding-bottom:100px;
}

@media (max-width: 1199px) {
    .blog-wrap {
        padding-top:80px;
        padding-bottom:80px;
    }
}

@media (max-width: 767px) {
    .blog-wrap {
        padding-top:60px;
        padding-bottom:60px;
    }
}

.blog2 .blog-wrap {
    background-color: #ffffff;
    border-top: 1px solid #ededed;
}

.blog2 .blog-post-content {
    text-align: center;
}

.blog2 .blog-post-content span.date-time {
    color: var(--bs-primary);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0;
    opacity: 1;
    margin-bottom: 22px;
}

.blog-post-content a.more-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 23px;
    line-height: 1;
    padding: 16px 40px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: 0;
    background-color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
}

.blog-post-content a.more-link:hover,
.blog-post-content a.more-link:focus {
    background-color: transparent;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.mm-fullscreen-bg {
    position: fixed;
    top: 0;
    
    left: 0;
    
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.mm-fullscreen-bg.active {
    opacity: 1;
    visibility: visible;
}

.mm-fullscreen-bg,
.mm-fullscreen-bg.active {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* Widget Style */

.widget .widget-title {
    display: block;
    text-transform: capitalize;
    position: relative;
    z-index: 0;
    text-align: left;
    letter-spacing: 0.35px;
    word-break: break-all;
}

/* Footer */

.footer-top-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f0f2f5;
    color: #999999;
    position: relative;
    font-weight: 500;
    z-index: 0;
}

.footer-top-area .company-details-area {
    padding-top: 100px;
}

@media (max-width : 1199px) {
    .footer-top-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .footer-top-area .company-details-area {
        padding-top: 80px;
    }
}

@media (max-width : 991px) {
    .footer-top-area {
        padding-top: 80px;
        padding-bottom: 44px;
    }
}

@media (max-width : 767px) {
    .footer-top-area {
        padding-top: 60px;
        padding-bottom: 26px;
    }
    .footer-top-area .company-details-area {
        padding-top: 60px;
    }
}

.footer-top-area .widget .widget-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--bs-primary);
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.widget {
    position: relative;
    z-index: 0;
}

.widget ul li+li,
.widget ol li+li {
    padding-top: 13px;
}

.widget.widget_social ul li+li {
    padding-top: 0;
}

.footer-top-area .widget ul li a {
    color: #999999;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
}

.widget ul li a:hover,
.widget ul li a:focus {
    color: var(--bs-primary);
    text-decoration: underline;
}

.footer-top-area .widget .logo {
    margin-bottom: 35px;
}

/* Footer 1 */

.footer1 .footer-top-area .widget {
    text-align: center;
}

.footer1 .footer-top-area .widget .widget-title {
    color: #333;
	font-weight: 600;
}

.footer-top-area .widget ul li a.btn-link {
    color: #223142;
    text-decoration: underline;
}

/* Footer 2 */

.footer2 .footer-top-area {
    background-color: #202020;
}

.footer2 .footer-top-area .widget .widget-title {
    font-size: 16px;
    text-transform: uppercase;
}

/* Footer 3 */

.footer3 .footer-top-area {
    border-top: 1px solid #e7e7e7;
    background-color: #fff;
}

.footer2 .footer-top-area .widget .widget-title {
    font-size: 16px;
}

.footer3 .footer-top-area {
    padding: 0;
}

@media (min-width : 992px) {
    .footer3 .footer-top-area .widget {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .footer3 .footer-top-area .widget .textwidget {
        width: 100%;
        text-align: center;
        white-space: nowrap;
        padding: 0 60px;
    }

    .footer3 .footer-top-area .widget .textwidget:before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: #f6f6f6;
        z-index: -1;
    }
}

/* Footer 4 */

.footer4 .footer-top-area {
    background-color: transparent;
}

.footer4 .footer-top-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-primary);
    opacity: 0.09;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.footer4 .footer-top-area .widget.widget_block {
    text-align: center;
    white-space: nowrap;
    padding: 0 30px;
}

/* Footer 5 */

.footer5 .footer-top-area {
    font-size: 16px;
    background-color: transparent;
    border-bottom: 1px solid #e6e0df;
}

.copy-right4 .footer-bottom-area:before,
.footer5 .footer-top-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-primary);
    opacity: 0.09;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.footer5 .footer-top-area p {
    line-height: 2;
}


/* company details css */
.footer-top-area .company-details-area ul.company-ul {
    background-color: #fff;
    padding: 16px 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-top-area .company-details-area ul.company-ul li.company-li {
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.footer-top-area .company-details-area ul.company-ul li.company-li span.icon-location,
.footer-top-area .company-details-area ul.company-ul li.company-li span.icon {
    color: #929292;
    font-size: 25px;
    line-height: 1;
    margin-right: 18px;
}

.footer-top-area .company-details-area ul.company-ul li.company-li span.icon-location svg,
.footer-top-area .company-details-area ul.company-ul li.company-li span.icon svg {
    width: 20px;
    height: 20px;
    color: #929292;
}

.footer-top-area .company-details-area ul.company-ul li.company-li a {
    color: #929292;
    font-size: 16px;
    line-height: 1;
	font-weight: 600;
}

.footer-top-area .company-details-area ul.company-ul li.company-li span.map-text {
    color: #929292;
    font-size: 16px;
    line-height: 1;
}

@media (max-width : 1199px) {
    .footer-top-area .company-details-area {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .footer-top-area .company-details-area ul.company-ul {
        padding: 15px;
    }
    .footer-top-area .company-details-area ul.company-ul li.company-li span.icon svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width : 767px) {
    .footer-top-area .company-details-area ul.company-ul {
        flex-direction: column;
    }
    .footer-top-area .company-details-area ul.company-ul li.company-li {
        margin-top: 12px;
    }
    .footer-top-area .company-details-area ul.company-ul li.company-li:first-child {
        margin-top: 0px;
    }
}

/* Copyright */

.footer-bottom-area {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-bottom-area .copy-right p,
.copy-right1 .footer-bottom-area .copy-right a,
.copy-right2 .footer-bottom-area .copy-right a,
.copy-right3 .footer-bottom-area .copy-right a {
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
}

.footer-bottom-area .copy-right p span>span {
    color: var(--bs-primary);
}

.footer-bottom-area ul.ft-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .footer-bottom-area ul.ft-bottom {
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
    }

    .footer-bottom-area ul.ft-bottom li.social-medea {
        margin-top: 9px;
    }
}

@media (max-width: 767px) {
    .footer-bottom-area .copy-right p {
        font-size: 14px;
        text-align: center;
    }
}

.copy-right2 .footer-bottom-area {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #202020;
    border-top: 1px solid #363636;
}

@media (max-width : 1199px) {
    .copy-right2 .footer-bottom-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width : 767px) {
    .copy-right2 .footer-bottom-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li {
    width: 33.33%;
}

.copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li.logo {
    text-align: center;
}

.copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li p {
    color: #929292;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.copy-right2 .footer-bottom-area ul.social-icon {
    justify-content: flex-end;
}

.copy-right2 .footer-bottom-area ul.social-icon li:last-child {
    padding-right: 28px;
}

.copy-right2 .footer-bottom-area ul.social-icon li:last-child {
    padding-right: 0;
}

.copy-right2 .footer-bottom-area ul.social-icon li a {
    color: #a19f9d;
    font-size: 16px;
    line-height: 1;
}

.copy-right2 .footer-bottom-area ul.social-icon li a:hover,
.copy-right2 .footer-bottom-area ul.social-icon li a:focus {
    color: #d19a7a;
}

@media (max-width: 991px) {
    .copy-right2 .footer-bottom-area ul.social-icon {
        justify-content: center;
    }

    .copy-right2 .footer-bottom-area ul.ft-bottom {
        text-align: center;
    }

    .copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li {
        width: 100%;
    }

    .copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li.copyright-text {
        margin-top: 10px;
    }

    .copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li.logo {
        order: -1;
    }

    .copy-right2 .footer-bottom-area ul.ft-bottom li.copy-right-li.social {
        order: -1;
        margin-top: 16px;
    }
}

@media (max-width: 767px) {
    .copy-right2 .footer-bottom-area .copy-right p {
        font-size: 12px;
        text-align: center;
    }
}

.copy-right3 .footer-bottom-area ul.ft-bottom {
    justify-content: center;
}

.copy-right4 .footer-bottom-area {
    background-color: #fff;
}

.copy-right4 .footer-bottom-area ul.ft-bottom li.copy-right p {
    color: #666666;
    font-size: 16px;
}

.copy-right4 .footer-bottom-area ul.ft-bottom li.copyright-url a {
    color: #666666;
    font-size: 16px;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #ededed;
    line-height: 1;
}

.copy-right4 .footer-bottom-area ul.ft-bottom li.copyright-url a:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}

.copy-right4 .footer-bottom-area ul.ft-bottom li.copyright-url a:hover {
    color: var(--bs-primary);
}

.copy-right4 .footer-bottom-area ul.ft-bottom li {
    margin: 5px 0;
}


.copy-right4 ul.social-icon li a {
    color: #666666;
}

/* Scroll to top */

a.scroll {
    display: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    padding: 12px;
    background-color: var(--bs-primary);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    text-transform: uppercase;
    position: fixed;
    bottom: 90px;    
    right: 30px;    
    z-index: 9;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a.scroll:hover,
a.scroll:focus {
    color: #ffffff;
    background-color: var(--bs-primary);
}
@media(max-width: 767px){
    a.scroll {
        font-size: 12px;
        height: 30px;
        width: 30px;
        right: 15px;
        padding: 9px;
    }
}

/* Breadcrumb */

.breadcrumb-area {
    padding-top: 15px;
    padding-bottom: 15px;    
    background-color: #f0f0f0;    
    position: relative;    
}
.breadcrumb-area::before {
    content: "";
    position: absolute;
    top: 0;    
    left: 0;    
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.4;
}
@media (max-width: 767px) {
  .breadcrumb-area {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

ul.breadcrumb-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
ul.breadcrumb-list li {
    position: relative;
    display: flex;
	align-items: center;
}
/* ul.breadcrumb-list li::after{ */
    /* content: "\f105"; */
    /* font-family: 'fontawesome'; */
    /* display: flex; */
    /* align-items: center; */
    /* margin: 0 10px; */
    /* font-size: 12px; */
/* } */
ul.breadcrumb-list li:last-child::after{
    display: none;
}
ul.breadcrumb-list li.breadcrumb-item + li.breadcrumb-item {
    padding-left: 0;
}
ul.breadcrumb-list li.breadcrumb-item + li.breadcrumb-item::before{
    content: "";
    display: block;
    padding-right: 0;
}
ul.breadcrumb-list li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
ul.breadcrumb-list li span{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600; 
    color: #414141;  
}

/* Home About 1 */

.home-about {
    padding-top: 100px;
    padding-bottom: 0px;
}

@media (max-width : 1199px) {
    .home-about {
        padding-top: 60px;
        padding-bottom: 0px;
    }
}

@media (max-width : 767px) {
    .home-about {
        padding-top: 40px;
        padding-bottom: 0px;
    }
}

.home-about .home-about-wrap {
    display: flex;
}

.home-about .home-about-wrap.rowreverse {
    display: flex;
    flex-direction: row-reverse;
}

.home-about-sideimg {
    width: 50%;
}

.home-about-txt {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-about-txt .home-about-wrapper {
    width: 60%;
    margin: 0 auto;
}

.home-about-txt span {
    color: var(--bs-primary);
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.home-about-txt h2 {
    text-transform: capitalize;
    font-size: 40px;
    line-height: 1;
    margin-top: 17px;
}

.home-about-txt p {
    color: #999;
    font-size: 16px;
    margin-top: 19px;
    font-weight: 300;
}

.home-about-txt .home-about-btn {
    margin-top: 24px;
}

@media (max-width: 1199px) {

    .home-about-sideimg,
    .home-about-txt {
        width: 50%;
    }

    .home-about-txt h2 {
        font-size: 30px;
    }
}

@media (max-width : 991px) {
    .home-about-txt .home-about-wrapper {
        width: 70%;
    }

    .home-about-txt span {
        font-size: 16px;
    }

    .home-about-txt h2 {
        margin-top: 9px;
    }

    .home-about-txt p {
        font-size: 14px;
        margin-top: 6px;
    }

    .home-about-txt .home-about-btn {
        margin-top: 14px;
    }
}

@media (max-width : 767px) {
    .home-about-txt .home-about-wrapper {
        width: 100%;
        margin-top: 15px;
    }

    .home-about .home-about-wrap.rowreverse,
    .home-about .home-about-wrap {
        flex-direction: column;
        margin-top: 30px;
    }

    .home-about .home-about-wrap:first-child {
        margin-top: 0px;
    }

    .home-about-sideimg {
        width: 100%;
    }

    .home-about-txt {
        width: 100%;
    }

    .home-about-txt span {
        font-size: 14px;
    }

    .home-about-txt h2 {
        font-size: 24px;
    }
}


/* Home About 2 */

.home-about-two .home-about {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width : 1199px) {
    .home-about-two .home-about {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width : 767px) {
    .home-about-two .home-about {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.home-about-two .home-about .home-about-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.home-about-two .home-about .home-about-area .about-image-area {
    width: 58.33%;
    position: relative;
    margin-bottom: 80px;
}

.home-about-two .home-about .home-about-area .about-image-area span.image {
    width: 100%;
    text-align: right;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text {
    position: absolute;
    left: 0px;
    bottom: -80px;
    padding: 120px 90px;
    text-align: center;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text span.sub-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 31px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title {
    color: #fff;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title span {
    display: block;
    margin-top: 10px;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title span:first-child {
    margin-top: 0px;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text a {
    color: #fff;
    font-size: 16px;
    margin-top: 28px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
}

.home-about-two .home-about .home-about-area .about-image-area .image-text a:hover {
    color: #333;
    border-color: #333;
}

.home-about-two .home-about .home-about-area .about-text-area {
    width: calc(41.67% - 140px);
    margin-left: 140px;
}

.home-about-two .home-about .home-about-area .about-text-area .title-area h1.title-main {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
}

.home-about-two .home-about .home-about-area .about-text-area .title-area h1.title-main span.title {
    line-height: 1;
    margin-top: 8px;
    display: block;
}

.home-about-two .home-about .home-about-area .about-text-area .title-area h1.title-main span.title:first-child {
    margin-top: 0px;
}

.home-about-two .home-about .home-about-area .about-text-area .description {
    margin-top: 25px;
}

.home-about-two .home-about .home-about-area .about-text-area .description span.desc {
    color: #929292;
    font-size: 24px;
}

.home-about-two .home-about .home-about-area .about-text-area .about-btn {
    margin-top: 31px;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .home-about-two .home-about .home-about-area .about-text-area {
        width: calc(41.67% - 100px);
        margin-left: 100px;
    }
}

@media (max-width: 1199px) {
    .home-about-two .home-about .home-about-area .about-image-area .image-text {
        padding: 100px 70px;
    }

    .home-about-two .home-about .home-about-area .about-image-area .image-text span.sub-title {
        margin-bottom: 24px;
    }

    .home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title {
        font-size: 28px;
    }

    .home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title span {
        margin-top: 5px;
    }

    .home-about-two .home-about .home-about-area .about-image-area .image-text a {
        margin-top: 18px;
    }

    .home-about-two .home-about .home-about-area .about-text-area {
        width: calc(41.67% - 70px);
        margin-left: 70px;
    }

    .home-about-two .home-about .home-about-area .about-text-area .title-area h1.title-main {
        font-size: 28px;
    }

    .home-about-two .home-about .home-about-area .about-text-area .description {
        margin-top: 18px;
    }

    .home-about-two .home-about .home-about-area .about-text-area .description span.desc {
        font-size: 16px;
    }

    .home-about-two .home-about .home-about-area .about-text-area .about-btn {
        margin-top: 23px;
    }
}

@media (max-width: 991px) {
    .home-about-two .home-about .home-about-area .about-image-area {
        width: 100%;
    }

    .home-about-two .home-about .home-about-area .about-text-area {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 37px;
    }
}

@media (max-width: 479px) {
    .home-about-two .home-about .home-about-area .about-image-area .image-text {
        padding: 70px 40px;
    }

    .home-about-two .home-about .home-about-area .about-image-area .image-text h1.image-title {
        font-size: 24px;
    }

    .home-about-two .home-about .home-about-area .about-text-area .title-area h1.title-main {
        font-size: 24px;
    }
}


/* Our Vision */

.about-vision {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .about-vision {
        padding-top: px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .about-vision {
        padding-top: 60px;
        padding-bottom: px;
    }
}

/* textcontent */
ul.our-vision {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

ul.our-vision li.text-content {
    width: calc(50% - 30px);
    margin-left: 30px;
    display: flex;
    align-items: center;
}

ul.our-vision li.text-content:hover img {
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

ul.our-vision li.text-content img {
    padding-right: 15px;
}

ul.our-vision li.text-content img,
ul.our-vision li.text-content:hover img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

ul.our-vision li.text-content h6 {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1;

}

ul.our-vision li.text-content p {
    color: #999;
    margin-top: 7px;
}

@media (max-width: 767px) {
    ul.our-vision {
        margin-left: -15px;
    }

    ul.our-vision li.text-content {
        width: calc(100% - 15px);
        margin-top: 20px;
        margin-left: 15px;
    }

    ul.our-vision li.text-content:first-child {
        margin-top: 0;
    }
}

/* Funfact  */

.business-counter ul.single-count li.count-wrap .count-title h2{
    color: #ffffff;
}

.business-counter ul.single-count li.count-wrap .count-title span{
    color: #ffffff;
}

.about-counter {
    border: 1px solid #e2e2e2;
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.about-counter:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
}

@media (max-width: 1199px) {
    .about-counter {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .about-counter {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* textcontent */
.business-counter {
    position: relative;
    text-align: center;
    z-index: 1;
}

.business-counter ul.single-count {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business-counter ul.single-count li.count-wrap {
    width: 25%;
}

.business-counter ul.single-count li.count-wrap .count-title h2 {
    font-size: 40px;
    text-transform: capitalize;

}

.business-counter ul.single-count li.count-wrap .count-title span {
    margin-top: 21px;
}

@media(max-width: 991px) {
    .business-counter ul.single-count li.count-wrap .count-title h2 {
        font-size: 30px;
    }
}

@media(max-width: 767px) {
    .business-counter ul.single-count li.count-wrap .count-title h2 {
        font-size: 24px;
    }

    .business-counter ul.single-count {
        margin-top: -30px;
    }

    .business-counter ul.single-count li.count-wrap {
        margin-top: 30px;
        width: 50%;
    }
}

/* Team */

.about-team {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .about-team {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .about-team {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* teamcontent */
.our-team ul.team-wrap {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

.our-team ul.team-wrap li.team-content {
    width: calc(25% - 30px);
    margin-left: 30px;
}

.our-team ul.team-wrap li.team-content a {
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15);
}

.our-team ul.team-wrap li.team-content .team-info {
    margin-top: 15px;
}

.our-team ul.team-wrap li.team-content .team-info h6 {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1;

}

.our-team ul.team-wrap li.team-content .team-info span {
    display: block;
    color: #666;
    font-size: 14px;
    margin-top: 9px;
}

.our-team ul.team-wrap li.team-content .team-info p {
    margin-top: 3px;
    font-size: 13px;
}

@media (max-width: 991px) {
    .our-team ul.team-wrap li.team-content {
        width: calc(50% - 30px);
        margin-top: 30px;
    }

    .our-team ul.team-wrap li.team-content:nth-child(1),
    .our-team ul.team-wrap li.team-content:nth-child(2) {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .our-team ul.team-wrap {
        margin-left: -15px;
    }

    .our-team ul.team-wrap li.team-content {
        width: calc(50% - 15px);
        margin-top: 15px;
        margin-left: 15px;
    }
}

/* Contact Page */
/* error css */
.errors {
    margin: 30px 0 15px;
    border-radius: 0;
}

.errors ul {
    list-style: disc;
    margin-left: 15px;
    text-align: left;
}

@media (max-width: 767px) {
    .errors {
        margin: 20px 0 15px;
    }
}

/* form css */
ul.form-fill li {
    margin-top: 15px;
}

ul.form-fill li.textarea-input,
ul.form-fill li.fname-input {
    margin-top: 0;
}

ul.form-fill li label {
    display: block;
    cursor: auto;
    margin-bottom: 10px;
    line-height: 1;
}

ul.form-fill li input,
ul.form-fill li textarea {
    display: block;
    width: 100%;
}

.contact-submit {
    margin-top: 30px;
}

/* success css */
.post-success {
    font-size: 0.9em;
    padding: 6px 12px;
    margin-top: 15px;
    background-color: #f5fff7;
    border: 1px solid #28a745;
}

.post-success ul {
    list-style: disc;
    margin-left: 15px;
}

@media (max-width: 767px) {
    ul.form-fill li.textarea-input {
        margin-top: 15px;
    }
}

/*-error-close-*/

.contact-us-page {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .contact-us-page {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .contact-us-page {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .contact-us-page .contact-map .map {
        height: 320px;
    }
}

.form-contact .contact-content .form-warp.contact-detail {
    padding-top: 100px;
    padding-bottom: 0px;
}

@media (max-width: 1199px) {
    .form-contact .contact-content .form-warp.contact-detail {
        padding-top: 60px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .form-contact .contact-content .form-warp.contact-detail {
        padding-top: 40px;
        padding-bottom: 0px;
    }
}

.form-contact .contact-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px;

    background-color: #f0f2f5;

    border: 1px solid #e2e2e2;
}

.form-contact .contact-content .form-warp.contact-detail {
    width: 100%;
}

/* contact form css */

.contact-content .form-warp .contact-form-list {}

.contact-content .form-title h6 {
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;

}

@media (max-width: 767px) {
    .contact-content .form-warp .contact-form-list {
        margin-top: 20px;
    }

    .form-contact .contact-content {
        padding: 50px 15px;
    }
}

/* get in touch css */
.form-contact .contact-content .get-info.contact-detail {
    width: 100%;
}

.contact-content .get-info .contact-info-list {
    display: flex;
    justify-content: center;
    margin-left: -30px;
    flex-wrap: wrap;
}

/* get touch css */
ul.contact-info-list li.ftcon-li {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    width: calc(33.33% - 30px);
    margin-left: 30px;
    text-align: center;
}

ul.contact-info-list li.ftcon-li span.con-icon,
ul.contact-info-list li.ftcon-li span.con-icon a {
    font-size: 38px;
    line-height: 1;
    color: var(--bs-primary);
}

ul.contact-info-list li.ftcon-li span.con-add,
ul.contact-info-list li.ftcon-li a.con-add {
    margin-top: 21px;
    color: #828282;
}

ul.contact-info-list li.ftcon-li span.con-add a:hover {
    color: var(--bs-primary);
}

ul.contact-info-list li.ftcon-li span.con-add a {
    color: #828282;
}

ul.contact-info-list li.ftcon-li span.con-add span {
    display: block;
}

@media(max-width: 767px) {
    ul.contact-info-list li.ftcon-li {
        width: calc(100% - 30px);
    }

    ul.contact-info-list li.ftcon-li span.con-icon {
        font-size: 28px;
    }

    .contact-content .get-info .contact-info-list {
        margin-left: 0px;
        margin-top: -15px;
    }

    ul.contact-info-list li.ftcon-li {
        margin-left: 0px;
        margin-top: 15px;
    }
}

/* FAQ Page */

.faq-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

.faq-section+.faq-section {
    padding-top: 0;
}

@media (max-width: 1199px) {
    .faq-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .faq-section+.faq-section {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .faq-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.faq-section .que-ans ul li {
    padding: 30px;
    margin-top: 10px;
    border: 1px solid #e2e2e2;
}

.faq-section .que-ans ul li:first-child {
    margin-top: 0;
}

.faq-section .que-ans ul li a.question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

.faq-section .que-ans ul li a.question[aria-expanded="true"],
.faq-section .que-ans ul li a.question:hover {
    color: var(--bs-primary);
}

.faq-section .que-ans ul li a.question span.que {
    display: block;
}

.faq-section .que-ans ul li a.question span.que-accordian {
    color: var(--bs-primary);
    font-size: 14px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-section .que-ans ul li a.question[aria-expanded="true"] span.que-accordian i:before {
    content: "\f068";
}

.faq-section .que-ans ul li .ans-accordian p {
    font-size: 15px;
    padding-top: 15px;
    color: #999;
}

@media(max-width: 767px) {
    .faq-section .que-ans ul li {
        padding: 15px;
    }
}

/* Page 404 */

.page-not-found .search-error-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-not-found .search-error-wrapper a {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-not-found .search-error-wrapper a i {
    font-size: 14px;
    margin-left: 5px;
}

@media (max-width: 767px) {
    .page-not-found .search-error-wrapper a {
        margin-top: 15px;
    }
}

/* Return Policy */

.return-policy {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

.return-policy .policy-wrap.nth-child3,
.return-policy .policy-wrap.nth-child4 {
    padding-top: 100px;
}

@media (max-width: 1199px) {
    .return-policy .policy-wrap.nth-child3,
    .return-policy .policy-wrap.nth-child4 {
        padding-top: 80px;
    }

    .return-policy {
        padding-top: 80px;
        padding-bottom: 79px;
    }
}

@media (max-width: 991px) {
    .return-policy .policy-wrap.nth-child2 {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .return-policy .policy-wrap.nth-child2,
    .return-policy .policy-wrap.nth-child3,
    .return-policy .policy-wrap.nth-child4 {
        padding-top: 40px;
    }

    .return-policy {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.return-policy .main-title {
    text-align: left;
}

.return-policy .main-title h2 {
    font-size: 24px;
    margin-bottom: 60px;
    font-weight: 500;
    line-height: 1;
}

.return-policy .main-title h2 span {
    font-weight: 600;
    border-bottom: 1px solid #e2e2e2;
}

.return-policy .que-ans ul li {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
}

.return-policy .que-ans ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.return-policy .que-ans ul li a.question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

.return-policy .que-ans ul li a.question span.que {
    display: block;
}

.return-policy .que-ans ul li .ans-accordian p {
    font-size: 15px;
    line-height: 30px;
}

@media(max-width: 1199px) {
    .return-policy .main-title h2 {
        margin-bottom: 40px;
    }

    .return-policy .main-title h2 {
        font-size: 20px;
    }

    .return-policy .que-ans ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media(max-width: 767px) {
    .return-policy .main-title h2 {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

/* Privacy Policy */

.privacy-policy {
    padding-top: 100px;
    padding-bottom: 100px;
}

.privacy-policy+.privacy-policy {
    padding-top: 0;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .privacy-policy {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .privacy-policy+.privacy-policy {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .privacy-policy {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*section title*/
.privacy-policy .main-title {
    width: 85%;
}

.privacy-policy+.privacy-policy .main-title {
    margin-left: auto;
}

.privacy-policy .main-title h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.privacy-policy .main-title p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
    color: #666;
}

.privacy-policy .main-title a.read-button {
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #232323;
    margin-top: 30px;
    padding: 15px 30px;
    border-radius: 0;
}

.privacy-policy .main-title a.read-button:hover {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

@media(max-width: 1599px) {
    .privacy-policy .main-title {
        width: 100%;
    }
}

/*section content*/
.privacy-policy .que-ans ul li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
}

.privacy-policy .que-ans ul li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.privacy-policy .que-ans ul li p {
    font-size: 14px;
    padding-left: 30px;
    position: relative;
}

.privacy-policy .que-ans ul li p::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 5px;
    width: 5px;
    background-color: var(--bs-primary);
    border-radius: 100%;
}

@media (max-width: 991px) {
    .privacy-policy .que-ans {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .privacy-policy .main-title h3 {
        font-size: 20px;
    }

    .privacy-policy .main-title p {
        font-size: 14px;
    }
}

/* Payment Policy */

.payment-policy {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: ;
}

@media (max-width: 1199px) {
    .payment-policy {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .payment-policy {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.payment-policy .que-ans ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.payment-policy .que-ans ul li {
    padding: 30px;
    width: calc(50% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 8%);
}

.payment-policy .que-ans ul li h6 {
    font-size: 16px;
    line-height: 1;
}

.payment-policy .que-ans ul li p {
    padding-top: 15px;
    color: #666;
}

@media(max-width: 991px) {
    .payment-policy .que-ans ul li {
        width: calc(100% - 30px);
    }
}

@media(max-width: 767px) {
    .payment-policy .que-ans ul {
        margin-left: -15px;
        margin-top: -15px;
    }

    .payment-policy .que-ans ul li {
        width: calc(100% - 15px);
        padding: 15px;
        margin-top: 15px;
        margin-left: 15px;
    }
}

/* Terms Condition */

.terms-conditions {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .terms-conditions {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .terms-conditions {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.terms-conditions .rule-wrap ul li {
    margin-top: 15px;
    padding-left: 15px;
    position: relative;
}

.terms-conditions .rule-wrap ul li:first-child {
    margin-top: 0px;
}

.terms-conditions .rule-wrap ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 5px;
    width: 5px;
    background-color: var(--bs-primary);
    border-radius: 50%;
}

@media (max-width: 767px) {
    .terms-conditions .rule-wrap ul li {
        margin-top: 5px;
    }
}

/* Blog News */

.blog-content-wrap .left-wrap {
    flex-direction: row-reverse;
}

@media (max-width : 767px) {

    .blog-content-wrap .left-wrap,
    .blog-content-wrap .right-wrap {
        flex-direction: column-reverse;
    }

    .blog-content-wrap .blog-grid-wrap {
        margin-top: 30px;
    }

    .blog-content-wrap .blog-grid-wrap:last-child {
        margin-top: 0px;
    }
}

.blog-content-wrap ul.single-blog-area {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -40px;
}

.blog-content-wrap ul.single-blog-area li {
    position: relative;
    margin-left: 30px;
    margin-top: 40px;
}

.blog-content-wrap ul.single-blog-area li::after {
    content: "";
    opacity: 0.8;
}

.blog-content-wrap ul.single-blog-area li {
    width: calc(50% - 30px);
}

.blog-sidebar-wrap .widget_media_gallery {
    display: grid;
}

.blog-sidebar-wrap .widget_media_image img {
    padding: 10px 5px;
}

@media (max-width : 1199px) {
    .blog-content-wrap ul.single-blog-area li {
        width: calc(100% - 30px);
    }
}

@media (max-width : 991px) {
    .blog-content-wrap ul.single-blog-area li {
        width: calc(100% - 30px);
    }
}

@media (max-width : 767px) {
    .blog-content-wrap ul.single-blog-area {
        margin-left: 0;
    }

    .blog-content-wrap ul.single-blog-area li {
        width: calc(100% - 15px);
        margin: 40px 0 0 15px;
    }
}

.blog-sidebar-wrap {
    position: sticky;
    top: 0;
}

.blog-sidebar-wrap .widget:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.blog-sidebar-wrap .widget .widget-title {
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
}

.blog-sidebar-wrap .widget ul li,
.blog-sidebar-wrap .widget ol li {
    padding: 13px 15px 0;
}

.widget li {
    list-style: none;
    position: relative;
}

.widget li a {
    position: relative;
    z-index: 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
	word-break: break-word;
}

.widget li a:hover,
.widget li a:focus {
    text-decoration: underline;
}

/* widget search css */

.widget.widget_search form:not(.wp-block-search) {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 15px;
}

.widget.widget_search form:not(.wp-block-search) input {
    width: 100%;
}

.widget.widget_search button.search-submit {
    color: var(--bs-primary);
    font-size: 16px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    line-height: 0;
}

.wp-block-search__label {
    margin-bottom: 6px;
    font-weight: 600;
}

#comment-submit,
.wp-block-search__button,
button[type="submit"]:not(.search-submit), input[type="button"], input[type="reset"], input[type="submit"],.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover  {
    display: inline-block;
    margin-left: 6px;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--bs-primary);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 1px solid transparent;
    padding: 0.5rem 1.375rem;
    letter-spacing: 0.05rem;
    border-radius: 0;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce .product-section2 a.added_to_cart {
    padding-top: 0.8em;
    padding-left: 0.5em;
    margin-top: 13px;
}


/* widget archive/category css */

.blog-sidebar-wrap .widget.widget_archive ul,
.blog-sidebar-wrap .widget.widget_categories ul {
    margin-top: 15px;
    padding-left: 15px;
}

.blog-sidebar-wrap .widget.widget_product_categories ul > li:not(.cat-parent),
.blog-sidebar-wrap .widget.widget_archive ul > li,
.blog-sidebar-wrap .widget.widget_categories ul > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
    z-index: 1;
}

.blog-sidebar-wrap .widget.widget_layered_nav ul > li,
.blog-sidebar-wrap .widget.widget_nav_menu ul > li,
.blog-sidebar-wrap .widget.widget_pages ul > li,
.blog-sidebar-wrap .widget.widget_product_categories ul > li,
.blog-sidebar-wrap .widget.widget_archive ul > li,
.blog-sidebar-wrap .widget.widget_categories ul > li {
    padding: 0px 15px;
    position: relative;
    margin-top: 10px;
}

.blog-sidebar-wrap .widget.widget_archive ul > li:before,
.blog-sidebar-wrap .widget.widget_categories ul > li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    height: 6px;
    width: 6px;
    background-color: var(--bs-primary);
}

.blog-sidebar-wrap .widget ul.archive-sidebar li a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* widget tag css */

.widget_tag_cloud .wp-block-tag-cloud, .tagcloud {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-left: -5px;
}

.widget_tag_cloud a {
    margin: 5px 0px 0 5px;
}

.widget_tag_cloud a {
    color: #fff;
    padding: 5px 10px;
    background-color: #333333;
    text-transform: capitalize;
    position: relative;
    border-radius: 0px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.231;
    font-size: 13px !important;
}

.widget_tag_cloud a:hover {
    background-color: #fff;
    color: #333;
    box-shadow: 0 0px 15px rgb(0 0 0 / 25%);
}

.widget_tag_cloud a::before {
    content: "#";
}

/* Calendar */

.wp-block-calendar,
.calendar_wrap {
    position: relative;
    padding: 1.875rem;
    background-color: #fdfdfd;
    border: 1px solid #e2e2e2;
}

.blog-sidebar-wrap .wp-block-calendar,
.blog-sidebar-wrap .calendar_wrap {
    padding: 0;
    background: none;
    border: none;
}

.widget_calendar table {
    width: 100%;
    background: none;
    border: none;
    margin: 0;
    caption-side: top;
}

.widget_calendar table caption {
    font-weight: 700;
    color: #333;
    position: relative;
    padding-right: 8.75rem;
    text-align: left;
}

.widget_calendar table th, .widget_calendar table td {
    text-align: center;
    line-height: 38px;
    border: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
}

.widget_calendar table th {
    color: #333;
    background: none;
    font-weight: 700;
}

.widget_calendar table td {
    font-weight: 500;
    position: relative;
}

.widget_calendar table tfoot {
    background-color: #e2e2e2;
}

.wp-calendar-nav {
    position: absolute;
    font-weight: 600;
    font-size: 0.8rem;
    top: 33px;
    right: 30px;
}

.blog-sidebar-wrap .wp-calendar-nav {
    top: 4px;
    right: 0;
}

.wp-calendar-nav a {
    width: 60px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #333;
    text-decoration: none;
    border-radius: 10rem;
    transition: all .35s cubic-bezier(.645,.045,.355,1);
}

.wp-calendar-nav a:hover,
.wp-calendar-nav a:focus {
    color: #fff;
    background-color: var(--bs-primary);
}

/* recent comments */

.widget.widget_recent_comments ol {
    padding: 0;
    margin: 0;
}

/* widget meta */

.widget_meta li a:before {
    font-family: 'FontAwesome';
    margin-right: 8px;
}

.widget_meta li:nth-child(1) a:before {
    content: "\f007";
}

.widget_meta ul li:nth-child(2) a:before {
    content: "\f08b";
}

.widget_meta ul li:nth-child(3) a:before {
    content: "\f086";
}

.widget_meta ul li:nth-child(4) a:before {
    content: "\f27a";
}

.widget_meta ul li:nth-child(5) a:before {
    content: "\f19a";
}


/*===== Quick View =====*/

.productmodal .modal.fade.show {
    display: block;
    background-color: rgb(0 0 0 / 50%);
}

.productmodal .modal-dialog {
    max-width: 800px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .productmodal .modal-dialog {
        max-width: 710px;
    }
}

.productmodal .modal-dialog .modal-content {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 0;
}

.productmodal .modal-dialog .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.productmodal .modal-dialog .modal-header h6 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1;
}

.productmodal .modal-dialog .modal-header .close {
    font-size: 14px;
    color: #000;
    position: relative;
    top: 0;
    right: 0;
    float: none;
    padding: 0;
    margin: 0;
    opacity: 1;
    line-height: 0;
}

.productmodal .modal-dialog .modal-header .close:hover {
    color: var(--bs-primary);
}

.productmodal .modal-dialog .modal-body {
    padding: 15px 0px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.productmodal .modal-dialog .modal-body .quick-view-img {
    width: 375px;
    padding-left: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content {
    padding: 0 15px;
    width: calc(100% - 375px);
    overflow-y: auto;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-title h6 {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1;
}

.productmodal .modal-dialog .modal-body .quick-view-content .price-box {
    margin-top: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .price-box span.new-price,
.productmodal .modal-dialog .modal-body .quick-view-content .price-box span.old-price {
    font-size: 16px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-ratting {
    margin-top: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-ratting .rating .spr-badge {
    display: flex;
    align-items: center;
    line-height: 1;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-ratting .rating .spr-badge .spr-starrating i.spr-icon {
    font-size: 14px !important;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-ratting .rating .spr-badge .spr-badge-caption {
    display: block;
    margin-left: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-desc {
    margin-top: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-desc .product-short-desc .more-description .desc-content h3 {
    font-size: 20px;
    line-height: 1;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-desc .product-short-desc .more-description .desc-content p {
    color: #929292;
    font-size: 16px;
    margin-top: 6px;
    font-weight: 500;
}

/* modal variant css */
.productmodal .modal-dialog .modal-body .quick-view-content form {
    margin-top: 14px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .quick-view-select .variants_selects .selector-wrapper {
    margin-top: 15px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .quick-view-select .variants_selects .selector-wrapper:first-of-type {
    margin-top: 0px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .quick-view-select .variants_selects .selector-wrapper label {
    color: var(--bs-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.productmodal .modal-dialog .modal-body .quick-view-content .quick-view-select .variants_selects .selector-wrapper select {
    margin-left: 15px;
    padding: 10px 30px 10px 15px;
    text-transform: capitalize;
}

/* modal quantity css */
.productmodal .modal-dialog .modal-body .quick-view-content .product-quantity-action {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-quantity-action label {
    color: var(--bs-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.productmodal .modal-dialog .modal-body .quick-view-content .product-quantity-action .product-quantity {
    margin-left: 15px;

}

/* modal button css */
.modal-dialog .modal-body .quick-view-content .quickview-buttons {
    margin-top: 20px;
}

.modal-dialog .modal-body .quick-view-content .quickview-buttons span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog .modal-body .quick-view-content .quickview-buttons svg {
    height: 18px;
    margin-right: 5px;
    width: 18px;
}

@media (max-width: 767px) {
    .productmodal .modal-dialog .modal-body {
        margin: 15px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        flex-direction: column;
        overflow: auto;
    }

    .productmodal .modal-dialog .modal-body .quick-view-img {
        width: 100%;
        padding-left: 0px;
    }

    .productmodal .modal-dialog .modal-body .quick-view-content {
        width: 100%;
        padding: 0 0;
        margin-top: 15px;
        max-height: 0px;
        overflow-y: unset;
    }
}

/* Product Two */

.product-section2 .product-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f2eeec;
}
.product-section2 .section-capture.tab {
    margin-bottom: 60px;
}
.product-section3 .section-capture.tab .section-title,
.product-section2 .section-capture.tab .section-title {
    margin-bottom: 48px;
}
.product-section2 .tab-collection-btn {
    margin-top: 60px;
    text-align: center;
}
@media (max-width: 1199px){
    .product-section2 .product-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (max-width: 767px){
    .product-section2 .product-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .product-section2 .section-capture.tab {
        margin-bottom: 30px;
    }
    .product-section2 .section-capture.tab .section-title {
        margin-bottom: 15px;
    }
    .product-section2 .tab-collection-btn {
        margin-top: 30px;
    }
}

.product-section3 ul.nav-tabs,
.product-section2 ul.nav-tabs {
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 2;
    border-bottom: none;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin
}

.product-section3 ul.nav-tabs li,
.product-section2 ul.nav-tabs li {
    position: relative;
    margin-right: 25px;
    padding-right: 25px
}

.product-section3 ul.nav-tabs li:last-child,
.product-section2 ul.nav-tabs li:last-child {
    margin-right: 0;
    padding-right: 0
}

.product-section2 ul.nav-tabs li:before {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--bs-primary);
}

.product-section2 ul.nav-tabs li:last-child:before {
    display: none
}

.product-section3 ul.nav-tabs li a,
.product-section2 ul.nav-tabs li a {
    position: relative;
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 2px;
    text-transform: uppercase
}

.product-section3 ul.nav-tabs li a.active, ul.nav-tabs li a:hover,
.product-section2 ul.nav-tabs li a.active, ul.nav-tabs li a:hover {
    color: var(--bs-primary);
}

.product-section3 ul.nav-tabs li a:after,
.product-section2 ul.nav-tabs li a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 0px;
    height: 2px;
    background-color: var(--bs-primary);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 ul.nav-tabs li a.active:after,
.product-section3 ul.nav-tabs li a:hover:after,
.product-section2 ul.nav-tabs li a.active:after,
.product-section2 ul.nav-tabs li a:hover:after {
    width: 100%;
    background-color: var(--bs-primary);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media (max-width: 767px) {
    .product-section3 ul.nav-tabs,
    .product-section2 ul.nav-tabs {
        justify-content: center;
        overflow-x: auto
    }

    .product-section3 ul.nav-tabs li,
    .product-section2 ul.nav-tabs li {
        min-width: 150px;
        text-align: center;
        margin-bottom: 5px
    }
}

@media (max-width: 479px) {
    .product-section3 ul.nav-tabs,
    .product-section2 ul.nav-tabs {
        justify-content: flex-start
    }
}

/* Product Three */

.product-section3 .product-tab-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.product-section3 .section-capture.tab {
    margin-bottom: 60px;
}

@media (max-width: 1199px) {
    .product-section3 .product-tab-ptb {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .product-section3 .product-tab-ptb {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.product-section3 .product-area .tab-content {
    margin-right: -80px;
    margin-left: -80px;
}

@media (max-width: 767px) {
    .product-section3 .section-capture.tab {
        margin-bottom: 30px;
    }

    .product-section3 .product-area .tab-content {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.product-section3 .single-product-wrap:hover .product-image .product-label {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap .product-image .product-label {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap .product-image .product-action a span.text {
    font-size: 14px;
    color: #fff;
    display: none;
}

.product-section3 .single-product-wrap .product-image .product-action a.wishlist,
.product-section3 .single-product-wrap .product-image .product-action a span.icon,
.product-section3 .single-product-wrap .product-image .product-action a.wishlist {
    display: block;
}

.product-section3 .single-product-wrap .product-image .product-action {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    width: auto;
    display: inline-block;
    height: max-content;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section3 .single-product-wrap:hover .product-image .product-action {
    opacity: 1;
    visibility: visible;
    bottom: unset;
}

.product-section3 .single-product-wrap .product-image .product-action a:last-child {
    transform: translateY(-50px);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap:hover .product-image .product-action a:last-child {
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap .product-image .cart-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap:hover .product-image .cart-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-section3 .single-product-wrap .product-image .cart-btn a {
    font-size: 14px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-section3 .single-product-wrap .product-image .cart-btn a span.icon {
    display: none
}

.product-section3 .single-product-wrap .product-image .product-action a {
    margin-top: 10px;
    width: auto;
    height: max-content;
    border: 0;
    background-color: transparent;
	font-size: 0;
}

.product-section3 .single-product-wrap a.button.yith-wcqv-button:before {
    font-size: 16px;
}


.product-section3 .single-product-wrap .yith-wcwl-add-button>a i {
    font-size: 16px;
}

.product-section3 .single-product-wrap .yith-wcwl-add-to-wishlist {
    margin-right: -48px;
}

.product-section3 .product-action a span.icon svg {
    color: #999;
}

.product-section3 .single-product-wrap .product-action a {
    background: transparent;
}

/*--//--*/

/* Product Four */

.product-section4 .product-area .section-capture {
    margin-bottom: 60px;
}

.product-section4 .product-tab-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f6f1f2;
}

.product-section4 .product-tab-ptb ul.nav-tabs {
    justify-content: center;
    position: relative;
    margin-top: 25px;
    z-index: 1;
    border-bottom: none;
}

.product-section4 .product-tab-ptb ul.nav-tabs li {
    margin-left: 5px;
}

.product-section4 .product-tab-ptb ul.nav-tabs li:first-child {
    margin-left: 0;
}

.product-section4 .product-tab-ptb ul.nav-tabs li a {
    position: relative;
    color: #929292;
    font-size: 16px;
    padding: 12px 40px;
    font-weight: 500;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.product-section4 .product-tab-ptb ul.nav-tabs li a.active,
.product-section4 .product-tab-ptb ul.nav-tabs li a:hover {
    color: var(--bs-primary);
    border-color: #dbd6d6;
}

.product-section4 .single-product-wrap .product-image .product-action {
    bottom: 20px;
    right: 20px;
    opacity: 0;
    width: auto;
    display: inline-block;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section4 .single-product-wrap:hover .product-image .product-action {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

.product-section4 .product-action a {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid var(--bs-primary);
}

.product-section4 .product-action a:first-child {
    margin-top: 0;
}

.product-section4 .single-product-wrap .product-image .product-action a:first-child {
    transform: translateY(90px);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section4 .single-product-wrap:hover .product-image .product-action a:first-child {
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section4 .single-product-wrap:hover .product-image .product-action a:first-child, .product-section4 .single-product-wrap:hover .product-image .product-action a:last-child {
    font-size: 0;
}

.product-section4 .single-product-wrap  a.button.yith-wcqv-button:before,
.product-section4 .single-product-wrap  .yith-wcwl-add-button>a i {
    font-size: 16px;
}

.product-section4 .single-product-wrap  .yith-wcwl-add-button>a i,
.product-section4 .single-product-wrap  a.button.yith-wcqv-button:before {
    margin-right: 0;
	margin-left: 0;
	color: var(--bs-primary);
}


.product-section4 .yith-wcwl-wishlistexistsbrowse {
    display: none;
}

.product-section4 .single-product-wrap .product-action .add_to_wishlist:hover i,
.product-section4 .single-product-wrap .product-action .yith-wcqv-button:hover:before{
	color: #fff;
}

.product-section4 .single-product-wrap .product-image .product-action a:nth-child(2) {
    transform: translateY(45px);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section4 .single-product-wrap:hover .product-image .product-action a:nth-child(2) {
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section4 .product-action a span {
    line-height: 1;
}

.product-section4 .product-action a span.text {
    display: none;
}

.product-section4 .product-action a span.icon {
    display: inline-block;
}

.product-section4 .single-product-wrap .product-action a span svg {
    color: var(--bs-primary);
}

.product-section4 .single-product-wrap .product-action a:hover span svg {
    color: #fff;
}

.product-section4 .single-product-wrap .product-action a:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.product-section4 .single-product-wrap .product-action a.wishlist {
    display: flex;
}

.product-section4 .product-content .product-title a:hover,
.product-section4 .price-box .new-price,
.product-section4 .price-box {
    color: var(--bs-primary);
}

@media (max-width: 1199px) {
    /* .product-section4 .single-product-wrap .product-image .product-action { */
        /* display: none; */
    /* } */
    .product-section4 .single-product-wrap .product-action a span svg {
        color: #fff;
    }
    .product-section4 .product-action a:first-child {
        margin-top: 5px;
    }
}

/*--//--*/

/* Product Five */

.product-section5 .product-area {
    padding-top: 100px;
    padding-bottom: 100px;  
    background-color: #f5f0ed;  
    overflow: hidden;
}

.product-section5 .section-capture.tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-section5 .tab-content.tabs {
    margin-left: -50px;
    margin-right: -50px;
}

.product-section5 ul.nav-tabs {
    position: relative;
    flex-wrap: unset;
    justify-content: center;
    z-index: 2;
    border-bottom: none;
}

.product-section5 ul.nav-tabs li {
    position: relative;
    margin-right: 50px;
}

.product-section5 ul.nav-tabs li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.product-section5 ul.nav-tabs li a {
    position: relative;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.product-section5 ul.nav-tabs li a.active, ul.nav-tabs li a:hover {
    color: var(--bs-primary);
}

.product-section5 ul.nav-tabs li a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 0px;
    height: 2px;
    background-color: var(--bs-primary);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section5 ul.nav-tabs li a.active:after,
.product-section5 ul.nav-tabs li a:hover:after {
    width: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.product-section5 .single-product-wrap .product-image .product-action {
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0px;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.product-section5 .single-product-wrap:hover .product-image .product-action {
    opacity: 1;
    bottom: 50px;
    visibility: visible;
}

.product-section5 .single-product-wrap .product-action a {
    background-color: #f6f6f6;
    width: 45px;
    height: 45px;
    margin-left: 10px;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 0 5px #0000000d;
}

.product-section5 .single-product-wrap .product-action a:first-child {
    margin-left: 0;
}

.product-section5 .single-product-wrap .product-action a:first-child, .product-section5 .single-product-wrap .product-action a:last-child {
    font-size: 0;
}

.product-section5 .single-product-wrap a.button.yith-wcqv-button:before,
.product-section5 .single-product-wrap .yith-wcwl-add-button i {
    font-size: 16px;
    margin: 0;
    color: #8c8c8c;
}

.product-section5 .single-product-wrap .yith-wcwl-wishlistexistsbrowse,
.product-section5 .single-product-wrap .yith-wcwl-wishlistaddedbrowse {
    display: none;
}

.product-section5 .single-product-wrap a.button.yith-wcqv-button:hover:before,
.product-section5 .single-product-wrap .yith-wcwl-add-button:hover i{
    color: #fff;
}

.product-section5 .single-product-wrap .product-action a.wishlist {
    display: flex;
}

.product-section5 .single-product-wrap .product-action a span svg {
    color: #8c8c8c;
}

.product-section5 .single-product-wrap .product-action a span.text {
    display: none;
}

.product-section5 .single-product-wrap .product-action a span.icon {
    line-height: 1;
    display: inline-block;
}

.product-section5 .single-product-wrap .product-action a:hover {
    background-color: var(--bs-primary);
}

.product-section5 .single-product-wrap .product-action a:hover span svg {
    color: #fff;
}

@media (max-width : 1199px){
    .product-section5 .product-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .product-section5 .single-product-wrap .product-action a {
        background-color: var(--bs-primary);
    }
    .product-section5 .single-product-wrap .product-action a span svg {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .product-section5 .section-title {
        margin-bottom: 22px;
    }
    .product-section5 .section-capture.tab {
        flex-direction: column;
    }
    .product-section5 .tab-content.tabs {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width : 767px){
    .product-section5 .product-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 479px) {
    .product-section5 ul.nav-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        width: 100%;
    }
    .product-section5 ul.nav-tabs li {
        margin-bottom: 5px;
        min-width: 60px;
        margin-right: 30px;
        text-align: center;
    }
}


/*--//--*/

.single-product-wrap {
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-label span {
    color: #fff;
    font-size: 14px;
    padding: 5px 16px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 20px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-label span.soldout-title {
    width: auto;
    background-color: #a00
}

.single-product-wrap .product-image .product-label span.new-title,
.single-product-wrap .product-image .product-label span.sale-title {
    right: 15px;
    left: auto
}

.single-product-wrap .product-image .product-label span.soldout-title {
    z-index: 1
}

.single-product-wrap .product-image.stock-out {
    position: relative
}

.single-product-wrap .product-image.stock-out:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2
}

.wishlist-desktop {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.single-product-wrap:hover .wishlist-desktop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.wishlist-desktop a span.text {
    display: none
}

.product-action {
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.single-product-wrap .product-image .product-action {
    position: absolute;
    bottom: -40px;
    z-index: 4
}

.single-product-wrap:hover .product-image .product-action,
.woocommerce .single-product-wrap:hover .product-image .product-action {
    bottom: 0px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.product-action a,
.woocommerce .product-action a.button {
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--bs-primary);
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
	border-radius: 0;
}

.product-action a:hover,
.woocommerce .product-action a.button:hover {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.product-action a.wishlist,
.product-action a span.icon {
    display: none
}

.product-action a span.icon svg {
    width: 16px;
    height: 16px
}

.single-product-wrap .product-content {
    position: relative;
    margin-top: 28px;
    text-align: center
}

.product-content .product-title {
    display: block;
    width: 100%;
    text-transform: capitalize
}

.product-content .product-title a {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 1
}

.single-product-wrap .product-content .price-box del {
    margin-right: 5px;
}
.single-product-wrap .product-content .price-box del span {
    text-decoration: line-through;
}


.single-product-wrap .product-content .price-box ins span {
    color: var(--bs-primary);
}

.single-product-wrap .product-content .price-box {
    margin-top: 12px;
    align-items: center;
    justify-content: center
}

.single-product-wrap .product-content .product-ratting {
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: center
}

.single-product-wrap .product-content p.product-description,
.single-product-wrap .product-content .product-action {
    display: none
}

.price-box {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1
}

.price-box .new-price {
    color: #6f6f6f;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500
}

.price-box .old-price {
    color: #6f6f6f;
    font-size: 16px;
    margin-left: 5px;
    font-weight: 500;
    text-decoration: line-through;
    white-space: nowrap
}

.price-box .old-price .money {
    text-decoration: line-through
}

.product-ratting .spr-badge:before,
.product-ratting .spr-badge:after {
    display: none
}

.product-ratting .spr-badge .spr-icon-star:before,
.product-ratting .spr-badge .spr-icon-star-half-alt:before {
    color: #ffb503
}

.product-ratting .spr-badge .spr-icon-star-empty:before {
    /*content: "\e800";*/
    color: #ccc
}

.product-ratting .spr-badge-starrating {
    display: flex;
    margin: 0;
    line-height: 0
}

.product-ratting .spr-badge-caption {
    display: none
}

.product-ratting .spr-badge-starrating .spr-icon {
    opacity: 1;
    margin-right: 3px;
    width: auto;
    height: auto;
    top: 0;
    font-size: 10px !important
}

.product-ratting .spr-badge-starrating .spr-icon:last-child {
    margin-right: 0
}

@media (max-width: 1199px) {

    /* .wishlist-desktop, */
    /* .single-product-wrap .product-image .product-action { */
        /* display: none */
    /* } */

    .single-product-wrap .product-content .product-action {
        display: flex;
        justify-content: center;
        margin-top: 15px
    }

    .product-action a {
        width: 40px;
        margin-left: 5px;
        border-right: none
    }

    .product-action a:first-child {
        margin-left: 0
    }

    .product-action a.wishlist,
    .product-action a span.icon {
        display: flex
    }

    .product-action a span.text {
        display: none
    }
}

@media (max-width: 767px) {
    .single-product-wrap:hover .product-content {
        opacity: 1;
        visibility: visible
    }

    .product-label span {
        top: 10px;
        font-size: 12px;
        padding: 4px 10px
    }

    .single-product-wrap .product-content {
        margin-top: 18px
    }

    .product-content .product-title a,
    .price-box .new-price,
    .price-box .old-price {
        font-size: 14px
    }

    .single-product-wrap .product-content .product-action {
        margin-top: 15px
    }
}

@media (max-width: 479px) {
    .single-product-wrap .product-content .price-box {
        flex-direction: column
    }

    .price-box .old-price {
        margin-top: 5px;
        margin-left: 0
    }
}

.product-grid-list {
    border-top: 1px solid #e2e2e2;
    margin-bottom: 15px
}

.product-grid-list .single-product-wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;
    border: none
}

.product-grid-list .single-product-wrap .product-image {
    border: 1px solid #e2e2e2;
    overflow: visible
}

.product-grid-list .single-product-wrap:hover .product-image a.pro-img .img1 {
    opacity: 1;
    visibility: visible
}

.product-grid-list .single-product-wrap .product-content {
    align-items: flex-start;
    text-align: left;
    width: calc(100% - 15px);
    padding: 0;
    margin-left: 15px
}

.product-grid-list .single-product-wrap .product-content .product-ratting {
    margin-top: 0
}

.product-grid-list .single-product-wrap .product-content h6 {
    margin-top: 11px
}

.product-grid-list .single-product-wrap .product-content .price-box {
    margin-top: 4px
}

.product-grid-list .single-product-wrap .product-content .price-box .percent-count {
    margin-left: 5px
}

@media (max-width: 1199px) {
    .product-grid-list .single-product-wrap {
        flex-direction: column;
        text-align: center
    }

    .product-grid-list .single-product-wrap .product-content {
        align-items: center;
        text-align: center;
        margin-top: 15px;
        margin-left: 0
    }

    .product-grid-list .single-product-wrap .product-content .price-box {
        justify-content: center
    }
}

@media (max-width: 991px) {
    .product-grid-list .single-product-wrap {
        flex-direction: row;
        text-align: left
    }

    .product-grid-list .single-product-wrap .product-content {
        align-items: flex-start;
        text-align: left;
        margin-top: 0;
        margin-left: 15px
    }

    .product-grid-list .single-product-wrap .product-content .price-box {
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .product-grid-list .single-product-wrap .product-content .price-box {
        align-items: flex-end;
        flex-direction: row;
        min-height: auto
    }
}

.shop-product-wrap ul.product-view {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px
}

.shop-product-wrap ul.product-view li.st-col-item {
    margin-top: 30px;
    margin-left: 30px
}

.shop-product-wrap .single-product-wrap .product-content h6 a {
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item {
    width: 100%
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap {
    background-color: transparent;
    display: flex;
    align-items: center
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
    width: 25%
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image {
    width: 35%;
    border: 1px solid #ededed
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image .wishlist-desktop,
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image .product-action {
    display: none
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
    width: 75%;
    padding: 0;
    margin-top: 0;
    margin-left: 30px;
    border-top: none
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    width: 65%;
    padding: 0;
    margin-top: 0;
    margin-left: 30px;
    border-top: none
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap:hover .product-content {
    opacity: 1;
    visibility: visible
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    align-items: flex-start;
    text-align: left
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content .price-box,
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content .product-ratting {
    justify-content: flex-start
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content p.product-description {
    color: #929292;
    display: block;
    font-size: 14px;
    margin-top: 8px
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    opacity: 1;
    visibility: visible
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action a {
    width: 40px;
    margin-left: 5px
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action a:first-child {
    margin-left: 0
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action a.wishlist {
    display: flex;
    align-items: center;
    justify-content: center
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action a span.text {
    display: none
}

.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action a span.icon {
    display: block
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
        width: 33.33%
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: 66.67%
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
        width: 50%
    }
}

@media (max-width: 991px) {
    .main-content-wrap.shop-page .position-left {
        flex-direction: column-reverse
    }

    .pro-grli-wrap {
        margin-top: 50px
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: 50%
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid-1 ul.product-view {
        margin-left: -12px
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
        width: calc(50% - 12px);
        margin-left: 12px
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
        width: 100%
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: 100%;
        margin-top: 18px;
        margin-left: 0
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap {
        flex-direction: column
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image {
        width: 100%
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
        width: 100%;
        margin-left: 0;
        margin-top: 18px;
        text-align: center;
        align-items: center
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content .price-box {
        flex-direction: unset;
        justify-content: center
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content .price-box .old-price {
        margin-top: 0;
        margin-left: 5px
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content .product-ratting,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-action {
        justify-content: center
    }
}

@media (max-width: 479px) {
    .shop-product-wrap.grid-1 ul.product-view {
        margin-left: 0
    }

    .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
        width: calc(100% + -0px);
        margin-left: 0
    }
}

.shop-product-wrap.grid-3 ul.product-view {
    margin-left: -30px
}

.shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
    width: calc(25% - 30px);
    margin-left: 30px
}

.shop-product-wrap.grid-3 ul.product-view li.st-col-item {
    width: calc(33.33% - 30px);
    margin-left: 30px
}

.shop-product-wrap.grid-3 ul.product-view li.st-col-item .single-product-wrap .product-image {
    border: 1px solid #f2eeec
}

/* Banner Grid */

.banner2 .banner-grid {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width : 1199px) {
    .banner2 .banner-grid {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width : 767px) {
    .banner2 .banner-grid {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.banner2 .banner-grid .collection-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -30px;
}

.banner2 .banner-grid .collection-banner .banner-area {
    position: relative;
    width: calc(50% - 30px);
    margin-left: 30px;
}

.banner2 .banner-grid .collection-banner .banner-area a.image-area {
    position: relative;
}

.banner2 .banner-grid .collection-banner .banner-area a.image-area::before {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text {
    position: absolute;
    bottom: 50px;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-content-left {
    left: 60px;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-content-right {
    right: 60px;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-content-center {
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-text-left {
    text-align: left;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-text-right {
    text-align: right;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text.banner-text-center {
    text-align: center;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text h2 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
}

.banner2 .banner-grid .collection-banner .banner-area .banner-text a {
    margin-top: 33px;
    display: inline-block;
}

@media (max-width: 1199px) {
    .banner2 .banner-grid .collection-banner .banner-area .banner-text {
        bottom: 30px;
    }

    .banner2 .banner-grid .collection-banner .banner-area .banner-text h2 {
        font-size: 32px;
    }

    .banner2 .banner-grid .collection-banner .banner-area .banner-text a {
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .banner2 .banner-grid .collection-banner {
        margin-left: 0px;
        margin-top: -30px;
    }

    .banner2 .banner-grid .collection-banner .banner-area {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .banner2 .banner-grid .collection-banner .banner-area .banner-text h2 {
        font-size: 22px;
    }

    .banner2 .banner-grid .collection-banner .banner-area .banner-text a {
        margin-top: 16px;
    }
}

/* Video Banner Section */

.video-banner {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media(max-width: 1199px) {
    .video-banner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media(max-width: 767px) {
    .video-banner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.video-banner {
    position: relative;
    height: 825px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.video-banner::before {
    background-color: #18191f;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.video-banner .video-text-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 5;
}

.video-banner .video-text-area .video-btn a.play-button {
    position: relative;
    color: #fff;
    font-size: 18px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 100%;
}

.video-banner .video-text-area .video-btn a.play-button::before,
.video-banner .video-text-area .video-btn a.play-button::after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 1px solid #fff;
    border-radius: 100%;
}

.video-banner .video-text-area .video-btn a.play-button::before {
    -webkit-animation: hovereffect 2s linear infinite alternate;
    -moz-animation: hovereffect 2s linear infinite alternate;
    animation: hovereffect 2s linear infinite alternate;
}

.video-banner .video-text-area .video-btn a.play-button::after {
    -webkit-animation: hovereffect 4s linear infinite alternate;
    -moz-animation: hovereffect 4s linear infinite alternate;
    animation: hovereffect 4s linear infinite alternate;
}

@-webkit-keyframes hovereffect {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.7;
        border: 1px solid #fff;
    }

    100% {
        opacity: 0;
        border: 1px solid #fff;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-moz-keyframes hovereffect {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.7;
        border: 1px solid #fff;
    }

    100% {
        opacity: 0;
        border: 1px solid #fff;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hovereffect {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.7;
        border: 1px solid #fff;
    }

    100% {
        opacity: 0;
        border: 1px solid #fff;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.video-banner .video-text-area .video-text {
    margin-top: 58px;
}

.video-banner .video-text-area .video-text span.sub-title {
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
}

.video-banner .video-text-area .video-text h1.title {
    font-size: 50px;
    margin-top: 18px;
    font-weight: 500;
    line-height: 1;
}

/* magificant css */
.mfp-container.mfp-iframe-holder {
    width: auto;
    left: 15px;
    right: 15px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 700px;
}

.mfp-iframe-holder .mfp-close {
    display: block !important;
    font-size: 30px;
    padding: 0;
    height: auto;
    width: auto;
    position: absolute;
    top: -30px;
    right: 0;
    opacity: 1;
    background-color: transparent !important;
    line-height: 1;
}

.mfp-iframe-scaler iframe {
    border: none;
}

@media (max-width: 1599px) {
    .video-banner {
        height: 600px;
    }
}

@media(max-width: 767px) {
    .video-banner {
        height: 430px;
    }

    .video-banner .video-text-area .video-btn a.play-button {
        width: 60px;
        height: 60px;
    }

    .video-banner .video-text-area .video-text {
        margin-top: 28px;
    }

    .video-banner .video-text-area .video-text span.sub-title {
        font-size: 16px;
    }

    .video-banner .video-text-area .video-text h1.title {
        font-size: 32px;
        margin-top: 11px;
    }
}

@media(max-width: 767px) {
    .video-banner {
        height: 350px;
    }
}

/* Sponsor Section */

.our-brand-logo {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .our-brand-logo {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .our-brand-logo {
        padding-top: 60px;
        padding-bottom: 40px;
    }
}

.our-brand-logo .branlogo-wrap {
    margin: 0 auto;
}

.our-brand-logo .brand-logo .brand-img {
    text-align: center;
}

.our-brand-logo .brand-logo a img {
    filter: grayscale(1);
    opacity: .5;
}

.our-brand-logo .brand-logo a:hover img {
    filter: grayscale(0.1);
    opacity: 1;
}

.our-brand-logo .brand-logo a img,
.our-brand-logo .brand-logo a:hover img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* Testimonials */

.testimonial {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f2eeec;
}

@media (max-width: 1199px) {
    .testimonial {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .testimonial {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.testimonial .testi-m-area .testimonials-area {
    background-color: #fff;
    margin: 10px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}

.testimonial .testi-m-area .testimonials-area .image-author {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 70px;
}

.testimonial .testi-m-area .testimonials-area .image-author .image span img {
    border: 1px solid #f6ebe4;
    padding: 3px;
    border-radius: 100%;
}

.testimonial .testi-m-area .testimonials-area .image-author .author-name {
    margin-left: 20px;
}

.testimonial .testi-m-area .testimonials-area .image-author .author-name h4.author {
    color: #333;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
}

.testimonial .testi-m-area .testimonials-area .image-author .author-name span.author-subtitle {
    color: #929292;
    font-size: 14px;
    margin-top: 11px;
    line-height: 1;
    text-transform: uppercase;
}

.testimonial .testi-m-area .testimonials-area .testi-description {
    padding: 40px 70px;
    text-align: center;
    border-top: 2px solid #efefef;
}

.testimonial .testi-m-area .swiper-container .swiper-wrapper .swiper-slide-next .testimonials-area .testi-description {
    border-color: var(--bs-primary);
}

.testimonial .testi-m-area .testimonials-area .testi-description p.desc {
    color: #929292;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .testimonial .testi-m-area .testimonials-area .image-author {
        padding: 40px 50px;
    }

    .testimonial .testi-m-area .testimonials-area .testi-description {
        padding: 40px 50px;
    }
}

@media (max-width: 991px) {
    .testimonial .testi-m-area .testimonials-area .image-author {
        padding: 30px;
    }

    .testimonial .testi-m-area .testimonials-area .image-author .author-name h4.author {
        font-size: 14px;
    }

    .testimonial .testi-m-area .testimonials-area .testi-description p.desc {
        font-size: 14px;
    }

    .testimonial .testi-m-area .testimonials-area .testi-description {
        padding: 30px;
    }

    .testimonial .testi-m-area .swiper-container .swiper-wrapper .swiper-slide-next .testimonials-area .testi-description {
        border-color: #f6ebe4;
    }
}

/* Testiminial Two */

.testimonials_two .testimonial-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .testimonials_two .testimonial-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .testimonials_two .testimonial-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.testimonials_two .testimonial-area .testi-m-area {
    position: relative;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man {
    width: 35%;
    display: flex;
    align-items: center;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .image span img {
    border-radius: 100%;
    overflow: hidden;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .author-info {
    padding: 30px 50px;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .author-info h4.name {
    color: #151f81;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .author-info span.info {
    color: #6f6f6f;
    font-size: 16px;
    margin-top: 15px;
    line-height: 1;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-desc {
    width: 65%;
    padding: 30px 50px;
    border-left: 2px solid #ededed;
}

.testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-desc p.description {
    color: #6f6f6f;
    font-size: 16px;
}

@media (max-width: 1599px) and (min-width: 1360px) {
    .testimonials_two .testimonial-area .testi-m-area .testimonial-main {
        width: 75%;
    }
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .testimonials_two .testimonial-area .testi-m-area .testimonial-main {
        width: 75%;
    }

    .testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .author-info {
        padding: 30px 40px;
    }
}

@media (max-width: 1199px) {
    .testimonials_two .testimonial-area .testi-m-area .testimonial-main {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man {
        width: 100%;
    }

    .testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-man .author-info {
        padding: 0px;
        margin-left: 30px;
    }

    .testimonials_two .testimonial-area .testi-m-area .testimonial-main .testi-desc {
        width: 100%;
        padding: 0px;
        margin-top: 25px;
        border-left: none;
    }
}

/* News Latter */

.newsletter2 .newsletter .newsletter-area {
    width: 35%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.newsletter2 .news-content form {
    width: 90%;
    margin: 0 auto;
}

.newsletter2 .news-content form .subscribe-block input {
    color: #ddd;
    font-size: 16px;
    border: 2px solid #ddd;
    text-transform: uppercase;
    background-color: #fff;
    text-align: left;
}

.newsletter2 .news-content form .subscribe-block input::placeholder {
    color: #ddd;
}

.newsletter2 .news-content form .subscribe-block .email-submit {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px;
    margin-top: 0;
}

.newsletter2 .news-content form .subscribe-block .email-submit button.submit-btn {
    text-transform: capitalize;
    background: none;
    padding: 0;
}

.newsletter2 .news-content form .subscribe-block .email-submit button.submit-btn svg {
    color: var(--bs-primary);
    width: 18px;
    height: 18px;
    transform: scaleX(1);
}

@media (max-width: 479px) {
    .newsletter2 .newsletter .newsletter-area {
        width: 100%;
    }
    .newsletter2 .news-content form {
        width: 100%;
    }
}

/* Category Area */

.category-area .category-main ul.category-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -30px;
}

.category-area .category-main ul.category-ul li.category-li {
    position: relative;
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

.category-area .category-main ul.category-ul li.category-li a.image-cat {
    position: relative;
}

.category-area .category-main ul.category-ul li.category-li a.image-cat::before {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.category-area .category-main ul.category-ul li.category-li .category-text {
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.category-area .category-main ul.category-ul li.category-li .category-text h1.title {
    color: #fff;
    font-size: 62px;
    margin-bottom: 16px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
}

.category-area .category-main ul.category-ul li.category-li .category-text h1.title span.offer-text {
    font-weight: 600;
}

.category-area .category-main ul.category-ul li.category-li .category-text a {
    display: inline-flex;
    align-items: center;
}

.category-area .category-main ul.category-ul li.category-li .category-text a.btn-style2 i {
    font-size: 14px;
    margin-left: 10px;
    transform: scaleX(1);
    font-weight: 700;
}

.category-area .category-main ul.category-ul li.category-li .category-text a.cat-title {
    color: #fff;
    font-size: 16px;
    padding-bottom: 2px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    line-height: 1;
}

.category-area .category-main ul.category-ul li.category-li .category-text a.cat-title:hover {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.category-area .category-main ul.category-ul li.category-li .category-text a.cat-title i {
    display: none;
}

@media (max-width: 1199px) {
    .category-area .category-main ul.category-ul {
        margin-top: -30px;
    }

    .category-area .category-main ul.category-ul li.category-li {
        width: calc(50% - 30px);
        margin-left: 30px;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .category-area .category-main ul.category-ul {
        margin-top: -15px;
        margin-left: 0px;
    }

    .category-area .category-main ul.category-ul li.category-li {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 15px;
    }

    .category-area .category-main ul.category-ul li.category-li .category-text {
        bottom: 30px;
    }

    .category-area .category-main ul.category-ul li.category-li .category-text h1.title {
        font-size: 28px;
        margin-bottom: 11px;
    }

    .category-area .category-main ul.category-ul li.category-li .category-text a.cat-title {
        font-size: 16px;
    }
}

/* Collaction Banner */

.collection-banner-section1 .collection-banner-area {
    padding-top: 100px;
    padding-bottom: 100px;

}

@media (max-width : 1199px) {
    .collection-banner-section1 .collection-banner-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width : 767px) {
    .collection-banner-section1 .collection-banner-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.collection-banner-section1 .collection-banner-area ul.banner-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -30px;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li {
    background-color: #151f81;
    width: calc(50% - 30px);
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li:first-child {
    background-color: #39326c;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area span.subtitle {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area h1.title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area h1.title span {
    display: block;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area a.banner-btn {
    margin-top: 21px;
}

.collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-image {
    width: 50%;
}

@media (max-width: 1199px) {
    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area h1.title {
        font-size: 26px;
    }

    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area span.subtitle {
        margin-bottom: 23px;
    }

    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text .text-area a.banner-btn {
        margin-top: 23px;
    }
}

@media (max-width: 991px) {
    .collection-banner-section1 .collection-banner-area ul.banner-ul {
        margin-left: 0px;
        margin-top: -30px;
    }

    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 30px;
    }
}

@media (max-width: 479px) {
    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-text {
        width: 100%;
        height: 360px;
    }

    .collection-banner-section1 .collection-banner-area ul.banner-ul li.banner-li .banner-image {
        width: 100%;
    }
}

/* Collection Category */

.collection-category {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f6f6f6;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .collection-category {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .collection-category {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.collection-slider {
    margin-right: -80px;
    margin-left: -80px;
}

@media (max-width: 767px) {
    .collection-slider {
        margin-right: 15px;
        margin-left: 15px;
    }
}

/* Category Item */

.setto-browse-section {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.slider-category {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .slider-category {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .slider-category {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.slider-category .category-area ul.category-ul li.category-image-li .category-item {
    position: relative;
}

.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 5;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-btn a,
.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url {
    display: block;
    text-align: center;
    padding: 14px 20px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 0;
    color: var(--bs-primary);
    text-transform: uppercase;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-btn a:hover,
.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-btn a:focus,
.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url:hover,
.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url:focus {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}

.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url span.cat-title {
    color: #333;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url:hover span.cat-title {
    color: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url span.collectio-count {
    position: relative;
}

/* gift card css */
.slider-category .category-area ul.category-ul li.category-gift-card {
    position: relative;
}

.slider-category .category-area ul.category-ul li.category-gift-card a.gift-card-image {
    position: relative;
}

.slider-category .category-area ul.category-ul li.category-gift-card a.gift-card-image::before {
    background-color: var(--bs-primary);
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.9;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-text {
    position: absolute;
    bottom: 60%;
    transform: translateY(60%);
    left: 0px;
    right: 0px;
    z-index: 5;
    text-align: center;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-text span.sub-title {
    font-size: 16px;
    margin-bottom: 23px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-text h2.gift-card-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-text h2.gift-card-title span {
    margin-top: 5px;
    display: block;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-text h2.gift-card-title span:first-child {
    margin-top: 0px;
}

.slider-category .category-area ul.category-ul li.category-gift-card .gift-card-btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 5;
}

@media (max-width: 767px) {
    .slider-category .category-area ul.category-ul li.category-gift-card .gift-card-btn a,
    .slider-category .category-area ul.category-ul li.category-image-li .category-item .text-area a.cat-url {
        padding: 14px 20px;
    }
}

/* Banner Area */

.collection-banner-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width : 1199px) {
    .collection-banner-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width : 767px) {
    .collection-banner-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.collection-banner-area .collection-banner ul.banner-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -60px;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li {
    width: calc(50% - 60px);
    margin-left: 60px;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area {
    position: relative;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 60px;
    text-align: center;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text h2.title {
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text h2.title span {
    display: block;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text h2.title span.blod-text {
    font-weight: 600;
    margin-top: 5px;
}

.collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text a.banner-btn {
    margin-top: 34px;
}

@media (max-width: 1199px) {
    .collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area a.banner {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .collection-banner-area .collection-banner ul.banner-ul {
        margin-left: 0px;
        margin-top: -30px;
    }

    .collection-banner-area .collection-banner ul.banner-ul li.banner-li {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 30px;
    }

    .collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area a.banner {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text {
        padding: 40px;
    }

    .collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text h2.title {
        font-size: 24px;
    }

    .collection-banner-area .collection-banner ul.banner-ul li.banner-li .banner-area .banner-text a.banner-btn {
        margin-top: 26px;
    }
}

.collection-banner-section2 .collection-banner-area ul.banner-ul li.banner-li {
    background-color: transparent;
}

/* Special Category */

.product-section4 .special-category {
    padding-top:100px;
    padding-bottom:100px;
    background-color: #f6f1f2;
}

@media (max-width: 1199px) {
    .product-section4 .special-category {
        padding-top:80px;
        padding-bottom:80px;
    }
}

@media (max-width: 767px) {
    .product-section4 .special-category {
        padding-top:60px;
        padding-bottom:60px;
    }
}

/* News Latter Section Demo 4 */

.newsletter-area.newsletter-demo4 {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .newsletter-area.newsletter-demo4 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .newsletter-area.newsletter-demo4 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.newsletter-area.newsletter-demo4 .newsletter-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul {
    width: 50%;
    padding: 0px 150px;
    text-align: center;
    border-left: 2px solid #f0f0f0;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul:first-child {
    border-left: none;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul .section-capture {
    margin-bottom: 45px;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul .section-capture .section-title {
    margin-bottom: 0;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.testimonial-ul li.testimonial-li .testimonial-item .testi-desc p.description {
    color: #6f6f6f;
    font-size: 16px;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.testimonial-ul li.testimonial-li .testimonial-item .testimonial-author {
    position: relative;
    margin-top: 20px;
    padding-top: 28px;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.testimonial-ul li.testimonial-li .testimonial-item .testimonial-author::before {
    background-color: var(--bs-primary);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 60px;
    height: 2px;
    opacity: 0.3;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.testimonial-ul li.testimonial-li .testimonial-item .testimonial-author h4 {
    color: var(--bs-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.testimonial-ul li.testimonial-li .testimonial-item .testimonial-author span {
    color: #6f6f6f;
    font-size: 16px;
    margin-top: 14px;
    line-height: 1;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.newsletter li.newsletter-li .news-description p.description {
    color: #6f6f6f;
    font-size: 16px;
}

.newsletter-area.newsletter-demo4 .newsletter-main ul.newsletter li.newsletter-li .news-content {
    margin-top: 46px;
}

.newsletter-area.newsletter-demo4 .news-content form .subscribe-block input {
    font-size: 16px;
    color: #929292;
    width: 100%;
    height: 45px;
    padding: 0px 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}

.newsletter-area.newsletter-demo4 .news-content form .subscribe-block .email-submit {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    border-left: 1px solid #e2e2e2;
    padding-right: 15px;
    padding-left: 15px;
    height: 100%;
    display: flex;
    margin-top: 0;
}

.news-content form .subscribe-block .email-submit button.submit-btn {
    color: var(--bs-primary);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.newsletter-demo4 .news-content form .subscribe-block .email-submit button.submit-btn{
	    background: transparent;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .newsletter-area.newsletter-demo4 .newsletter-main ul {
        padding: 0px 120px;
    }
}

@media (max-width: 1199px) {
    .newsletter-area.newsletter-demo4 .newsletter-main ul {
        padding: 0px 80px;
    }
}

@media (max-width: 991px) {
    .newsletter-area.newsletter-demo4 .newsletter-main ul {
        width: 100%;
        padding-top: 50px;
        margin-top: 50px;
        border-left: none;
        border-top: 1px solid #f0f0f0;
    }

    .newsletter-area.newsletter-demo4 .newsletter-main ul:first-child {
        margin-top: 0px;
        padding-top: 0px;
        border-top: none;
    }
}

@media (max-width: 479px) {
    .newsletter-area.newsletter-demo4 .newsletter-main ul {
        padding: 50px 0px 0px 0px;
    }
}

/* Insta Area */

.insta-wrap {
    padding-top: 0px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .insta-wrap {
        padding-top: 0px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .insta-wrap {
        padding-top: 0px;
        padding-bottom: 60px;
    }
}

.insta-wrap #insta-slider .insta-main {
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.insta-wrap #insta-slider .insta-main a.insta-content {
    position: relative;
    display: block;
}

.insta-wrap #insta-slider .insta-main a.insta-content::before {
    background-color: var(--bs-primary);
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.insta-wrap #insta-slider .insta-main:hover a.insta-content::before {
    opacity: 0.7;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.insta-wrap #insta-slider .insta-main .insta-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.insta-wrap #insta-slider .insta-main:hover .insta-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.insta-wrap #insta-slider .insta-main .insta-btn a.inst-button {
    width: 100%;
    text-align: center;
}

.insta-wrap #insta-slider .insta-main .insta-btn a.inst-button svg,
.insta-wrap #insta-slider .insta-main .insta-btn a.inst-button i {
    color: #fff;
    width: 20px;
    height: 20px;
}

.insta-wrap #insta-slider .insta-main .insta-btn a.inst-button i{
	font-size:20px;
}

@media (max-width: 767px) {
    .insta-wrap #insta-slider .insta-main .insta-btn {
        left: 15px;
        right: 15px;
    }
}

/* PDT Category */

.pdt-category .category {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .pdt-category .category {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .pdt-category .category {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.pdt-category .category .category-main ul.category-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.pdt-category .category .category-main ul.category-ul li.category-li {
    width: calc(25% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item {
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item a.cat-image {
    position: relative;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item a.cat-image::before {
    background-color: #fff;
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item:hover a.cat-image::before {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item a.cat-title {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item:hover a.cat-title {
    opacity: 1;
    visibility: visible;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item a.cat-title span.cat-title {
    color: #333;
    display: block;
}

.pdt-category .category .category-main ul.category-ul li.category-li .category-item a.cat-title span.item {
    color: var(--bs-primary);
    margin-top: 8px;
}

.pdt-category .category .category-main ul.category-ul li.more-collection {
    border: 1px solid #e0e0e0;
    padding: 15px;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new {
    background-color: var(--bs-primary);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text {
    text-align: center;
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text h2.title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon {
    background-color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 100%;
    margin-top: 23px;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon:hover {
    background-color: transparent;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon svg {
    color: #333;
    width: 20px;
    height: 20px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon:hover svg {
    color: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

@media (max-width: 1199px) {
    .pdt-category .category .category-main ul.category-ul li.category-li {
        width: calc(33.33% - 30px);
    }
}

@media (max-width: 991px) {
    .pdt-category .category .category-main ul.category-ul {
        margin-left: -15px;
        margin-top: -15px;
    }

    .pdt-category .category .category-main ul.category-ul li.category-li {
        width: calc(33.33% - 15px);
        margin-left: 15px;
        margin-top: 15px;
    }

    .pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text h2.title {
        font-size: 22px;
    }

    .pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon {
        width: 40px;
        height: 40px;
    }

    .pdt-category .category .category-main ul.category-ul li.more-collection .collection-new .collection-text a.more-icon svg {
        width: 17px;
        height: 17px;
    }
}

@media (max-width: 767px) {
    .pdt-category .category .category-main ul.category-ul li.category-li {
        width: calc(50% - 15px);
    }
}

@media (max-width: 479px) {
    .pdt-category .category .category-main ul.category-ul {
        margin-left: 0px;
        margin-top: -15px;
    }

    .pdt-category .category .category-main ul.category-ul li.category-li {
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-top: 15px;
    }

    .pdt-category .category .category-main ul.category-ul li.more-collection {
        height: 350px;
    }
}

/* Our Service Area */

.our-service-area {
    padding-top: 100px;
    padding-bottom: 100px;

}

@media (max-width: 1199px) {
    .our-service-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .our-service-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.our-service-bg ul.single-service {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
}

.our-service-bg ul.single-service li.ser-box {
    width: calc(25% - 30px);
    margin-left: 30px;
    padding: 50px 30px;
    border: 4px solid #f6f6f6;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.our-service-bg ul.single-service li.ser-box:hover {
    border-color: var(--bs-primary);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.our-service-bg ul.single-service li.ser-box a span svg {
    color: var(--bs-primary);
    width: 40px;
    height: 40px;
}

.our-service-bg ul.single-service li.ser-box a span i {
    color: var(--bs-primary);
    font-size: 40px;
}


.our-service-bg ul.single-service li.ser-box .service-text {
    border-top: 1px solid #f6f6f6;
    margin-top: 30px;
    padding-top: 30px;
}

.our-service-bg ul.single-service li.ser-box .service-text h6 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.our-service-bg ul.single-service li.ser-box .service-text p {
    color: #767676;
    font-size: 14px;
    margin-top: 11px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .our-service-bg ul.single-service {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        -webkit-scrollbar-width: thin;
        margin-left: 0px;
    }

    .our-service-bg ul.single-service::-webkit-scrollbar {
        height: 1px;
    }

    .our-service-bg ul.single-service li.ser-box {
        width: calc(33.33% - 30px);
        min-width: 300px;
    }

    .our-service-bg ul.single-service li.ser-box:first-child {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .our-service-bg ul.single-service li.ser-box {
        width: calc(33.33% - 15px);
        margin-left: 15px;
        padding: 30px;
    }
}

/* --//-- */

/* newsletter-demo5 */

.newsletter-demo5.newsletter {
    padding-top: 0px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .newsletter-demo5.newsletter {
        padding-top: 0px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .newsletter-demo5.newsletter {
        padding-top: 0px;
        padding-bottom: 60px;
    }
}

.newsletter-demo5.newsletter .news-insta-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #e9e9e9;
}

.newsletter-demo5.newsletter .news-insta-area .news-insta {
    width: 50%;
}

.newsletter-demo5.newsletter .news-insta-area .newsletter-area {
    padding: 0px 100px;
    text-align: center;
}

.newsletter-demo5.newsletter .news-insta-area .newsletter-area .section-capture {
    margin-bottom: 50px;
}

.newsletter-demo5.newsletter .news-insta-area .newsletter-area .section-capture .section-title {
    margin-bottom: 0;
}

.newsletter-demo5.newsletter .news-insta-area .newsletter-area .description p.desc {
    color: #666666;
    font-size: 18px;
}

.newsletter-demo5.newsletter .news-insta-area .newsletter-area .news-content {
    margin-top: 24px;
}

.newsletter-demo5.newsletter .news-insta-area .insta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image {
    position: relative;
    width: 50%;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image a.image {
    position: relative;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image a.image::before {
    background-color: #000;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image:hover a.image::before {
    opacity: 0.6;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image a.insta-iocn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image:hover a.insta-iocn {
    opacity: 1;
    visibility: visible;
}

.newsletter-demo5.newsletter .news-insta-area .insta .insta-image a.insta-iocn svg {
    color: #fff;
    width: 24px;
    height: 24px;
}

.newsletter-demo5.newsletter .news-content {
    width: 100%;
}

.newsletter-demo5.newsletter .news-content form {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block {
    position: relative;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block input {
    color: var(--bs-primary);
    font-size: 16px;
    width: 100%;
    font-weight: 500;
    text-align: center;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block input::placeholder {
    color: #666666;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block .email-submit {
    margin-top: 26px;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block .email-submit button.submit-btn {
    font-size: 16px;
    border-bottom: 1px solid var(--bs-primary);
    font-weight: 600;
	background: none;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block .email-submit button.submit-btn:hover {
    color: #333;
    border-color: #333;
}

.newsletter-demo5.newsletter .news-content form .subscribe-block .email-submit button.submit-btn svg {
    color: var(--bs-primary);
    width: 18px;
    height: 18px;
    transform: scaleX(1);
}

@media (max-width: 479px) {
    .newsletter-demo5.newsletter .news-content form {
        width: 100%;
    }

    .newsletter-demo5.newsletter .news-content form .subscribe-block .email-submit {
        margin-top: 16px;
    }
}

@media (max-width: 1199px) {
    .newsletter-demo5.newsletter .news-insta-area .newsletter-area {
        padding: 0px 50px;
    }
}

@media (max-width: 991px) {
    .newsletter-demo5.newsletter .news-insta-area .news-insta {
        width: 100%;
    }

    .newsletter-demo5.newsletter .news-insta-area .newsletter-area {
        padding: 50px;
    }
}

@media (max-width: 479px) {
    .newsletter-demo5.newsletter .news-insta-area .newsletter-area {
        padding: 30px 15px;
    }

    .newsletter-demo5.newsletter .news-insta-area .newsletter-area .description p.desc {
        font-size: 16px;
    }
}

/* --//-- */

/* Deal Section */

.deal-section2 {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .deal-section2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .deal-section2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.deal-section2 .deal-main-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -80px;
}

.deal-section2 .deal-main-area .deal-product {
    width: calc(50% - 80px);
    margin-left: 80px;
}

.deal-section2 .deal-main-area .deal-banner {
    position: relative;
    width: calc(50% - 80px);
    margin-left: 80px;
	z-index: 1;
}

.deal-section2 .deal-main-area .deal-banner::before {
    content: '';
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid #e0e0e0;
}

.deal-section2 .deal-main-area .deal-product .product-item {
    position: relative;
    max-width: 360px;
    margin: 0 auto;
}

.single-product-wrap .product-image .deal-pro-image .deal-product-label {
    text-align: center;
}

.single-product-wrap .product-image .deal-pro-image .deal-product-label h4.sale-text {
    color: #ed6652;
    font-size: 18px;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.single-product-wrap .product-content .timer-section {
    margin-top: 19px;
}

.swiper-buttons button.single-prev {
    left: -100px;
}

.swiper-buttons button.single-next {
    right: -100px;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .swiper-buttons button.single-prev {
        left: -80px;
    }

    .swiper-buttons button.single-next {
        right: -80px;
    }
}

@media (max-width: 1199px) {
    .swiper-buttons button.single-prev {
        left: -60px;
    }

    .swiper-buttons button.single-next {
        right: -60px;
    }
}

@media (max-width: 991px) {
    .deal-section2 .deal-main-area .deal-banner {
        width: calc(100% - 80px);
        margin-left: 80px;
        margin-right: 30px;
        margin-bottom: 80px;
    }

    .deal-section2 .deal-main-area .deal-product {
        width: calc(100% - 80px);
        margin-left: 80px;
    }
}

@media (max-width: 767px) {
    .single-product-wrap .product-content .timer-section {
        margin-top: 15px;
    }
}

/* --//-- */

.collection-category-section.product-section5 .special-category {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f5f0ed;
    overflow: hidden;
}

.collection-category-section.product-section5 .collection-slider {
    margin-left: -50px;
    margin-right: -50px;
}

@media (max-width: 1199px) {
    .collection-category-section.product-section5 .special-category {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .collection-category-section.product-section5 .collection-slider {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .collection-category-section.product-section5 .special-category {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.collection-category-section.product-section5 .special-category {
    position: relative;
}

/* Blog Post Single */

.single-blog-area .blog-revert {
    margin-top: 30px;
}

.single-blog-area .blog-revert .post-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1;
}

.single-blog-area .blog-content {
    margin-top: 15px;
}

.single-blog-area .blog-content .blog-wrap-desc p.blog-desc {
    position: relative;
    padding-left: 15px;
}

.single-blog-area .blog-content .blog-wrap-desc p.blog-desc::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #000;
}

.single-blog-area .blog-content .blog-wrap-desc blockquote {
    font-size: 16px;
    color: #254370;
    margin: 15px 0;
    padding: 15px;
    font-weight: 600;
    text-align: center;
    border-left: 2px solid #254370;
    line-height: 25px;
}

.single-blog-area .post-info {
    margin-top: 25px;
}

.single-blog-area .post-info blockquote {
    padding: 15px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-left: 2px solid #254370;
}

.single-blog-area .post-info blockquote i {
    color: #254370;
    font-size: 30px;
}

.single-blog-area .post-info blockquote .post-title {
    font-size: 16px;
    display: flex;
    margin-top: 14px;
    text-transform: uppercase;
    line-height: 1;
}

.single-blog-area .post-info blockquote ul {
    display: flex;
    margin-top: 8px;
}

.single-blog-area .post-info blockquote ul li {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-style: normal;
	color: #254370;
}

.single-blog-area .post-info blockquote ul li:last-child {
    margin-right: 0px;
}

.single-blog-area .post-info blockquote ul li i,
.single-blog-area .post-info blockquote ul li span {
    font-size: 14px;
}

.single-blog-area .post-info blockquote ul li span {
    margin-left: 5px;
}

.single-blog-area .post-info blockquote ul li span.comment-count {
    margin-left: 2px;
}

.single-blog-area .post-info-tag {
    margin-top: 25px;
}

.single-blog-area .post-info-tag ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-blog-area .post-info-tag ul li {
    margin: 5px 5px 0 0px;
}

.single-blog-area .post-info-tag ul li a {
    color: #fff;
    padding: 5px 10px;
    background-color: #254370;
    border: 1px solid #254370;
    text-transform: capitalize;
    text-decoration: none;
}

.single-blog-area .post-info-tag ul li a:first-child {
    display: none;
}

.single-blog-area .post-info-tag ul li:hover a {
    color: #254370;
    background-color: #fff;
}

.single-blog-area .blog-share {
    margin-top: 25px;
}

.blog-share ul.social-icons {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
}

.blog-share ul.social-icons li {
    margin: 5px 0px 0 5px;
}

.blog-share ul.social-icons li a {
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    line-height: 1;
    text-decoration: none;
}

.blog-share ul.social-icons li a.facebook {
    background-color: #3b5999;
    border: 2px solid #3b5999;
}

.blog-share ul.social-icons li a.twitter {
    background-color: #55acee;
    border: 2px solid #55acee;
}

.blog-share ul.social-icons li a.gplus {
    background-color: #dd3971;
    border: 2px solid #dd3971;
}

.blog-share ul.social-icons li a.pinterest {
    background-color: #bd081c;
    border: 2px solid #bd081c;
}

.blog-share ul.social-icons li a:hover {
    color: #fff;
    opacity: .5;
}

.blog-share ul.social-icons li a span {
    display: block;
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
    line-height: normal;
}

.author-details {
    padding: 30px 35px;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #e2e2e2;
    margin-top: 40px;
}

.author-details .media {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.author-details .media .auth-mata {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 30px;
    margin-top: 0;
}

.author-details .media .auth-mata img {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    width: 100px;
    height: 100px;
}

.author-details .media .media-body {
    flex: 1;
}

.author-details .media .media-body h5 {
    letter-spacing: 0.25px;
    vertical-align: baseline;
}

.author-details .media .media-body h5 a {
    text-decoration: none;
    color: #333;
}

.author-details .media .media-body h5 a:hover,
.author-details .media .media-body h5 a:focus {
    color: var(--bs-primary);
}

.author-details .media .media-body p {
    margin-bottom: 0;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .author-details {
        padding: 38px 42px;
    }
    .author-details .media {
        flex-wrap: wrap;
    }
    .author-details .media .auth-mata {
        margin: 0;
        margin-bottom: 1.5rem;
    }
    .author-details .media .media-body {
        flex: auto;
    }
}

@media (max-width: 424px) {
    .author-details {
        padding: 25px 22px;
    }
    .author-details .media {
        flex-wrap: wrap;
    }
    .author-details .media .auth-mata {
        margin-right: 15px;
    }
    .author-details .media .auth-mata img {
        width: 80px;
        height: 80px;
    }
}

.comments-area {
    margin-top: 80px;
}

.single-comments-title, .comments-title {
    margin-bottom: 30px;
    text-align: left;
}

.comments-title h3 {
    font-size: 34px;
}

.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area li {
    list-style: none;
}

.comments-area .comment-body {
    position: relative;
    padding: 30px 30px 30px 165px;
    min-height: 120px;
    word-wrap: break-word;
    border-radius: 0;
    z-index: 0;
    margin-bottom: 60px;
}

.comments-area .comment-body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 120px);
    z-index: -1;
    border-radius: 0;
}

.comment-list .comment .comment-body:before {
    background-color: #f5f5f5;
}

.comments-area .comment-meta .comment-awaiting-moderation {
    display: block;
    width: 100%;
    clear: both;
}

.comments-area .comment-meta .comment-author {
    font-size: 16px;
}

.comments-area .comment-meta .comment-author .fn {
    font-weight: 700;
}

.comment-meta .comment-metadata > a,
.comments-area .comment-meta .comment-author a {
    text-decoration: none;
    color: #333;
}

.comment-meta .comment-metadata > a:hover,
.comment-meta .comment-metadata > a:focus,
.comments-area .comment-meta .comment-author a:hover,
.comments-area .comment-meta .comment-author a:focus {
    color: var(--bs-primary);
}

.comments-area .comment-meta .comment-author img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 6px;
    width: 90px;
    border-radius: 100px;
}

.comments-area .comment-meta .comment-author,
.comment-meta .comment-metadata {
    line-height: 1.5;
    font-size: 16px;
    display: inline-block;
}

.comment-content {
    position: relative;
    z-index: 0;
    padding: 16px 0;
    line-height: 1.5;
}

.comment-content p {
    margin-bottom: 0;
}

.comment-body .reply a, .comment-body .edit a {
    font-weight: 600;
    letter-spacing: 0.3px;
}

.comment-list .comment .children .comment-body:before {
    border: 1px solid #e2e2e2;
    background-color: transparent;
}

@media (max-width: 991px) {
    .comment-list .children {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .comments-area li {
        padding-left: 0;
    }
}
@media (max-width: 540px) {
    .comment-list .children {
        margin-left: 8px;
    }
    .comment-list .children .comment-body {
        padding: 16px;
    }
}
@media (max-width: 504px) {
    .comments-area .comment-body {
        border-radius: 10px;
    }
}
@media (max-width: 436px) {
    .comments-area .comment-meta .comment-author img {
        position: unset;
        margin-right: 8px;
        display: inline-block;
    }
    .comments-area .comment-body {
        padding: 25px 22px;
    }
    .comment-list .comment .comment-body::before {
        max-width: 100%;
    }
    .comment-meta .comment-metadata {
        margin: 0;
        white-space: nowrap;
    }
    .comment-metadata .edit-link {
        margin-left: 0;
    }
    .comment-meta .comment-metadata time {
        font-size: 14px;
    }
}

.comment-reply-title {
    font-size: 34px;
    font-weight: 600;
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.comment-form > p.comment-form-subject,
.comment-form > p.comment-notes {
    flex-basis: 100%;
    width: 100%;
}

.comment-form > p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
    flex: auto;
}

.comment-form > p:nth-child(2n+1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
    /* margin-left: 30px; */
}

.comment-form p.comment-form-author {
    margin-right: 30px;
}

.comment-form p.comment-form-url:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
    margin-left: 0;
}

@media (max-width: 991px) {
    .comment-form > p:nth-child(2n+1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit),
    .comment-form > p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
        max-width: 100%;
        flex-basis: 100%;
        margin-left: 0;
    }
}

.comment-form-comment {
    max-width: 100%;
    flex-basis: 100%;
}

.comment-form > p:not(:last-child) {
    margin-bottom: 30px;
}

.comment-form > p input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .comment-form > p textarea {
    width: 100%;
}

.comment-form-cookies-consent, .form-submit {
    width: 100%;
}

.comment-form-cookies-consent input {
    vertical-align: sub;
}

.comment-form-cookies-consent label {
    vertical-align: middle;
    margin-left: 3px;
}


/*===== Pagination =====*/

.paginatoin-area {
    text-align: center;
    margin-top: 60px;
}

.navigation.pagination {
    display: inline-flex;
}

nav.woocommerce-pagination ul, .pagination .nav-links {
    display: inline-flex;
}

.pagination .nav-links .page-numbers, .woocommerce-pagination  ul .page-numbers {
    font-weight: 600;
    border: 0;
    color: #333;
    background-color: #fff;
    display: flow-root;
    font-size: 16px;
    line-height: 38px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    padding: 0;
    border-radius: 100%;
    cursor: pointer;
    margin-right: 12px;
    border: 1px solid #e2e2e2;
    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
    transition: all .35s cubic-bezier(.645,.045,.355,1);
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers .page-numbers {
    margin-right: 12px;
	font-weight: 600;
}

.pagination .page-numbers.dots {
    display: inline-block;
    font-size: 23px;
    line-height: 30px;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
}
	
.pagination .page-numbers:last-child {
    margin-right: 0;
}

.pagination .nav-links a.prev.page-numbers {
    margin-right: 20px;
}

.pagination .nav-links a.next.page-numbers {
    margin-left: 8px;
}

.pagination .page-numbers.next:hover,
.pagination .page-numbers.next:focus,
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.prev:focus {
    transform: rotate(360deg);
}

/*===== // =====*/

form.woocommerce-product-search {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--bs-primary);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #28292e;
}	

.widget_price_filter form {
    padding: 15px 0;
}

.wishlist_table a.button.yith-wcqv-button:before {
    margin-left: 0;
}

.wishlist_table a.button.yith-wcqv-button,
.wishlist_table a.button.yith-wcqv-button:hover:before,
.wishlist_table a.button.yith-wcqv-button:focus:before {
     background-color: var(--bs-primary);
	 color:#fff;
}

.tagcloud a {
    display: inline-block;
    background: var(--bs-primary);
    color: #fff;
    padding: 10px;
    margin-right: 5px;
}

.widget_media_gallery figcaption {
    color: #fff;
    text-align: center;
}

@media (min-width: 992px) {
    .admin-bar .header-kaj.is-sticky {
        top: 30px;
    }
}

← Back to Directory Edit File 🔒 Chmod