/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
	# Custom properties
	# Reset
	# Typography
	# Elements
	# bLOCKS
	# Media
	# Links
	# Header
	# Footer
	# burger-menu
# Accessibility

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

/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}

/*--------------------------------------------------------------
# Adminbar css
--------------------------------------------------------------*/


/* toggle-open  start*/

body.admin-bar .vertical-header header.header-default {
    top: 30px;
}

body.admin-bar header.custom-header {
    top:30px;
}

body.xamin-default-header.admin-bar header {
    top: 30px;
}

body.admin-bar header.header-default .menu-sticky {
    top: 30px;
}

/* Toggle-open  End*/

body.admin-bar header,
body.admin-bar .has-sticky.header-up {
    top: 30px;
}

@media only screen and (max-width:600px) {
    /* Static adminbar (Not sticky)*/
    body.admin-bar .has-sticky.header-up {
        top: 0;
    }
    body.admin-bar header {
        top: 46px;
    }
    body.xamin-default-header.admin-bar header {
        top: 46px;
    }
    body.admin-bar .iqonic-custom-layouts {
        top: 0;
    }
    body.admin-bar header.custom-header {
        top:46px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 782px) {
    /* Sticky adminbar*/
    body.admin-bar header,
    body.admin-bar .has-sticky.header-up,
    body.xamin-default-header.admin-bar header {
        top: 46px;
    }
    body.admin-bar header.custom-header {
        top:46px;
    }
}
/*
CSS normalization based in part on normalize.css by
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

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

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

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	overflow: visible; /* 1 */
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	text-transform: none; /* 1 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

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

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

.site .elementor-widget-text-editor {
    color: var(--body-text);
    font-family: var(--global-font-family);
}


.home.blog .content-area .site-main { padding: 100px 0; }
.site-padding { padding-left: 45px !important; }
.overview-block-ptb { padding-top: 100px; }
.sf-content:after, .sf-content:before { clear: both; content: ""; display: table; }
.slider-overview-block-pt { padding-top: 70px; }
.content-area .site-main { padding: 100px 0; display: inline-block; width: 100%; float: left; overflow: hidden; }
.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 100px 0; }
.home .content-area .site-main { padding: 0; }
.no-padding, .no-padding .vc_column-inner { padding: 0px !important; }
.no-margin, .no-margin .wpb_content_element { margin: 0px !important; }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; }

/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


body {
	font-family: var(--global-font-family);
	font-weight: normal;
	font-style: normal;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--body-text);
	background: var(--global-body-bgcolor);
	overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--highlight-font-family);
	font-stretch: condensed;
	clear: both;
	margin: 15px 0;
	word-break: break-word;
	text-transform: capitalize;
}

h1 {
	color: var(--title-color);
	font-size: var(--font-size-h1);
	line-height: var(--font-line-height-h1);
	letter-spacing: var(--font-letter-spacing-h1);
	font-weight: var(--font-weight-h1);
}

h2 {
	color: var(--title-color);
	font-size: var(--font-size-h2);
	line-height: var(--font-line-height-h2);
	letter-spacing: var(--font-letter-spacing-h2);
	font-weight: var(--font-weight-h2);
}

h3 {
	color: var(--title-color);
	font-size: var(--font-size-h3);
	line-height: var(--font-line-height-h3);
	letter-spacing: var(--font-letter-spacing-h3);
	font-weight: var(--font-weight-h3);
}

h4 {
	color: var(--title-color);
	font-size: var(--font-size-h4);
	line-height: var(--font-line-height-h4);
	letter-spacing: var(--font-letter-spacing-h4);
	font-weight: var(--font-weight-h4);
}

h5 {
	color: var(--title-color);
	font-size: var(--font-size-h5);
	line-height: var(--font-line-height-h5);
	letter-spacing: var(--font-letter-spacing-h5);
	font-weight: var(--font-weight-h5);
}

h6 {
	color: var(--titile-color);
	font-size: var(--font-size-h6);
	line-height: var(--font-line-height-h6);
	letter-spacing: var(--font-letter-spacing-h6);
	font-weight: var(--font-weight-h6);
}

.xamin h1,
.xamin h2,
.xamin h3,
.xamin h4,
.xamin h5,
.xamin h6 {
	margin: 0;
}

*::-moz-selection {
	background: var(--primary-color);
	color: var(--white-color);
	text-shadow: none;
}

::-moz-selection {
	background: var(--primary-color);
	color: var(--white-color);
	text-shadow: none;
}

::selection {
	background: var(--primary-color);
	color: var(--white-color);
	text-shadow: none;
}

body {
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 30px;
	color: var(--body-text);
	overflow-x: hidden !important;
}

a {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	color: var(--title-color);
}

i {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.button {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

a:focus {
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
}

a, .button, input {
	outline: medium none !important;
}

.container {
	max-width: 1170px;
}

.font-weight-bold {
	font-weight: bold !important;
}
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* stylelint-disable */
html {
	box-sizing: border-box;
}

/* stylelint-enable */

/**
 * Inherit box-sizing to make it easier to change the property for
 * components that leverage other behavior; see
 * http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	overflow-x: hidden !important;
}

p {
	margin-bottom: 30px;
}

a {
	color: var(--sub-title-color);
	outline: none;
}

a:focus, a:hover {
	color: var(--primary-color);
	outline: none;
}

ins {
	background: var(--white-light-color);
	text-decoration: none;
}

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

pre {
	background: var(--white-light-color);
	padding: 15px;
	border: 1px solid var(--white-light-color);
}

hr {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--white-light-color);
	border-top: 0;
}

/* Lists (Nested) */
ol, ul {
	padding-left: 25px;
	margin-bottom: 0;
}

ol li {
	list-style: decimal;
}

ol ol {
	padding-left: 25px;
}

ul li {
	list-style: inherit;
}

/* Definition Lists */
dl dd {
	margin-bottom: 15px;
}

dl dd:last-child {
	margin-bottom: 0;
}

/* Table */
table {
	border: 1px solid var(--white-light-color);
	width: 100%;
	margin-bottom: 20px;
}

table td, table th {
	border: 1px solid var(--white-light-color);
	padding: 5px 8px;
	text-align: center;
}

/* Form */
label {
	color: var(--secondary-color);
	margin-bottom: 0;
}

input, input[type=text], input[type=email], input[type=search], input[type=password], textarea {
	width: 100%;
	float: left;
	padding: 0 15px;
	height: 48px;
	line-height: 48px;
	background: var(--white-color);
	border: 1px solid var(--white-light-color);
	color: var(--body-text);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	border-radius: var(--border-radius);
}

select {
	border: 1px solid rgba(36, 38, 43, 0.14);
	background: var(--white-color);
	line-height: 48px;
	height: 48px;
	padding: 0 10px;
	width: 100%;
	color: var(--body-text);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

textarea {
	padding: 15px;
	height: 150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: var(--font-line-height-body);
}

input:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border-color: var(--primary-color);
	box-shadow: none;
	outline: none;
}

input::-webkit-input-placeholder {
	color: inherit;
}

input::-moz-placeholder {
	color: inherit;
}

input:-ms-input-placeholder {
	color: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
}

textarea:-ms-input-placeholder {
	color: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
}

input[type=email]:-ms-input-placeholder {
	color: inherit;
}

input[type=submit], .contact-form .cfield input[type=submit] {
	color: var(--white-color);
	background: var(--primary-color);
	cursor: pointer;
	margin-bottom: 0;
	height: auto;
	line-height: 26px !important;
	padding: 11px 30px;
	font-size: 1em;
	border: none;
	position: relative;
	display: inline-block;
	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 90px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

input[type=submit]:hover, .contact-form .cfield input[type=submit]:hover {
	color: var(--white-color);
	background: var(--secondary-color);
	outline: none;
}

input[type=checkbox] {
	width: auto;
	margin-right: 10px;
	line-height: 2;
	height: 32px;
}
.woocommerce-Reviews input[type="checkbox"], 
.comments-area .comment-form input[type="checkbox"] {
	height: 29px;
}

.comments-area blockquote {
	background: var(--white-color);
}

.comments-area table td, .comments-area table th {
	border: 1px solid var(--secondary-color);
}

.wp-block-button__link {
	padding: 10px 30px;
	font-size: 16px;
}

.error {
	color: var(--warning-color) !important;
}

.cursor-pointer {
	cursor: pointer;
}

div.wpcf7-response-output {
	display: none;
}

.wpcf7-form .cfield .wpcf7-not-valid {
	border: 1px solid var(--warning-color);
}

.site-content {
	display: inline-block;
	width: 100%;
	float: left;
}

.vc_parallax {
	overflow: hidden !important;
}

div.wpcf7-mail-sent-ok {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	color: var(--success-color);
	margin: 0;
}

/* Audio */
article.hentry.format-audio .consult-detail {
	text-align: left;
}

article.hentry.format-audio .consult-detail p:nth-child(-n+2) {
	display: inline-block;
	margin-bottom: 0;
	padding-top: 30px;
}

article.hentry.format-audio .consult-detail p {
	margin-bottom: 0;
}

article.hentry.format-video .consult-detail p {
	margin-bottom: 0;
}


/*---------------------------------------------------------------------
 Contact form
-----------------------------------------------------------------------*/
.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
	position: absolute;
	bottom: -5px;
	left: 0;
	color: var(--warning-color);
	border: none;
	padding: 0;
	margin: 5px 0;
}

.xamin-contact {
	padding: 45px;
	background: var(--white-light-color);
}

.xamin-contact h2 {
	text-align: center;
}

.xamin-contact input:hover, .xamin-contact input[type=text]:hover, .xamin-contact textarea:hover {
	border: 1px solid var(--primary-color);
}

.xamin-contact .button {
	cursor: pointer;
	margin-top: 15px;
}

.xamin-contact input, .xamin-contact input[type=text], .xamin-contact textarea {
	border: 1px solid var(--white-light-color);
}

.contact-form .cfield textarea {
	background: var(--white-light-color);
}

.wpcf7-form p:nth-child(n+6) {
	margin-bottom: 0;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-not-valid-tip {
	display: none !important;
}

.contact-form .cfield {
	position: relative;
	width: 100%;
	display: inline-block;
}

.contact-form .cfield input[type=submit] {
	margin-top: 15px;
}

.contact-form .cfield input {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	background: var(--white-light-color);
	border-radius: 4px;
	padding-left: 15px;
	height: 55px;
	line-height: 55px;
	clear: both;
	border: 1px solid #e1e1e1;
}

.contact-form .cfield input:focus, .contact-form .cfield.textarea textarea:focus {
	border: 1px solid var(--primary-color);
	box-shadow: none;
	outline: none;
}

.contact-form .cfield.textarea textarea {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	background: var(--white-color);
	border: 1px solid var(--white-light-color);
	border-radius: 4px;
	padding: 15px 0 0 20px;
	resize: none;
}

.contact-form .cfield .wpcf7-not-valid {
	border: 1px solid var(--warning-color);
}

.contact-form .ajax-loader {
	margin: 32px 0 0 5px;
}

.predict-form {
	background: var(--white-color);
	border-radius: 5px;
	padding: 30px;
}

.predict-form input, .predict-form textarea {
	margin-bottom: 30px;
}

.contact-form .cfield textarea {
	margin-bottom: 15px;
	border: 1px solid var(--white-light-color);
}

/*---------------------------------------------------------------------
 Contact form style-2
-----------------------------------------------------------------------*/
.contact-two .xamin-contact {
	padding: 0;
	background: transparent;
}

.contact-two .xamin-contact h2 {
	text-align: left;
}

.contact-two .xamin-contact {
	margin: 0;
}

.contact-two iframe {
	box-shadow: 0px 8px 57.4px 12.6px rgba(0, 0, 0, 0.08);
	height: 568px;
	margin: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*---------------------------------------------------------------------
 Contact form style-3
-----------------------------------------------------------------------*/
.xamin-contact.contact-style {
	background: var(--white-light-color);
	margin-bottom: 0;
	padding: 100px 45px;
}

.xamin-contact.contact-style h2 {
	text-align: left;
}

/*---------------------------------------------------------------------
 Contact form tab
-----------------------------------------------------------------------*/
.our-services-tab.map-contact ul.vc_tta-tabs-list li a {
	color: var(--white-color) !important;
	padding: 15px 30px !important;
}

.our-services-tab.map-contact ul.vc_tta-tabs-list li {
	position: relative;
}

.our-services-tab.map-contact ul.vc_tta-tabs-list {
	background: var(--primary-color);
	text-align: center;
}

.our-services-tab.map-contact ul li.vc_tta-tab.vc_active, .our-services-tab.map-contact ul li.vc_tta-tab:hover {
	background: rgba(255, 255, 255, 0.2);
}

.our-services-tab.map-contact ul li.vc_tta-tab:before {
	height: 3px;
	background: rgba(255, 255, 255, 0.23);
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

.our-services-tab.map-contact .vc_tta-tabs-list:before {
	display: inline-block;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.04);
}

.our-services-tab.map-contact .vc_tta-panel-body, .wpb_gmaps_widget .wpb_wrapper {
	padding: 0px !important;
	border: none !important;
}

.our-services-tab.map-contact .iq-list li:last-child, .our-services-tab.map-contact .our-services-tab.map-contact .iq-list, .our-services-tab.map-contact .vc_tta-container {
	margin-bottom: 0px !important;
}

.our-services-tab.map-contact .vc_tta-panels {
	background: none !important;
	border: none !important;
}

.our-services-tab.map-contact ul li.vc_tta-tab.vc_active:before, .our-services-tab.map-contact ul li.vc_tta-tab:hover:before {
	display: inline-block;
	width: 100%;
	height: 3px;
	background: rgba(255, 255, 255, 0.23);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

.our-services-tab.map-contact .vc_tta-tabs-container {
	margin: 0px !important;
}

.our-services-tab.map-contact .contact-form.xamin-contact, .our-services-tab.map-contact .contact-details-three {
	margin-bottom: 0;
	margin-top: -70px !important;
}

.our-services-tab.map-contact ul.contact-details-box li i {
	color: var(--primary-color);
}

.contact-details-box li {
	margin-bottom: 15px;
}

/*---------------------------------------------------------------------
 contact-form3
-----------------------------------------------------------------------*/
.request-form {
	overflow: visible !important;
}

.xamin-contact.style-three {
	margin-bottom: 0;
}

.request-form .contact-form-img .vc_custom_1565690411552 {
	background-position: 100% 0;
}

.request-form .request-details {
	margin-bottom: -350px;
	box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.15);
}
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


/*---------------------------------------------------------------------
Scrollbar
-----------------------------------------------------------------------*/
.scrollbar-thumb,
.scrollbar-track-y {
	width: 4px !important;
}

.scrollbar-thumb {
	background: var(--color-theme-primary) !important;
}

.yScroller::-webkit-scrollbar {
	display: none;
}

.yScroller {
	scrollbar-width: none;
}

::-webkit-scrollbar-thumb {
	background: var(--color-theme-primary) !important;
}

#headScroller::-webkit-scrollbar-thumb {
	background: var(--white-light-color) !important;
}

::-webkit-scrollbar {
	width: 5px;
}
  
/* Track */
::-webkit-scrollbar-track {
	background: var(--global-body-lightbg);
}


/* subscribe */
.mc4wp-form-fields {
	display: flex;
}

.mc4wp-form-fields button {
	width: 70px;
	height: auto;
	background: var(--primary-color);
	border-radius: 0 3px 3px 0;
	transform: matrix(1, 0, 0, -1, 0, 0);
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.mc4wp-form-fields button:focus {
	border: none;
}

.mc4wp-form-fields button i, .mc4wp-form-fields button svg {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.mc4wp-form-fields button:hover i, .mc4wp-form-fields button:hover svg {
	margin-left: 15px;
}

.mc4wp-form-fields input, input[type=email] {
	height: 48px;
}

/*---------------------------------------------------------------------
                          Clearing floats 
-----------------------------------------------------------------------*/
.home.blog .content-area .site-main {
	padding: 130px 0;
}

.site-padding {
	padding-left: 45px !important;
}

.overview-block-ptb {
	padding-top: 130px;
}

.sf-content:after, .sf-content:before {
	clear: both;
	content: "";
	display: table;
}

.slider-overview-block-pt {
	padding-top: 70px;
}

.content-area .site-main {
	padding: 130px 0;
	display: inline-block;
	width: 100%;
	float: left;
	overflow: hidden;
}

.home .content-area .site-main {
	padding: 0;
}

.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid {
	padding: 130px 0;
}

.home .content-area .site-main {
	padding: 0;
}

.no-padding, .no-padding .vc_column-inner {
	padding: 0px !important;
}

.no-margin, .no-margin .wpb_content_element {
	margin: 0px !important;
}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
	padding-top: 0 !important;
}

/*---------------------------------------------------------------------
                          Clearing floats
-----------------------------------------------------------------------*/
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both;
}

.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
	display: table;
	content: "";
}

/*---------------------------------------------------------------------
                              Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top {
	margin: 0;
	color: var(--white-color);
	background: var(--secondary-color);
	position: fixed;
	bottom: 30px;
	right: 25px;
	z-index: 999;
	font-size: 26px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 90px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#back-to-top .top:hover {
	background: var(--primary-color);
	color: var(--white-color);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
                               Loader
-----------------------------------------------------------------------*/
#loading {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--white-color);
	z-index: 9999;
}

#loading img {
	width: 400px;
}

@media (min-width: 1499px) {
	.container {
		max-width: var(--content-width-sm);
	}

	.xamin .container {
		max-width: var(--content-width);
	}
}

@media (min-width: 1300px) {
	.container {
		max-width: var(--content-width-sm);
	}

	.xamin .container {
		max-width: var(--content-width);
	}
}

body .container {
	max-width: var(--content-width);
}

body.theme-xamin .container {
	max-width: var(--content-width);
}

body .xamin .container, body .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: var(--content-width);
}

.content-area .site-main {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.content-area .site-main {
		padding: 70px 15px;
	}
}

@media(max-width:992px) {
	.page-id-2329 {
		padding: 150px 0;
	}

	.page-id-2324 {
		padding: 90px 0;
	}

	.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid, .content-area .site-main, .home.blog .content-area .site-main {
		padding: 70px 0
	}

	.overview-block-ptb {
		padding-top: 70px;
	}

	.iq-breadcrumb .title {
		font-size: 38px;
	}

}

@media (max-width: 767px) {
	.content-area .site-main {
		padding: 40px 15px;
	}

	.iq-breadcrumb.text-left, .iq-breadcrumb .text-left {
		text-align: center !important;
	}

	.iq-breadcrumb .float-right {
		float: none !important;
	}

	.iq-breadcrumb .title {
		font-size: 32px;
	}

	.iq-breadcrumb.text-left .breadcrumb li, .iq-breadcrumb.text-left .breadcrumb li a {
		font-size: 14px;
	}

	.iq-breadcrumb-one .breadcrumb li:last-child::after {
		display: none;
	}

	.iq-breadcrumb-one {
		padding: 75px 0;
	}

	.iq-breadcrumb-one .breadcrumb {
		margin-bottom: 30px;
	}

	.iq-breadcrumb-one .text-left {
		text-align: center !important;
	}

	.overview-block-ptb {
		padding-top: 40px;
	}

	.overview-block-ptb .iq-portfolio {
		margin: 0;
	}
}

/*-------------------------  Back to Top  -------------------------*/
#back-to-top .top {
	position: fixed;
	margin: 0;
	color: var(--white-color);
	background: var(--primary-color);
	bottom: 65px;
	right: 30px;
	z-index: 99;
	font-size: 26px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: var(--border-radius);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.xamin-all #back-to-top .top {
	border-radius: var(--border-radius-90);
}

#back-to-top .top svg {
	color: var(--color-theme-white);
}

#back-to-top .top:hover {
	background: var(--color-theme-secondary);
}

#back-to-top .xamin-btt-box {
	position: relative;
}

#back-to-top span svg {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#back-to-top .xamin-btt-shap svg {
	position: relative;
	top: 0;
}

#back-to-top .xamin-btt-icon svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 20px;
	z-index: -1;
	font-size: 40px;
}

#back-to-top .top:hover .xamin-btt-shap svg {
	top: 7px;
}

#back-to-top .top:hover .xamin-btt-icon svg {
	bottom: 25px;
}

/*-------------------  Loader  ---------------------------------------*/
#loading {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--white-color);
	z-index: 9999;
}

/*---------------------------------------------------------------------
   Breadcrumb style 1 2 and 3 4 5
  -----------------------------------------------------------------------*/
.breadcrumb li {
	display: inline-block;
	word-break: break-word;
}

.xamin-breadcrumb {
	padding: 130px 0;
	background: var(--global-body-lightcolor);
}

.xamin-breadcrumb-two {
	padding: 45px 0;
	position: relative;
	z-index: 2;
}

.xamin-breadcrumb-one {
	display: block;
	padding: 130px 0;
	z-index: 9;
	position: relative;
}

.xamin-breadcrumb-one ol li a,
.xamin-breadcrumb-one ol li {
	color: var(--color-theme-primary);
	text-decoration: none;
	font-weight: var(--font-weight-h2);
	font-family: var(--highlight-font-family);
	letter-spacing: 3px;
}

.xamin-breadcrumb-one ol li a:hover {
	color: var(--color-theme-secondary);
}

.xamin-breadcrumb-one ol li {
	list-style: none;
	display: inline-block;
	position: relative;
}

.breadcrumb-ui::before, .breadcrumb-bg::before {
	position: absolute;
	left: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
}

.xamin-breadcrumb-one .breadcrumb-item+.breadcrumb-item::before {
	content: "";
	background: var(--color-theme-secondary);
	width: 5px;
	height: 5px;
	position: absolute;
	padding: 0;
	left: -4px;
	bottom: 6px;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 5px;
}

.xamin-breadcrumb-one .breadcrumb {
	position: relative;
	display: inline-block;
}

.xamin-breadcrumb-one .breadcrumb-item.active {
	color: var(--color-theme-primary);
	position: relative;
	font-weight: 700;
}

.xamin-breadcrumb-one .breadcrumb-item:last-child {
	color: var(--color-theme-primary);
	font-weight: 700;
	line-height: normal;
}

.xamin-breadcrumb-one ol {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
	margin-top: 15px;
}

.xamin-breadcrumb-two .breadcrumb {
	display: flex;
	align-items: center;
	line-height: normal;
	justify-content: center;
	flex-wrap: wrap;
}

.xamin-breadcrumb-two ol li {
	display: inline-block;
}

.xamin-breadcrumb-three .breadcrumb {
	margin-top: 0;
}

.xamin-breadcrumb-three .xamin-breadcrumb-one {
	padding: 0;
}

.xamin-breadcrumb-three {
	padding: 45px 0;
}

.breadcrumb-bg,
.breadcrumb-video,
.video-xamin-bg-over {
	position: relative;
	overflow: hidden;
}

.breadcrumb-bg video,
.breadcrumb-bg #video-background,
.breadcrumb-video video,
.video-xamin-bg-over video,
.video-breadcrumb-bg #video-background,
.video-xamin-bg-over #video-background {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 100%;
}

.breadcrumb-bg.xamin-over-dark-80::before,
.breadcrumb-ui::before {
	z-index: 0;
}

.xamin-breadcrumb-one {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background: var(--global-body-lightcolor);
}


.xamin-breadcrumb-one .main-shap-box .shap-one {
	left: -130px;
	z-index: 3;
	top: -150px;
}

.xamin-breadcrumb-one .main-shap-box .shap-two {
	width: 90px;
	height: 90px;
}

/* responsive breadcrumb */

@media(max-width : 1024px) {

	.xamin-breadcrumb-one {
		padding: 70px 0;
	}

}

@media(max-width : 767px) {

	.xamin-breadcrumb-one {
		padding: 50px 0;
	}

}

/* HTML Tags */
.elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button:hover, .elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button:focus {
	background: var(--secondary-color);
}

.elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button {
	background: var(--primary-color);
}

blockquote {
	background: var(--white-light-color);
	padding: 15px 30px;
	border-left: 5px solid var(--primary-color);
	margin-bottom: 30px;
	border-radius: 4px;
}

blockquote cite {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
	margin-bottom: 0;
}

blockquote .blockquote-footer {
	font-style: italic;
	color: var(--body-text);
	margin-top: 10px;
}

blockquote .blockquote-footer cite {
	color: var(--primary-color);
}

.blog-content blockquote p {
	margin-bottom: 0;
}

.blog-content p {
	margin-bottom: 15px;
}

.blog-content .wp-block-archives li, .blog-content .wp-block-latest-posts li, .blog-content ul.wp-block-categories li {
	list-style: none;
}

ul.wp-block-categories li.cat-item span, footer.footer-one ul li.cat-item span {
	float: right;
}

.blog-content ul.wp-block-archives, .blog-content ul.wp-block-latest-posts, .blog-content ul.wp-block-categories {
	padding: 0;
}

.blog-content .page-links a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

article.hentry.sticky .consulting-blog .blog-details {
	background: var(--white-light-color);
	padding: 15px;
}
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


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

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

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

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-style: italic;
}
.wp-caption.alignleft  .wp-caption-text{
	text-align: left;
}
.wp-caption.alignright  .wp-caption-text{
	text-align: right;
}
@media (--content-query) {

	.wp-caption.alignright,
	.wp-block-image.alignright {
		margin-right: calc((100% - var(--content-width)) / 2);
	}

	.wp-caption.alignleft,
	.wp-block-image.alignleft {
		margin-left: calc((100% - var(--content-width)) / 2);
	}

}

.gallery-item {
	padding: 0 15px 15px 0;
}

.gallery-icon {
	display: flex;
	justify-content: center;
}

.gallery-caption {
	font-size: 80%;
}

@media (max-width:479px) {
	.gallery-item {
		padding: 0 0 15px 0;
	}
}
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
/* stylelint-disable */
a {
	color: var(--color-link);
}
/* stylelint-enable */

a:visited {
	color: var(--color-link-visited);
}

a:hover,
a:focus,
a:active {
	color: var(--color-link-active);
}

a:focus {
	outline: thin dotted;
}

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

header.header-default {
  position: relative;
  width: 100%;
  background: var(--white-color);
  display: inline-block;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* Header Top */

/*For elementor header End*/
header .sub-header .number-info ul {
  margin: 0;
  padding: 0;
}

header .sub-header .number-info li {
  list-style: none;
  float: left;
  margin-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

header .sub-header .number-info li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  margin-right: 0;
}

header .sub-header .number-info li a {
  color: var(--white-color);
  line-height: 45px;
  padding: 0 15px;
}

header .sub-header .number-info li a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

header.header-default .button-started .xamin-button {
  padding: 12px 24px;
  letter-spacing: 1px;
}

header .sub-header .number-info li a svg,
header .sub-header .number-info li a i {
  margin-right: 5px;
}

header .sub-header nav {
  display: flex;
}

header .sub-header .request-btn a {
  background: var(--primary-color);
  padding: 14px 30px;
  color: var(--white-color);
  line-height: 45px;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.30);
  z-index: 2;
}

header .sub-header .request-btn a:before {
  pointer-events: none;
  background: var(--primary-color);
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  z-index: -1;
}

header .sub-header .request-btn a:hover {
  background: var(--primary-color);
  color: var(--white-color);
  text-decoration: none;
}

header .sub-header .social-icone ul {
  margin: 0;
  padding: 0;
}

header .sub-header .social-icone ul li {
  color: var(--secondary-color);
  width: 45px;
  height: 45px;
  line-height: 45px;
}

header .sub-header .social-icone ul li {
  display: inline-block !important;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.30);
  height: 45px;
  background: var(--primary-color);
}

header .sub-header .social-icone ul li:last-child {
  margin-right: 0;
}

header .sub-header .social-icone ul li a,
header .sub-header .social-icone ul li a svg,
header .sub-header .social-icone ul li a i {
  color: var(--primary-color);
  width: 30px;
  font-size: 18px;
}

header.style-two .sub-header .social-icone ul li a,
header.style-two .sub-header .social-icone ul li a svg,
header.style-two .sub-header .social-icone ul li a i {
  color: var(--white-color);
  width: 30px;
}

header .sub-header .social-icone ul li a:hover {
  color: var(--primary-color);
}

header .navbar-light .navbar-brand img.logo {
  width: 151px;
}

header .navbar-light .navbar-brand {
  padding: 0;
}

/* Header Bottom */
header.header-default#main-header {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  background: transparent;
  width: 100%;
  z-index: 999;
  transition: all .5s ease-out 0s;
}

header .button-started {
  display: inline-grid;
}

header .button-started .xamin-button {
  padding: 12px 24px;
  letter-spacing: 1px;
}

header .navbar ul li .button-started a:hover,
header .navbar ul li .button-started a:hover svg {
  color: var(--white-color);
}

header.header-default#main-header {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
  width: 100%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.admin-bar header#main-header .menu-sticky {
  top: 30px;
}

header.header-default .menu-sticky {
  position: fixed;
  -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
  border-bottom: none;
  width: 100%;
  top: 0;
  background-color: var(--color-theme-white);
}

header.header-default.style-one,
header.header-default.style-two {
  background: transparent;
  box-shadow: 0px 14px 80px rgba(0, 0, 0, 0.03);
}

header.header-default.style-one .menu-sticky {
  background: var(--white-color);
}

header.header-default.style-two .menu-sticky {
  background: var(--secondary-color);
}

header.menu-sticky .main-header {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

header .sub-header {
  background: var(--secondary-color);
  overflow: hidden;
}

header .navbar-light {
  padding: 0;
}

.admin-bar header.header-three {
  top: 32px;
}

.admin-bar header.menu-sticky .main-header {
  top: 32px;
  padding: 0 162px;
}

header .sub-header .number-info ul li a svg,
header .sub-header .number-info ul li a i {
  margin-right: 10px;
  font-size: 16px;
  color: var(--primary-color);
  vertical-align: middle;
  display: inline-block;
}

/*---------------------------------------------------------------------
  sidebar button
-----------------------------------------------------------------------*/
.menu-btn .line {
  width: 25px;
  height: 2px;
  background-color: var(--white-color);
  display: block;
  margin: 7px 0;
}

.iq-sidearea-btn-container {
  display: inline-block;
  background: var(--primary-color);
  margin-left: 15px;
  padding: 5px;
  border-radius: var(--border-radius);
  width: 45px;
  height: 45px;
  text-align: center;
  cursor: pointer;
  line-height: 37px;
}

.xamin-all .iq-sidearea-btn-container {
  border-radius: var(--border-radius-90);
}

body.side-bar-open .iq-sidearea-btn-container.btn-container-close {
  background: var(--primary-color);
}

body.side-bar-open .iq-sidearea-btn-container.btn-container-close:hover {
  background: var(--secondary-color);
}

body.side-bar-open .iq-sidearea-btn-container.btn-container-close .menu-btn .line {
  background: var(--white-color);
}

body.side-bar-open .iq-sidearea-btn-container.btn-container-close:hover .menu-btn .line {
  background: var(--white-color);
}

.iq-sidearea-btn-container:hover {
  background: var(--secondary-color);
}

body.iq-dark-mode .iq-sidearea-btn-container:hover {
  background: var(--primary-color);
}

.iq-sidearea-btn-container .menu-btn:hover {
  cursor: pointer;
}

.iq-sidearea-btn-container .menu-btn:hover {
  cursor: pointer;
}

.iq-sidearea-btn-container .menu-btn:hover {
  cursor: pointer;
}

#menu-btn-side-close .is-active {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  transform-origin: center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-btn-side-close .is-active .line:nth-child(2) {
  width: 0;
}

#menu-btn-side-close .is-active .line:nth-child(1),
#menu-btn-side-close .is-active .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#menu-btn-side-close .is-active .line:nth-child(1) {
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  -o-transform: translateY(9px);
  transform: translateY(9px);
}

#menu-btn-side-close .is-active .line:nth-child(3) {
  -webkit-transform: translateY(9px) rotate(90deg);
  -ms-transform: translateY(9px) rotate(90deg);
  -o-transform: translateY(9px) rotate(90deg);
  transform: translateY(9px) rotate(90deg);
}

.iq-sidearea-btn-container.btn-container-close {
  position: absolute;
  top: 26px;
  right: 50px;
}

.side-bar-close .iq-menu-side-bar {
  right: -475px;
}

.side-bar-open .iq-menu-side-bar {
  right: 0;
}

.iq-menu-side-bar {
  background: var(--white-color);
  width: 475px;
  top: 0;
  right: -475px;
  position: fixed;
  height: 100%;
  z-index: 99991;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  padding: 90px 45px 45px 45px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
}

#sidebar-scrollbar {
  height: calc(100vh - 120px);
}

.iq-sidearea-btn-container:hover .line.one,
.iq-vertical-btn-container:hover .menu-btn .line.one {
  animation: iq-sidbar-btn .5s ease;
}

.iq-sidearea-btn-container:hover .line.two,
.iq-vertical-btn-container:hover .menu-btn .line.two {
  animation: iq-sidbar-btn .5s .15s ease;
}

.iq-sidearea-btn-container:hover .line.three,
.iq-vertical-btn-container:hover .menu-btn .line.three {
  animation: iq-sidbar-btn .5s .4s ease;
}

@keyframes iq-sidbar-btn {

  0%,
  100% {
    width: 100%
  }

  50% {
    width: 0
  }
}

.iq-sidearea-btn-container.btn-container-close {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  will-change: transform;
}

.iq-sidearea-btn-container.btn-container-close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*--------------------------------------------------------------
                       Navigation
--------------------------------------------------------------*/
header.menu-sticky .main-header {
  position: fixed;
  top: 0;
  background: var(--white-color);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}

header.header-default .navbar .menu-header-menu-container,
header.header-default .navbar .menu-all-pages-container,
header.header-default .navbar .menu-testing-menu-container,
header.header-default .navbar .menu-short-container,
header.header-default .navbar .menu-main-menu-container,
header.header-default .navbar #iq-menu-container {
  display: inline-block;
  width: 100%;
}

header.header-default .navbar ul.sub-menu li {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  padding: 0 15px;
}

header.header-default .navbar ul.sub-menu li:last-child {
  margin-bottom: 0;
}

header.header-default .navbar ul li {
  list-style: none;
  margin-right: 30px;
  position: relative;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  display: inline-block;
}

header.style-one .navbar ul.shop_list li,
header.style-one ul.shop_list li:first-child {
  margin-right: 35px;
}

header.style-one ul.shop_list li.wishlist-btn,
header.style-one ul.shop_list li.search-btn a {
  padding-left: 0;
}


header.style-one ul.shop_list li.search-btn,
header.style-two ul.shop_list li.search-btn {
  margin-left: 0;
}

header.header-default .navbar ul li::after {
  content: "";
  background-color: var(--border-color);
  position: absolute;
  height: 15px;
  width: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
}

header.header-default .navbar ul li:last-child::after,
header.header-default .sub-main ul li:after,
header.header-default .navbar ul li>.sub-menu li:after,
header.header-default .navbar ul li .sub-menu li::after {
  display: none;
}

header li .search-box input[type="search"] {
  height: 40px;
  font-size: 18px;
  display: inline-block;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 15px 40px 15px 15px;
  width: 0;
  position: absolute;
  top: -14px;
  right: 0;
  background: none;
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  z-index: 11;
  margin: -10px 0 0 0;
}

header li .search-box {
  position: relative;
}

header li .search-box input[type="search"]:focus {
  width: 250px;
  cursor: text;
  background: var(--white-color);
  z-index: 9;
  color: rgba(102, 102, 102, 0.6);
  font-size: 14px;
}

header li .search-box .search-submit:hover {
  background: none;
}

header ul.shop_list {
  margin-bottom: 0;
}

header li .search-box .search-submit {
  z-index: 10;
  color: var(--secondary-color);
  padding: 0;
  height: 40px;
  width: 40px;
  display: inline-block;
  float: right;
  position: absolute;
  top: -24px;
  right: 0;
  background: none;
  cursor: pointer;
  transition: opacity 0.4s ease;
}

header.header-default .navbar ul li:last-child {
  margin-right: 0;
}

header.header-default .navbar ul li a {
  color: var(--secondary-color);
  padding: 0px 0px 0px 15px;
  line-height: 80px;
  position: relative;
  z-index: 9;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  text-transform: capitalize;
  font-size: var(--font-size-normal);
}

header.header-default .navbar ul li:first-child>a {
  padding-left: 0;
}

header.header-default .navbar ul li svg,
header.header-default.navbar ul li i {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  color: var(--secondary-color);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

header li .search-box .search-submit svg,
header li .search-box .search-submit i {
  display: inline-block;
}

header.header-default .navbar ul li .sub-menu li i:before {
  content: "\f105";
}

header.header-default .navbar ul li .sub-menu li:hover>a {
  background: var(--primary-color);
  color: var(--white-color);
  padding-left: 20px;
}

header.header-default .navbar ul li .sub-menu li:hover svg,
header.header-default .navbar ul li .sub-menu li:hover i {
  color: var(--white-color);
}

/* header button */
header.header-default .navbar .sub-main .button-started .xamin-button {
  font-size: 14px;
}

/* Navigation Sub Menu */
header.header-default .navbar ul li .sub-menu {
  display: none;
}

header.header-default.style-one ul.navbar-nav>li:first-child>.sub-menu,
header.header-default.style-two ul.navbar-nav>li:first-child>.sub-menu {
  max-height: 500px;
  overflow-y: scroll;
}

header.header-default .navbar ul li .sub-menu li {
  margin-right: 0;
}

header.header-default .navbar ul li .sub-menu li a {
  font-size: 14px;
  border-radius: var(--border-radius);
  display: inline-block;
  width: 100%;
  line-height: 28px;
  padding: 10px 15px;
  color: var(--secondary-color);
  background: var(--white-color);
}

header.header-default .navbar ul li .sub-menu li a:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

header.header-default .navbar ul li .sub-menu li a:before {
  display: none;
}

header.header-default .navbar ul li .sub-menu li.current-menu-item a {
  background: var(--primary-color);
  color: var(--white-color);
}

header.header-default .navbar ul li .sub-menu li.current-menu-item ul li a {
  background: transparent;
  color: var(--primary-color);
}

header.header-default .navbar ul li.current-menu-ancestor a,
header.header-default .navbar ul li.current-menu-ancestor svg,
header.header-default .navbar ul li.current-menu-ancestor i {
  color: var(--primary-color);
}

header.header-default .navbar ul li .sub-menu li.current-menu-item ul li a:hover {
  color: var(--white-color);
}

header.header-default .navbar ul li .sub-menu li>.sub-menu {
  display: none;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
  float: right;
}

/* main*/
header.header-default .navbar ul li .sub-menu li.current-menu-parent svg,
header.header-default .navbar ul li .sub-menu li.current-menu-parent i {
  color: var(--white-color);
}

header.header-default .navbar ul li .sub-menu>li.current-menu-item>a,
header.header-default .navbar ul li .sub-menu>li.current-menu-ancestor>a,
header.header-default .navbar ul li .sub-menu>li.menu-item.current-menu-parent>a,
header.header-default .navbar ul li .sub-menu>ul li.current-menu-parent>a {
  color: var(--color-theme-white);
  background-color: var(--primary-color);
}

/* Navigation Sticky */
header.menu-sticky .main-header {
  position: fixed;
  top: 0;
  background: var(--white-color);
}

header.menu-sticky .main-header .navbar ul li a {
  line-height: 65px;
  position: relative;
}

header.menu-sticky .main-header .navbar ul li:hover .sub-menu {
  top: 65px;
}

header.menu-sticky .navbar ul li .sub-menu li:hover>.sub-menu {
  top: 0;
}

header.menu-sticky .navbar ul li .sub-menu>li a {
  line-height: 28px;
}


/*---------------------------------------------------------------------
                           Header-style-1
-----------------------------------------------------------------------*/
.admin-bar header.style-one {
  top: 32px;
}

.admin-bar header.custom-header has-sticky {
  top: 32px;
}

header.style-one .sub-header {
  background: transparent;
  border: 1px solid var(--border-color);
}

header.menu-sticky .main-header {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

header.style-one {
  position: absolute;
  background: transparent;
}

header .sub-header {
  font-size: 14px;
}

header.style-one li .search-box .search-submit,
header.style-one li .search-box input[type="search"] {
  right: -30px;
}

header.style-one .sub-header .number-info li a,
header.style-two .sub-header .number-info li a {
  font-size: 14px;
  color: var(--title-color);
  line-height: 45px;
  padding: 0;
  margin-right: 30px;
}


header.style-one .sub-header .social-icone ul li:hover svg,
header.style-one .sub-header .social-icone ul li:hover i,
header.style-one .sub-header .number-info li:hover a svg,
header.style-one .sub-header .number-info li:hover a i,
header.style-one .sub-header .number-info li:hover a {
  color: var(--primary-color);
}

header.style-one .sub-header .social-icone ul li {
  border: none;
  background: transparent;
}

header.style-one .sub-header .social-icone ul li svg,
header.style-one .sub-header .social-icone ul li i {
  width: 30px;
}

header.style-one .sub-header .number-info li {
  border: none;
  position: relative;
}

header.style-one .sub-header .number-info li::before,
header.style-two .sub-header .number-info li:before {
  content: "";
  background-color: var(--border-color);
  position: absolute;
  height: 25px;
  width: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
}

header.style-one .sub-header .number-info li:first-child:before,
header.style-two .sub-header .number-info li:first-child:before {
  display: none;
}

header.style-one .navbar-light .navbar-toggler-icon,
header.style-two .navbar-light .navbar-toggler-icon {
  background-image: none;
  position: relative;
}

header.style-one .navbar-light .navbar-toggler-icon i {
  line-height: 0;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container {
  width: 25px;
  height: 25px;
}

header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon {
  background-color: var(--color-theme-white);
  height: 2px;
  width: 100%;
  position: absolute;
  top: 4px;
  left: 0;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::before,
header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::after,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::before,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::after {
  content: "";
  background-color: var(--color-theme-white);
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::before,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::before {
  top: 8px;
}

header.style-one .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::after,
header.style-two .navbar-light .navbar-toggler-icon.navbar-icon-container .navbar-icon::after {
  top: 16px;
}

header.style-one .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container,
header.style-two .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container {
  height: 21px;
}

header.style-one .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon,
header.style-two .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

header.style-one .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon::before,
header.style-two .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon::before {
  content: none;
}

header.style-one .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon::after,
header.style-two .navbar-light.xamin-toggler-open .navbar-toggler-icon.navbar-icon-container .navbar-icon::after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item .mega-sub-menu li {
  margin-bottom: 5px;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item .mega-sub-menu li:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------------------------------
                           Header-style-2
-----------------------------------------------------------------------*/

header.header-default.style-two {
  background-color: transparent;
  position: absolute;
}

header.header-default.style-two .sub-header {
  background-color: transparent;
}

header.header-default.style-two .navbar ul li:hover .sub-menu {
  background: var(--secondary-color);
}

header.header-default.style-two .navbar ul li .sub-menu li:hover>.sub-menu,
header.header-default.style-two .navbar ul li:hover .sub-menu {
  background-color: var(--secondary-color);
}

header.style-two .sub-header {
  background-color: transparent;
  border: none;
  padding-top: 5px;
}

header.style-two.menu-sticky .main-header {
  background: transparent;
}

header.style-two .navbar ul li .sub-menu li.current-menu-item a {
  color: var(--white-color);
  background: var(--primary-color);
}

header.style-two .sub-header .social-icone ul li:hover svg,
header.style-two .sub-header .social-icone ul li:hover i,
header.style-two .sub-header .number-info li:hover a svg,
header.style-two .sub-header .number-info li:hover a i,
header.style-two .sub-header .number-info li:hover a {
  color: var(--primary-color);
}

header.style-two .navbar ul li .sub-menu li svg,
header.style-two .navbar ul li .sub-menu li i,
header.style-two .sub-header .number-info li a,
header.style-two .sub-header .social-icone ul li svg,
header.style-two .sub-header .social-icone ul li i,
header.style-two .sub-header .number-info li a svg,
header.style-two .sub-header .number-info li a i {
  color: var(--white-color);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

header.style-two .navbar ul li.current-menu-ancestor a,
header.style-two .navbar ul li.current-menu-ancestor svg,
header.style-two .navbar ul li.current-menu-ancestor i {
  color: var(--primary-color);
}

header.style-two .navbar ul li a,
header.style-two .navbar ul li svg,
header.style-two .navbar ul li i {
  color: var(--white-color);
}

header.style-two .navbar ul li .sub-menu li:hover>a,
header.style-two .navbar ul li .sub-menu li.current-menu-parent a,
header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a {
  background: var(--primary-color);
  color: var(--white-color);
}

header.style-two .navbar ul li .sub-menu li a,
header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item a {
  color: var(--white-color);
  background-color: transparent;
}

header.style-two .navbar ul li .sub-menu li:hover,
header.style-two .navbar ul li a:hover,
header.style-two .navbar ul li.current-menu-item a,
header.style-two .navbar ul li.current-menu-parent a,
header.style-two .navbar ul li.current-menu-parent svg,
header.style-two .navbar ul li.current-menu-parent i,
header.style-two .navbar ul li.current-menu-item svg,
header.style-two .navbar ul li.current-menu-item i {
  color: var(--primary-color);
}

header.style-two .navbar ul.shop_list li,
header.style-two ul.shop_list li:first-child {
  margin-right: 35px;
}

header.style-two .sub-header .social-icone ul li {
  border: none;
  background: transparent;
}

header.style-two .sub-header .number-info li {
  border: none;
  position: relative;
}

.iq-mb-30 {
  margin-bottom: 30px;
}

.iq-mt-30 {
  margin-top: 30px;
}

.iq-mt-45 {
  margin-top: 45px;
}

.iq-mb-45 {
  margin-bottom: 45px;
}

header.style-two .sub-header .number-info li::before {
  background-color: #7b89a2;
}

/*---------------------------------------------------------------------
                               Header vertical
-----------------------------------------------------------------------*/
header.style-vertical ul .menu-item-has-children.show-sub .sub-menu-vertical {
  display: block;
}

header.style-vertical {
  width: 300px;
  position: fixed;
  left: 0;
  height: 100vh;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);
  top: 0;
}

header.style-vertical .menu-item-has-children svg,
header.style-vertical .menu-item-has-children i {
  position: absolute;
  right: 30px;
  top: 16px;
}

header.style-vertical .navbar ul li:hover>.sub-menu {
  width: 100%;
  top: inherit;
  position: relative;
}

header.style-vertical #vertical-menu li ul li>a {
  padding-left: 50px;
  color: var(--body-text);
}

header.style-vertical #vertical-menu li ul ul li>a {
  padding-left: 65px;
}

header.style-vertical #vertical-menu li ul {
  padding-left: 0;
  position: relative;
}

header.style-vertical #vertical-menu li ul:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #f0f2f3;
  top: 0;
  left: 30px;
}

header.style-vertical #vertical-menu li {
  list-style-type: none;
  position: relative;
  white-space: nowrap;
}

header.style-vertical .navbar ul {
  width: 100%;
  float: inherit;
  padding: 0;
  flex-direction: column;

}

header.header-default.style-vertical .navbar ul li:first-child>a {
  padding-left: 30px;
}

header.style-vertical .navbar ul li a {
  line-height: normal;
  padding: 15px 30px;
  display: block;
  overflow: hidden;
}

header.style-vertical .navbar ul li {
  text-align: left;
  display: block;
  margin: 0;
}

header.style-vertical .navbar-light {
  padding: 0;
  display: block;
}

.admin-bar header.style-vertical {
  padding-top: 30px;
}

#menu-sidebar-scrollbar {
  height: calc(100vh - 120px);
}

header.style-vertical .navbar-brand {
  position: absolute;
  left: 30px;
  padding: 0;
  line-height: 96px;
}

header.style-vertical #vertical-menu li.active>a::before,
header.style-vertical #vertical-menu>li.current-menu-ancestor>a:before,
header.style-vertical #vertical-menu>li.current-menu-item>a:before {
  opacity: 1;
  height: 75%;
}

header.style-vertical #vertical-menu li>a::before {
  content: "";
  width: 3px;
  height: 0;
  display: inline-block;
  background: var(--primary-color);
  position: absolute;
  top: 7px;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s;
}

header.style-vertical #vertical-menu li .iq-arrow-right {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

header.style-vertical #vertical-menu li a[aria-expanded="true"] .iq-arrow-right {
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

header.style-vertical #vertical-menu>li.current-menu-ancestor>a:before,
header.style-vertical #vertical-menu>li.current-menu-item>a:before,
header.style-vertical #vertical-menu li.active>a:before {
  opacity: 1;
  height: 75%;
}

header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-ancestor:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-item a:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-parent>a:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li a:hover:after,
header.style-vertical #vertical-menu li>a:before,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor>a:after,
header.style-vertical .navbar ul li a:hover:after {
  background: var(--primary-color);
}

header.style-vertical #vertical-menu li.menu-item-has-children ul>li a:after {
  content: "";
  width: 12px;
  height: 2px;
  top: 25px;
  position: absolute;
  left: 32px;
  background: #f0f2f3;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-ancestor:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-item:after {
  background: var(--primary-color);
}

header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a:hover,
header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover svg,
header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover i,
header.style-vertical #vertical-menu li ul li>a:hover {
  color: var(--primary-color);
}

.vertical-navbar-brand img {
  width: 160px;
}

header.style-vertical .navbar ul li:hover a,
header .navbar ul li:hover svg,
header .navbar ul li:hover i {
  color: var(--white-color);
}

header .navbar ul li svg:hover,
header .navbar ul li i:hover {
  color: var(--secondary-color);
}

header.style-vertical #vertical-menu li.active>a,
header.style-vertical #vertical-menu li.active>a svg,
header.style-vertical #vertical-menu li.active>a i,
header.style-vertical .navbar ul li.current-menu-ancestor a,
header.style-vertical .navbar ul li.current-menu-ancestor svg,
header.style-vertical .navbar ul li.current-menu-ancestor i,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a,
header.style-vertical .navbar ul li.current-menu-item a,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-item a,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a svg,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a i,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a,
header.style-vertical #vertical-menu li ul li.current-menu-item>a,
header.style-vertical #vertical-menu li ul li.current-menu-ancestor>a {
  color: var(--primary-color);
}

header.style-vertical #vertical-menu li.active>a,
header.style-vertical .navbar ul li.current-menu-item a,
header.style-vertical #vertical-menu>li.current-menu-ancestor>a {
  background: var(--ver-menu-back);
}

header.style-vertical .navbar ul li .iq-has-sub-menu a {
  background: transparent;
}

header.style-vertical .navbar ul li.current-menu-ancestor ul li a,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a,
header.style-vertical .navbar ul li.current-menu-ancestor ul li a i {
  color: var(--body-text);
}

header.style-vertical .navbar ul li a {
  color: var(--title-color);
}

header.style-vertical .navbar ul li a:hover,
header.style-vertical .navbar ul li a:hover i {
  color: var(--primary-color);
}

header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-ancestor:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-item a:after,
header.style-vertical #vertical-menu li>a::before,
header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor>a:after,
header.style-vertical .navbar ul li a:hover:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li.current-menu-parent>a:after,
header.style-vertical #vertical-menu li.menu-item-has-children ul>li a:hover:after {
  background: var(--primary-color);
}

/*---------------------------------------------------------------------
                               vertical menu header bar
-----------------------------------------------------------------------*/
.iq-vertical-btn-container.btn-vertical-open {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  z-index: 99;
  vertical-align: middle;
}

.iq-vertical-btn-container.btn-vertical-open,
.vertical-navbar-brand {
  display: inline-block;
}

#vertical-menu-sub-main {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  align-items: center;
  z-index: 99;
  padding-right: 15px;
}

.vertical-menu-btn svg,
.vertical-menu-btn i {
  font-size: 20px;
}

.iq-vertical-btn-container .menu-btn {
  height: 34px;
  width: 20px;
}

.iq-vertical-btn-container.btn-vertical-close .vertical-menu-btn,
.iq-vertical-btn-container.btn-vertical-open .vertical-menu-btn {
  display: inline-block;
  background: var(--primary-color);
  padding: 5px;
  border-radius: 90px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  line-height: 37px;
}

.iq-vertical-btn-container .menu-btn .line.two {
  width: 18px;
}

.iq-vertical-btn-container .menu-btn {
  vertical-align: middle;
}

.iq-vertical-btn-container.btn-vertical-close {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  bottom: 0;
}

.iq-vertical-header-logo {
  display: block;
  position: relative;
  min-height: 96px;
}

.iq-vertical-btn-container.btn-vertical-close .vertical-menu-btn {
  font-size: 20px;
}

.iq-vertical-btn-container.btn-vertical-close {
  display: none;
}

.vertical-navbar-brand {
  position: relative;
  z-index: 99;
}

.responsive-vertical-logo-btn {
  position: relative;
  width: 100%;
  display: block;
  z-index: 9999;
}

.responsive-vertical-logo-btn .container-fluid {
  position: absolute;
  padding: 15px 15px;
  z-index: 100;
}

.vertical-site-content .responsive-vertical-logo-btn .shop_list .parents.mini-cart-count {
  padding-right: unset;
}

/*---------------------------------------------------------------------
                               vertical-menu-collapsed
-----------------------------------------------------------------------*/
body.vertical-menu-collapsed header.style-vertical {
  left: -300px;
  z-index: 99992;
}

body.vertical-menu-collapsed.vertical-menu-close header.style-vertical {
  left: 0;
}

body.vertical-menu-collapsed .site.vertical-site-content {
  padding-left: 0;
}

body.vertical-menu-collapsed .site.vertical-site-content .elementor-section.elementor-section-stretched {
  padding-left: 0 !important;
}

body.vertical-menu-collapsed .iq-vertical-btn-container.btn-vertical-close {
  display: inline-block;
  vertical-align: middle;
}

body.vertical-menu-close .iq-vertical-btn-container.btn-vertical-open,
body.vertical-menu-close .vertical-navbar-brand {
  opacity: 0;
}


/*---------------------------------------------------------------------
                               vertical-menu-expanded
-----------------------------------------------------------------------*/
body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open,
body.vertical-menu-expanded .vertical-navbar-brand {
  opacity: 0;
  display: none;
}

body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched {
  padding-left: 300px !important;
}

body.vertical-menu-expanded .site.vertical-site-content {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  padding-left: 300px;
}

/*---------------------------------------------------------------------
                              Dark mode  Vertical menu
-----------------------------------------------------------------------*/
body.iq-dark-mode header.style-vertical {
  background: var(--dark-back);
}

body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li.current-menu-ancestor:after,
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li.current-menu-item:after {
  background: var(--white-color);
}

.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a:hover,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover i {
  color: var(--white-color);
}

.vertical-navbar-brand img {
  width: 160px;
}

.iq-dark-mode header.style-vertical #vertical-menu li.active>a,
.iq-dark-mode header.style-vertical #vertical-menu li.active>a svg,
.iq-dark-mode header.style-vertical #vertical-menu li.active>a i,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor svg,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor i,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-item a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-item a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a svg,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a i,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a,
.iq-dark-mode header.style-vertical #vertical-menu li ul li.current-menu-item>a,
.iq-dark-mode header.style-vertical #vertical-menu li ul li>a:hover {
  color: var(--white-color);
}

.iq-dark-mode header.style-vertical #vertical-menu li.active>a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-item a,
.iq-dark-mode header.style-vertical #vertical-menu>li.current-menu-ancestor>a {
  background: var(--ver-menu-back);
}

.iq-dark-mode header.style-vertical .navbar ul li .iq-has-sub-menu a {
  background: transparent;
}

.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a i {
  color: var(--dark-menu);
}

.iq-dark-mode header.style-vertical .navbar ul li a {
  color: var(--dark-menu);
}

.iq-dark-mode header.style-vertical .navbar ul li a:hover,
.iq-dark-mode header.style-vertical .navbar ul li a:hover svg,
.iq-dark-mode header.style-vertical .navbar ul li a:hover i {
  color: var(--white-color);
}

#vertical-menu li.menu-item-has-children ul>li.current-menu-ancestor:after,
.iq-dark-mode header.style-vertical #vertical-menu li>a::before,
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor>a:after,
.iq-dark-mode header.style-vertical .navbar ul li a:hover:after,
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li.current-menu-parent>a:after,
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li a:hover:after {
  background: var(--white-color);
}

body.iq-dark-mode header.style-vertical #vertical-menu li ul:before,
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li a:after {
  background: var(--dark-menu);
}

body.iq-dark-mode header.style-vertical .navbar ul li svg,
body.iq-dark-mode header.style-vertical .navbar ul li i {
  color: var(--dark-menu);
}

body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
body.iq-dark-mode header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a {
  color: var(--primary-color);
}

/*---------------------------------------------------------------------
                              Dark mode 
-----------------------------------------------------------------------*/
body.iq-dark-mode {
  background: var(--body-dark);
}

body.iq-dark-mode .iq-menu-side-bar {
  background: var(--dark-back);
  z-index: 99991;
}

body.iq-dark-mode h1,
body.iq-dark-mode h2,
body.iq-dark-mode h3,
body.iq-dark-mode h4,
body.iq-dark-mode h5,
body.iq-dark-mode h6,
body.iq-dark-mode a h1,
body.iq-dark-mode a h2,
body.iq-dark-mode a h3,
body.iq-dark-mode a h4,
body.iq-dark-mode a h5,
body.iq-dark-mode a h6,
body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
  color: var(--white-color);
}

body.iq-dark-mode,
body.iq-dark-mode .widget ul li a,
body.iq-dark-mode ul.iq-contact li i,
body.iq-dark-mode footer.footer-one .info-share li a {
  color: var(--dark-menu);
}

body.iq-dark-mode footer.footer-one .info-share li a:hover {
  color: var(--sub-title-color);
}

body.iq-dark-mode footer,
body.iq-dark-mode footer.iq-over-dark-90 {
  background: var(--dark-back);
}

body.iq-dark-mode #vertical-menu li.menu-item-has-children ul>li.current-menu-item a:after {
  background: var(--white-color);
}


/*---------------------------------------------------------------------
                              Dark mode  Horizonatal
-----------------------------------------------------------------------*/
body.iq-dark-mode header.menu-sticky .main-header,
body.iq-dark-mode header.style-two.menu-sticky .main-header {
  background: var(--body-dark);
}

body.iq-dark-mode header.header-default .navbar ul li a,
body.iq-dark-mode header.header-default .navbar ul li svg,
body.iq-dark-mode header.header-default .navbar ul li i,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li a svg,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li a i,
body.iq-dark-mode header.header-default .navbar ul li:hover .sub-menu li>i {
  color: var(--white-color);
}

body.iq-dark-mode header.header-default .navbar ul li .sub-menu li:hover,
body.iq-dark-mode header.header-default .navbar ul li a:hover,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-item a,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-parent a,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-parent svg,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-parent i,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-item svg,
body.iq-dark-mode header.header-default .navbar ul li.current-menu-item i,
body.iq-dark-mode header.header-default .navbar ul li:hover>a,
body.iq-dark-mode header.header-default .navbar ul li:hover>.toggledrop>i,
body.iq-dark-mode header.header-default .navbar ul li:hover>svg {
  color: var(--primary-color);
}

body.iq-dark-mode header.header-default .navbar ul li>ul.sub-menu li:hover>.toggledrop>i {
  color: var(--white-color);
}

body.iq-dark-mode header.header-default .navbar ul li:hover .sub-menu,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item a {
  background: var(--secondary-color);
}

body.iq-dark-mode header.header-default .navbar ul li .sub-menu li a:hover,
header.header-default .navbar ul li .sub-menu li:hover>a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li.current-menu-parent a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a,
body.iq-dark-mode header.header-default .navbar ul li .sub-menu li:hover>a {
  color: var(--white-color);
  background: var(--primary-color);
}

body.iq-dark-mode header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item a {
  background: var(--secondary-color);
  color: var(--white-color);
}

/*header shop*/
header ul.shop_list li .search-box {
  position: relative;
}

header ul.shop_list li .search-box input[type="search"]:focus {
  width: 250px;
  cursor: text;
  background: var(--white-color);
  z-index: 9;
  color: rgba(102, 102, 102, 0.6);
  font-size: 14px;
}

header ul.shop_list li .search-box .search-submit:hover {
  background: none;
}

header ul.shop_list {
  margin-bottom: 0;
  margin-left: 30px;
  padding-left: 0;
  float: left;
}

header ul.shop_list li .search-box .search-submit {
  z-index: 10;
  color: var(--secondary-color);
  padding: 0;
  height: 40px;
  width: 40px;
  display: inline-block;
  float: right;
  position: absolute;
  top: -25px;
  right: -35px;
  background: none;
  cursor: pointer;
  transition: opacity 0.4s ease;
}

header ul.shop_list li:first-child {
  margin-right: 10px;
}

header ul.shop_list li {
  margin-right: 40px;
}

header .navbar ul.shop_list li:last-child {
  margin-right: 0;
}

header ul.shop_list li .search-box input[type="search"]:focus {
  right: -40px;
  border-radius: 100px;
}

header ul.shop_list li.search-btn {
  margin-left: 15px;
}

header ul.shop_list li.cart-btn .cart_count a {
  padding: 0;
}

header ul.shop_list li.wishlist-btn {
  padding-left: 0;
}

header .navbar .sub-main ul.shop_list li .wcount,
header .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count,
.responsive-vertical-logo-btn .sub-main ul.shop_list li .cart_count #mini-cart-count {
  position: absolute;
  top: -11px;
  right: -16px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: var(--white-color);
  font-size: 12px;
  text-align: center;
  background: var(--primary-color);
  border-radius: 90px;
}


/*Vertical Menu*/
#vertical-menu-sub-main ul.shop_list li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

#vertical-menu-sub-main ul.shop_list li a:hover,
#vertical-menu-sub-main ul.shop_list li a {
  color: var(--primary-color);
}

#vertical-menu-sub-main ul.shop_list li span#mini-cart-count,
#vertical-menu-sub-main .wishlist_count .wcount {
  position: absolute;
  top: -11px;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: var(--white-color);
  font-size: 12px;
  background: var(--primary-color);
  border-radius: 90px;
  text-align: center;
}

#vertical-menu-sub-main .wishlist_count .wcount,
#vertical-menu-sub-main ul.shop_list li span#mini-cart-count {
  top: -16px;
  right: 0;
}

#vertical-menu-sub-main .xamin-res-shop-btn-container {
  display: none;
}

#vertical-menu-sub-main ul.shop_list li.cart-btn {
  padding: 0 15px;
}

#vertical-menu-sub-main ul.shop_list li.wishlist-btn {
  padding: 0 15px;
}

#vertical-menu-sub-main ul.shop_list .button-started {
  margin-left: 10px;
  padding: 8px 30px;
}

/*header search*/
ul.shop_list li.search-btn .search-form input:focus,
ul.shop_list li.search-btn .search-form input[type=text]:focus,
ul.shop_list li.search-btn .search-form input[type=email]:focus,
ul.shop_list li.search-btn .search-form input[type=search]:focus,
ul.shop_list li.search-btn .search-form input[type=password]:focus {
  border-bottom: 2px solid var(--color-theme-white);
  border-top: none;
  border-right: none;
  border-left: none;
}

ul.shop_list li.search-btn button#btn-search-close svg {
  color: var(--color-theme-white);
}

ul.shop_list li.search-btn .search-form .search-submit {
  top: 4px;
}

ul.shop_list li.search-btn .search-form .search-submit svg {
  font-size: 24px;
  color: var(--color-theme-white) !important;
}

ul.shop_list li.search-btn .search:hover ul.shop_list li.search-btn .search-form .search-submit svg {
  color: var(--color-theme-white);
}

ul.shop_list li.search-btn .search-form .search-submit {
  background: transparent;
  line-height: normal;
}

ul.shop_list li.search-btn .search.search--open {
  pointer-events: auto;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
}

.search.custom-serach.search--open:hover .search-submit i {
  color: var(--white-color);
}

ul.shop_list li.search-btn .search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--primary-color);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  pointer-events: none;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.iq-dark-mode ul.shop_list li.search-btn .search {
  background: var(--secondary-color);
}

ul.shop_list li.search-btn .btn--search-close {
  font-size: 1.5em;
  position: absolute;
  top: 1em;
  right: 1.25em;
  color: var(--color-theme-white);
  background: transparent;
  display: block;
}

ul.shop_list li.search-btn .search-form .search-submit:hover {
  background: transparent;
}

ul.shop_list li.search-btn .btn--search-close i {
  color: var(--color-theme-white) !important;
  font-size: 20px !important;
}

body.admin-bar ul.shop_list li.search-btn .btn--search-close {
  top: 1.5em;
}

ul.shop_list li.search-btn .btn--search-close:focus {
  outline: 0;
  box-shadow: none;
}

ul.shop_list li.search-btn .search__form {
  margin: 5em 0;
  width: 50%;
}

ul.shop_list li.search-btn .search__input {
  font-family: inherit;
  background: none;
  border: none;
  height: auto;
  font-size: 45px;
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.05em 0;
  color: var(--color-theme-white);
  border-bottom: 2px solid;
}

ul.shop_list li.search-btn .search__input:focus {
  border: none;
  border-bottom: 2px solid;
}

ul.shop_list li.search-btn .search__input::-webkit-input-placeholder {
  opacity: 0.6;
  color: var(--color-theme-white);
}

ul.shop_list li.search-btn .search__input::-moz-placeholder {
  opacity: 0.6;
  color: var(--color-theme-white);
}

ul.shop_list li.search-btn .search__input:-ms-input-placeholder {
  opacity: 0.6;
  color: var(--color-theme-white);
}

ul.shop_list li.search-btn .search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
}

ul.shop_list li.search-btn .search__input::-ms-clear {
  display: none;
}

ul.shop_list li.search-btn form.search-form .form-row .has-content~label,
ul.shop_list li.search-btn form.search-form .form-row input:focus~label,
ul.shop_list li.search-btn form.search-form .form-row label {
  top: -90px;
}

ul.shop_list li.search-btn .xamin-shop-btn-holder ul li svg {
  font-size: 20px;
  height: 16px;
  width: 20px;
}

ul.shop_list li.search-btn .search-form input {
  height: auto;
  border-radius: 5px;
  border: none;
  background: transparent;
  padding: 0;
  border-bottom: 2px solid #1f2332;
}

ul.shop_list li.search-btn form.search-form .form-row label {
  color: var(--color-theme-white);
  text-align: left;
  font-size: 45px;
  top: -13px;
  margin-bottom: 0;
  left: 0;
  display: block;
  float: left;
  width: 100%;
  position: absolute;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

ul.shop_list li.search-btn .search-form input {
  padding-right: 40px;
  box-shadow: none;
  border-bottom: 2px solid var(--color-theme-white);
  background: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 15px;
  width: 100%;
}

ul.shop_list li.search-btn .search-form input {
  border-radius: 5px;
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  padding-right: 50px;
  border-bottom: 2px solid var(--color-theme-white);
  color: var(--color-theme-white);
}

/*---------------------  Search End   -------------------*/
@media(max-width:1920px) {
  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    width: 900px;
    left: -50px;
  }
}

@media(max-width:1600px) {
  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: -110%;
  }
}

@media(max-width:1499px) {
  .fancy_banner {
    padding: 0 80px;
  }

  header .sub-header {
    padding: 10px 70px
  }

  header .navbar ul li {
    margin-right: 25px;
  }
}

@media(max-width:1299px) {

  header.style-one li .search-box .search-submit,
  header.style-one li .search-box input[type="search"] {
    right: -10px;
  }

  header.style-vertical {
    left: -300px;
    z-index: 99992;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  body.vertical-menu-expanded .site.vertical-site-content {
    padding: 0;
  }

  .iq-vertical-btn-container.btn-vertical-open,
  .vertical-navbar-brand {
    display: inline-block;
  }

  body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open,
  body.vertical-menu-expanded .vertical-navbar-brand {
    display: inline-block;
    opacity: 1;
  }

  body.vertical-menu-close header.style-vertical {
    left: 0;
    z-index: 99992;
  }

  body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched {
    padding-left: 0px !important;
  }

}


@media screen and (max-width:4000px) and (min-width:1200px) {
  header.header-default .navbar ul li:hover .sub-menu {
    background: var(--white-color);
    position: absolute;
    top: 80px;
    padding: 15px 0;
    display: inline-block;
    width: 300px;
    -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
    -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
    box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
    z-index: 99;
    margin: 0 4px 0 0;
    ;
  }

  header.header-default .navbar ul li .sub-menu li:hover>.sub-menu {
    background: var(--white-color);
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    display: inline-block;
    -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
    -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
    box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
  }

  header.style-two .navbar ul li:hover a,
  header.style-two .navbar ul li:hover svg,
  header.style-two .navbar ul li:hover i {
    color: var(--primary-color);
    text-decoration: none;
  }

  header .navbar ul li:hover>.sub-menu {
    display: block !important;
  }

  header.header-default .navbar ul li:hover a,
  header .navbar ul li:hover svg,
  header.header-default .navbar ul li:hover a,
  header .navbar ul li:hover i {
    color: var(--primary-color);
    text-decoration: none;
  }

  header .navbar ul li .sub-menu li svg,
  header .navbar ul li .sub-menu li i {
    transform: translateY(-50%) rotate(0deg);
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    line-height: 28px;
    font-size: 12px;
    z-index: 9;
    color: var(--secondary-color);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }
}

@media(max-width:1399px) {
  header .sub-header {
    padding: 10px 30px
  }

  header .navbar ul li {
    margin-right: 20px;
  }
}

@media(max-width:1365px) {
  header .sub-header {
    padding: 0px 15px
  }

  header .navbar ul li a {
    font-size: 14px
  }

  header .navbar ul li .sub-menu li a {
    padding: 5px 15px;
  }

  .admin-bar header.two.menu-sticky .main-header {
    padding: 0px 15px;
  }
}

@media(max-width:1299px) {

  header.style-one li .search-box .search-submit,
  header.style-one li .search-box input[type="search"] {
    right: -10px;
  }

  header.style-vertical .iq-vertical-btn-container.btn-vertical-close {
    display: inline-block;
  }

  header.style-vertical {
    left: -300px;
    z-index: 99992;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  body.vertical-menu-expanded .site.vertical-site-content {
    padding: 0;
  }

  .iq-vertical-btn-container.btn-vertical-open,
  .vertical-navbar-brand {
    display: inline-block;
  }

  body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open,
  body.vertical-menu-expanded .vertical-navbar-brand {
    display: inline-block;
    opacity: 1;
  }

  body.vertical-menu-close header.style-vertical {
    left: 0;
    z-index: 99992;
  }

  body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched {
    padding-left: 0px !important;
  }

}

@media(min-width:1200px) {
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    margin: 0 5px 5px 0;
  }
}

@media(max-width:1199px) {

  header.header-default .navbar ul li:first-child>a {
    padding-left: 15px;
  }

  header.header-default.style-one ul.shop_list li.search-btn a#btn-search-popup,
  header.style-two ul.shop_list li.search-btn a#btn-search-popup {
    margin-right: 15px;
  }

  header.header-default.two .number-info:before,
  header.two .shop_list:before {
    display: none;
  }

  header.header-default.header-three .sub-header-three {
    margin-right: 30px;
  }

  header.header-default .navbar ul li {
    margin-right: 15px;
  }

  .header-style-3 .iq-breadcrumb-one {
    padding: 230px 0 100px 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    padding: 0 10px !important;
  }

  header.header-default .navbar .sub-main ul.shop_list li {
    margin-right: 15px;
    width: auto;
  }

  header.header-default.style-two .navbar ul li:hover .sub-menu,
  header.header-default.style-two .navbar ul li .sub-menu li:hover>.sub-menu,
  header.header-default.style-two .navbar ul li:hover .sub-menu {
    background-color: transparent;
  }

  header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item a,
  header.style-two .navbar ul li .sub-menu li a {
    color: var(--body-text);
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    width: 900px;
    left: -90px;
  }

  header.header-default ul.shop_list {
    margin-left: 0;
  }

  header.header-default ul.shop_list li.search-btn {
    margin-left: 0;
  }

  header.header-default ul.shop_list li.wishlist-btn {
    padding-left: 0;
  }

  header.header-default ul.shop_list li.cart-btn .cart_count a,
  header.header-default ul.shop_list li.wishlist-btn a {
    padding: 15px 0 15px 15px;
  }

  header.header-default .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count,
  header.header-default .navbar .sub-main ul.shop_list li .wcount {
    right: -13px;
    top: 7px;
  }

  header.header-default .navbar ul li .sub-menu li.current-menu-parent>a,
  header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item>a,
  header.header-default .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a {
    background: transparent;
    color: var(--color-theme-primary);
  }

  header.header-default.style-vertical .navbar ul li:first-child>a {
    padding-left: 15px;
  }

}

@media only screen and (device-width:1024px) {
  header.header-default .navbar ul li {
    margin-right: 20px;
  }

  header.header-default .navbar ul li {
    margin-right: 10px;
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    width: 900px;
    left: -130px;
  }
}

@media(max-width:979px) {
  #vertical-menu-sub-main ul.shop_list li.search-btn .search-form input {
    padding-right: 15px;
  }

  #vertical-menu-sub-main ul.shop_list .button-started .xamin-button {
    padding: 10px 20px;
  }
}

@media(max-width:1199px) {

  header.header-default .navbar ul.sub-menu li {
    display: inline-block;
  }

  header.header-default .navbar ul li .sub-menu>li.current-menu-ancestor>a,
  header.header-default .navbar ul li .sub-menu>li.current-menu-item>a,
  header.header-default .navbar ul li .sub-menu>li.menu-item.current-menu-parent>a,
  header.header-default .navbar ul li .sub-menu>ul li.current-menu-parent>a,
  header.header-default .navbar ul li .sub-menu li:hover>a {
    background-color: transparent;
  }

  header.header-default .navbar ul li .sub-menu>li.current-menu-ancestor>a,
  header.header-default .navbar ul li .sub-menu>li.current-menu-item>a,
  header.header-default .navbar ul li .sub-menu>li.menu-item.current-menu-parent>a,
  header.header-default .navbar ul li .sub-menu>ul li.current-menu-parent>a,
  header.header-default .navbar ul li .sub-menu li:hover>a {
    color: var(--primary-color);
  }

  header#main-header .sub-header,
  header#default-header .sub-header {
    display: none;
  }


  .iq-dark-mode header.header-default.style-two .navbar ul li:first-child>a {
    padding-left: 15px;
  }

  header.header-default.style-two .navbar ul li:first-child>a {
    padding-left: 15px;
  }

  header.header-default.style-two .navbar ul li .sub-menu li>.sub-menu {
    padding-left: 0;
  }

  body.iq-dark-mode header.header-default.style-two .navbar ul li:hover .sub-menu,
  body.iq-dark-mode header.header-default.style-two .navbar ul li .sub-menu li a,
  body.iq-dark-mode header.header-default.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item a {
    background: transparent;
  }

  #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    background: var(--white-color);
    padding: 0px 0px 0px 0px;
  }

  #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open+#mega-menu-top {
    display: block;
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-item-align-right {
    float: none;
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: var(--white-color);
    font-size: 16px;
  }

  #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
    width: 100%;
    float: left;
  }

  #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
    float: left;
    min-height: 1px;
  }

  .iq-sidearea-btn-container {
    display: none;
  }

  header.style-vertical .navbar ul li.current-menu-item a,
  header.style-vertical .navbar ul li a:hover {
    background: inherit;
  }

  header.style-vertical .navbar ul li svg,
  header.style-vertical .navbar ul li i {
    padding: 0;
  }

  header.style-vertical .navbar ul.navbar-nav,
  header.style-vertical .menu-main-menu-container {
    max-height: inherit;
  }

  header .navbar ul li .sub-menu,
  header .navbar ul li:hover .sub-menu {
    position: static;
    box-shadow: none;
    background: var(--color-theme-white);
    padding: 0;
    width: 100%;
  }

  header .navbar .navbar-collapse ul li.menu-item-has-children {
    position: relative;
  }

  header .navbar ul li .sub-menu li:hover>.sub-menu {
    box-shadow: none;
    background: var(--color-theme-white);
    width: 100%;
  }

  header .navbar ul li .sub-menu li>.sub-menu {
    padding: 0 0 0 45px;
  }

  header .navbar ul.navbar-nav {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 95vh;
    float: left;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
  }

  header .navbar ul li:hover .sub-menu {
    box-shadow: none;
  }

  header.style-two ul li .sub-menu,
  header.style-two .navbar ul li:hover .sub-menu {
    background: var(--white-color);
  }

  header.menu-sticky .main-header {
    padding: 10px 15px;
  }

  header .navbar .navbar-nav li .sub-menu li a,
  header .navbar ul li .sub-menu li .sub-menu li.menu-item a {
    background: var(--white-color);
  }

  header .navbar ul li .sub-menu li.current-menu-item a {
    color: var(--color-theme-primary);
    background: transparent;
  }

  header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item a,
  header.style-two .navbar ul li .sub-menu li a {
    background: transparent;
  }

  header .main-header {
    z-index: 99;
    position: relative;
  }

  header .navbar .sub-main .button-started {
    right: 72%;
    position: relative;
  }

  header .navbar-light .navbar-toggler {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
    padding: 0.40rem .50rem;
    position: absolute;
    right: 0;
    top: 6px;
  }

  header.style-one .navbar-light .navbar-toggler,
  header.style-two .navbar-light .navbar-toggler {
    right: 0;
    top: 11px;
    z-index: 999;
  }

  header .navbar-light .navbar-toggler:focus {
    outline: none
  }

  header .navbar-collapse {
    position: absolute;
    top: 70px;
    line-height: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2);
    -moz-box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2)
  }

  body.iq-dark-mode header .navbar ul li .sub-menu li.current-menu-parent a,
  body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
  body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a,
  body.iq-dark-mode header .navbar ul li .sub-menu li:hover>a,
  body.iq-dark-mode header .navbar ul li .sub-menu li a:hover,
  header .navbar ul li .sub-menu li:hover>a {
    background: transparent;
    color: var(--color-theme-primary);
  }

  header.style-two .navbar ul li .sub-menu li.current-menu-parent a,
  header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
  header.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a,
  header.style-two .navbar ul li .sub-menu li:hover>a {
    background: transparent;
    color: var(--color-theme-primary);
  }

  header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top,
  body:not(.mega-menu-top) header .navbar-collapse {
    position: fixed;
    top: 0;
    line-height: 0;
    left: auto;
    right: 0;
    height: 100vh;
    display: inline-block !important;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    width: 50%;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2);
    -moz-box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(70, 200, 148, 0.2);
    background-color: var(--color-theme-white);
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all .5s ease;
    z-index: 99;
  }

  header #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open+#mega-menu-top,
  body:not(.mega-menu-top) header .navbar-collapse.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .admin-bar header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top,
  body.admin-bar:not(.mega-menu-top) header .navbar-collapse {
    top: 32px;
  }

  header .menu-sticky #mega-menu-wrap-top #mega-menu-top,
  .admin-bar header .menu-sticky #mega-menu-wrap-top #mega-menu-top,
  body.admin-bar:not(.mega-menu-top) header .menu-sticky .navbar-collapse {
    top: 0;
  }

  header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top:before,
  header .navbar ul.navbar-nav:before {
    content: '';
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background: var(--white-color);
    width: 100%;
    height: 65px;
    display: block;
    z-index: 99;
    border-bottom: 1px solid var(--white-light-color);
    margin-bottom: 15px;
  }

  header.header-default.style-vertical .navbar ul.navbar-nav:before {
    background-color: transparent;
  }

  header.style-two .navbar ul.navbar-nav:before {
    background: var(--color-theme-black);
  }

  header.menu-sticky .navbar-collapse {
    top: 78px;
  }

  header.header-default.style-two,
  header.header-default.style-two .navbar ul {
    background: var(--color-theme-black);
  }

  header.header-default.style-one .navbar ul {
    float: left;
    display: inline-block;
    width: 100%;
    background: var(--white-color);
  }

  header.header-default.style-two .navbar ul {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0;
  }

  header.header-default .navbar ul li,
  header.header-default .navbar ul.sub-menu li {
    margin-right: 0;
    display: inline-block;
    position: relative;
    width: 100%;
  }

  header.header-default.style-vertical .navbar ul li,
  header.header-default.style-vertical .navbar ul.sub-menu li {
    margin-right: 0;
    display: block;
    position: relative;
    width: 100%;
  }

  header.header-default .navbar ul li a {
    color: var(--secondary-color);
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 18px;
    padding: 15px 30px;
    z-index: inherit;
    text-align: left;
  }

  header .navbar ul li a:before {
    border-radius: 0
  }

  header .navbar ul li .sub-menu li a {
    color: var(--secondary-color);
    padding: 10px 15px 10px 0;
  }

  header .navbar .navbar-collapse ul li svg,
  header .navbar .navbar-collapse ul li i {
    background: var(--color-theme-primary);
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: var(--border-radius);
    text-align: center;
    display: block;
    position: absolute;
    right: 15px;
    top: 6px;
    padding: 0;
    font-size: var(--font-size-body);
    z-index: 9;
    color: var(--color-theme-white);
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
  }

  header .navbar ul li.current-menu-item svg,
  header .navbar ul li.current-menu-item i,
  header .navbar ul li.current-menu-parent svg,
  header .navbar ul li.current-menu-parent i {
    color: var(--white-color);
  }

  header.menu-sticky .main-header .navbar ul li a {
    line-height: normal;
    text-align: left;
  }

  header.menu-sticky .main-header .navbar ul li:hover .sub-menu {
    top: 0
  }

  header .navbar ul li .sub-menu li:hover>.sub-menu {
    width: 100%;
    background: var(--white-color);
    position: relative;
    left: 0;
    box-shadow: none;
  }

  header .navbar ul li .sub-menu li>.sub-menu {
    padding: 0 0 0 30px;
  }

  header.header-default .navbar ul li .sub-menu li i::before,
  header .navbar ul li .sub-menu li svg:before,
  header .navbar ul li .sub-menu li i:before {
    content: "\f107"
  }

  header .navbar ul li a:before {
    display: none
  }

  header .navbar ul li.current-menu-item a,
  header .navbar ul li a:hover {
    color: var(--primary-color);
    text-align: left;
  }

  header .navbar ul li.current-menu-item a svg,
  header .navbar ul li.current-menu-item a i,
  header .navbar ul li a:hover svg,
  header .navbar ul li a:hover i {
    color: var(--white-color);
  }

  header.style-one {
    overflow: visible;
    position: relative;
    background: var(--white-light-color);
  }

  header.style-one .navbar-brand {
    line-height: 0;
  }

  header.style-one .shop_list {
    background: none !important;
    position: absolute;
    right: 60px;
    top: 17px;
  }

  header.style-one li .search-box .search-submit {
    top: -46px;
    right: -6px;
  }

  header.style-one li .search-box .search-submit svg,
  header.style-one li .search-box .search-submit i {
    color: var(--secondary-color);
  }

  header.style-one li .search-box input[type="search"] {
    right: 0;
    top: -30px;
  }

  header .menu-main-menu-container {
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  header.style-vertical .vertical ul {
    background: transparent;
  }

  header.style-two .navbar ul li.current-menu-item a,
  header.style-two .navbar ul li a:hover {
    color: var(--white-color);
  }

  header.style-two .navbar ul li .sub-menu li:hover,
  header.style-two .navbar ul li.current-menu-item a,
  header.style-two .navbar ul li.current-menu-parent a,
  header.style-two .navbar ul li.current-menu-parent i,
  header.style-two .navbar ul li.current-menu-parent svg,
  header.style-two .navbar ul li.current-menu-item i,
  header.style-two .navbar ul li.current-menu-item svg,
  header.header-default .navbar ul li.current-menu-ancestor i {
    color: var(--white-color);
  }

  header.style-two .navbar ul li a:hover {
    color: var(--primary-color);
  }

  header.style-two .navbar ul li.current-menu-parent>a,
  header.style-two .navbar ul li .sub-menu li.current-menu-item a {
    background: transparent;
    color: var(--color-theme-primary);
  }

  .responsive-vertical-logo-btn .logo {
    display: inline-block;
    vertical-align: middle;
  }

  header.style-one .shop_list {
    background: none !important;
    position: relative;
    width: auto;
    right: 60px;
    top: 0;
  }

  header.style-one li .search-box .search-submit {
    right: -6px;
  }

  header.style-one li .search-box .search-submit svg,
  header.style-one li .search-box .search-submit i {
    color: var(--secondary-color);
  }

  header.style-one li .search-box input[type="search"] {
    right: 0;
    top: -5px;
  }

  header.style-one .shop_list,
  header.style-two .shop_list {
    background: none !important;
    position: relative;
    width: auto;
    right: 30px;
    top: 0;
    display: inline-block;
    align-items: center;
  }

  header.style-one li .search-box .search-submit {
    right: -6px;
  }

  header.style-one li .search-box .search-submit svg,
  header.style-one li .search-box .search-submit i {
    color: var(--secondary-color);
  }

  header .navbar .sub-main .button-started .xamin-button {
    font-size: 14px;
    line-height: 0;
  }

  header .navbar .sub-main .button-started {
    right: 3%;
  }

  header ul.shop_list li .search-box .search-submit {
    top: -45px;
    right: 0;
  }

  header ul.shop_list li.cart-btn .cart_count a:hover {
    color: var(--primary-color);
  }

  header .navbar .sub-main ul.shop_list li.wishlist-btn a,
  header .navbar .sub-main ul.shop_list li.wishlist-btn a:hover {
    background: transparent;
    color: var(--primary-color);
  }

  header .navbar .sub-main ul.shop_list .button-started .xamin-button {
    line-height: 0;
  }

  #vertical-menu-sub-main ul.shop_list {
    margin-bottom: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    padding: 15px 30px !important;
  }

  header.style-one ul.shop_list li.search-btn a:hover,
  header.style-one ul.shop_list li.search-btn a:focus {
    background: transparent;
    color: var(--secondary-color);
  }

  header.style-one ul.shop_list li.search-btn a:hover svg,
  header.style-one ul.shop_list li.search-btn a:focus svg {
    color: var(--secondary-color);
  }

  header.style-two ul.shop_list li.search-btn a:hover svg,
  header.style-two ul.shop_list li.search-btn a:focus svg {
    color: var(--color-theme-white);
  }

  header ul.shop_list li.search-btn:hover>a>svg,
  header ul.shop_list li.search-btn:hover>a {
    color: var(--secondary-color) !important;
  }
}

@media(max-width:782px) {

  .admin-bar header#main-header.style-one,
  .admin-bar header#main-header.style-one .menu-sticky,
  .admin-bar header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    top: 46px;
  }

  .admin-bar header .menu-sticky #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    top: 0;
  }
}

@media(max-width:767px) {
  #vertical-menu-sub-main ul.shop_list .button-started {
    display: none;
  }

  #vertical-menu-sub-main .xamin-res-shop-btn-container {
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    color: var(--white-color);
    background: var(--primary-color);
    outline: none;
    z-index: 100000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 90px;
  }

  #vertical-menu-sub-main {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 9;
    right: 30px;
    position: absolute;
    top: -25px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  #vertical-menu-sub-main:hover .iq-shop-btn {
    visibility: visible;
  }

  #vertical-menu-sub-main {
    right: 0;
  }

  #vertical-menu-sub-main .xamin-res-shop-btn-container:hover .iq-shop-btn {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  #vertical-menu-sub-main .iq-shop-btn {
    font-size: 16px;
    position: absolute;
    margin: 0;
    top: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }

  #vertical-menu-sub-main ul.shop_list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: -1;
  }

  #vertical-menu-sub-main ul.shop_list li {
    margin-bottom: 5px;
    position: relative;
    opacity: 0;
    width: 45px;
    height: 45px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  #vertical-menu-sub-main ul.shop_list li a {
    border-radius: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-theme-black);
    font-size: 16px;
    width: 45px;
    height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: var(--white-color);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  }

  #vertical-menu-sub-main ul.shop_list li a:hover {
    background: var(--primary-color);
    color: var(--white-color);
  }

  #vertical-menu-sub-main input:checked~.xamin-res-shop-btn-container {
    background: var(--white-color);
    color: var(--primary-color);
  }

  #vertical-menu-sub-main input:checked~.iq-shop-btn {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  #vertical-menu-sub-main .shop_list.hover li {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 4;
  }

  #vertical-menu-sub-main .shop_list.hover li:nth-of-type(1) {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    z-index: 4;
  }

  #vertical-menu-sub-main .shop_list.hover li:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 3;
  }

  #vertical-menu-sub-main .shop_list.hover li:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    z-index: 2;
  }

  #vertical-menu-sub-main .shop_list.hover li:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    z-index: 1;
  }

  #vertical-menu-sub-main ul.shop_list li {
    display: block;
    margin-top: 15px;
  }

  #vertical-menu-sub-main .wishlist_count .wcount {
    position: absolute;
    top: 1px;
    right: -10px;
  }

  #vertical-menu-sub-main ul.shop_list li.wishlist-btn {
    padding: 0;
  }

  #vertical-menu-sub-main ul.shop_list li.cart-btn {
    padding: 0;
  }

  body.vertical-menu-expanded .vertical-navbar-brand {
    display: inline-block;
    opacity: 1;

  }

  .iq-vertical-btn-container.btn-vertical-open {
    padding-left: 0;
  }

  .admin-bar header {
    top: 0;
    transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
  }

  .admin-bar header.menu-sticky .main-header {
    top: 0;
  }

  .admin-bar header.menu-sticky {
    top: 0;
  }

  header.menu-sticky .main-header {
    position: relative;
  }

  header.header-three .sub-header-three {
    display: none;
  }

  header.style-one .sub-header .request-btn a {
    padding: 14px 30px;
    margin-left: 0;
    right: -15px;
    top: 2px;
  }

  header.style-one .sub-header .request-btn a:before {
    width: 126%;
  }

  header.style-one .sub-header .social-icone {
    margin-left: 0;
  }

  header .sub-header .number-info li,
  header .sub-header .number-info li:last-child {
    border: none;
  }

  header.style-one .container-fluid.sub-header .row .col-auto.mr-auto {
    background: var(--white-light-color);
  }

  header.style-one .sub-header .number-info li:last-child {
    text-align: right;
  }

  header.style-one .sub-header .number-info li a {
    font-size: 12px;
  }

  header.style-one .navbar-light .navbar-toggler {
    right: 0;
  }

  header .navbar .sub-main .button-started {
    position: relative;
    right: 64%;
  }

  header.menu-sticky .navbar-collapse {
    top: 82px;
  }

  .iq-address li a .content {
    display: block;
    padding-left: 30px;
  }

  .iq-address li a .header {
    padding-left: 15px;
  }

  header .navbar .sub-main .button-started {
    position: relative;
    right: -2%;
  }

}

@media(max-width:600px) {
  header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    width: 100%;
    max-width: 100%;
  }

  header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    top: 0;
  }

  .admin-bar header#main-header.style-one .menu-sticky {
    top: 0;
  }
}

@media only screen and (min-device-width:601px) and (max-device-width:768px) {
  .admin-bar header.menu-sticky .main-header {
    top: 46px;
  }
}

@media(max-width:576px) {

  #vertical-menu-sub-main ul.shop_list li.search-btn form {
    display: none;
  }
}

@media(max-width:527px) {
  .sub-header .social-icone {
    display: none;
  }
}

@media(max-width:479px) {

  header .navbar-light .navbar-toggler {
    right: 0;
  }

  header.two .request-btn .button,
  .iq-breadcrumb-one .breadcrumb li:last-child::after {
    display: none;
  }

  header .sub-header .number-info li a {
    font-size: 12px;
  }

  header.style-one .sub-header .request-btn a:before {
    width: 260%;
    left: -15px;
  }

  .sub-header .social-icone {
    display: none;
  }

  header .navbar .sub-main .button-started {
    display: none;
  }

  header ul.shop_list li .search-box .search-submit {
    display: none;
  }

  header ul.shop_list li.search-btn {
    display: none;
  }

  header.style-one .shop_list {
    right: 60px;
  }
}

@media(max-width:359px) {
  header.header-three .sub-header {
    display: block;
  }

  header.style-one li .search-box input[type="search"] {
    right: -8px;
  }

  header li .search-box input[type="search"]:focus {
    width: 235px;
  }

  .sub-header {
    display: none
  }

  header.style-one .search-box {
    display: none
  }

  header.style-one li .search-box .search-submit svg,
  header.style-one li .search-box .search-submit i {
    display: none;
  }

  body.vertical-menu-expanded .vertical-navbar-brand {
    top: 0;

  }

  #vertical-menu-sub-main {
    top: -22px;
  }

  .vertical-navbar-brand img {
    width: 140px;
  }
}

/*---------------------------------------------------------------------
Mega-menu(header)
-----------------------------------------------------------------------*/
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link,
header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item:hover>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li:hover a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li:hover a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header.style-two #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link,
header.style-two #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item:hover>a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li:hover a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li:hover a.mega-menu-link {
  background: var(--primary-color);
  color: var(--white-color);
}

header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  color: var(--white-color);
}

header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: var(--secondary-color);
}

header.style-two #mega-menu-wrap-top #mega-menu-top>li ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  background: var(--secondary-color);
  color: var(--white-color);
}

header #mega-menu-wrap-top {
  width: 100%;
  background: transparent;
}

header #mega-menu-wrap-top #mega-menu-top {
  text-align: right;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  padding: 10px;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  transition: all 0.3s ease-in;
  border-radius: var(--border-radius);
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
  padding: 20px;
  background: var(--white-color);
  border-radius: var(--border-radius);
}

header.header-default #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
  color: #121212;
  font-size: 16px;
  padding: 0 12px;
  line-height: 80px;
  height: 80px;
}

header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
header.style-two #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a {
  background: transparent;
  color: var(--primary-color);
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-top li .mega-sub-menu li:hover>.mega-sub-menu li a {
  color: var(--primary-color);
  background: transparent;
}

header #mega-menu-wrap-top #mega-menu-top>li ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  background: var(--white-color);
  color: var(--body-text);
}

header #mega-menu-wrap-top .mega-sub-menu li a {
  color: var(--body-text);
  text-decoration: none;
  line-height: 40px;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu {
  border-radius: var(--border-radius);
  background: var(--color-theme-white);
  padding: 20px;
}

header #mega-menu-wrap-top .mega-sub-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

header #mega-menu-wrap-top .mega-sub-menu li a:hover {
  color: var(--primary-color);
}

header #mega-menu-wrap-top .mega-sub-menu li .product_list_widget img {
  float: left;
  width: 60px;
  margin-right: 10px;
}

header #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item img {
  float: left;
  width: 100%;
}

header .sub-header .sub-main .menu-shop-container {
  float: right;
}

header li .search_count {
  position: relative;
}

.wmc-price del {
  color: var(--body-text);
}

header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
  -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.wmc-price ins {
  color: var(--primary-color);
}

.wmc-details p {
  margin-bottom: 0;
}

header .wmc-image img {
  height: auto;
  width: auto;
}

header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
  content: "\f347";
}

header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout li.mega-menu-item a.mega-menu-link>span.mega-indicator:after {
  content: "\f345";
}

header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
  font-size: 12px;
}

header #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
  padding: 0;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  text-transform: capitalize;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: var(--white-color);
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
  font-weight: normal;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  font-size: 16px;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 5px 15px 5px 15px;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
  padding: 0;
}

header.style-two #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-current-menu-item a.mega-menu-link,
header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-current-menu-item a.mega-menu-link {
  background: var(--primary-color);
  color: var(--white-color);
  padding-left: 20px;
}

header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  padding-left: 20px;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in;
}

header.style-one .navbar #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child>a.mega-menu-link,
header.style-one .navbar #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child>a.mega-menu-link {
  border-radius: var(--border-radius);
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu {
  width: 300px;
}

#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-animated:focus {
  border: none;
}

@media(max-width:1199px) {
  .mega-menu-top header .navbar-light .navbar-toggler {
    display: none;

  }

  .responsive-vertical-logo-btn .button-started {
    display: none;
  }

  header .navbar .sub-main .button-started {
    display: none;
  }

  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-current-menu-item a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link {
    padding-left: 0;
  }

  #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    background: var(--color-theme-primary);
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: var(--border-radius);
    text-align: center;
    display: block;
    position: absolute;
    right: 30px;
    top: 10px;
    padding: 0;
    font-size: var(--font-size-body);
    z-index: 9;
    color: var(--color-theme-white);
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
  }

  /*Mega-Menu*/
  header #mega-menu-wrap-top .navbar-light .navbar-toggler {
    display: none;
  }

  header .navbar-collapse {
    display: block !important;
  }

  header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    display: none;
  }

  header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 0;
  }

  header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-0 {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0;
    text-align: center;
  }

  header #mega-menu-wrap-top .mega-menu-toggle {
    width: 48px;
    height: 44px;
    position: absolute;
    display: inline-flex;
    background: transparent;
    right: 0;
    top: -61px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    z-index: 99;
  }

  header #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    background: var(--white-color);
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    font-size: 18px;
    line-height: initial;
    height: auto;
    color: var(--title-color);
    padding: 15px;
  }

  header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
  header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: none;
    padding: 0;
    background: var(--color-theme-white);
    padding-left: 45px;
    width: 100%;
  }

  header.style-two #mega-menu-wrap-top #mega-menu-top[data-effect=fade_up] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link {
    background: transparent;
  }

  header.menu-sticky #mega-menu-wrap-top .mega-menu-toggle {
    top: -62px;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    padding: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    color: var(--color-theme-primary);
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
  header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
    background: transparent;
    color: var(--color-theme-primary);
  }

  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link {
    background: var(--color-theme-white);
    color: var(--color-theme-primary);
  }

  header.style-two #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link {
    color: var(--color-theme-primary);
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu {
    width: 100%;
  }

  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
    font-size: 18px;
    margin: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after,
  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout.mega-toggle-on li.mega-menu-item a.mega-menu-link>span.mega-indicator:after,
  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout .mega-sub-menu li.mega-menu-item.mega-toggle-on a.mega-menu-link>span.mega-indicator:after {
    content: "\f343";
  }

  header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout .mega-sub-menu li.mega-menu-item a.mega-menu-link>span.mega-indicator:after {
    content: "\f347";
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    padding: 10px 15px;
  }

  header.style-two #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
    background: var(--color-theme-black);
    color: var(--white-color);
  }

  header.style-two #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top:before {
    content: "";
    background: var(--color-theme-black);
    width: 100%;
    border-bottom: 1px solid rgb(239 241 254 / 75%);
  }

  body:before {
    position: fixed;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .5s ease;
  }

  body.mega-menu-top-mobile-open:before {
    z-index: 9;
    opacity: 1;
  }

  #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open:after {
    content: none;
  }

  header ul.shop_list li.wishlist-btn,
  header ul.shop_list li.cart-btn {
    display: none;
    -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.21s;
    animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.21s;
  }

  .mega-menu-top-mobile-open header ul.shop_list li.wishlist-btn,
  .mega-menu-top-mobile-open header ul.shop_list li.cart-btn {
    display: inline-block;
    z-index: 999;
  }

  header .navbar ul.shop_list li.search-btn {
    margin-right: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
    padding-left: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 5px 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 0;
  }

  #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: static;
    left: 100%;
    top: -10px;
    padding-left: 30px;
  }

  header ul.shop_list .search {
    top: 0;
  }

  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li:hover a.mega-menu-link,
  header #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
    background: transparent;
    color: var(--primary-color);
  }

  .search-bx-opn header #mega-menu-wrap-top .mega-menu-toggle {
    z-index: -1;
  }

  header.style-one .navbar ul.navbar-nav>li.menu-item:hover>a,
  header.style-one .navbar ul>li.current-menu-ancestor>a,
  header.style-one .navbar ul li.current-menu-parent>a,
  header.style-one .navbar ul li .sub-menu li.current-menu-item a {
    color: var(--color-theme-primary);
  }

  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link,
  header.style-two #mega-menu-wrap-top #mega-menu-top>li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li:hover a.mega-menu-link,
  header.style-two #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link {
    background: transparent;
    color: var(--color-theme-primary);
  }

}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@media (max-width: 767px) {

  body.admin-bar:not(.mega-menu-top) header .navbar-collapse,
  body:not(.mega-menu-top) header .navbar-collapse {
    width: 100%;
  }
}

/* Breadcrumb header css */
body.xamin-banner-hide .content-area .site-main,
body.xamin-banner-hide.xamin-default-header .content-area .site-main {
  padding: 250px 0 130px 0 !important;
}

body.xamin-banner-hide.xamin-header-hide .content-area .site-main,
body.xamin-banner-hide.xamin-default-header.xamin-header-hide .content-area .site-main {
  padding: 0 !important;
}

body.xamin-banner-hide .vertical-site-content .content-area .site-main {
  padding: 130px 0 0 0 !important;
}

@media (max-width: 1299px) {
  body.xamin-banner-hide .vertical-site-content .content-area .site-main {
    padding: 140px 0 0 !important;
  }
}

@media (max-width: 1024px) {

  body.xamin-banner-hide .content-area .site-main,
  body.xamin-banner-hide.xamin-default-header .content-area .site-main {
    padding: 140px 0 70px 0 !important;
  }
}

@media (max-width: 767px) {

  body.xamin-banner-hide .content-area .site-main,
  body.xamin-banner-hide.xamin-default-header .content-area .site-main,
  body.xamin-banner-hide .vertical-site-content .content-area .site-main {
    padding: 100px 0 50px 0 !important;
  }
}

body.xamin-banner-hide.xamin-default-header .vertical-site-content .content-area .site-main {
  padding: 130px 0 0 0 !important;
}
/*---------------------------------------------------------------------
 Footer
-----------------------------------------------------------------------*/
footer.footer {
  display: inline-block;
  width: 100%;
  float: left;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-color: var(--white-light-color);
}

footer.footer .copyright-footer {
  position: relative;
  text-align: center;
}

.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer table td, footer table th {
  border-color: rgba(36, 38, 43, 0.14);
}

footer .widget {
  background: transparent;
  border: none;
  padding: 0;
}

footer .widget ul li {
  border: none;
  padding-bottom: 0;
  margin-bottom: 10px;
}

footer .widget ul.iq-contact li {
  margin-bottom: 15px;
}

footer .widget .iq-contact li a:before {
  display: none;
}

footer .widget #recentcomments li a {
  color: var(--primary-color);
}

footer .widget #recentcomments li .comment-author-link a:hover {
  text-decoration: underline;
  color: var(--primary-color);
}

footer .widget.widget_nav_menu ul li a:before, footer .widget ul.menu li a:before {
  top: 21px;
}

footer .widget.widget_nav_menu ul li a {
  padding: 7px 0 7px 20px;
}
footer .widget.widget_nav_menu #menu-footer-service-menu li a {
  padding: 7px 0 7px 0;
}

footer .widget ul.menu li .sub-menu {
  padding-left: 10px;
}

ul.iq-contact li a {
  display: flex;
}

footer .widget_iq_contact.text-center ul.iq-contact li a {
  justify-content: center;
}

footer .widget_iq_contact.text-right ul.iq-contact li a {
  justify-content: right;
}

ul.iq-contact li svg {
  font-size: 16px;
  color: var(--secondary-color);
  margin-top: 5px;
}

ul.iq-contact li a span {
  display: table-cell;
  padding-left: 15px;
}

ul.iq-contact li a:before {
  display: none;
}

.widget.widget_nav_menu ul li .sub-menu li a, .widget ul.menu li .sub-menu li a {
  font-size: 14px;
}

footer .widget .rsswidget {
  padding-left: 0;
  font-size: 18px;
  color: var(--secondary-color);
  font-weight: 800;
}

footer .widget .rss-date {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}

footer.footer-one .widget .textwidget p {
  margin-bottom: 0;
}

footer .widget.footer-logo.text-left {
  margin-bottom: 15px
}

footer.footer-one {
  display: inline-block;
  width: 100%;
  float: left;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

footer.footer-one .footer-top {
  padding-top: 100px;
  padding-bottom: 45px;
}

footer.footer-one .widget {
  background: transparent;
}

footer.footer-one .widget h4.footer-title {
  margin-bottom: 15px;
}

footer .widget #recentcomments li .comment-author-link a {
  color: var(--body-text);
  font-weight: 600;
}

footer .widget #recentcomments li.recentcomments a:before, footer .widget a.rsswidget:before, footer ul.wp-tag-cloud li a:before {
  display: none;
}

footer.footer-one .widget ul.menu li a {
  border: none;
}

footer.footer-one .menu-service-menu-container li {
  position: relative;
}

footer.footer-one .menu-service-menu-container li:before {
  content: "\f0da";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  position: absolute;
  left: 0;
  color: var(--secondary-color);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

footer.footer-one .menu-service-menu-container li:hover:before {
  color: var(--primary-color);
}

footer .widget ul li a:before {
  display: none;
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li {
  position: relative;
  margin: 0 10px 10px 0;
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li:last-child {
  margin: 0 0 10px 0;
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li::after {
  content: ",";
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li:last-child::after {
  content: none;
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li a,
footer.footer-one .wp-block-tag-cloud a {
  padding: 0;
  font-size: 16px !important;
  color: var(--body-text);
  background: transparent;
}

footer.footer-one .widget.widget_tag_cloud .wp-tag-cloud li a:hover,
footer.footer-one .wp-block-tag-cloud a:hover {
  background: transparent;
  color: var(--color-theme-primary);
}

footer.footer-one .widget ul li a {
  padding: 0;
}

/* footer icon */
footer.footer-one .widget ul li a i {
  margin-top: 8px;
}

footer.footer-one .widget ul.iq-contact li a i {
  margin-top: 0;
}

footer.footer-one .widget ul li a span {
  word-wrap: anywhere;
}

footer.footer-one .menu-service-menu-container ul li a {
  padding: 7px 0 7px 20px;
}

footer.footer-one .widget ul.menu li a:hover {
  color: var(--primary-color);
}

footer.footer-one .sub-btn {
  position: absolute;
  right: 0;
}

footer.footer-one .sub-btn button {
  padding: 24px 30px;
  border: none;
  cursor: pointer;
  background-color: var(--primary-color);
}

footer.footer-one .sub-btn button:hover, .footer-one .sub-btn button:focus {
  outline: none;
}

footer.footer-one .sub-btn button:before {
  content: "\f2c3";
  position: absolute;
  font-family: "Ionicons";
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: var(--white-color);
}

footer.footer-one input[type=submit] footer.footer-one .info-share li {
  margin-left: 15px;
  margin-right: 0;
}

footer.footer-one .menu-footer-menu-container .menu {
  margin-bottom: 0;
  padding: 0;
}

footer.footer-one .menu-footer-menu-container .menu li {
  list-style: none;
  display: block;
  margin-right: 10px;
}

footer.footer-one .copyright a:hover, footer.footer-one .menu-footer-menu-container .menu li a:hover, footer.footer-one .info-share li a:hover {
  text-decoration: none;
  color: var(--primary-color);
}

footer.footer-one .menu-footer-menu-container .menu li:last-child {
  margin-right: 0;
}

footer.footer-one .copyright-footer {
  position: relative;
  background-color: var(--primary-bg-lihght);
}

body.iq-dark-mode footer.footer-one .copyright-footer {
  background-color: transparent;
}

footer.footer-one .info-share li a svg {
  color: var(--primary-color);
  padding: 15px;
  background: var(--white-color);
  height: 50px;
  width: 50px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border-radius: var(--border-radius);
}

footer.footer-one .info-share li a svg:hover {
  color: var(--white-color);
  padding: 15px;
  background: var(--secondary-color);
}

footer.footer-one input[type=email]:hover, footer.footer-one input[type=email]:focus {
  border-color: var(--primary-color);
}

footer.footer-one input[type=email] {
  background: var(--white-color);
  border-color: var(--white-light-color);
  color: var(--secondary-color);
}

.mc4wp-form-fields input[type="submit"] {
  position: absolute;
  right: 15px;
}

footer.footer-one .footer-top .info-share li {
  margin-right: 15px;
}

footer.footer-one .footer-top .info-share li:last-child {
  margin-right: 0;
}

.iq-bg-dark {
  position: relative;
}

footer.iq-over-dark-90:before {
  display: none !important;
}

footer .footer_top_block {
  padding-bottom: 100px;
}

footer ul.wp-tag-cloud li a {
  color: var(--body-text)
}

footer ul.wp-tag-cloud li a:hover {
  color: var(--color-theme-primary);
}

footer ul.wp-tag-cloud li {
  display: inline-block;
}

footer #menu-footer-menu li a:before, footer .menu-footer-menu-container li a:before {
  display: none;
}

footer #menu-footer-menu li a, footer .menu-footer-menu-container ul.menu li a {
  padding: 7px 0 7px 0px;
}

footer.footer-one ul li.cat-item span.post_count, footer.footer-one ul li span.archiveCount {
  float: right;
  color: var(--white-color);
  background: var(--secondary-color);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}

footer ul.wp-tag-cloud li a {
  background: var(--white-light-color);
  display: inline-block;
  color: var(--body-text);
  padding: 2px 10px;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.widget_tag_cloud ul li, footer ul.wp-tag-cloud li {
  padding: 0;
  display: inline-block;
  margin: 3px 5px 3px 0;
}

@media(max-width: 1024px) {
  footer.footer-one .footer-top {
    padding-top: 70px;
    padding-bottom: 45px;
  }
}

@media(max-width:992px) {

  .effect-footer:after {
    top: -111px;
  }

  footer .footer_top_block {
    padding-bottom: 45px;
  }

}

@media(max-width:767px) {
  .copyright-footer .col-auto {
    display: inline-block;
    width: 100%;
  }

  .copyright-footer {
    text-align: center !important;
  }

  footer.footer-one .footer-top {
    padding-top: 40px;
    padding-bottom: 45px;
  }
}
.xamin-mobile-menu.xamin-navigation-burger {
    display: block;
}

/*---------------------------------------------------------------------
                          Header-styles
-----------------------------------------------------------------------*/
.xamin-mobile-menu {
    background: var(--color-theme-black);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
}

.xamin-mobile-menu.menu-open {
    pointer-events: all;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

.xamin-mobile-menu.header-up,
.xamin-mobile-menu.header-down {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 99;
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    -moz-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
}

.xamin-mobile-menu.menu-open.header-down {
    top: 0;
    z-index: 99;
}

.xamin-mobile-menu.header-down {
    top: -100px;
}

.xamin-mobile-menu .navbar {
    padding: 15px 30px;
    z-index: 999;
    border-bottom: 1px solid var(--color-input-placeholder);
}

.burger-menu .navbar-brand .logo{
    width: 150px;
}

.burger-menu .menu-btn.is-active{
    top: 0;
    left: 0;
}

/*************style 1***********/

.navbar-toggler.custom-toggler {
    display: block;
    
}

.navbar-toggler.custom-toggler {
    padding: 0 5px 0 0;
    position: static;
    margin-left: 20px;
    border-radius: 0;
    border: none;
    color: var(--color-theme-white);
}

.menu-btn {
    position: relative;
    z-index: 9;
    width: 20px;
    height: 24px;
    cursor: pointer;
}

.menu-btn.is-active {
    top: 2px;
    left: 3px;
}

.navbar-toggler.custom-toggler:focus{
    outline: none;
}

.menu-btn .line {
    width: 100%;
    height: 2px;
    background-color: var(--color-theme-white);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    transition: left 0.3s cubic-bezier(.29, .61, .9, .45);
}

.menu-btn .line.two {
    left: 5px;
    top: 10px;
}

.menu-btn .line.three {
    top: 20px;
}

.ham-toggle:hover .menu-btn:not(.is-active) .line.two {
    left: 0;
}

.ham-toggle:hover .menu-btn:not(.is-active) .line.one,
.ham-toggle:hover .menu-btn:not(.is-active) .line.three {
    left: 5px;
}

.ham-s-toggle {
    cursor: pointer;
}

.xamin-mobile-menu .navbar-nav>li>a {
    font-size: 40px;
    color: var(--color-theme-white);
    line-height: normal;
}

.xamin-mobile-menu .navbar-nav>li a {
    font-family: var(--highlight-font-family);
}

.xamin-mobile-menu .navbar-nav li:hover>a,
.xamin-mobile-menu .navbar-nav li .sub-menu li:hover>a,
.xamin-mobile-menu .navbar-nav li.current-menu-item>a,
.xamin-mobile-menu ul>li.current-menu-ancestor>a,
.xamin-mobile-menu ul li .sub-menu li.menu-item.current-menu-ancestor>a,
.xamin-mobile-menu ul li .sub-menu li.current-menu-item>a {
    color: var(--color-theme-primary);
}

.xamin-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.xamin-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.xamin-mobile-menu .navbar-nav li:hover>.toggledrop i,
.xamin-mobile-menu .navbar-nav li.current-menu-item>.toggledrop i{
    color: var(--color-theme-white);
}

.xamin-mobile-menu .navbar-nav li>.toggledrop i {
    font-size: 35px;
    margin-left: 0;
    cursor: pointer;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: var(--color-theme-white);
}

.xamin-mobile-menu .navbar-nav li .sub-menu li .toggledrop i {
    color: var(--color-theme-white);
}

.xamin-mobile-menu .navbar-nav li .sub-menu li:hover .toggledrop i,
.xamin-mobile-menu .navbar-nav li .sub-menu li.current-menu-item .toggledrop i,
.xamin-mobile-menu .navbar-nav li .sub-menu li.current-menu-ancestor .toggledrop i {
    color: var(--color-theme-white);
}

.xamin-mobile-menu .navbar-nav .toggledrop.active i {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

.xamin-mobile-menu .navbar-nav li li>.toggledrop i {
    font-size: 20px;
}

.xamin-mobile-menu .navbar-nav li .xamin-has-sub-menu li a {
    font-size: 20px;
    color: var(--global-font-color);
}

.xamin-mobile-menu .navbar-nav li .xamin-has-sub-menu li {
    margin-bottom: 5px;
}

.menu-btn:hover {
    cursor: pointer;
}

.menu-open .menu-btn.is-active .line {
    background: var(--color-theme-white);
}

.side-bar-open #menu-btn-side-close .menu-btn.is-s-active .line {
    transition-delay: .2s;
}

.side-bar-open .menu-btn .line-n {
    width: 100%;
    height: 2px;
    background-color: var(--color-theme-white);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    transition: left 0.3s cubic-bezier(.29, .61, .9, .45);
}

#menu-btn-side-close .menu-btn.is-s-active .line {
    transition-delay: 1s;
}

.side-bar-open #menu-btn-side-close {
    position: absolute;
    right: 70px;
    top: 50px;
}

.side-bar-open #menu-btn-side-close .menu-btn .line-n.c-one {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-collapse {
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    align-items: flex-start !important;
    z-index: 1;
}

.menu-new-wrapper.row {
    position: relative;
    width: 100%;
    height: calc(100vh - 90px);
    margin: 0;
}

.verticle-mn {
    height: calc(100vh - 90px);
    overflow-y: scroll;
    padding: 0;
}

.xamin-mobile-menu.menu-open:before {
    -webkit-transform: skew(0deg) translateY(0);
    -moz-transform: skew(0deg) translateY(0);
    -ms-transform: skew(0deg) translateY(0);
    -o-transform: skew(0deg) translateY(0);
    transform: skew(0deg) translateY(0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.xamin-full-menu {
    margin: auto 0;
}

.xamin-full-menu .navbar-nav {
    position: relative;
    z-index: 99;
    padding-left: 0;
    margin-bottom: 30px;
}

.xamin-full-menu .navbar-nav>li {
    position: relative;
    margin-bottom: 0;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li {
    visibility: hidden;
    display: none;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.xamin-mobile-menu.menu-open .xamin-full-menu .navbar-nav>li,
.menu-animation .navbar-nav>li {
    visibility: visible;
    display: block;
    -webkit-animation-name: fadeInAnimation;
    animation-name: fadeInAnimation;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin-bottom: 15px;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(2),
.menu-animation .navbar-nav>li:nth-child(2) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(3),
.menu-animation .navbar-nav>li:nth-child(3) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(4),
.menu-animation .navbar-nav>li:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(5),
.menu-animation .navbar-nav>li:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(6),
.menu-animation .navbar-nav>li:nth-child(6) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(7),
.menu-animation .navbar-nav>li:nth-child(7) {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(8),
.menu-animation .navbar-nav>li:nth-child(8) {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(9),
.menu-animation .navbar-nav>li:nth-child(9) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(10) {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(11) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(12) {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(13) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.xamin-mobile-menu .xamin-full-menu .navbar-nav>li:nth-child(14) {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li {
    -webkit-animation-name: fadeOutAnimation;
    animation-name: fadeOutAnimation;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    visibility: visible;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(2) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(5) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(6) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.xamin-mobile-menu.open-delay .xamin-full-menu .navbar-nav>li:nth-child(7) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.xamin-mobile-menu .navbar-nav li .sub-menu li a {
    font-size: 20px;
    color: var(--color-theme-white);
}

.xamin-mobile-menu .sub-menu {
    list-style-type: none;
    padding: 0;
}

.xamin-mobile-menu .sub-menu li{
    position: relative;
}

.xamin-mobile-menu .sub-menu .sub-menu {
    padding: 0;
}

.xamin-mobile-menu .navbar-nav li .xamin-has-sub-menu {
    padding-top: 10px;
}

.xamin-mobile-menu .xamin-has-sub-menu {
    padding-left: 30px;
}

.xamin-has-sub-menu {
    list-style-type: none;
}

.xamin-mobile-menu .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}


/* light Mode */
.xamin-mobile-menu.light-mode {
    background: var(--color-theme-white);
}

.xamin-mobile-menu.light-mode .navbar-nav>li>a {
    color: var(--title-color);
}

.xamin-mobile-menu.light-mode .navbar-nav>li>.toggledrop {
    color: var(--title-color);
}

.xamin-mobile-menu.light-mode .navbar-nav>li:hover>a {
    color: var(--color-theme-primary);
}

@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOutAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOutAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.xamin-mobile-menu .toggledrop {
    position: absolute;
    right: 30px;
    top: 15px;
    background: var(--color-theme-primary);
    text-align: center;
    display: block;
    padding: 3px 8px;
    height: 30px;
    width: 30px;
    z-index: 9;
    border-radius: 3px;
    color: var(--color-theme-white);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.xamin-mobile-menu .navbar-nav li .sub-menu li .sub-menu .toggledrop{
    line-height: 40px;
}


@media (max-width: 1199px) {
    header.header-default .navbar-collapse {
        display: none;
    }

    .xamin-mobile-menu .navbar-nav>li>a{
        padding: 15px 30px;
        width: 100%;
        display: block;
        border-bottom: 1px solid var(--color-footer-dark);
    }

    .xamin-mobile-menu .navbar-nav li .sub-menu li a{
        padding: 15px 30px 15px 40px;
        border-bottom: 1px solid var(--color-footer-dark);
        display: block;    
    }

    .xamin-mobile-menu .navbar-nav li .sub-menu li .sub-menu li a{
        padding: 15px 30px 15px 50px;
    }

    .xamin-mobile-menu .navbar-nav li .sub-menu li .sub-menu li .sub-menu li a{
        padding: 15px 30px 15px 60px;
    }
    
    .xamin-mobile-menu .navbar-nav>li>a,
    .xamin-mobile-menu .navbar-nav li>.toggledrop i {
        font-size: 22px;
    }
    .xamin-mobile-menu .navbar-nav li .sub-menu li a,
    .xamin-mobile-menu .navbar-nav li li>.toggledrop i {
        font-size: 16px;
    }

    
}

@media (max-width: 479px) {
    .xamin-mobile-menu .navbar-nav>li>a,
    .xamin-mobile-menu .navbar-nav li>.toggledrop i {
        font-size: 22px;
    }
    .xamin-mobile-menu .navbar-nav li .sub-menu li a,
    .xamin-mobile-menu .navbar-nav li li>.toggledrop i {
        font-size: 14px;
    }
    .xamin-full-menu .navbar-nav {
        padding-left: 0;
    }

    .xamin-mobile-menu .navbar-nav li .sub-menu li .toggledrop{
        line-height: 39px;
    }

    .xamin-mobile-menu .navbar-nav li .sub-menu li .sub-menu .toggledrop{
        line-height: 25px;
    }
}

@media (max-width: 480px) {
    .xamin-mobile-menu .navbar {
        padding: 15px 30px;
        z-index: 999;
    }
}

.vertical-menu-layout .menu-new-wrapper.row {
    position: relative;
    width: 100%;
    height: auto;
}

.vertical-menu-layout .xamin-full-menu .navbar-nav {
    padding: 0;
}

.vertical-menu-layout.xamin-mobile-menu .navbar {
    padding: 0;
}

.xamin-mobile-menu.vertical-menu-layout {
    background: transparent;
    position: relative;
}

.xamin-mobile-menu.vertical-menu-layout .navbar-nav>li>a,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li>.toggledrop i {
    font-size: 30px;
}

.xamin-mobile-menu.vertical-menu-layout .navbar-nav li.current-menu-item>.toggledrop i,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li.current-menu-item>a,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li .sub-menu li:hover>a,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li:hover>.toggledrop i,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li:hover>a,
.xamin-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>.toggledrop i,
.xamin-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>a,
.xamin-mobile-menu.vertical-menu-layout ul li .sub-menu li.current-menu-item>a,
.xamin-mobile-menu.vertical-menu-layout ul li .sub-menu li.menu-item.current-menu-ancestor>a {
    color: var(--color-theme-primary);
}

.xamin-mobile-menu.vertical-menu-layout .navbar-nav li .sub-menu li a,
.xamin-mobile-menu.vertical-menu-layout .navbar-nav li li>.toggledrop i {
    color: var(--color-theme-white);
    font-size: 16px;
}

/* layout mobile menu */
.iqonic-custom-layouts .xamin-mobile-menu.xamin-navigation-burger .xamin-full-menu .menu-full-menu-container ul li .toggledrop , .iqonic-custom-layouts .xamin-mobile-menu.xamin-navigation-burger .xamin-full-menu .menu-full-menu-container ul li .toggledrop i {
    font-size: var(--font-size-body);
    color: var(--color-theme-white) ;
}

.top-slide.open .xamin-mobile-menu .navbar-nav li .sub-menu li .toggledrop {
    line-height: 25px;
}

.xamin-mobile-menu.menu-style-two .navbar-nav li > .toggledrop > i {
	transform: rotate(90deg);
}

.xamin-mobile-menu.menu-style-two .xamin-full-menu .menu-full-menu-container ul.navbar-nav > li > ul.sub-menu.active {
    display: block !important;
}
.xamin-mobile-menu.vertical-menu-layout.menu-style-two .navbar-nav li .sub-menu li .sub-menu{
    display: none;
}
/*--------------------------   Search Box     ------------------------ */
.wp-block-search .wp-block-search__inside-wrapper {
  position: relative;
}

.wp-block-search button.wp-block-search__button {
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(293deg, var(--text-gradient-one) -15.38%, var(--text-gradient-two) 57.43%, var(--text-gradient-three) 94.88%);
  background-size: 200% auto;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

.wp-block-search button.wp-block-search__button:hover {
  background-position: right center;
  -webkit-transition: background-size .6s ease-out;
  transition: background-size .6s ease-out;
}

.wp-block-search .wp-block-search__input {
  height: 60px;
  padding-right: 70px;
  padding-left: 16px;
}

.wp-block-search .wp-block-search__button:before {
  content: "\f002";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-family: "Font Awesome\ 5 Free";
  font-size: var(--global-font-size);
  font-weight: 900;
  color: var(--color-theme-white-light);
}

.wp-block-search .wp-block-search__button.has-icon:before {
  display: none;
}

.widget-woof .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
  padding: 0;
}

.widget-woof .wp-block-search__inside-wrapper .wp-block-search__button.has-icon>svg {
  transform: rotate(-90deg);
}

.xamin-shop-btn-holder ul {
  margin: 0;
}

.search-box input[type="search"] {
  height: 40px;
  font-size: 18px;
  display: inline-block;
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 15px 40px 15px 15px;
  width: 0;
  position: absolute;
  top: -9px;
  right: 0;
  background: none;
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  z-index: 11;
  margin: -10px 0 0 0;
}

.search-form .search-submit {
  position: absolute;
  right: 0;
  top: -5px;
  height: 45px;
  width: 45px;
  color: var(--color-theme-white);
  cursor: pointer;
  font-size: var(--font-size-body);
  background: var(--color-theme-primary);
  border: none;
  outline: none;
  box-shadow: none;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  border-radius: 0 3px 3px 0;
}

.search-box input[type="search"]:focus {
  width: 250px;
  cursor: text;
  background: var(--color-theme-white);
  z-index: 9;
  color: rgba(102, 102, 102, 0.6);
}

.search-box {
  position: relative;
}

.search-box .search-submit:hover {
  background: none;
}

.search-form .search-submit svg {
  font-size: 18px;
  color: var(--color-theme-white);
}

.search-form input:focus,
.search-form input[type=text]:focus,
.search-form input[type=email]:focus,
.search-form input[type=search]:focus,
.search-form input[type=password]:focus {
  border-bottom: 1px solid var(--color-theme-primary);
}

button.btn-search-close svg {
  color: var(--color-theme-white);
}


.search-form .search-submit svg {
  font-size: 18px;
  color: var(--color-theme-white);
}

.navbar ul.xamin-shop-btn-holder ul li a:hover {
  background: transparent;
}

.search-form .search-submit {
  background: transparent;
  line-height: normal;
}



header .xamin-search,
.search_count .xamin-search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgb(17 17 17 / 95%);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  pointer-events: none;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.xamin-search .search-form .form-search .search-submit {
  position: absolute;
  right: 0;
  cursor: pointer;
  padding: 12px 15px;
  font-size: 18px;
  border: none;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0;
  height: 60px;
}

.xamin-search.search--open,
.search_count .xamin-search.search--open {
  pointer-events: auto;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
}

.btn--search-close {
  font-size: 1.5em;
  position: absolute;
  top: 1em;
  right: 1.25em;
  color: var(--color-theme-white);
  background: transparent;
  display: block;
}

.btn--search-close:hover {
  color: var(--color-theme-white);
}

body.admin-bar .btn--search-close {
  top: 1.5em;
}

.btn--search-close:focus {
  outline: 0;
  box-shadow: none;
}

.search-form.search__form {
  width: auto;
}

@media(min-width:767px) {
  header .search-form.search__form {
    width: 500px;
  }
}

.search--open .search__form {
  position: relative;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
  margin: 0 32px;
}

.search--open .search__form::after {
  -webkit-animation-name: fadeInMove;
  animation-name: fadeInMove;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

header .search__input {
  margin: 10px 0;
  font-family: inherit;
  background: none;
  border: none;
  height: auto;
  font-size: var(--global-font-size);
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.05em 0;
  color: var(--color-theme-white);
  border-bottom: 2px solid;
}

.form-search input::-webkit-input-placeholder {
  font-size: var(--global-font-size);
}

header .form-search input::-webkit-input-placeholder {
  font-size: var(--font-size-h5);
}

header .search__input {
  font-size: var(--font-size-h5);
}

.search__input:focus {
  border: none;
  border-bottom: 2px solid;
}

.search__input::-webkit-input-placeholder,
.search__input::-moz-placeholder,
.search__input:-ms-input-placeholder,
footer .search-form .search-field.search__input::-webkit-input-placeholder,
footer .search-form .search-field.search__input::-moz-placeholder,
footer .search-form .search-field.search__input:-ms-input-placeholder {
  color: var(--global-font-color);
  font-family: var(--highlight-font-family);
  font-size: var(--global-font-size);
  font-weight: normal;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search__input::-ms-clear {
  display: none;
}

form.search-form .form-row .has-content~label,
form.search-form .form-row input:focus~label,
form.search-form .form-row label {
  top: -90px;
}

.xamin-shop-btn-holder ul li svg {
  font-size: 20px;
  height: 16px;
  width: 20px;
}

.search-form input {
  height: auto;
  border-radius: 5px;
  background: transparent;
  padding: 0;
  border: 1px solid var(--global-font-color);
}

form.search-form .form-row label {
  color: var(--color-theme-white);
  text-align: left;
  font-size: 45px;
  top: -13px;
  margin-bottom: 0;
  left: 0;
  display: block;
  float: left;
  width: 100%;
  position: absolute;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.search-form input {
  padding-right: 68px;
  padding-left: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 60px;
  background: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.search-form {
  position: relative;
}

header .search-form .form-search .search-submit {
  position: absolute;
  right: 1px;
  top: 10px;
  cursor: pointer;
  padding: 12px 15px;
  font-size: 18px;
  border: none;
  outline: none;
  box-shadow: none !important;
  margin: 0;
}

.wp-block-search .wp-block-search__label {
  display: none;
}

.search-form .form-search .search-submit:hover {
  background-position: right center;
}

.search_count .btn-search,
.search_count .btn-search svg {
  font-weight: var(--font-weight-body);
  font-size: var(--font-size-normal);
  letter-spacing: var(--letter-spacing-three);
  text-transform: uppercase;
}

.search_count .btn-search:hover,
.search_count .btn-search:hover svg {
  color: var(--color-theme-primary);
}

.xamin-header-right {
  display: flex;
  align-items: center;
}

/* search-colormode */

.search_style_light .search {
  background: var(--color-theme-white);
  box-shadow: var(--global-box-shadow);
}

.search_style_light .search__form:after {
  background: var(--global-font-color);
}

.search_style_light .search-form .search-submit svg {
  color: var(--global-font-color);
}

.search_style_light input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.search_style_light button.btn-search-close svg {
  color: var(--global-font-title);
}

/* search animation */

.search-animate-left .search {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
}

.search-animate-left .search.search--open {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}

.search-animate-right .search {
  transform: translateX(-100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
}

.search-animate-right .search.search--open {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}

/* search default */
.search_wrap.search-form-default .search-form input {
  border-bottom: 1px solid var(--global-font-title) !important;
  border-radius: 0;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  padding-right: 30px;
}

.search_wrap .search-form input::placeholder {
  color: var(--global-font-color);
}

.search_wrap.search-form-default .search-form .search-submit svg {
  font-size: 18px;
  color: var(--global-font-color);
}

.search_wrap.search-form-default .search-form .form-search .search-submit {
  padding: 0;
  height: 43px;
  width: 43px;
  line-height: 50px;
}

.search-form-default .search-form input:focus,
.search-form-default .search-form input[type=email]:focus,
.search-form-default .search-form input[type=password]:focus,
.search-form-default .search-form input[type=search]:focus,
.search-form-default .search-form input[type=text]:focus {
  border-color: var(--color-theme-primary) !important;
}

@media(max-width:767px) {

  .form-search input::-webkit-input-placeholder,
  .search__input {
    font-size: var(--font-size-h5);
  }
}

.xamin-error .page-content>p {
  width: 50%;
  margin: 1em auto;
}

.xamin-error .search-form {
  display: inline-block;
  width: 40%;
  margin: 1em 0 1.563em;
}

@media (max-width: 479px) {

  .xamin-error .page-content>p,
  .xamin-error .search-form {
    width: 90%;
  }
}
/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

 :root {

	/* Container */
	--content-width: 1300px;
	--content-width-sm: 1170px;
 
	/* Typography */
	--global-font-family: 'Poppins', sans-serif;
	--highlight-font-family: 'DM sans', sans-serif;
	--global-font-size: 1rem;
	--global-font-line-height: 1.4;
	--global-box-shadow: 0 2px 30px 0 rgb(0 0 0 / 5%);

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-h1: 4.209rem;
	--font-size-h2: 3.157rem;
	--font-size-h3: 2.369rem;
	--font-size-h4: 1.777rem;
	--font-size-h5: 1.333rem;
	--font-size-h6: 1rem;
	--font-size-body: 1rem;
	--font-size-small:0.875rem;
	--font-size-normal: 0.875rem;	
	--font-size-xs:0.75rem;

	/* Line-Height */
	--font-line-height-h1: 80px;
	--font-line-height-h2: 61px;
	--font-line-height-h3: 48px;
	--font-line-height-h4: 38px;
	--font-line-height-h5: 32px;
	--font-line-height-h6: 26px;
	--font-line-height-body:28px;
	--font-line-height-p: 26px;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 500;
	--font-weight-h2: 500;
	--font-weight-h3: 500;
	--font-weight-h4: 500;
	--font-weight-h5: 500;
	--font-weight-h6: 500;

	/* font-weight*/
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semi-bold:600;
	--font-weight-bold:700;

	/* Letter spacing */
	--font-letter-spacing-body: 0.02rem;
	--font-letter-spacing-link: 0.02rem;
	--font-letter-spacing-h1: 0.02rem;
	--font-letter-spacing-h2: 0.02rem;
	--font-letter-spacing-h3: 0.02rem;
	--font-letter-spacing-h4: 0.02rem;
	--font-letter-spacing-h5: 0.02rem;
	--font-letter-spacing-h6: 0.02rem;
	--letter-spacing: 0.02rem;
    --letter-spacing-three: 0.08rem;

	/* border-radius */
	--border-radius: 4px;
	--border-radius-box: 5px;
	--border-radius-ten:0px;
	--border-radius-90: 90px;

	/* box-shadow */
	--sidebar-box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.05);

	/* z index */
	--z-index-minus:-1;

	/* overlay */
	--menu-hover-overlay: rgb(7 36 64 / 8%);

	/*Global page variable*/
	--global-page-top-spacing: 130px;
	--global-page-bottom-spacing: 130px;
	--global-page-spacing-top-tablet: 70px;
	--global-page-spacing-bottom-tablet: 70px;
	--global-page-spacing-top-mobile: 40px;
	--global-page-spacing-bottom-mobile: 40px;
	
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2a3cb7;
	--color-theme-yellow: #ffd81c;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-grey-light: #f5f7fb;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--global-body-bgcolor:#fff;
	--color-theme-select-border: #ededed;

	/* Header editor colors */

	--color-theme-primary:#437eeb;
	--color-theme-secondary: #313e5b;
	--secondary-dark: #2a3652;
	--primary-bg-lihght:#f5f7fe;

	--primary-color: #437eeb;
	--secondary-color: #313e5b;
	--Tertiary-color: #54e2db;
	--white-color:#fff;
	--white-light-color:#eff1fe;
	--warning-color:#ff0000;
	--success-color:#398f14;
	--title-color:#313e5b;
	--sub-title-color:#437eeb;
	--body-text:#525f81;
	--ver-menu-back:rgba(67, 126 ,235 , 0.08);
	--dark-menu:#95a0b2; 
	--dark-back:#171d33;
	--body-dark:#19203a;
	--border-color: #e4e8ff;
	--e-global-color-text: #525f81;
	--color-mobile-bg:#0e0e0e;
}

@media (max-width: 991px){
    :root {
        --font-size-h1: 3.653rem;
        --font-size-h2: 2rem;
        --font-size-h3: 1.827rem;
		--font-size-h4: 1.700rem;
		--font-size-h5: 1.111rem;
    }
}


.select2.select2-container {
    width: 100%;
}

.select2-container .select2-selection--single{
    width: 100%;
    border: 1px solid var(--white-light-color);
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: var(--border-radius);
	-moz-border-radius: var(--border-radius);
	border-radius: var(--border-radius);
    outline: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.select2-container--open .select2-dropdown--above{
    border-bottom: 1px solid var(--primary-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.select2-container.select2-container--open .select2-selection--single{
    border: 1px solid var(--primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select2-search--dropdown {
	display: inline-block;
	padding: 10px;
	width: 100%;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
	background: var(--color-theme-grey-light);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--body-text);
	line-height: inherit;
}

.woocommerce-Reviews .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 52px;
	width: 52px;
}

.select2-dropdown {
	border: 1px solid var(--primary-color);
}

.select2-container--open .select2-dropdown.select2-dropdown--below {
	top: 10px;
	border-top: 1px solid var(--primary-color);
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.admin-bar .select2-container--open .select2-dropdown.select2-dropdown--below {
	top: 30px;
}

.admin-bar.woocommerce-shop .select2-container--open .select2-dropdown.select2-dropdown--below {
	top: 45px;
}

.select2-container--default .select2-results>.select2-results__options {
	padding: 5px;
	max-height: 170px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
    height: 30px;
    color: var(--body-text);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--primary-color);
	border-radius: var(--border-radius);
}


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

.elementor-widget-sidebar .search-form input[type=search],
.primary-sidebar.widget-area .search-form input[type=search] {
	background: var(--global-body-bgcolor);
}

.xamin .home .content-area .site-main {
	padding: 0;
}

.footer-mail {
	position: relative;
}

.footer-mail button {
	position: absolute;
	right: 0;
	background: var(--color-theme-primary);
	outline: none;
	border: none;
	padding: 19px 30px;
	color: var(--color-theme-white);
	letter-spacing: var(--letter-spacing);
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.footer-mail button:hover {
	background: var(--color-theme-secondary);
}

.footer-mail input {
	padding-right: 175px;
}

/*--------------------------------------------------------------
# text-editor Home-9
--------------------------------------------------------------*/
.iq-address li a .header {
	display: inline-block;
	padding: 0 8px;
	font-weight: bold;
}

.iq-address li {
	margin-bottom: 15px;
	list-style-type: none;
	display: inherit;
}

.iq-address li a .content {
	display: block;
	padding-left: 0;
}

.iq-address {
	margin: 0;
	padding: 0;
}

.iq-address li a {
	display: flex;
	padding-left: 0;
	color: var(--body-text);
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.iq-address li a i {
	top: 0;
	line-height: 34px;
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 8px;
}

.iq-address li a svg {
	position: relative;
	left: 0;
	top: 5px;
	line-height: 34px;
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 8px;
}

.iq-address li a .content {
	padding-left: 0;
	display: table-cell;
	word-wrap: anywhere;
	word-break: break-word;
}

/*--------------------------------------------------------------
# Nice Select Dropdown
--------------------------------------------------------------*/
.nice-select.wide {
	background: var(--white-light-color);
	border-radius: var(--border-radius);
}

.nice-select.wide .list {
	z-index: 99;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px;
	-webkit-box-shadow: 0px 0px 87.3px 2.7px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 87.3px 2.7px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 87.3px 2.7px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--color-theme-primary);
	border-radius: var(--border-radius);
}

.nice-select.wide .list::-webkit-scrollbar-thumb,
body .stm_compare_cars_footer_modal.stm-open .stm-compare-list-wrap::-webkit-scrollbar-thumb {
	width: 4px;
	border-radius: var(--border-radius);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.nice-select.wide .list::-webkit-scrollbar,
body .stm_compare_cars_footer_modal.stm-open .stm-compare-list-wrap::-webkit-scrollbar {
	width: 4px;
}

.nice-select.wide .list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: var(--border-radius);
}

.nice-select,
.nice-select.form-control {
	line-height: 55px;
	height: 55px;
	font-size: 16px;
	padding: 0 30px 0 20px;
	border: 1px solid rgba(82, 95, 129, 0.09);
	background: var(--white-light-color);
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	color: var(--color-theme-primary);
	background-color: transparent;
}

.nice-select:hover,
.nice-select:focus {
	border-color: var(--color-theme-primary);
}

input.form-control {
	line-height: 55px;
	height: 55px;
}

.nice-select .list:hover .option:not(:hover) {
	color: var(--title-color);
}

.nice-select:after {
	content: "\f0dd";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	position: absolute;
	top: 46%;
	transform: translate(0, -50%);
	margin: 0;
	right: 20px;
}

.nice-select.open:after {
	transform: translate(0, -50%);
	right: 20px;
}

.nice-select.wide .list li {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 0;
	white-space: normal;
}

/*---------------------------------------------------------------------
 404
-----------------------------------------------------------------------*/
.error-bg {
	float: left;
	width: 100%;
	display: block;
}

.error-404 .big-text {
	font-size: 240px;
	font-family: 'Lato', sans-serif;
	line-height: 240px;
	color: var(--secondary-color);
	font-weight: bold;
}

.xamin-gradient-bg-top {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff1fe), color-stop(60%, #ffffff));
	background: -moz-linear-gradient(top, #eff1fe 0, #ffffff 60%);
	background: -webkit-linear-gradient(top, #eff1fe 0, #ffffff 60%);
	background: -o-linear-gradient(top, #eff1fe 0, #ffffff 60%);
	background: -ms-linear-gradient(top, #eff1fe 0, #ffffff 60%);
	background: linear-gradient(top, #eff1fe 0, #ffffff 60%);
}

.xamin-gradient-bg-bottom {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff1fe), color-stop(60%, #ffffff));
	background: -moz-linear-gradient(bottom, #eff1fe 0, #ffffff 60%);
	background: -webkit-linear-gradient(bottom, #eff1fe 0, #ffffff 60%);
	background: -o-linear-gradient(bottom, #eff1fe 0, #ffffff 60%);
	background: -ms-linear-gradient(bottom, #eff1fe 0, #ffffff 60%);
	background: linear-gradient(bottom, #eff1fe 0, #ffffff 60%);
}

ul.iq-list {
	margin: 0;
}

.column-2 ul.iq-list {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

/*---------------------------------------------------------------------
header footer and breadcrumb hide in maintenance page
-----------------------------------------------------------------------*/
.page-id-2329 header,
.page-id-2329 footer,
.page-id-2329 .bg-none,
.page-id-414 .bg-none {
	display: none;
}

.page-id-2329 {
	padding: 250px 0;
	background: url("../images/maintenance.jpg");
}

.page-id-414 .content-area .site-main {
	padding: 0;
}

/*---------------------------------------------------------------------
header footer and breadcrumb hide in commingsoon page
-----------------------------------------------------------------------*/
.page-id-2324 header,
.page-id-2324 footer,
.page-id-2324 .bg-none {
	display: none;
}

.page-id-2324 {
	padding: 90px 0;
	background: url("../images/maintenance.jpg");
}


/*---------------------------------------------------------------------
                           WordPress Core
-----------------------------------------------------------------------*/
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 15px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: var(--white-color);
	border: 1px solid var(--white-light-color);
	max-width: 96%;
	padding: 5px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
	color: var(--body-text);
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 0;
	width: 1px;
	overflow: hidden;
}

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


/*---------------------------------------------------------------------
                          Background Overlay Color
-----------------------------------------------------------------------*/
.iq-bg-over {
	background: var(--white-light-color);
}

.breadcrumb-bg {
	position: relative;
}

.breadcrumb-bg:before,
.breadcrumb-ui:before,
.breadcrumb-video::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgba(2, 13, 30, 0.9);
	display: block !important;
}

.breadcrumb-video::before {
	z-index: 1;
}


/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	display: none;
}

.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	background: var(--white-color);
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: var(--secondary-color);
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

.share ul li {
	display: inline-block;
	margin-right: 10px
}

.share ul li a {
	height: 45px;
	width: 45px;
	border-radius: 90px;
	display: inline-block;
	background: var(--secondary-color);
	color: var(--white-color);
	text-align: center;
	line-height: 45px
}

.share ul li a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.portfolio-meta,
.share ul {
	padding: 0;
	display: inline-block;
	width: 100%;
	margin: 0 0 30px;
}

#team-main .share ul {
	text-align: center;
}


/* Gallery */
.gallery-size-thumbnail .gallery-item {
	margin-right: 2%;
	width: 18.4%;
	margin-bottom: 2%;
	display: inline-block;
	vertical-align: top;
}

.gallery-item .gallery-caption {
	line-height: 22px;
	font-size: 14px;
}

.gallery-size-thumbnail .gallery-item img {
	margin-bottom: 10px;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	margin-right: 0;
}

.gallery-columns-2 .gallery-item {
	width: 48%;
}

.gallery-columns-3 .gallery-item {
	width: 31.3%;
}

.gallery-columns-4 .gallery-item {
	width: 23%;
}

.gallery-columns-5 .gallery-item {
	width: 18%;
}

.gallery-columns-6 .gallery-item {
	width: 14.6%;
}

.gallery-columns-7 .gallery-item {
	width: 12.2%;
}

.gallery-columns-8 .gallery-item {
	width: 10.5%;
}

.gallery-columns-9 .gallery-item {
	width: 9.1%;
}

.gallery.gallery-size-thumbnail {
	display: inline-block;
	width: 100%;
}

/* Audio */
article.hentry.format-audio .iq-blog-image {
	text-align: left;
}

article.hentry.format-audio .iq-blog-image p:nth-child(-n+2) {
	display: inline-block;
	margin-bottom: 0;
	padding-top: 30px;
}

article.hentry.format-audio .iq-blog-image p {
	margin-bottom: 0;
	padding-left: 30px;
}

article.hentry.format-video .iq-blog-image p {
	margin-bottom: 0;
}

/*pagination-nav*/
.page-numbers {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-numbers li .page-numbers {
	position: relative;
	display: block;
	padding: 5px 17px;
	margin-left: 5px;
	color: var(--secondary-color);
	background-color: var(--white-color);
	border: 1px solid var(--white-light-color);
	border-radius: var(--border-radius-box);
}

.page-numbers li .page-numbers:hover {
	z-index: 2;
	color: var(--white-color);
	text-decoration: none;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.page-numbers li .page-numbers:focus {
	z-index: 2;
	outline: 0;
	box-shadow: none;
}

.page-numbers li .page-numbers:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-numbers li .page-numbers.current {
	width: auto;
	height: auto;
	z-index: 1;
	color: var(--white-color);
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	background: var(--primary-color);
	border-color: var(--primary-color);
}

/*---------------------------------------------------------------------
  Banners
-----------------------------------------------------------------------*/
.bg-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
}

.bg-video #player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -2;
}

.bg-video .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------------------------
  Bg effect
-----------------------------------------------------------------------*/
.iq-objects {
	-webkit-animation: jump 2s infinite alternate;
}

.iq-objects-01,
.iq-objects-02,
.iq-objects-03 {
	-webkit-animation: jump 2s infinite alternate;
}

@keyframes jump {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-25px);
	}
}

@-webkit-keyframes jump {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-25px);
	}
}

/*---------------------------------------------------------------------
  Scroll effect
-----------------------------------------------------------------------*/
.white-bg .title-box h2 {
	color: var(--white-color);
}

/*---------------------------------------------------------------------
 Timer-2
-----------------------------------------------------------------------*/
.count-style .timer-details .timer,
.count-style .timer-details i {
	color: var(--title-color);
}

.count-style .iq-timer .timer-details p {
	color: var(--body-text);
}

.count-style .timer-details h6 {
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	position: relative;
	margin-top: 10px;
}

.count-style .timer-details h6:before {
	display: inline-block;
	width: 20px;
	height: 3px;
	background: var(--primary-color);
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
}

.count-style .iq-timer {
	margin-bottom: 50px;
}

/*---------------------------------------------------------------------
 Timer and Testimonial
-----------------------------------------------------------------------*/
.vertical-center.slider .slick-slide {
	margin: 0 20px;
}

.slick-vertical .slick-slide {
	opacity: 0;
}

.slick-vertical .slick-current {
	opacity: 1;
}

.slick-vertical .slick-slide {
	width: 550px !important;
}

.vertical-center.slider {
	width: 100%;
}

.vertical-center.slider .slick-dots {
	display: none;
}

.vertical-center.slider .slick-prev {
	top: 54%;
}

.vertical-center.slider .slick-next {
	top: 30%;
}

.vertical-center.slider .slick-next:hover,
.vertical-center.slider .slick-prev:hover {
	background: var(--white-color);
	color: var(--primary-color);
}

.vertical-center.slider .slick-next,
.vertical-center.slider .slick-prev {
	left: auto;
	right: -80px;
	position: absolute;
	width: 45px;
	height: 45px;
	border: 1px solid var(--white-color);
	z-index: 3;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.vertical-center.slider .slick-prev:before {
	content: "\f3d0";
	font-family: "Ionicons";
}

.vertical-center.slider .slick-next:before {
	content: "\f3d8";
	font-family: "Ionicons";
}

.vertical-center.slider .slick-prev:before,
.vertical-center.slider .slick-next:before {
	color: var(--white-color);
}

.vertical-center.slider .slick-prev:hover:before,
.vertical-center.slider .slick-next:hover:before {
	color: var(--primary-color);
}

/*---------------------------------------------------------------------
 map
-----------------------------------------------------------------------*/
.xamin-map:before {
	background: url(../images/map.png)no-repeat;
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
	top: 50px;
	height: 700px;
	background-position: center;
	margin: 0 auto;
}

.xamin-map {
	position: relative;
}

.map-detail .iq-list {
	margin-bottom: 0;
}

.map-detail .iq-list li i {
	position: absolute;
	margin-right: 10px;
	left: 0;
	line-height: 30px;
	top: 0;
}

.map-detail .iq-list li span {
	color: var(--body-text);
	padding-left: 0;
}

.map-detail .iq-list li:last-child i {
	font-size: 24px;
}

.map-detail h4 {
	margin-bottom: 12px;
}

.map-detail .iq-list li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
}

.map-detail .iq-list li:last-child {
	margin-bottom: 0;
}

.map-detail {
	padding: 30px;
	background: var(--white-color);
	box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
 map contact us 2
-----------------------------------------------------------------------*/
.map:before {
	background: url(../images/map.png)no-repeat;
	background-position: center;
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
	top: -40px;
	height: 700px;
	margin: 0 auto;
}


/*---------------------------------------------------------------------
 Breadcrumb style 1 2 and 3 4 5
-----------------------------------------------------------------------*/
.breadcrumb li {
	display: inline-block;
	word-break: break-all;
}

.iq-breadcrumb {
	padding: 100px 0;
	background: var(--white-light-color);
}

.iq-breadcrumb-two {
	padding: 45px 0;
	position: relative;
	z-index: 2;
}

.iq-breadcrumb-one {
	display: block;
	padding: 170px 0 50px;
	z-index: 1;
	position: relative;
}

.iq-breadcrumb-one ol li a {
	color: var(--primary-color);
	text-decoration: none;
}

.iq-breadcrumb-one ol li {
	list-style: none;
	display: inline-block;
}

.iq-breadcrumb-one .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	color: var(--primary-color);
}

.iq-breadcrumb-one .breadcrumb {
	position: relative;
	display: inline-block;
}

.iq-breadcrumb-one .breadcrumb-item.active {
	color: var(--primary-color);
	position: relative;
}

.iq-breadcrumb-one ol {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
	margin-top: 15px;
}

.iq-breadcrumb-two .breadcrumb {
	display: inline-block;
}

.iq-breadcrumb-two ol li {
	display: inline-block;
}

.iq-breadcrumb-three .breadcrumb {
	margin-top: 0;
}

.iq-breadcrumb-three .iq-breadcrumb-one {
	padding: 0;
}

.iq-breadcrumb-three {
	padding: 45px 0;
}

.breadcrumb-bg,
.breadcrumb-video,
.video-iq-bg-over {
	position: relative;
	overflow: hidden;
}

.breadcrumb-bg video,
.breadcrumb-bg #video-background,
.breadcrumb-video video,
.video-iq-bg-over video,
.video-breadcrumb-bg #video-background,
.video-iq-bg-over #video-background {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 100%;
}

.breadcrumb-bg.iq-over-dark-80:before,
.breadcrumb-ui:before {
	z-index: 0;
}

.responsive-collepse-btn {
	display: none;
}

@media (max-width: 1199px) {
	.iq-breadcrumb-one {
		padding: 105px 0 50px;
	}

	.responsive-collepse-btn {
		display: block;
		text-align: left;
	}

	.responsive-collepse-btn .button-started {
		padding-left: 30px;
		padding-bottom: 30px;
		text-align: left;
	}
}

/*---------------------------------------------------------------------
 Background Gradient
---------------------------------------------------------------------*/
.iq-bg-over {
	position: relative;
}

.iq-over-dark-10:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.1);
	display: block !important;
}

.iq-over-dark-20:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.2);
	display: block !important;
}

.iq-over-dark-30:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.3);
	display: block !important;
}

.iq-over-dark-40:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.4);
	display: block !important;
}

.iq-over-dark-50:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.5);
	display: block !important;
}

.iq-over-dark-60:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.6);
	display: block !important;
}

.iq-over-dark-70:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.7);
	display: block !important;
}

.iq-over-dark-80:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(0, 0, 0, 0.8);
	display: block !important;
}

.iq-over-dark-85:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.85);
	display: block !important;
}

.iq-over-dark-90:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.9);
	display: block !important;
}

.iq-over-dark-95:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgb(239, 241, 254, 0.95);
	display: block !important;
}


/*---------------------------------------------------------------------
About style home-2
---------------------------------------------------------------------*/
.about-xamin-box {
	overflow: hidden;
	box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
}

.about-box {
	display: block;
}

.fancy-about img {
	width: 60px;
}

.fancy-about {
	padding: 45px 45px 85px;
}

.fancy-about i:before {
	font-size: 60px;
}

.first .fancy-about {
	padding: 0px 25px;
}

.fancy-about i,
.fancy-about h4,
.fancy-about h6,
.effect-box p {
	color: var(--white-color);
}

.fancy-about i {
	line-height: 80px;
	display: inline-block;
}

.fancy-about h6 {
	font-weight: normal;
	font-family: 'Karla', sans-serif;
}

.effect-box {
	width: 40px;
	height: 40px;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 9;
	padding: 0;
	transition: all .7s;
	background: var(--secondary-color);
	text-align: left;
}

.effect-btn i {
	color: var(--white-color);
}

.effect-btn {
	font-size: 24px;
	cursor: pointer;
	text-align: center;
	line-height: 46px;
}

.effect-btn p {
	text-align: left;
}

.first-box .effect-box.main,
.first-box .effect-box {
	background: var(--primary-color);
}

.first-box .effect-box.main .effect-btn {
	right: 28px;
}

.effect-box.main {
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 45px;
	background: var(--secondary-color);
}

.effect-box.main .effect-btn {
	text-align: right;
	position: absolute;
	top: 0;
	right: 12px;
}

.about-xamin-box .no-margin {
	position: relative;
	overflow: hidden;
}

.about-xamin-box img {
	width: 100%;
}

/*---------------------------------------------------------------------
 Data-Scientist -Servicebox
-----------------------------------------------------------------------*/
.iq-data-about .wpb_single_image img {
	max-width: 110%;
	left: -20%;
	position: relative;
	top: -121px;
}

.iq-data-about .iq-objects.style-one.left {
	top: -16%;
	left: -228px;
}


/*---------------------------------------------------------------------
 xamin History
-----------------------------------------------------------------------*/
.xamin-history {
	padding: 15px;
	border-radius: 4px;
}

.xamin-history.border {
	border: 1px solid var(--white-light-color);
}

/*---------------------------------------------------------------------
Consulting Project
-----------------------------------------------------------------------*/
.consulting-project {
	position: relative;
	margin: 30px 15px;
	box-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.1);
	padding: 10px;
	background: var(--white-color);
}

.consulting-project .project-details {
	text-align: center;
	padding: 15px;
}

.consulting-project .project-details span {
	font-weight: normal;
	color: var(--primary-color);
	font-family: 'Karla', sans-serif;
	margin-bottom: 10px;
}

.consulting-project .project-button span {
	color: var(--white-color);
}

.consulting-project .consult-effect:before {
	content: "";
	opacity: 1;
	z-index: 1;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: -120px;
	left: 0;
	-ms-transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	transform: skewY(-3deg);
	background: var(--primary-color);
	transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	-ms-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	-webkit-transition: all 5s ease-in-out;
}

.consulting-project:hover .consult-effect:before {
	bottom: -93px;
	content: "";
}

/*---------------------------------------------------------------------
Our Advisory Teams
-----------------------------------------------------------------------*/
.our-advisory-title:before {
	content: "";
	z-index: -1;
	right: -25%;
	width: 100%;
	height: 33px;
	position: absolute;
	top: -100px;
	background: var(--white-color);
}

.our-advisory-title:after {
	content: "";
	z-index: -2;
	right: -25%;
	width: 100%;
	height: 33px;
	position: relative;
	bottom: -32px;
	background: var(--white-color);
}

.our-advisory-title {
	position: relative;
	z-index: 2;
}

.our-advisory-team .owl-carousel {
	width: 140%;
}

.advisory-bg .iq-timer .timer-details i {
	color: var(--secondary-color);
}

.advisory-bg .timer-details p,
.advisory-bg .iq-timer i {
	color: var(--white-color);
	margin-bottom: 0;
}

.advisory-bg .timer-details .timer {
	color: var(--secondary-color);
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

.advisory-bg:before {
	content: "";
	display: inline-block;
	width: 272%;
	height: 190%;
	background: url(../images/advisory-bg.png) no-repeat top left;
	position: absolute;
	top: -100px;
	right: -328px;
	z-index: -1;
}

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.consult-project {
	padding-bottom: 70px !important;
}

.consult-feature .service-detail p {
	color: var(--body-text);
}

/*---------------------------------------------------------------------
Fancy Box
-----------------------------------------------------------------*/
.fancy_service {
	padding: 0 30px 30px;
	position: relative;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.fancy_service:hover {
	box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
}

.fancy_service .hover-effect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	z-index: -3;
	opacity: 0;
	transition: all .5s linear;
	overflow: hidden;
	background-image: -moz-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%);
	background-image: -webkit-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%);
	background-image: -ms-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%);
}

.fancy_service:hover .hover-effect {
	opacity: 1
}

.fancy_service .link-btn {
	font-size: 18px;
}

.fancy_service .link-btn i {
	vertical-align: middle;
	margin-left: 10px;
}

.fancy_service:hover .fancy-info h4,
.fancy_service:hover,
.fancy_service:hover .link-btn {
	color: var(--white-color);
}

.fancy_service img {
	width: auto;
	margin-top: -30px;
}

.fancy_service .fancy-info {
	position: relative;
	z-index: 1;
}

.xamin-analytics {
	margin-bottom: 45px;
}

.xamin-analytics.text-left {
	display: flex;
}

.xamin-analytics .analytics-icon {
	border: 2px dashed var(--primary-color);
	width: 100px;
	height: 100px;
	border-radius: 90px;
	padding: 10px;
	margin: 0 auto 30px;
	text-align: center;
}

.xamin-analytics .analytics-icon img,
.xamin-analytics .analytics-icon i {
	box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 90px;
	border-radius: 90px;
	background: var(--white-color);
}

.xamin-analytics.text-right .analytics-icon {
	float: right;
	margin-left: 30px;
}

.xamin-analytics.text-left .analytics-detail {
	flex: 1;
	margin-left: 30px;
}

.fancy_service.style2 {
	border-radius: 5px;
	border: 1px solid var(--white-light-color);
	box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
	margin-bottom: 60px;
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}

.fancy_service.style2 .fancy-info {
	float: left;
	width: 70%;
	padding: 30px;
}

.fancy_service.style2 .fancy_img {
	position: absolute;
	right: -100px;
	bottom: -20px;
}

.fancy_service.style2 .fancy_block {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: var(--white-color);
}

.fancy_service.style2 .bg_img {
	position: absolute;
	right: -30px;
	-webkit-animation-name: fadebounce;
	-moz-animation-name: fadebounce;
	-ms-animation-name: fadebounce;
	-o-animation-name: fadebounce;
	animation-name: fadebounce;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.fancy_service.style2 .fancy_img {
	width: 50%;
	float: left;
}

.fancy_service.style2:hover .fancy-info h4,
.fancy_service.style2:hover,
.fancy_service.style2:hover .link-btn {
	color: inherit;
}

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.service-two-img {
	padding-left: 45px !important;
}

.service-two-img img {
	box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24);
}

/*---------------------------------------------------------------------
consult-contact box
-----------------------------------------------------------------------*/
.contact-box .service-detail {
	padding-left: 60px;
}

.contact-box {
	margin-bottom: 30px;
	position: relative;
}

.contact-box:last-child {
	margin-bottom: 0;
}

.contact-box i {
	font-size: 16px;
	display: inline-block;
	width: 45px;
	height: 45px;
	background: var(--primary-color);
	border-radius: 90px;
	line-height: 45px;
	text-align: center;
	position: absolute;
	top: 6px;
	color: var(--white-color);
	left: 0;
	z-index: 1;
}

.contact-box img {
	margin: 15px;
}

.contact-box .service-detail ul li a,
.contact-box .service-detail p {
	color: var(--body-text);
	text-decoration: none;
}

.contact-box .service-detail ul {
	padding: 0;
}

.contact-box .service-detail ul li {
	margin-right: 15px;
}

.contact-box .service-detail ul li a i:hover {
	color: var(--primary-color);
}

.contact-box .service-detail ul li a i {
	font-size: 18px;
	color: var(--body-text);
	background: transparent;
	display: inline-block;
	width: auto;
	position: inherit;
}

.contact-box.text-white .service-detail ul li a,
.contact-box.text-white .service-detail p {
	color: var(--white-color);
}

/*---------------------------------------------------------------------
year-info effect
-----------------------------------------------------------------------*/
.year-info {
	background: url(../images/text-effect.jpg) no-repeat top left;
	background-position: top right;
	background-size: 882px;
	display: flex;
	margin-bottom: 25px;
}

.year-info.fly-text {
	position: absolute;
	left: 45px;
	top: 30px;
}

.year-info .year-details {
	width: 194px;
	display: inline-block;
}

.year-info .year-details span {
	line-height: 40px;
	font-size: 30px;
}

.year-info span {
	font-size: 100px;
	line-height: 86px;
	margin-right: 15px;
	font-weight: bold;
}

.clipped {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

/*---------------------------------------------------------------------
overview page
-----------------------------------------------------------------------*/
.overview-bg:before {
	display: inline-block;
	width: 387px;
	background: url(../images/testimonial-bg-2.png)no-repeat;
	position: absolute;
	right: 0;
	height: 810px;
	bottom: 0;
}

.man-img {
	position: absolute;
	right: 0;
	top: -30px;
	z-index: 3;
}

/*---------------------------------------------------------------------
Fancy-box new style for owl
-----------------------------------------------------------------------*/
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.flip-box-back {
	opacity: 1;
}

.flip-box-front {
	color: var(--white-color);
}

.flip-box-back {
	color: var(--white-color);
	transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back,
.flip-box-inner img {
	width: auto;
	height: auto;
	z-index: 3;
}

.text-set {
	width: 100%;
}

.button-flip:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.centered .badge {
	background: var(--primary-color);
	font-family: 'Karla', sans-serif;
	padding: 8px 10px;
	border-radius: inherit;
	margin-bottom: 15px;
	font-size: inherit;
	font-weight: inherit;
}

.centered p {
	margin-bottom: 0;
	line-height: 30px;
}

.centered h4 {
	color: var(--white-color);
	margin-bottom: 5px;
}

a.button-flip {
	padding: 5px 30px;
	background: var(--white-color);
	color: var(--secondary-color);
	text-decoration: none;
}

.flip-box-front:before,
.flip-box-back:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #313e5b));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%);
	/* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #313e5b 100%); */
}

.flip-box {
	background-color: transparent;
	width: 100%;
	height: 450px;
	perspective: 1000px;
}

/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.our-services-tab.side-tab .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
	width: 33%;
	text-align: center;
}

.our-services-tab ul li a {
	background: none !important;
	border: none !important;
	font-size: 14px !important;
	padding: 10px !important;
}

.our-services-tab ul li {
	position: relative;
}

.our-services-tab ul li.vc_tta-tab:before {
	width: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	height: 3px;
	background: var(--primary-color);
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

.our-services-tab .vc_tta-tabs-list:before {
	display: inline-block;
	width: 100%;
	height: 1px;
	background: rgb(2, 13, 30, 0.2);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

.our-services-tab .vc_tta-panel-body {
	padding-top: 30px !important;
}

.our-services-tab .iq-list li:last-child,
.our-services-tab .iq-list,
.our-services-tab .vc_tta-container {
	margin-bottom: 0px !important;
}

.our-services-tab .vc_tta-panels {
	background: none !important;
	border: none !important;
}

.our-services-tab ul li.vc_tta-tab.vc_active:before,
.our-services-tab ul li.vc_tta-tab:hover:before {
	display: inline-block;
	width: 100%;
	height: 3px;
	background: var(--primary-color);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

/*---------------------------------------------------------------------
background
-----------------------------------------------------------------------*/
.appointment-bg.vc_parallax .vc_parallax-inner {
	background-position: center top !important;
}

/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*---------------------------------------------------------------------
Image -effect
-----------------------------------------------------------------------*/
.images-effect .scroll-effect .img-two {
	position: absolute;
	right: 0;
	top: -444px;
	margin-right: 15px;
}

.images-effect .scroll-effect img.img-one,
.images-effect .scroll-effect img.img-two {
	box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24);
}

/*---------------------------------------------------------------------
Flip-effect-owl
-----------------------------------------------------------------------*/
.flip-effect-owl .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	right: 26%;
	left: -100px;
}

.flip-effect-owl .owl-carousel .owl-nav i {
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: var(--white-color);
}

.flip-effect-owl .owl-carousel .owl-nav {
	position: absolute;
	right: 0;
	top: -122px;
	width: auto;
	left: inherit;
}

/*---------------------------------------------------------------------
Swiper Slider(about-us page-2) 
-----------------------------------------------------------------------*/
.over-history-blog .swiper-container .consulting-project .project-details {
	text-align: left;
}

.over-history-blog .swiper-container .project-year {
	position: relative;
	margin-bottom: 15px;
}

.over-history-blog .swiper-container .swiper-slide {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	padding-top: 30px;
	margin-top: 30px;
}

.over-history-blog .swiper-container .project-year:before {
	position: absolute;
	content: "";
	left: 0;
	top: -40px;
	right: 0;
	width: 20px;
	height: 20px;
	background: var(--primary-color);
	margin: 0 auto;
	border-radius: 90px;
}

/*---------------------------------------------------------------------
 Our clients new style
-----------------------------------------------------------------------*/
.fancy-clients {
	border: 1px solid rgba(2, 13, 30, 0.1);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 {
	padding: 15px;
	text-align: center;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(1),
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(7),
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(13) {
	border-left: 1px solid rgba(2, 13, 30, 0.1);
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block img {
	opacity: 0.4;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block:hover img {
	opacity: 1;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(n+1) {
	border-bottom: 1px solid rgba(2, 13, 30, 0.1);
	border-right: 1px solid rgba(2, 13, 30, 0.1);
}

.sidebar-widget-left {
	padding-right: 30px;
}

.sidebar-left {
	padding-right: 15px;
}

.sidebar-right {
	padding-left: 15px;
}

.sidebar-widget-right {
	padding-left: 30px;
}

.sidebar-service-left {
	padding-right: 30px;
}

.sidebar-service-right {
	padding-left: 30px;
}

.sidebar-service-right.xamin-woo-sidebar{
	padding-left: 15px;
}

.sidebar-service-left.xamin-woo-sidebar{
	padding-right: 15px;
}


/*---------------------------------------------------------------------
Portfolio Detail
-----------------------------------------------------------------------*/
.portfolio-detail-box ul.portfolio-detail li {
	width: 48%;
	margin-bottom: 5px;
}

.portfolio-detail-box ul.portfolio-detail li .lead {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: var(--secondary-color);
}

.portfolio-detail-box ul.social-media li a,
.portfolio-detail-box ul.portfolio-detail li span a {
	color: var(--body-text);
	font-size: 14px;
}

.portfolio-detail-box ul.social-media li a:hover,
.portfolio-detail-box ul.portfolio-detail li span a:hover {
	color: var(--primary-color);
}

.portfolio-detail-box {
	padding: 15px 15px 10px;
	background: var(--white-light-color);
}

.portfolio-detail-box ul.portfolio-detail li.category span{
	margin-right: 3px;
}

.portfolio-detail-box ul.portfolio-detail li.category span::after{
    content: ",";
}

.portfolio-detail-box ul.portfolio-detail li.category span:last-child,
.portfolio-detail-box ul.portfolio-detail li.category span.lead{
	margin-right: 0;
}

.portfolio-detail-box ul.portfolio-detail li.category span:last-child::after,
.portfolio-detail-box ul.portfolio-detail li.category span.lead::after{
	content: none;
}

/*---------------------------------------------------------------------
home-3
-----------------------------------------------------------------------*/
.silder-portfolio .owl-carousel .owl-nav i {
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: var(--white-color);
}

.unique-bg {
	padding: 100px 30px 100px 128px !important;
}

.unique-section .timer-details .timer,
.unique-section .timer-details i {
	color: var(--secondary-color);
}

.unique-section .timer-details p {
	color: var(--white-color);
}


/*---------------------------------------------------------------------
service slider
-----------------------------------------------------------------------*/
.services-slider .hover-effect {
	position: relative;
	display: block;
	overflow: hidden;
}

.services-slider .hover-effect img {
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services-slider .hover-effect:hover img {
	-o-transform: scale(1.09);
	-ms-transform: scale(1.09);
	-moz-transform: scale(1.09);
	-webkit-transform: scale(1.09);
	transform: scale(1.09);
}

.services-slider .iq-overly-bg {
	background: none;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.services-slider {
	box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
	background: var(--white-color);
}

.services-slider .iq-overly-bg i {
	font-size: 20px;
	color: var(--white-color);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	background: var(--secondary-color);
	line-height: 45px;
	height: 45px;
	width: 45px;
	text-align: center;
}

.services-slider .hover-effect:hover .iq-overly-bg {
	background: rgba(25, 190, 236, 0.7);
	z-index: 0;
}

.services-slider .content i {
	font-size: 24px;
	margin-bottom: 35px;
	color: var(--primary-color);
}

.service-slider .owl-carousel .owl-dots .owl-dot {
	position: relative;
}

.service-slider .owl-carousel .owl-dots .owl-dot.active,
.services-slider .owl-carousel .owl-dots .owl-dot:hover {
	border-radius: 4px;
}

/*---------------------------------------------------------------------
Coming soon
-----------------------------------------------------------------------*/
.maintenance {
	text-align: center;
	padding: 290px 0;
}

.iq-coming {
	padding: 143px 0;
	text-align: center;
}

.iq-coming h1 {
	font-size: 80px;
}

.iq-coming ul {
	list-style: none;
}

.iq-coming .countdown {
	list-style: none;
	margin: 20px 0 30px 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.iq-coming .countdown li {
	display: inline-block;
	margin: 0 20px;
	border: 1px solid rgba(0, 0, 0, 0.13);
	width: 140px;
	height: 150px;
	padding: 14px;
}

.iq-coming .countdown li span {
	font-size: 50px;
	font-weight: bold;
	line-height: 80px;
	color: var(--secondary-color);
	position: relative;
}

.iq-coming .countdown li.seperator {
	font-size: 50px;
	line-height: 40px;
	vertical-align: top;
	margin: 16px 0px;
	color: var(--secondary-color);
}

.iq-coming .countdown li h6 {
	color: var(--secondary-color);
	font-size: 20px;
	padding-right: 30px;
}

.iq-coming .countdown li p {
	font-size: 16px;
	line-height: 24px;
	color: var(--secondary-color);
}

.iq-coming .countdown li span:after {
	position: absolute;
	right: -69px;
	top: 30px;
	content: ":";
	font-size: 50px;
	color: var(--secondary-color);
	line-height: 50px;
}

.iq-coming .countdown li:last-child span:after {
	content: none;
}

/*---------------------------------------------------------------------
  Form-innerpage
-----------------------------------------------------------------------*/
form .row.iq-form-three label {
	margin-bottom: 30px;
	width: 100%;
}

form .row.iq-form-three input,
form .row.iq-form-three textarea {
	margin-top: 10px
}

form .row.iq-form-three .iq-submit-btn {
	margin-left: 0;
}

/*About Section*/
.iq-about-edu {
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
}

.iq-about-edu li {
	margin: 20px 0;
	list-style-type: none;
	width: 100%;
	display: flex;
}

.iq-about-edu li a {
	color: var(--body-text);
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	width: 100%;
	display: inline-block;
	float: left;
}

.iq-about-edu li a i {
	position: absolute;
	left: 0;
	line-height: 34px;
	font-size: 18px;
	color: var(--secondary-color);
}

.iq-about-edu li a .header {
	width: 100px;
	color: var(--primary-color);
	float: left;
	font-size: 16px;
	line-height: 26px;
}

.iq-about-edu li a .content {
	display: table-cell;
	word-wrap: anywhere;
	word-break: break-word;
}

.iq-higher-edu img {
	max-width: 150% !important;
	top: -20%;
	position: absolute;
	left: -62%;
}

.video-edu .consult-video a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.video-edu .video-btn .btn-waves {
	display: none;
}

.video-edu .main-video {
	left: 10%;
}

.iq-about-edu span.header {
	color: var(--primary-color);
	margin-right: 15px;
	text-transform: uppercase;
	font-size: 18px;
	width: 15%;
}

.iq-about-edu span.content {
	width: 85%;
}

textarea{
	resize: none;
}

/*---------------------------------------------------------------------
                               Scrolbar
-----------------------------------------------------------------------*/
.scrollbar-thumb,
.scrollbar-track-y {
	width: 4px !important;
}

.scrollbar-thumb {
	background: var(--primary-color) !important;
}

#sidebar-scrollbar .widget {
	background: transparent;
	padding: 0;
}

#sidebar-scrollbar .widget .iq-side-area-title,
.social-widget-media .iq-side-area-title {
	margin-bottom: 15px;
}

#sidebar-scrollbar ul.info-share li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	color: var(--white-color);
	border-radius: 90px;
	text-align: center;
	background: var(--sub-title-color);
}

#sidebar-scrollbar ul.info-share li:hover a {
	background: var(--secondary-color);
}

/* ------------------------------------------------------------- *
 * Cursor
/* ------------------------------------------------------------- */
#magic-cursor {
    position: absolute;
    pointer-events: none;
    z-index: 1000000;
	width: 32px;
    height: 32px;
    border-radius: 50%;
    pointer-events: none;
}

#ball {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: grab;
    pointer-events: none;
    border-style: solid;
    border-color: var(--border-color);
	-webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    left: 0;
    top: 0;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#ball::before{
	content: "";
	height: 4px;
	width: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--primary-color);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#ball .ball-view {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 500;
    color:var(--global-body-bgcolor);
    line-height: 1.3;
    text-align: center;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

/* Ball drag 
============= */
.xamin-boom{
    cursor: pointer;
}
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: var(--font-size-normal);
	font-weight: 600;
	color: var(--primary-color);
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
    cursor: grab;
}

#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: var(--font-size-h5);
	color: var(--primary-color);
	height: 10px;
	line-height: 10px;

	/* Font Awesome */
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
	content: "\f053"; /* Font Awesome */
	left: 0;
	transform: translate3d(-32px, 0, 0);
	transition: all 0.25s;
}

#ball .ball-drag::after {
	content: "\f054"; /* Font Awesome */
	right: 0;
	transform: translate3d(32px, 0, 0);
	transition: all 0.25s;
}


/* Ball close 
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 0.3125em;
	font-size: var(--font-size-normal);
	font-weight: 600;
	color: var(--color-theme-white);
	line-height: 1;
	text-align: center;
}

/*========================
header-menu-hover-overlay
=============================*/
.iq-header-overlay::after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-color: var(--menu-hover-overlay);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.iq-header-overlay.iq-header-overlay-active::after{
    opacity: 1;
    visibility: visible;
}

.single-post .blog-title.blog-title-first{
	margin-bottom: 20px;
}

/*======================================
iq-post-breadcrumb-overlay
===========================================*/
.iq-post-breadcrumb-overlay .iq-breadcrumb-one{
    background-attachment: fixed;
	background-size: cover;
}

.iq-post-breadcrumb-overlay .iq-breadcrumb-one::before{
	content: "";
	background-color: rgb(0, 0, 0, 0.8);
    height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.iq-post-breadcrumb-overlay .iq-breadcrumb-one .title{
	color: var(--white-color);
}

/* Responsive */

@media screen and (max-width:1330px) and (min-width:1200px) {
	.content-area .site-main {
		padding: 90px 15px 200;
	}

}

@media screen and (max-width:1199px) and (min-width:1025px) {
	.content-area .site-main {
		padding: 90px 15px;
	}

}

@media(max-width:768px) {
	.elementor-image-box-img img {
		margin-bottom: 15px;
	}
}

@media(max-width:480px) {

	.footer-mail button {
		margin-top: 30px;
		position: relative;
	}

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

	.footer-mail input {
		padding-right: 15px;
	}

}

.bypostauthor {
	display: block;
}


/*
Template: Xamin - Data Science And Analytics Landing Page
Author: iqonicthemes.in
Version: 2.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

@media(max-width:1499px) {
	.fancy_banner {
		padding: 0 80px;
	}

}

@media(max-width:1399px) {
	.fancy_banner {
		padding: 0 50px;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: -50px;
	}

	.owl-carousel .owl-nav .owl-next {
		right: -50px;
	}

	.vertical-center.slider .slick-prev,
	.vertical-center.slider .slick-next {
		right: -26px;
	}

	.service-effect-side {
		padding: 0 55px;
	}

	.service-effect-bg {
		padding-top: 50px;
	}

	.flip-effect-owl .owl-carousel .owl-nav button.owl-prev {
		left: -116px;
	}

	.flip-effect-owl .owl-carousel .owl-nav .owl-next {
		right: 8px;
	}

	.xamin-tabs .tab-content {
		margin-left: 15px;
	}
}

@media(max-width:1365px) {

	.owl-carousel .owl-nav .owl-next {
		right: -10px;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: -10px;
	}

	.vertical-center.slider .slick-prev,
	.vertical-center.slider .slick-next {
		right: 0;
	}

	.vc_custom_1566893181520.rbg-center-position {
		background-position: 0 !important;
	}

	.title-box {
		margin-bottom: 60px;
	}

	.unique-bg {
		padding: 100px 15px 100px 15px !important;
	}

	.xamin-history .history-img .vc_column-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.iq-data-about .wpb_single_image img {
		max-width: 100%;
		left: -6%;
	}
}

@media(max-width:1299px) {
	.portfolio-detail-box ul.portfolio-detail li {
		width: 100%;
	}

	.iq-rmb-45 {
		margin-bottom: 45px;
	}

	.iq-chart-data {
		margin-top: 75px !important;
	}

}

@media(max-width:1199px) {

	.fancy_banner {
		padding: 0;
	}

	.absolute_img img {
		width: 80%;
	}

	.custom-tab .nav.nav-pills li {
		width: auto;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] {
		padding: 0;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active,
	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover {
		box-shadow: none;
	}

	.xamin-right-img img {
		right: -19%;
		max-width: 105% !important;
		margin-bottom: 0;
	}

	.rpadding-0 {
		padding-bottom: 0 !important;
	}

	table td,
	table th {
		padding: 5px;
		text-align: center
	}

	.slider-container .slider-content {
		width: 85%;
		height: 85%;
	}

	.slider-container .slider-left {
		right: 100%;
	}

	.slider-container .slider-right {
		left: 100%;
	}

	.services-slider .content {
		padding: 0;
	}

	.unique-bg {
		padding: 100px 0px 100px 0px !important;
	}

	.iq-rfont-26 {
		font-size: 26px !important;
	}

	.advisory-bg .timer-details .timer {
		color: var(--primary-color);
	}

	.service-effect-side {
		padding: 0;
	}

	.advisory-bg:before,
	.our-advisory-title:before,
	.our-advisory-title:after {
		display: none !important;
	}

	.vertical-center.slider .slick-prev,
	.vertical-center.slider .slick-next {
		right: 45%;
	}

	.testimonial-img {
		top: -5px;
	}

	.vertical-center.slider .slick-next {
		top: -13%;
	}

	.vertical-center.slider .slick-prev {
		top: auto;
		bottom: -30%;
	}

	.consult-details h4 {
		font-size: 20px;
	}

	.Consulting-box .consult-effect:before {
		bottom: 6px;
	}

	.vc_parallax .vc_parallax-inner {
		background-size: auto !important;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: 0;
	}

	.owl-carousel .owl-nav .owl-next {
		right: 0;
	}

	.silder-portfolio .owl-carousel .owl-nav i {
		border: 1px solid rgba(255, 255, 255, 0.6);
		color: #666666;
	}

	.consulting-blog .consult-effect:before {
		display: none;
	}

	.slick-vertical .slick-slide {
		width: 100% !important;
	}

	.vertical-center.slider .slick-slide {
		margin: 0;
	}

	.Consulting-box .consult-effect:before {
		display: none;
	}

	.title-box.text-center {
		margin-bottom: 60px;
	}

	.title-box.title-shadow {
		margin-bottom: 30px;
	}

	.service-box img {
		width: 60px;
		height: 60px;
	}

	.service-box .iq-list li span {
		font-size: 12px;
	}

	h2 {
		font-size: 36px;
		line-height: 50px;
	}

	.iq-data-about .wpb_single_image img {
		max-width: 100%;
		left: 0%;
		top: 0;
	}

	.iq-data-about .iq-objects.style-one.left {
		display: none;
	}

	.iq-tips .iq-objects.style-one.right {
		right: 8%;
		top: -69%;
	}

	.service-boxon-shodow {
		padding: 15px 15px;
	}

	.iq-chart-data .vc_chart .vc_chart-legend {
		display: none;
	}

	.iq-higher-edu img {
		left: -60%;
	}

	header.header-default .navbar ul li a {
		line-height: 28px;
		padding: 10px 15px;
	}

}

@media only screen and (device-width:1024px) {
	.Consulting-box .consult-effect:before {
		bottom: -20px;
	}

	.Consulting-box:hover .consult-effect:before {
		bottom: -3px
	}

	.consult-feature .service-detail h4 {
		font-size: 24px;
	}

	.xamin-services h4 {
		font-size: 24px;
	}

	.service-effect-bg:before {
		height: 192px;
	}

	.title-box h2 {
		font-size: 30px;
		line-height: 45px;
	}

	.contact-box {
		padding: 15px;
	}

	.images-effect .scroll-effect .img-two {
		right: -23px;
		top: -266px;
		width: 300px;
	}

	.flip-effect-owl .owl-carousel .owl-dots .owl-dot {
		border: 1px solid var(--white-color);
	}

	.xamin-history .year {
		padding-top: 30px;
		padding-bottom: 25px;
		padding-right: 24px;
	}

	.rmt-30 {
		margin-top: 30px;
	}

	.xamin-tabs .tab-content img {
		height: 100%;
	}

	.custom-tab .nav.nav-pills li {
		width: 47.72%;
	}

	.xamin-left-img img {
		position: relative;
		left: -15%;
		max-width: 124% !important;
	}

	.service-box .service-detail h4 {
		font-size: 20px;
	}

	.custom-tab .nav.nav-pills {
		display: inline-table;
		width: 80%;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item {
		width: auto;
		display: inline-block;
	}

	.service-boxon-shodow {
		padding: 15px 10px;
	}

	.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag {
		margin-top: -160px;
	}

}

@media(max-width:1024px) {
	.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag {
		margin-top: -160px;
	}

	.iq-sidearea-btn-container {
		display: none;
	}

	.iq-tab-horizontal .services-tabing .left-content {
		padding-right: 0;
	}
}


@media(max-width:992px) {

	.mb-n1 {
		margin-bottom: 0 !important;
	}

	.fancy_service {
		margin-bottom: 60px;
	}

	.iq-video-relative {
		padding: 100px 0;
	}

	h2 {
		font-size: 30px;
		line-height: 45px;
	}

	.iq-rmb-45 {
		margin-bottom: 45px;
	}

	.portfolio-detail-box ul.portfolio-detail li {
		width: 48%;
	}

	.xamin-history .history-details {
		padding: 0;
	}

	.contact-two .wpb_gmaps_widget .wpb_map_wraper iframe {
		width: 94%;
	}

	.btn-right {
		right: 50%;
		bottom: 60px;
	}

	.title-box.text-center {
		margin-bottom: 30px;
	}

	.consul-sub {
		margin-bottom: 45px !important;
	}

	.youtube-video .consult-video {
		display: none !important;
	}

	.vertical-center.slider {
		margin: 120px auto;
	}

	.Consulting-box img {
		width: 100%;
	}

	.effect-banner:before {
		top: -116px;
	}

	.silder-portfolio .owl-carousel .owl-nav i {
		color: var(--secondary-color);
	}


	.our-feedback .xamin-contact.style-three .xamin-contact.style-three {
		margin-left: 15px;
	}

	.unique-bg {
		padding: 75px 0 !important;
	}

	.vertical-center.slider {
		margin-bottom: 60px;
	}

	.iq-timer {
		margin-bottom: 30px;
	}

	.images-effect .scroll-effect .img-two {
		position: absolute;
		right: 21%;
		top: -600px;
	}

	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
		padding: 30px 2px !important;
	}

	.flip-effect-owl .owl-carousel .owl-nav button.owl-prev,
	.flip-effect-owl .owl-carousel .owl-nav button.owl-next {
		background: transparent !important;
	}

	.flip-effect-owl .owl-carousel .owl-nav {
		top: -174px;
	}

	.service-two-img {
		padding: 0 !important;
	}

	.xamin-history .year {
		padding: 0;
		margin-top: 30px;
	}

	.xamin-contact.contact-style {
		background: var(--white-light-color);
		margin-bottom: 0;
		padding: 75px 45px;
	}

	.xamin-contact.contact-style h2 {
		font-size: 36px;
	}

	.maintenance {
		padding: 150px 0;
	}

	.site-padding {
		padding-left: 0px !important;
	}

	.iq-coming .countdown li {
		width: 114px;
		height: 130px;
	}

	.iq-coming .countdown li span:after {
		right: -58px;
	}

	.Consulting-box .consult-effect:before {
		bottom: -24px;
	}

	.Consulting-box:hover .consult-effect:before {
		bottom: 1px
	}

	.count-style .iq-timer {
		margin-bottom: 30px;
	}

	.fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(6) {
		border-right: 0;
	}

	.iq-coming {
		padding: 100px 0;
	}

	.xamin-blue-bg .owl-carousel .owl-dots .owl-dot.active {
		background: var(--white-color);
		border: 1px solid var(--white-color);
	}

	.xamin-left-img img {
		position: relative;
		left: 0;
		max-width: 100% !important;
	}

	.custom-tab .nav.nav-pills {
		display: inline-table;
		width: 80%;
	}

	.custom-tab .nav.nav-pills li {
		width: 49.72%;
	}

	.consult-services.xamin-circle.right:before,
	.consult-services.xamin-square.right::before,
	.consult-services img.arrow-img {
		display: none;
	}

	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(5),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(9) {
		border-left: 1px solid rgba(2, 13, 30, 0.1);
	}

	.x-behaviour .iq-objects.style-one {
		display: none;
	}

	.x-service-behaviour .iq-objects.style-one.right {
		display: none;
	}

	.iq-get-data-right img {
		position: relative;
		left: 0%;
	}

	.iq-get-data .iq-objects.style-one.left {
		display: none;
	}

	.iq-get-data {
		padding-top: 0px !important;
	}

	.iq-get-data-left img {
		display: none;
	}

	.iq-tips .iq-objects.style-one.right {
		display: none;
	}

	.iq-compliance .iq-objects.style-one.right {
		display: none;
	}

	.iq-service-box {
		margin-bottom: 45px;
	}

	.iq-timer.style4 {
		margin-bottom: 30px;
	}

	.iq-video-button img {
		width: 100%;
	}

	.iq-timer.style4.border-right-0 {
		border-right: 1px solid #e8e4db !important;
	}

	.iq-video-button .main-video .video-btn a {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -36%;
		transform: translate(-50%, -50%);
		margin-left: 0%;
	}

	.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag {
		margin-top: 0;
	}

	.iq-data-center-img img {
		max-width: inherit !important;
	}

	.iq-higher-edu img {
		max-width: 100% !important;
		top: 0%;
		position: relative;
		left: 0%;
	}

	.about-section {
		padding-bottom: 75px !important;
		padding-top: 0px !important;
	}

	.video-edu .main-video {
		left: 30%;
	}

	.iq-servicebox-three {
		margin-bottom: 30px;
	}

}

@media(max-width:979px) {

	.vertical-center.slider .slick-prev,
	.vertical-center.slider .slick-next {
		right: 40%;
	}

	.xamin-contact h2 {
		font-size: 36px;
		line-height: 46px;
	}

	.map-detail {
		padding: 15px;
	}

	.xamin-contact.contact-style {
		padding: 75px 30px;
	}

	.xamin-contact.contact-style h2 {
		font-size: 28px;
	}

	.flip-effect-owl .owl-carousel .owl-nav {
		top: -224px;
	}

	.vertical-center.slider .slick-prev {
		bottom: -28%
	}

	.service-effect-bg {
		padding-top: 20px;
	}

	.effect-banner:before {
		top: -122px;
	}

	.careers-faq .iq-accordion .iq-ad-block .ad-title span {
		font-size: 20px;
	}

	.fancy-style-four .service-box .service-detail h3 {
		font-size: 26px;
		line-height: 36px;
	}

	.custom-tab .nav.nav-pills li {
		width: 24.72%;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item,
	.custom-tab .nav.nav-pills[aria-orientation="vertical"] li {
		width: auto;
		display: inline-block;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link .tab-title {
		display: block;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] {
		width: 100%;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link {
		width: auto;
		display: inline-block;
		margin: 0 15px 15px;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .boxslider-content {
		width: 100%;
		padding-right: 10px;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .box-gpa {
		width: 100%;
	}
}

@media(max-width:767px) {


	.fancy_service.style2 .fancy_img {
		display: none;
	}

	.absolute_img {
		top: 30px;
	}


	.iq-timer.text-left.counter-horizontal {
		width: 100%;
	}

	.page-numbers li .prev.page-numbers,
	.page-numbers li .next.page-numbers {
		display: none;
	}

	.error-404 .big-text {
		font-size: 200px;
	}

	.contact-block .vc_column-inner,
	.widget-area {
		margin-top: 30px
	}


	.no-margin .iq-mb-30,
	.iq-mb-30 {
		margin-bottom: 30px !important;
	}

	.no-margin .iq-mt-30,
	.iq-mt-30 {
		margin-top: 30px !important;
	}

	.iq-objects-style-2:before {
		top: 0;
	}

	.our-services-tab.map-contact .contact-form.xamin-contact,
	.our-services-tab.map-contact .contact-details-three {
		margin-top: 0 !important;
	}

	.timer-details .timer {
		font-size: 35px;
	}

	.btn-right {
		position: inherit;
		margin-bottom: 45px;
	}

	.xamin-map:before {
		background-position: 68% 86%;
	}

	h2,
	.title-box h2,
	.title-box .subtitle {
		font-size: 28px;
		line-height: 40px;
	}

	.Consulting-img .video-img {
		width: auto;
	}

	.video-img {
		width: 250px
	}

	.col-auto.mr-auto {
		display: block;
		width: 100%;
	}

	.col-auto.col-auto.ml-auto.sub-main.pr-0 {
		margin: inherit !important;
	}

	.xamin-history .year {
		padding: 0;
	}

	.images-effect .scroll-effect img.img-one {
		width: 68%;
	}

	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
		padding: 30px 15px !important;
	}

	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
		color: var(--primary-color) !important;
	}

	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
		color: var(--secondary-color) !important;
	}

	.images-effect .scroll-effect img.img-two {
		width: 256px;
		top: -282px;
		right: 30px;
	}

	.careers-faq .active-faq .button {
		font-size: 14px;
		padding: 5px 15px;
		float: inherit;
		margin-top: 15px;
	}

	.careers-faq .active-faq a.ad-title span {
		font-size: 20px;
	}

	.service-box {
		display: block;
	}

	.service-box img {
		margin-bottom: 15px;
	}

	.about-xamin-box .fancy-about {
		padding: 30px 50px;
	}

	.effect-box.main .effect-btn {
		right: 30px;
	}

	.vc_chart .vc_chart-legend li {
		margin-right: 15px !important;
	}

	.vc_line-chart .vc_chart-legend {
		width: 60% !important;
	}

	.contact-two .wpb_gmaps_widget .wpb_map_wraper iframe {
		width: 85%;
		height: 415px;
	}

	.testimonail-widget-menu .owl-carousel .owl-dots {
		display: none;
	}

	.vertical-center.slider .slick-prev,
	.vertical-center.slider .slick-next {
		right: 46%;
	}

	.vertical-center.slider .slick-prev {
		bottom: -80px;
	}

	.services-slider {
		box-shadow: none;
		margin: 0px 15px 35px 15px;
	}

	.services-slider .col-sm-6.iq-shadow {
		box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
		background: var(--white-color);
	}

	.services-slider .content {
		padding: 30px 15px;
	}

	.services-slider .content i {
		margin-bottom: 15px;
	}

	.maintenance h2 {
		font-size: 40px;
	}

	.iq-coming h1 {
		font-size: 64px;
	}

	.iq-coming .countdown li span:after {
		right: -24px;
		font-size: 28px;
		top: 1px;
	}

	.iq-coming .countdown li span {
		font-size: 38px;
	}

	.portfolio-detail-box ul.portfolio-detail li {
		width: 100%;
	}

	.iq-coming .countdown li {
		width: 63px;
		height: 120px;
		margin: 0 10px;
		border: none;
	}

	.custom-tab .nav.nav-pills li {
		width: auto;
	}

	.custom-tab .nav-pills .nav-link .tab-title {
		font-size: 16px;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link .tab-title {
		font-size: 20px;
	}

	.custom-tab .nav-pills .nav-link img {
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 70px;
	}

	.custom-tab .nav.nav-pills {
		width: 100%;
	}

	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(2),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(3),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(4),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(6),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(8),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(10),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(11),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(12),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(14),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(15),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(16),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(17),
	.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(18) {
		border-left: 1px solid rgba(2, 13, 30, 0.1);
	}


	.client-xamin .owl-carousel .owl-item .clients-box.hover-effct img {
		margin: 0 auto;
	}

	.rmb-30 {
		margin-bottom: 30px
	}

	.d-inline.rmb-30 {
		display: block !important;
	}


	.first-tec .tec_box {
		margin-top: 45px;
	}

	.iq-tabs.iq-tab-vertical-2 .nav.nav-pills[aria-orientation="vertical"] .nav-link img {
		width: auto;
	}


	.servicebox-userbehavior .service-box-icon {
		left: -2%;
	}

	.content-left-container .content-box {
		left: 0%;
		margin-left: 30px;
	}

	.content-left-container .content-box {
		margin-left: 30px;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .boxslider-content {
		display: table-cell;
		width: 100%;
		padding-right: 0;
	}

	.data-science .testimonial-style.owl-carousel .owl-dots {
		position: absolute;
		bottom: auto;
	}

	.custom-tab-userbehavior li .line:after {
		display: none;
	}

	.custom-tab-userbehavior .nav-item {
		width: 30%;
	}

	.custom-tab-userbehavior {
		margin-top: 75px;
	}

	.custom-tab-userbehavior span.dot {
		display: none;
	}

	.video-edu .iq-video-button {
		display: none;
	}

	.iq-grey-bg {
		padding-top: 0px !important;
	}

	.iq-default-blog-style-2 .xamin-blog-box {
		display: block;
		border-bottom: none;
		padding-bottom: 0;
	}

	.iq-default-blog-style-2 .xamin-blog-box .xamin-blog-detail {
		margin-left: 0;
		border-radius: 4px;
		border: 1px solid var(--white-light-color);
	}

	.iq-default-blog-style-2:nth-child(even) .xamin-blog-box {
		display: block;
	}

	.iq-default-blog-style-2:nth-child(even) .xamin-blog-box .xamin-blog-detail {
		margin-left: 30px;
	}

	.iq-default-blog-style-2:nth-child(even) .xamin-blog-box .iq-blogtag {
		margin: 0 0px 0px 15px;
	}

	.iq-default-blog-style-2:nth-child(even) .xamin-blog-box .iq-blogtag li {
		float: left;
	}

	.iq-default-blog-style-2 .xamin-blog-box .iq-blog-image img {
		height: auto;
	}

	.iq-default-blog-style-2 .xamin-blog-box,
	.iq-default-blog-style-2 .xamin_blog-box-wrapper:nth-child(2n) .xamin-blog-box {
		margin-bottom: 0;
		border: none;
	}

	.iq-default-blog-style-2 .xamin-blog-box,
	.iq-default-blog-style-2 .xamin_blog-box-wrapper:nth-child(2n) .xamin-blog-box {
		display: block;
		border: none;
	}

	.iq-default-blog-style-2 .xamin-blog-box .iq-blogtag {
		bottom: auto;
		top: 15px;
	}

	.iq-default-blog-style-2 .xamin-blog-box .xamin-blog-detail {
		position: relative;
		width: calc(100% - 60px);
		background-color: var(--white-color);
		margin: -100px 0 30px 30px;
		padding: 20px;
		z-index: 1;
		box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
	}

	.iq-about-edu li {
		flex-direction: column;
	}

	.iq-about-edu span.content,
	.iq-about-edu span.header {
		width: 100%;
	}

	.single .iq-default-blog-style-2 .xamin-blog-box .xamin-blog-detail {
		width: 100%;
		margin: 0;
	}

	.consul-sub {
		margin-bottom: 0 !important;
	}

	.wishlist_table .product-add-to-cart .add_to_cart_button.xamin-button.add_to_cart span {
		padding: 0 !important;
	}

}

@media(max-width:479px) {

	.error-404 .big-text {
		font-size: 150px;
		line-height: 160px
	}

	.testimonail-widget-menu .owl-carousel .owl-dots {
		bottom: 3%;
		display: inline-block;
		width: auto;
		right: 15px;
	}

	.slideouticons label.mainlabel,
	.slideouticons .iconswrapper ul li {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.slideouticons .iconswrapper ul li a i {
		font-size: 14px;
	}

	.slideouticons .iconswrapper {
		top: 31px;
	}

	.slideouticons label.mainlabel i {
		font-size: 16px;
	}

	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
		font-size: 22px;
	}

	.xamin-contact.contact-style {
		padding: 75px 15px;
	}

	.xamin-contact.contact-style h2 {
		font-size: 26px;
	}

	.contact-two .wpb_gmaps_widget .wpb_map_wraper iframe {
		width: 100%;
		height: 300px;
		margin: 30px 0 0 0;
	}

	.careers-faq .iq-accordion .ad-title:before {
		height: auto;
		padding: 10px 15px;
		top: 8px;
	}

	.careers-faq .active-faq a.ad-title {
		display: inline-block;
		line-height: 28px;
	}

	.careers-faq .active-faq a.ad-title span {
		font-size: 18px;
	}

	.xamin-contact {
		padding: 45px 25px;
	}

	.xamin-contact h2 {
		font-size: 26px;
	}

	.iq-portfolio-content .details-box h4,
	.details-box h4 {
		font-size: 20px;
	}

	.details-box a i {
		line-height: 30px;
		width: 30px;
		height: 30px;
	}

	h2,
	.title-box h2,
	.title-box .subtitle,
	h3 {
		font-size: 24px;
		line-height: 36px;
	}

	.vc_parallax .vc_parallax-inner {
		background-size: cover !important;
	}

	.service-box {
		display: block;
		margin-bottom: 30px;
	}

	.service-box img {
		margin-bottom: 15px;
	}

	.vertical-center.slider .slick-prev {
		bottom: -28%;
	}


	.timer-details .timer {
		font-size: 30px;
	}

	.vertical-center.slider {
		margin-bottom: 18px;
	}

	.iq-breadcrumb-one .breadcrumb li:last-child {
		padding-right: 0;
	}

	.images-effect .scroll-effect img.img-two {
		width: 162px;
		top: -183px;
		right: 30px;
	}

	.iq-coming h1 {
		font-size: 42px;
		margin-bottom: 30px;
	}

	.maintenance h2 {
		font-size: 32px;
	}

	.iq-coming .countdown li {
		width: auto;
		height: auto;
		padding: 10px;
		margin: 0;
		border: none;
	}

	.iq-coming .countdown li span:after {
		top: -9px;
		right: -20px;
		font-size: 24px;
	}

	.iq-coming .countdown li span {
		font-size: 24px;
		line-height: 24px;
	}

	.iq-coming .countdown li p {
		font-size: 12px;
		line-height: 20px;
		font-weight: inherit;
	}

	.client-border .owl-carousel .owl-item img {
		margin: 0 auto;
	}

	.about-us-images .main-video {
		position: relative;
		top: 0;
	}

	.year-info.fly-text {
		left: 0;
	}

	.year-info span {
		font-size: 80px;
	}

	.consulting-blog .blog-button {
		top: 46px;
	}

	.careers-faq .iq-accordion .iq-ad-block .ad-title span {
		font-size: 20px;
	}

	.about-us-images .year-box {
		display: none;
	}

	.year-box:before {
		right: -15px;
		top: 15px;
		border-width: 15px 0 0 15px;
	}

	.year-box {
		width: 140px;
		height: 120px;
	}

	.year-box span {
		font-size: 36px;
	}

	.xamin-blog-box .blog-title a h4 {
		font-size: 22px;
	}

	.custom-tab .nav-pills .nav-link .tab-title {
		font-size: 12px;
	}

	.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link .tab-title {
		font-size: 20px;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .boxslider-content {
		display: block;
		width: 100%;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .boxslider-content:after {
		display: none;
	}

	.data-science .owl-carousel.testimonial-style .iq-boxslider-detail .box-gpa {
		width: 100%;
		padding: 30px 0px 0px;
		text-align: left;
	}

	.custom-tab-userbehavior span.dot {
		display: none;
	}

	.custom-tab-userbehavior li .line:after {
		display: none;
	}

	.iq-contant li {
		font-size: 13px;
	}

	.content-left-container .content-box .iqtml-top-box .data1 .title {
		font-size: 20px;
	}


	.iq-chart-data canvas.vc_line-chart-canvas {
		width: 100% !important;
		height: 201px !important;
	}

	.iq-chart-data canvas.vc_round-chart-canvas {
		height: 200px !important;
		padding: 30px;
	}

	.iq-about-edu li a .content {
		display: block;
		padding-left: 0;
	}

	table.table.table-responsive.iq-table-dark {
		display: block;
		width: 100%;
		overflow-x: auto;
	}
}

@media(max-width:359px) {
	.error-404 h1 {
		font-size: 62px;
	}

	.servicebox-userbehavior {
		padding: 40px 15px 40px 65px
	}

	.content-right-container .content-box .iqtml-top-box .data1 .title {
		font-size: 20px;
	}

	.iq-video-button.top.blue .main-video {
		left: 14%;
	}

}