/*!
Theme Name: Interium - Interior Design Wordpress Theme
Theme URI: #
Author: Modest Themes
Author URI: #
Description: Interium - Interior Design Wordpress Theme
Version: 1.0.0s
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: interium
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments

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

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

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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://db.onlinewebfonts.com/c/cfdc7772d1426068d6cc35816bdb06f8?family=Visby+CF+Bold);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Kodchasan:wght@100;200;300;400;500;600;700;800;900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://db.onlinewebfonts.com/c/1c45e28f8e86cc89876f003b953cc3e9?family=SF+Pro+Text+Regular);
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@100;200;300;400;500;600;700;800;900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Manrope:wght@200;300;400;500;600;700;800&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


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

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

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

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

}

* {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/** {*/
/*	font-family: 'Poppins', 'arial';*/
/*}*/

body {
    overflow: hidden;
    font-family: 'Syne', 'Arial';
}

body p, a, li {
	font-family: inherit;
	color: inherit;
}

body, p, a span {
	margin: 0;
	font-family: inherit;
}

.site-main {
     /*  background-color: #ffffff;*/
     /*background-image: linear-gradient(315deg, #fdfdfd42 0%, #efddf230 74%);*/
         /*background-color: hsl(0deg 0% 98.57%);*/

}

.site-main article {
        background-image: repeating-linear-gradient(to right, #00000017 0, transparent 1px, transparent 1px, transparent 200px);
}


h1,h2,h3,h4,h5,h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}

.clearfix::before {
    display: block;
    clear: both;
    content: "";
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

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

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

html {
	overflow-x: hidden;
}


body {
	overflow-x: hidden;
}


p {
    color: inherit;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 !important;

}


.f1 {
	font-weight: 100 !important;
}

.f2 {
	font-weight: 200 !important;
}

.f3 {
	font-weight: 300 !important;
}

.f4 {
	font-weight: 400 !important;
}

.f5 {
	font-weight: 500 !important;
}

.f6 {
	font-weight: 600 !important;
}

.f7 {
	font-weight: 700 !important;
}

.f8 {
	font-weight: 800 !important;
}

.f9 {
	font-weight: 900 !important;
}

.p_rel {
    position: relative !important;
}

.p_abs {
    position: absolute !important;
}


/* Top */
.top_1 { top: 1rem; } .top_2 { top: 2rem; } .top_3 { top: 3rem; } .top_4 { top: 4rem; } .top_5 { top: 5rem; } .top_6 { top: 6rem; } .top_7 { top: 7rem; } .top_8 { top: 8rem; } .top_9 { top: 9rem; } .top_10 { top: 10rem; } .top_11 { top: 11rem; } .top_12 { top: 12rem; } .top_13 { top: 13rem; } .top_14 { top: 14rem; } .top_15 { top: 15rem; } .top_16 { top: 16rem; } .top_17 { top: 17rem; } .top_18 { top: 18rem; } .top_19 { top: 19rem; } .top_20 { top: 20rem; } .top_21 { top: 21rem; } .top_22 { top: 22rem; } .top_23 { top: 23rem; } .top_24 { top: 24rem; } .top_25 { top: 25rem; } .top_26 { top: 26rem; } .top_27 { top: 27rem; } .top_28 { top: 28rem; } .top_29 { top: 29rem; } .top_30 { top: 30rem; } .top_31 { top: 31rem; } .top_32 { top: 32rem; } .top_33 { top: 33rem; } .top_34 { top: 34rem; } .top_35 { top: 35rem; } .top_36 { top: 36rem; } .top_37 { top: 37rem; } .top_38 { top: 38rem; } .top_39 { top: 39rem; } .top_40 { top: 40rem; }

.minus_top_1 { top: -1rem; } .minus_top_2 { top: -2rem; } .minus_top_3 { top: -3rem; } .minus_top_4 { top: -4rem; } .minus_top_5 { top: -5rem; } .minus_top_6 { top: -6rem; } .minus_top_7 { top: -7rem; } .minus_top_8 { top: -8rem; } .minus_top_9 { top: -9rem; } .minus_top_10 { top: -10rem; } .minus_top_11 { top: -11rem; } .minus_top_12 { top: -12rem; } .minus_top_13 { top: -13rem; } .minus_top_14 { top: -14rem; } .minus_top_15 { top: -15rem; } .minus_top_16 { top: -16rem; } .minus_top_17 { top: -17rem; } .minus_top_18 { top: -18rem; } .minus_top_19 { top: -19rem; } .minus_top_20 { top: -20rem; } .minus_top_21 { top: -21rem; } .minus_top_22 { top: -22rem; } .minus_top_23 { top: -23rem; } .minus_top_24 { top: -24rem; } .minus_top_25 { top: -25rem; } .minus_top_26 { top: -26rem; } .minus_top_27 { top: -27rem; } .minus_top_28 { top: -28rem; } .minus_top_29 { top: -29rem; } .minus_top_30 { top: -30rem; } .minus_top_31 { top: -31rem; } .minus_top_32 { top: -32rem; } .minus_top_33 { top: -33rem; } .minus_top_34 { top: -34rem; } .minus_top_35 { top: -35rem; } .minus_top_36 { top: -36rem; } .minus_top_37 { top: -37rem; } .minus_top_38 { top: -38rem; } .minus_top_39 { top: -39rem; } .minus_top_40 { top: -40rem; }


/*Bottom*/
.bottom_1 { bottom: 1rem; } .bottom_2 { bottom: 2rem; } .bottom_3 { bottom: 3rem; } .bottom_4 { bottom: 4rem; } .bottom_5 { bottom: 5rem; } .bottom_6 { bottom: 6rem; } .bottom_7 { bottom: 7rem; } .bottom_8 { bottom: 8rem; } .bottom_9 { bottom: 9rem; } .bottom_10 { bottom: 10rem; } .bottom_11 { bottom: 11rem; } .bottom_12 { bottom: 12rem; } .bottom_13 { bottom: 13rem; } .bottom_14 { bottom: 14rem; } .bottom_15 { bottom: 15rem; } .bottom_16 { bottom: 16rem; } .bottom_17 { bottom: 17rem; } .bottom_18 { bottom: 18rem; } .bottom_19 { bottom: 19rem; } .bottom_20 { bottom: 20rem; } .bottom_21 { bottom: 21rem; } .bottom_22 { bottom: 22rem; } .bottom_23 { bottom: 23rem; } .bottom_24 { bottom: 24rem; } .bottom_25 { bottom: 25rem; } .bottom_26 { bottom: 26rem; } .bottom_27 { bottom: 27rem; } .bottom_28 { bottom: 28rem; } .bottom_29 { bottom: 29rem; } .bottom_30 { bottom: 30rem; } .bottom_31 { bottom: 31rem; } .bottom_32 { bottom: 32rem; } .bottom_33 { bottom: 33rem; } .bottom_34 { bottom: 34rem; } .bottom_35 { bottom: 35rem; } .bottom_36 { bottom: 36rem; } .bottom_37 { bottom: 37rem; } .bottom_38 { bottom: 38rem; } .bottom_39 { bottom: 39rem; } .bottom_40 { bottom: 40rem; }

.minus_bottom_1 { bottom: -1rem; } .minus_bottom_2 { bottom: -2rem; } .minus_bottom_3 { bottom: -3rem; } .minus_bottom_4 { bottom: -4rem; } .minus_bottom_5 { bottom: -5rem; } .minus_bottom_6 { bottom: -6rem; } .minus_bottom_7 { bottom: -7rem; } .minus_bottom_8 { bottom: -8rem; } .minus_bottom_9 { bottom: -9rem; } .minus_bottom_10 { bottom: -10rem; } .minus_bottom_11 { bottom: -11rem; } .minus_bottom_12 { bottom: -12rem; } .minus_bottom_13 { bottom: -13rem; } .minus_bottom_14 { bottom: -14rem; } .minus_bottom_15 { bottom: -15rem; } .minus_bottom_16 { bottom: -16rem; } .minus_bottom_17 { bottom: -17rem; } .minus_bottom_18 { bottom: -18rem; } .minus_bottom_19 { bottom: -19rem; } .minus_bottom_20 { bottom: -20rem; } .minus_bottom_21 { bottom: -21rem; } .minus_bottom_22 { bottom: -22rem; } .minus_bottom_23 { bottom: -23rem; } .minus_bottom_24 { bottom: -24rem; } .minus_bottom_25 { bottom: -25rem; } .minus_bottom_26 { bottom: -26rem; } .minus_bottom_27 { bottom: -27rem; } .minus_bottom_28 { bottom: -28rem; } .minus_bottom_29 { bottom: -29rem; } .minus_bottom_30 { bottom: -30rem; } .minus_bottom_31 { bottom: -31rem; } .minus_bottom_32 { bottom: -32rem; } .minus_bottom_33 { bottom: -33rem; } .minus_bottom_34 { bottom: -34rem; } .minus_bottom_35 { bottom: -35rem; } .minus_bottom_36 { bottom: -36rem; } .minus_bottom_37 { bottom: -37rem; } .minus_bottom_38 { bottom: -38rem; } .minus_bottom_39 { bottom: -39rem; } .minus_bottom_40 { bottom: -40rem; }

/*Right*/
.right_1 { right: 1rem; } .right_2 { right: 2rem; } .right_3 { right: 3rem; } .right_4 { right: 4rem; } .right_5 { right: 5rem; } .right_6 { right: 6rem; } .right_7 { right: 7rem; } .right_8 { right: 8rem; } .right_9 { right: 9rem; } .right_10 { right: 10rem; } .right_11 { right: 11rem; } .right_12 { right: 12rem; } .right_13 { right: 13rem; } .right_14 { right: 14rem; } .right_15 { right: 15rem; } .right_16 { right: 16rem; } .right_17 { right: 17rem; } .right_18 { right: 18rem; } .right_19 { right: 19rem; } .right_20 { right: 20rem; } .right_21 { right: 21rem; } .right_22 { right: 22rem; } .right_23 { right: 23rem; } .right_24 { right: 24rem; } .right_25 { right: 25rem; } .right_26 { right: 26rem; } .right_27 { right: 27rem; } .right_28 { right: 28rem; } .right_29 { right: 29rem; } .right_30 { right: 30rem; } .right_31 { right: 31rem; } .right_32 { right: 32rem; } .right_33 { right: 33rem; } .right_34 { right: 34rem; } .right_35 { right: 35rem; } .right_36 { right: 36rem; } .right_37 { right: 37rem; } .right_38 { right: 38rem; } .right_39 { right: 39rem; } .right_40 { right: 40rem; }


.minus_right_1 { right: -1rem; } .minus_right_2 { right: -2rem; } .minus_right_3 { right: -3rem; } .minus_right_4 { right: -4rem; } .minus_right_5 { right: -5rem; } .minus_right_6 { right: -6rem; } .minus_right_7 { right: -7rem; } .minus_right_8 { right: -8rem; } .minus_right_9 { right: -9rem; } .minus_right_10 { right: -10rem; } .minus_right_11 { right: -11rem; } .minus_right_12 { right: -12rem; } .minus_right_13 { right: -13rem; } .minus_right_14 { right: -14rem; } .minus_right_15 { right: -15rem; } .minus_right_16 { right: -16rem; } .minus_right_17 { right: -17rem; } .minus_right_18 { right: -18rem; } .minus_right_19 { right: -19rem; } .minus_right_20 { right: -20rem; } .minus_right_21 { right: -21rem; } .minus_right_22 { right: -22rem; } .minus_right_23 { right: -23rem; } .minus_right_24 { right: -24rem; } .minus_right_25 { right: -25rem; } .minus_right_26 { right: -26rem; } .minus_right_27 { right: -27rem; } .minus_right_28 { right: -28rem; } .minus_right_29 { right: -29rem; } .minus_right_30 { right: -30rem; } .minus_right_31 { right: -31rem; } .minus_right_32 { right: -32rem; } .minus_right_33 { right: -33rem; } .minus_right_34 { right: -34rem; } .minus_right_35 { right: -35rem; } .minus_right_36 { right: -36rem; } .minus_right_37 { right: -37rem; } .minus_right_38 { right: -38rem; } .minus_right_39 { right: -39rem; } .minus_right_40 { right: -40rem; }


/*Left*/
.left_1 { left: 1rem; } .left_2 { left: 2rem; } .left_3 { left: 3rem; } .left_4 { left: 4rem; } .left_5 { left: 5rem; } .left_6 { left: 6rem; } .left_7 { left: 7rem; } .left_8 { left: 8rem; } .left_9 { left: 9rem; } .left_10 { left: 10rem; } .left_11 { left: 11rem; } .left_12 { left: 12rem; } .left_13 { left: 13rem; } .left_14 { left: 14rem; } .left_15 { left: 15rem; } .left_16 { left: 16rem; } .left_17 { left: 17rem; } .left_18 { left: 18rem; } .left_19 { left: 19rem; } .left_20 { left: 20rem; } .left_21 { left: 21rem; } .left_22 { left: 22rem; } .left_23 { left: 23rem; } .left_24 { left: 24rem; } .left_25 { left: 25rem; } .left_26 { left: 26rem; } .left_27 { left: 27rem; } .left_28 { left: 28rem; } .left_29 { left: 29rem; } .left_30 { left: 30rem; } .left_31 { left: 31rem; } .left_32 { left: 32rem; } .left_33 { left: 33rem; } .left_34 { left: 34rem; } .left_35 { left: 35rem; } .left_36 { left: 36rem; } .left_37 { left: 37rem; } .left_38 { left: 38rem; } .left_39 { left: 39rem; } .left_40 { left: 40rem; }

.minus_left_1 { left: -1rem; } .minus_left_2 { left: -2rem; } .minus_left_3 { left: -3rem; } .minus_left_4 { left: -4rem; } .minus_left_5 { left: -5rem; } .minus_left_6 { left: -6rem; } .minus_left_7 { left: -7rem; } .minus_left_8 { left: -8rem; } .minus_left_9 { left: -9rem; } .minus_left_10 { left: -10rem; } .minus_left_11 { left: -11rem; } .minus_left_12 { left: -12rem; } .minus_left_13 { left: -13rem; } .minus_left_14 { left: -14rem; } .minus_left_15 { left: -15rem; } .minus_left_16 { left: -16rem; } .minus_left_17 { left: -17rem; } .minus_left_18 { left: -18rem; } .minus_left_19 { left: -19rem; } .minus_left_20 { left: -20rem; } .minus_left_21 { left: -21rem; } .minus_left_22 { left: -22rem; } .minus_left_23 { left: -23rem; } .minus_left_24 { left: -24rem; } .minus_left_25 { left: -25rem; } .minus_left_26 { left: -26rem; } .minus_left_27 { left: -27rem; } .minus_left_28 { left: -28rem; } .minus_left_29 { left: -29rem; } .minus_left_30 { left: -30rem; } .minus_left_31 { left: -31rem; } .minus_left_32 { left: -32rem; } .minus_left_33 { left: -33rem; } .minus_left_34 { left: -34rem; } .minus_left_35 { left: -35rem; } .minus_left_36 { left: -36rem; } .minus_left_37 { left: -37rem; } .minus_left_38 { left: -38rem; } .minus_left_39 { left: -39rem; } .minus_left_40 { left: -40rem; }

.z_minus {
    z-index: -1;
}

.bg_blur {
    backdrop-filter: blur(15px);
}

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

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

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

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

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

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

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

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

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

p {
    font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c_white {
	color: #fff !important;
}

.c_white p {
	color: #fff !important;
}

.c_default,
.c_default a, 
.c_default p {
    color: inherit !important;
}

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

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

html {
	box-sizing: border-box;
}

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

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

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

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {


	margin-bottom: 0;

}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.4em 1em 0.4em;
}

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

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

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

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

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

/* Navigation
--------------------------------------------- */


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

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

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

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

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

.main-navigation ul ul a {
	width: 200px;
}

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

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.mobile-nav-container {
	padding: 0 !important;
}

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

.z_neg {
	z-index: -1;
}

.custom_breadcrumb {
	font-size: 1.2em;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}

.custom_breadcrumb ul {
	margin: 0;
	padding: 0;
}

.custom_breadcrumb li {
	list-style-type: none;
	display: inline-block;
	background-color: #1414146b;
    padding: 2px 15px;
    border-radius: 20px;
    margin-right: 8px;
        padding-bottom: 5px;
    font-weight: 400;
    color: #fff;
}

.custom_breadcrumb .separator {
    padding-right: 13px;
    padding-left: 13px;
}

.custom_breadcrumb a {
    color: #fff;
    text-decoration: none;
        font-weight: normal;
    font-size: 1rem;
    
}

.custom_breadcrumb a:hover {
    text-decoration: underline;
    color: #fff;
}

.navbar .logo-container {
	 flex-grow: 1;
}

.mx-160 {
    max-width: 160px;
}

#navbar .primary-menu li.hover_left .sub-menu ul {
    right: 100%;
    left: unset;
}

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

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}

	.main-navigation li .sub-menu li {
                  padding: 0 1em !important;
	}
}

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

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

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

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

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

.post,
.page {
	margin: 0;
}

.post {
	padding-right: 15px;
    padding-left: 15px;
}

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


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

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

	/*rtl:ignore*/
	float: left;

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

.alignright {

	/*rtl:ignore*/
	float: right;

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

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



/*Generic CSS Starts*/

.m0a {
	margin: 0 auto;
}

.w_50 {
	width: 50% !important;
}

.w_70 {
	width: 70% !important;
}

.w_100 {
	width: 100%;
}

.tdu {
	text-decoration: underline;
}

.f5 {
	font-weight: 500;
} 

.f6 {
	font-weight: 600;
} 

.f7 {
	font-weight: 700;
} 

.f8 {
	font-weight: 800;
} 

.f9 {
	font-weight: 900;
} 

.fb {
	font-weight: bold;
} 

/*Generic CSS Ends*/


/*Body CSS Starts*/




/*Clients Carousel CSS Starts*/


.elementor-54 .elementor-element.elementor-element-c6ca755 .swiper-pagination-bullet-active {
	width: 20px !important;
    height: 20px !important;
    background: #5ebd74;
    vertical-align: -7px;
}





.elementor-54 .elementor-element.elementor-element-c6ca755 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    margin-right: 15px;
    background-color: #000;
}
.clients-carousel img  {
	filter: grayscale(100%);
}

.carousel_white {
    filter: invert(0.8);
}

/*Clients Carousel CSS Ends*/

/*Google Map Widget*/



.elementor-widget-google_maps {
	margin-bottom: 0 !important;
}

/*Google Map Widget*/

/*Body CSS Ends*/

.nav-container {
	height: 73px;
}


.cs-nav.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: #ffffffa6 !important;
    animation: sticky 1s;
    z-index: 999;
    transition: 0.3s all;
        backdrop-filter: blur(6px);
        border-bottom: 0;
}


.remove-sticky {
	position: relative;
}

.hover_dark.sticky {
        background: #000000a1 !important;
    backdrop-filter: blur(6px);
}

.hover_dark.navbar svg path {
        fill: #ffffff;
}

.hover_dark.navbar svg circle {
    stroke: #fff;
}

@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

.d_inline_block {
	display: inline-block;
}



/*Main Menu Visibility*/

button:focus, svg:focus {
	outline: none !important;
	-webkit-outline: none !important;
	-moz-outline: none !important;
}



/*Back To Top Button CSS Starts*/


#backtotop {
      display: inline-block;
    background-color: #353535d1;
    width: 50px;
    height: 50px;
    text-align: center;
  border-radius: 10px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#backtotop svg {
    margin-top: 13px;
}

/*#backtotop::after {*/
/*  content: "\f106";*/
/*  font-family: "Font Awesome 5 Free";*/
/*  font-weight: 600;*/
/*  font-style: normal;*/
/*  font-size: 2em;*/
/*  line-height: 50px;*/
/*  color: #fff;*/
/*}*/

#backtotop:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}


/*Back To Top Button CSS Ends*/

/*Homepage 3 CSS Starts*/

.team-section .elementor-widget{
	margin-bottom: 10px;

}

.team-section .elementor-widget p {
	margin-bottom: 0;
}

.team-section img {
	margin-bottom: 10px;
}


/*Homepage 3 CSS Ends*/


/*Homepage 4 CSS Starts*/


.pricing-list .elementor-icon-list-item {

padding: 0.7em;

}


.pricing-col {
	transition: 0.3s all;
}


.pricing-center {
	transform: scale(1, 1.05);
}


.pricing-col .elementor-widget-wrap {
    overflow: hidden;
}

.package__tag .elementor-heading-title {
        position: absolute;
    transform: rotate(-45deg);
    top: -4px;
    left: -40px;
    background: #EC4A4A;
    padding-inline: 4rem;
    padding-top: 9px;
    padding-bottom: 10px;
    color: #fff;
}


/*Homepage 4 CSS Ends*/

/*Contact Us 1 CSS Starts*/

.c_form input:not(.wpcf7-submit) {
	width: 100%;
	font-family: 'Syne', 'Arial';
}

.c_form textarea {
    max-height: 100px;
    font-family: 'Syne', 'Arial';
}

.c_form label {
	font-weight: 400;
	width: 100%;
	font-family: 'Syne', 'Arial';
}

.c_form .wpcf7-submit {
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background .5s ease-in-out;
    letter-spacing: 1.5px;
    font-family: "Syne", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #000;
    padding: 1em 3em 1em 3em;
}


.c_form .wpcf7-submit:hover {
     background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #000 50%);
    color: #fff;
}

.form_white input,
.form_white textarea {
    background-color: transparent;
    border-radius: 0;
    max-height: 100px;
}

.form_white label {
    color: #fff;
}

.svg_dark.svg_rounded svg {
        background: transparent;
        width: 30px;
        height: 30px;
}

.svg_dark .elementor-icon {
        background: #323232;
    border-radius: 50px;
    padding: 7px;
        width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Contact Us 1 CSS Ends*/


/*Blog Pages CSS Starts*/




.blog_grid p {
	font-family: 'Bebas Neue', 'sans-serif' !important;
}

.premium-blog-post-container {
    background-color: #fffdfd;
    margin: 8px;
    padding: 10px 10px !important;
    box-shadow: -1px 0px 10px 0px rgba(40, 38, 38, 0.5);
    font-weight: bold;
}

.premium-blog-post-outer-container {
	margin-bottom: 3em;
}

.premium-blog-content-wrapper {
    text-align: left;
    background-color: #FFFFFF;
     box-shadow: unset !important; 
}

.premium-blog-entry-meta {
	padding-top: 14px;
}

.blog_grid .premium-blog-post-container .premium-blog-content-wrapper {
    padding: 1em 0 !important;
}


.hide_pagination .paginate_container {
    display: none;
}

.hide_description .blog_p {
    display: none;
}

/*Blog Pages CSS Ends*/





/*Blog Single CSS Starts*/

.single_post_container {
    padding: 8em 3em;
    margin-bottom: 2em;
    background-size: cover !important;
    text-align: center;
    background-position: center !important;
}

.single_post_container .slider_h1 {
    display: inline-block;
    /*background-color: #efefef9e;*/
    padding: 2px 10px;
    border-radius: 5px;
        font-weight: 500 !important;
    font-size: 5rem;
    font-family: 'Syne', "Arial";
    text-shadow: 1px 1px black;
}

.single_post_bg {
	background: rgb(211,212,212);
background: linear-gradient(90deg, rgba(211,212,212,1) 0%, rgba(255,255,255,1) 35%, rgba(200,200,200,1) 100%);
background-image : url('https://wp.modest-themes.com/woodmentdemo/wp-content/uploads/2022/09/slider_img_5.jpg');
background-repeat: no-repeat;
}

.blog-meta-span:not(:first-child) {
    padding: 0 0 0 0.5em;
    

}

.header-nav .fa, .header-inner span .fa, .read_btn, .blog-meta i, pr_clr {
    color: #101010;
    font-size: 1rem;
}

.blog-meta-span{
	color: #8e8b8b;
}

.site-main .blog-meta .far {
    color: #101010;
    margin-right: 0.5em;
}

.blog-content {
	font-weight: 500;
    margin-bottom: 0;
    color: #8e8b8b;
}

/*Blog Single CSS Ends*/

/*Blog Related Posts Section CSS Starts*/

.blog_title {

	font-weight: 800;
	padding: 0em;
}

.blog_link {
	color: #212529;
}

.blog_link:hover, .blog_link:visited, .blog_link:focus, .blog_link:active {
	color: #212529;
}

.blog_section {
	margin: 1em 0 1em 0;
}

.blog_section .col-md-4 {
	padding: 0;
}

.blog_img .post-thumbnail img, .blog_img img {
	    max-height: 210px;
	    object-fit: cover;
}

.wp-block-search__input {
    -webkit-appearance: initial;
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset!important;
    width: 68%;
    margin-right: 1rem;
    height: 42px;
}



.blog_content {
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important; 
    padding: 0;
    margin-right: 1em;
}

.blog_title.f7 {
    font-weight: 500 !important;
}

.blog_title {
        font-weight: 500;
    text-align: left;
    padding-top: 1rem;
}

.blog__section .blog_title {
    padding-inline: 1rem;
    padding-bottom: 0.3rem;
    font-family: 'Syne', 'Arial';
}

.inter_tight .blog_title {
    font-family: 'Syne', 'Arial';
    font-size: 1.3rem;
}

.blog_h4 {
    padding: 1em 0em 0em 0em;
    margin: 0;
    font-weight: 500 !important;
    text-align: left;
    font-family: 'Syne', 'Arial';
    color: #101010;
    padding-top: 1rem;
    font-size: 1.3rem;
    padding-inline: 1rem

}

.blog_related_section .blog-meta {
    padding-left: 1rem;
    display: none;
}

.post-thumbnail img {
    border-radius: 0;
}

.blog-meta {
    color: #8e8b8b;
}

.site-main .blog-meta i {
	color: #101010;
}

.read_btn_div {
    padding: 5px 1rem 1rem 1rem;
    text-align: left;
}

.read_btn {
    transition: .4s all;
    font-family: "Syne", Sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4.2px;
    color: #000000;
}

.read_btn:hover, .read_btn:focus, .read_btn:visited, .read_btn:active {
    color: #101010;
    font-weight: 400;
    text-decoration: underline;
}

/*Blog Related Posts Section CSS Ends*/





/*Aside Post CSS Starts*/


.format-aside .entry-content p {
	    border-left: 5px solid #101010;
    padding: 2em 1em 2em 2em;
    background-color: #f5f5f5;
    margin-top: 2em;
    margin-bottom: 2em;
}

/*Aside Post CSS Ends*/

/*Link Post CSS Starts*/

.format-link .entry-content p {
	    text-align: center;
    padding: 3em;
    background: #f2f5f5;
    margin-bottom: 2em;
}

.format-link .entry-content p a {
	font-size: 1.5em;
    color: #101010;
    font-weight: 800;
    transition: 0.4s all;
    position: relative;
    text-decoration: none;
}

.format-link .entry-content p a:before{
	    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 0%;
    border-bottom: 5px solid #101010;
    transition: 0.4s all;
}


.format-link .entry-content p a:hover:before{
	text-decoration: none;
    width: 100%;
}

/*Link Post CSS Ends*/

/*Blog List CSS Starts*/

.entry-header:hover h3 {
    text-decoration: none !important;
}

.entry-title {
	color: #101010;
	font-weight: 500 !important;
	font-family: 'Syne', 'Arial';
	font-size: 1.6rem;
}



.post-excerpt {
	color: #8e8b8b;
	padding-top: 1em;
}
.post-category {
	text-align: right;
}

.post-category a {

   
    border-radius: 20px;
    color: #8e8b8b;
    line-height: 2.5;
    text-transform: uppercase;
    font-size: 0.8em;
}

.read_more_blog {
	color: #3a3838;
	font-weight: 600;
	text-transform: uppercase;
    font-size: 0.8em;
}

.read_more_blog:hover,.raed_more_blog:focus, .read_more_blog:visited, .read_more_blog:active {
	text-decoration: underline;
	color: #3a3838; 
}

.blog_list {
	margin-bottom: 2em;
}

/*Blog List CSS Ends*/

/*Comment Form CSS Starts*/


#commentform .comment-form-author, .comment-form-email, .comment-form-url{
    width: calc(33.33%);
    float: left;
      padding: 24px 24px 24px 0;
}


#commentform .comment-form-url {
	padding: 24px 0 24px 0;
}

#commentform .comment-form-cookies-consent {
    margin-top: 10px;
    clear: both;
}

#commentform .comment-form-author input, .comment-form-email input, .comment-form-url input {
	width: 100%;
}

#commentform>p.input-wrapper {
    margin: 24px 24px 24px 0;
}


.comment-form #submit {
    background-image: unset;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background .5s ease-in-out;
    letter-spacing: 1.5px;
    font-family: 'Syne', Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #000;
    /*background-image: linear-gradient(133deg, #FF82C7 0%, #A776E8 66%);*/
    /*box-shadow: 0px 0px 3px 0px rgba(104.72001037597656, 104.72001037597656, 104.72001037597656, 0.5);*/
    padding: 1em 3em 1em 3em;
}


.comment-form #submit:hover {
     background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #000 50%);
    color: #fff;
}

.comment-form .comment-reply-title {
	padding-top: 2em;
	font-size: 1.5em !important;
}


#comments {
	border: 1px solid #dee2e6;
    padding: 2em 2em;
    margin: 1em 0;
    border-radius: 10px;
}

#comments .comment-text .meta {
	font-size: .9em;
}

#comments .commentlist {
	padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: 1px solid #e4e1e3;
    padding: 1em 1em 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    width: 32px;
    height: auto;
    background: #ebe9eb;
    border: 1px solid #dee2e6;
    margin: 0;
    box-shadow: none;
}

.comment_container {
	position: relative;
}

.comments-title {
	padding-bottom: 1em;
	font-size: 1.5em;
}

.comment-meta .comment-metadata, .reply {
	padding-bottom: 1em;
}



.comment-meta .vcard {
	padding-bottom: 0.5em;
}

.reply a {
	color: #101010;
}
.reply a:hover {
	color: #101010;
}

.reply a:before{
	
   font-family: "Font Awesome 5 Free";
   content: "\f3e5";
   display: inline-block;
   padding-right: 5px;
   padding-bottom: 3px;
   vertical-align: middle;
   font-weight: 900;
   color: #101010;

}

.comment-body {
	padding-bottom: 3em;
}
 

.says {
	display: none;
} 

.comment-author b {
	font-family: 'DM Sans', 'sans-serif';
	font-weight: 800 !important;
	padding-left: 5px;
}

.comment-metadata time {
	color: #8e8dac;
}



/*Comment Form CSS Ends*/



/*Slider Top Banner CSS Starts*/
.slider_container {
    padding: 8em 3em;
}

.slider_container h1 {
	font-weight: 900;
}

.slider_h1 {
    
    padding: 0em;
    color: #fff;
}

.cs_sp {
    color: #212529;
}

/*Slider Top Banner CSS Ends*/

/*Sidebar CSS Starts*/




.widget-title {
	font-weight: 800;
	padding-bottom: 0.3em;
}

.tagcloud .tag-cloud-link {
	background-color: #504f4f;
    padding: 0.3em 0.8em;
    border-radius: 30px;
    color: #fff;
    line-height: 2.5;
    font-size: .7em !important;
    font-weight: normal;
    white-space: nowrap;
    font-family: "Poppins", "arial";
}

.sidebar-right {
    margin-top: 1rem;
}

.sidebar-right ul, .sidebar-left ul {
	padding-left: 0;
}


.sidebar-right ul li, .sidebar-left ul li {
	list-style-type: none;
	padding-bottom: 0.5em;
	   border-bottom: 1px solid #e8e5e5;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem;
        font-size: .9rem;
}

.wp-block-latest-comments a {
	font-weight: normal;
	color: #2d2d2d;
}

.sidebar-right ul li a, .sidebar-left ul li a {
	    color: #212529;
}

.widget_archive ul li {
	    border: 1px solid #eae9e9;
    padding: 0.5em 1em;
        margin-top: -1px;
}

.widget h1, .widget h2, .widget h3,
.widget h4, .widget h5, .widget h6 {
	font-weight: 500;
    padding-bottom: 0.3em;
        /*border-bottom: 1px solid #9e9e9e;*/
        border-bottom: 1px solid #cecece;
    margin-bottom: 1rem !important;
    font-size: 1.7rem;
    color: #101010;
   
}

.sidebar-right .wp-block-heading, .sidebar-right .widget-title {
font-family: 'Syne', "Arial";
}

.comment-reply-title {
    font-family: 'Syne', "Arial";
    color: #101010;
}

.widget ol.wp-block-latest-comments {
    padding-left: 0;
}

.widget .wp-block-search__button {
	    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    background-image: linear-gradient(30deg, #fcfafa 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background .5s ease-in-out;
    letter-spacing: 1.5px;
    transform: scale(1, .9);
    border-radius: 0;
    text-transform: capitalize;
    font-size: 1rem;
    letter-spacing: 0;
    padding: 10px 1rem;
    margin-left: 0;
    font-family: 'Syne', "Arial";
}

.widget .wp-block-search__button:hover {
     background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #373434 50%);
    color: #fff;
}


.widget .wp-block-search__button:hover {
	text-decoration: underline;
}

.wp-block-latest-comments__comment {
        border-bottom: 1px solid #e8e5e5;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem;
}


/*Sidebar CSS Ends*/


/*General CSS Starts*/


.pt1 {
	padding-top: 1em;
}

.fb  {
	font-weight: 800;
}

.z_1 {
	z-index: -1;
}

.page-title {
	    font-size: 2em;
    padding-bottom: 1em;
}

.col-md-12 {
    padding-inline: 0;
}

/*General CSS Ends*/ 

/*Social Share Icons CSS Starts*/


.pd-btm2 {
	padding-top: 1em;
	padding-bottom: 2em;
}

.sfsi_shortcode_container {
    float: right !important;
}

.norm_row {
    float: right !important;
    max-width: 185px !important;
    text-align: right !important;
}


.share-info {
	display: inline-block;
	padding-top: 0px !important;
	font-weight: 500;
	padding-right: 10px;
}

.tag_content a {
	background-color: #101010;
    padding: 0.3em 0.8em;
    border-radius: 20px;
    color: #ffffff;
   line-height: 2.5;
}

/*Social Share Icons CSS Ends*/

/*Topbar CSS Starts*/


.header-nav {
	position: fixed;
    right: 0;
    height: 100%;
    width: 500px;
    padding: 2rem 2rem;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 9999;
    transition: .3s ease-in-out;
}

.header-nav.side_toggle {
     -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: #000;
}

.header-nav .col-7, .header-nav .col-5 {
    display: flex;
    align-items: center;
}

.header-nav .header-inner {
    display: block;
    position: relative;
}

.header-nav .close__btn {
    position: absolute;
    right: 20px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-nav .close__btn svg {
    transition: .3s all;
}

.header-nav .close__btn:hover svg {
    transform: scale(1.2);
}

.header-nav .hs {
    animation-name: drop;
    animation-duration: .8s;
    animation-fill-mode: both;
}

.header-nav .col-7 {
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: start;
    padding-inline: 1rem;
}

.header-nav .col_social {
    padding-inline: 1rem;
}

.header-nav {
    flex-direction: column;
    text-align: left;
    justify-content: flex-start !important;
}

.header-nav * {
    font-family: 'Syne', 'Syne';
}

.header-nav h2 {
    font-family: 'Syne', 'Syne';
    padding-bottom: 1rem;
}

.cw {
    color: #ffffff;
}

.header-nav .plr {
    padding: 0;
    padding-bottom: 2rem;
}

.header-inner .hs:first-child{
padding-left: 0;
}

.header-inner span i {
    color: #101010;
    margin-right: 0.5em;

}

.social-inner {
    color: #ffffff;
    font-size: 1em;
    display: inline-block;
}

.social-inner i {
    color: inherit;
    font-size: 1.3em;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: 1px;
}

.social-inner svg {
        max-width: 20px;
    max-height: 20px;
    margin-left: 10px;
}


/*Topbar CSS Ends*/

/*Side Header Button CSS Starts*/

.side_header_btn button {
    background: transparent;
    border: 0;
}

.side_header_btn .side_header_toggle svg * {
    transition: .3s;
}

.side_header_btn:hover .side_header_toggle svg .svg_center {
    width: 283px !important;
    x: 0 !important;
}


/*Side Header Button CSS Ends*/


/*Navbar CSS Starts*/

.navbar-light .navbar-toggler{
  padding-top: 10px;
  border: 0;
  border-radius: 0;
}


.primary-menu {
	    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -ms-flex-direction: row;
    flex-direction: row;
}

img {
  max-width: 100%;
}

.navbar-brand img {
  max-width: 75%;
}


.primary-menu li:not(.active) .nav-link {
 

  color: #2d2d2d;
}

button:focus, a:focus{
outline: none !important;
border: unset !important;
}


.primary-menu li {
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    color: #000;
    border-radius: 15px;
}

.primary-menu li a {
   margin-top: 6px;
    padding: .2em 1rem;
        font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-family:  inherit;
}

.cs-nav {
      padding: 1.2em 3em;
      background-color: transparent; 
      border-bottom: 1px solid #e3e3e3;
}

.navbar {
	z-index: 99;
}

.navbar .navbar-brand svg:not(:root).svg-inline--fa {
  color: #101010;
  
}

.full-menu li:last-child:hover > ul li .sub-menu {
        left: -100% !important;
    right: 0;
}

.cs_srch {
  border: 0;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background-color: #000000;
    margin-bottom: 3px;
    transition: all 0.5s;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 120%;
  -ms-transform-origin: 15% 120%;
  transform-origin: 15% 120%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 15% 5%;
  -ms-transform-origin: 15% 5%;
  transform-origin: 15% 5%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
/* END ANIMATED X */

.navbar-toggle {
  transition: all 0.5s;
}



.mega-custom {
  list-style: none;
    padding: 1em;
}

.full-menu li {

    position: relative;

}


.full-menu .menu-item-has-children > a:after{
    content: "\f107";
    font-family: "FontAwesome";
    float: right;
   margin-left: 10px;
    font-size: 1.2em;
}





.menu-menu-1-container {
	margin-left: auto;
}


/*Pulse Pre-loader Starts*/

.loader {

      display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    transition: 1.5s ease-out;
}

#pulse-loader .pulse-loader-1,
#pulse-loader .pulse-loader-2 {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px
}

#pulse-loader {
  position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
}

#pulse-loader {
  top: 45%
}

#pulse-loader>div {
      position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #000;
    background-color: transparent;
}

#pulse-loader .pulse-loader-1 {
  -webkit-animation: pulse1 3s .5s ease infinite;
  -moz-animation: pulse1 3s .5s ease infinite;
  -ms-animation: pulse1 3s .5s ease infinite;
  -o-animation: pulse1 3s .5s ease infinite;
  animation: pulse1 3s .5s ease infinite
}

#pulse-loader .pulse-loader-2 {
  -webkit-animation: pulse1 3s ease infinite;
  -moz-animation: pulse1 3s ease infinite;
  -ms-animation: pulse1 3s ease infinite;
  -o-animation: pulse1 3s ease infinite;
  animation: pulse1 3s ease infinite
}

@-webkit-keyframes pulse1 {
  0% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(0.3);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0
  }
}

@-moz-keyframes pulse1 {
  0% {
    -moz-transform: scale(0)
  }
  40% {
    -moz-transform: scale(0.3);
    opacity: 1
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0
  }
}

@-o-keyframes pulse1 {
  0% {
    -o-transform: scale(0)
  }
  40% {
    -o-transform: scale(0.3);
    opacity: 1
  }
  100% {
    -o-transform: scale(1);
    opacity: 0
  }
}

@-ms-keyframes pulse1 {
  0% {
    -ms-transform: scale(0)
  }
  40% {
    -ms-transform: scale(0.3);
    opacity: 1
  }
  100% {
    -ms-transform: scale(1);
    opacity: 0
  }
}

@keyframes pulse1 {
  0% {
    transform: scale(0)
  }
  40% {
    transform: scale(0.3);
    opacity: 1
  }
  100% {
    transform: scale(1);
    opacity: 0
  }
}

@keyframes pulse1 {
  0% {
    transform: scale(0)
  }
  40% {
    transform: scale(0.3);
    opacity: 1
  }
  100% {
    transform: scale(1);
    opacity: 0
  }
}

@-webkit-keyframes screenslide {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}


/*Pulse Pre-loader Ends*/

/*Navbar Hover Starts*/

.navbar .sub-menu {
    list-style-type: none;
    padding: 0;
    border-top: 3px solid #101010;
    position: absolute;
    z-index: 99;
    background: #161616;
    margin: 25px 0px 0px 0px;
    opacity: 0;
    transition: .4s all;
    visibility: hidden;
    /*-webkit-box-shadow: -1px 2px 9px -3px rgba(153,153,153,1);*/
    /*-moz-box-shadow: -1px 2px 9px -3px rgba(153,153,153,1);*/
    /*box-shadow: -1px 2px 9px -3px rgba(153,153,153,1);*/
    min-width: 220px
}

.navbar li:hover > ul, #navbar .primary-menu ul li:hover > ul  {
    opacity: 1;
    margin: 3px 0px 0px 0px;
    transform: translate3d(0, 0, 0);
    visibility: visible;
        border-top: 0;
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
    /*box-shadow: 0 0 10px 0 rgba(18,24,32,.1);*/
        border-radius: 0;
}

#navbar .primary-menu .sub-menu ul, #navbar .primary-menu .children ul{
	left: 100%;
    top: 0;
    width: 100%;
    margin: 3px 0px 0px 25px;
}

.navbar li:hover > ul, #navbar .primary-menu ul li ul li:hover > ul  {
      margin: 10px 0px 0px 0px;

}


.has-mega-menu .mega-menu-column ul {
    background-color: transparent;
}



/*Nav Link Hover*/
/*#navbar .primary-menu .sub-menu li a:hover,*/
/*#navbar .sub-menu li:hover {*/
/*    background-color: #000;*/
/*}*/

#navbar .primary-menu .sub-menu li.menu-item a {
    color: #fff;
    padding-inline: 0;
}

#navbar .primary-menu .has-mega-menu .sub-menu li.menu-item a {
    padding-inline: 15px ;
}

#navbar .primary-menu .sub-menu li.current-menu-item > a {
	/*Code For Current Menu Item*/
}

.navbar .sub-menu {
    border-top: 0 !important;
}

/*.navbar .menu-item:hover:after {*/
/*    width: 70%;*/
/*}*/

/*.navbar .menu-item:hover:after, .navbar .current-menu-item:after {*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    border-radius: 10px;*/
/*    position: absolute;*/
/*    right: 20px;*/
/*    top: 50%;*/
/*}*/

/*.navbar .menu-item:hover > a, .navbar .current-menu-item a,*/
/*.navbar .current-menu-parent a:first-child {*/
/*    background: #e25e5e;*/
/*    border-radius: 5px;*/
/*    color: #fff !important;*/
/*}*/

.navbar .current-menu-item:after,
.navbar .current_page_parent:after {
     width: 70% !important;
}


.navbar .menu-item:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: opacity 0.3s ease, width 0.3s ease;
    -ms-transition: opacity 0.3s ease, width 0.3s ease;
}

.navbar.hover_dark .menu-item:after,
.navbar .sub-menu .menu-item:after {
    background-color: #fff;
}

.navbar .sub-menu .current-menu-item:after {
     width: 100% !important;
}

.navbar .menu-item .sub-menu:after {
    background-color: #fff;
}

.navbar .menu-item:hover:after {
    width: 70%;
}

.navbar.hover_dark .menu-item:hover > a {
     background: #00000080;
}

.navbar.hover_dark .side_header_toggle svg * {
    fill: #fff !important;
}

.navbar .menu-item:hover > .sub-menu a {
    background: transparent;
}

/*.navbar .menu-item .sub-menu li:after {*/
/*    content: "";*/
/*    display: block;*/
/*    margin-left: auto;*/
/*    width: 0;*/
/*    height: 1px;*/
/*    background-color: #fff;*/
/*    transition: opacity 0.3s ease, width 0.3s ease;*/
/*    -ms-transition: opacity 0.3s ease, width 0.3s ease;*/
/*}*/

.navbar .menu-item .sub-menu li:hover:after {
    width: 100%;
}

.navbar .menu-item .sub-menu ul:after {
    display: none;
}

.navbar .menu-item a {
    text-decoration: none;
    transition: .5s;
    transform: scale(1, 1.9);
  /* Safari and Chrome */
  -webkit-transform: scale(1, .9);
  /* Firefox */
  -moz-transform: scale(1, .9);
  /* IE 9+ */
  -ms-transform: scale(1, .9);
  /* Opera */
  -o-transform: scale(1, .9);
      font-family: 'Syne', 'Arial';
    font-weight: 400;
}

/*Menu Animation Starts*/

.navbar li:hover > ul li {
	 
	animation-name: drop;
	animation-duration: .8s;
     animation-fill-mode: both;
}


@keyframes drop {
 0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* These are the delays */
.sub-menu .menu-item:nth-child(1) {
  animation-delay: 0.04s;
}
.sub-menu .menu-item:nth-child(2) {
  animation-delay: 0.08s;
}
.sub-menu .menu-item:nth-child(3) {
  animation-delay: 0.12s;
}
.sub-menu .menu-item:nth-child(4) {
  animation-delay: 0.16s;
}
.sub-menu .menu-item:nth-child(5) {
  animation-delay: 0.2s;
}
.sub-menu .menu-item:nth-child(6) {
  animation-delay: 0.24s;
}
.sub-menu .menu-item:nth-child(7) {
  animation-delay: 0.28s;
}
.sub-menu .menu-item:nth-child(8) {
  animation-delay: 0.32s;
}
.sub-menu .menu-item:nth-child(9) {
  animation-delay: 0.36s;
}
.sub-menu .menu-item:nth-child(10) {
  animation-delay: 0.4s;
}
.sub-menu .menu-item:nth-child(11) {
  animation-delay: 0.44s;
}
.sub-menu .menu-item:nth-child(12) {
  animation-delay: 0.48s;
}
.sub-menu .menu-item:nth-child(13) {
  animation-delay: 0.52s;
}
.sub-menu .menu-item:nth-child(14) {
  animation-delay: 0.56s;
}
.sub-menu .menu-item:nth-child(15) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(16) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(17) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(18) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(19) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(20) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(21) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(22) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(23) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(24) {
  animation-delay: 0.6s;
}

.sub-menu .menu-item:nth-child(25) {
  animation-delay: 0.6s;
}



/*Menu Animation Ends*/

/*Navbar Hover Ends*/



/*Search Form Navbar CSS Starts*/

.search_toggle {
	display: none;
	padding: 0;
}

.search-container .search-form {
    /*visibility: hidden;*/
    position: absolute;
    
    top: 50px;
    right: 15.7%;
    padding: 1em;
    display: inline-flex;
    background: #ffffff;
    z-index: 99;
   /* box-shadow: -1px 3px 16px 0px rgba(164,164,164,0.75);
-webkit-box-shadow: -1px 3px 16px 0px rgba(164,164,164,0.75);
-moz-box-shadow: -1px 3px 16px 0px rgba(164,164,164,0.75);*/
}



.search-submit {
	background: transparent;
    padding: 0em 1em;
    height: calc(1.5em + 0.75rem + 2px);
    border: unset;

}

.searc-submit i {
	color: #ccc;
}

.cs_srch {
    margin: 2px 0 0 0;
    border: none !important;
}

.search-container .fa-search {

    color: #212529;

}

.search-container .cs_srch:focus, .search-container .cs_srch:active {

    
    border: 0 !important;
    box-shadow: unset !important;
    outline: 0 !important;
    background-color: transparent;

}

.search-container .cs_srch:hover, .search-container .cs_srch:active {
	background-color: unset !important;
}

/*Search Nav Overlay CSS Starts*/

    .custom_search_toggle {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    border: 0;
    margin: 0;
    z-index: 99999;
    }
    
    .page-content .custom_search_toggle, .white-bg-abs .custom_search_toggle {
        display: none;
    }


.custom_search_toggle .fa-search {
  
    font-size: 2em;
    padding: 0;
    color: #ccc;
}

#search_close_btn {
    position: fixed;
    top: 1em;
    right: 1em;
    color: #ccc;
    cursor: pointer;
    transition: .8s;
}

.search_toggle .search-field {
	font-size: 1.2em;
	padding: 1.5em;
    background-color: transparent;
    color: #ccc !important;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.search_toggle .search-field:focus,
.search_toggle .search-field:visited,
.search_toggle .search-field:active {
	background-color: transparent;
} 

.search_inner_container {
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1s ease-out;
}

.search_inner_container .search_label {
	margin: 0;
	width: 75%;
}


.custom_search_toggle .form-control:focus {
    border-color: #ccc !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.custom_search_toggle .search-form {
	position: relative;
	right: auto;
	top: 40%;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 60%;
	transform: none;
	-ms-transform: none;
	background-color: transparent;	
}



/*Search Input Animation Starts*/

.close_btn_rotate {
	transform: rotate(180deg);
}

.search_input_animation {
	animation-name: zoominoutcustom;
	animation-duration: 1s;
}

@-webkit-keyframes zoominoutcustom{
		0%{
		
		  transform:scale(1.0);
		}
		50%{
		
		  transform:scale(1.2);
		}
		100%{
		
		  transform:scale(1.0);
		}
}
@keyframes zoominoutcustom{
		0%{
		
		  transform:scale(1.0);
		}
		50%{
		
		  transform:scale(1.2);
		}
		100%{
		
		  transform:scale(1.0);
		}
}

/*Search Input Animation Ends*/

/*Search Nav Overlay CSS Ends*/

/*Search Form Navbar CSS Ends*/


/*Cart Nav CSS Starts*/



.cart-nav {
    padding: 0.5em 1em;
    position: relative;
    cursor: pointer;
}

.cart_sp {
    position: absolute;
    right: 3px;
    top: 0px;
}

.sp_content {
    background: #ef1d1d;
    padding: 0.3em 0.8em;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.6em;
}

/*Cart Nav CSS Ends*/

/*Quote Button CSS Starts*/


.get-quote {
    font-size: 0.6rem;
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: transparent;
    border-radius: 0;
    padding: 1em 2em 1em 2em;
    background-color: #161616;
    color: #fff;
    font-family: 'Syne';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    line-height: normal;
}

.get-quote a {
	color: #ffffff;
    text-transform: capitalize;
    font-size: 0.8rem;
    line-height: 10px;
    font-family: inherit;
    font-weight: 500;
}



.get-quote a:hover {
	color: #fff;
	text-decoration: underline;
}

.btn_orange_bg {
    background-image: linear-gradient(to right, #ff6a00, #ee0979);
}

.btn_purple_bg {
    background: linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
}

/*Quote Button CSS Ends*/


/*Mega Menu CSS Starts*/


@media screen and (min-width: 600px){
    .has-mega-menu{
        position:static;
    }

    .has-mega-menu > .sub-menu {
    	min-width: 420px;
    	display: block;
    }



    .navbar .mega-menu-column {
    	flex: 1 0 calc(50%);
    	 font-size: 1.1em;
    }

    .navbar .has-mega-menu:hover > ul > ul {
     position: relative;
    border: 0;
    visibility: visible;
    opacity: 1;
    }

    .navbar .has-mega-menu:hover > ul li ul {
    opacity: 1;
    margin: 3px 0px 0px 0px;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    }

   #navbar .has-mega-menu .sub-menu ul{
    left: 0;
    width: 100%;
    margin: 0;
    position: relative;
    border: 0;
    box-shadow: none;
   }

   .has-mega-menu .sub-menu li {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
   }

   .has-mega-menu ul li ul li:hover .mega-menu-column {
    background-color: #fff;
   }

    li.has-mega-menu:hover>.sub-menu{
        display: flex;
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(50%, 1fr));   
    }

    li.mega-menu-column {
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 10px 25px;
        flex: 1 0 calc(50%);
    }
}

@media screen and (min-width: 992px){
 
   /*Media CSS Here*/

 }
@media screen and (min-width: 1200px){
    /*Media CSS Here*/
}

/*Mega Menu CSS Ends*/


/*Navbar CSS Ends*/





/*Navbar 2 CSS Starts*/


.header-2 .logo-container {

    text-align: center;
    width: 62%;


}


.header-2 .primary-menu {

    flex-basis: auto;
    flex-grow: unset;
    flex-wrap: wrap;

}

.header-2 .primary-menu li {

  padding: 0;

}


/*Navbar 2 CSS Ends*/


/*Navbar 3 CSS Starts*/


.header-3 .logo-container {
    text-align: center;
    padding: 2em 1em;
}



.header-3 .navbar {
    border-top: 1px solid #e2e1e1;
    border-bottom: 1px solid #e2e1e1;
}

/*Navbar 3 CSS Ends*/


/*Navbar 4 CSS Starts*/

.header-4 .full-menu {
    flex-basis: 65%;
    justify-content: center !important;
}

/*Navbar 4 CSS Ends*/


/*Navbar 5 CSS Starts*/




.sidebar_nav_1{
  position: fixed;
  top: 0;
  left:-250px;
  background-color: transparent;
  width: 0;
  height: 100%;
  transition: .3s;
}





.margin_left_nav {
	margin-left: 20%;
}




.header-5 .logo-container {
	margin-right: auto;
    margin-left: 15px;
}

.side_nav_active{
      background-color: #fff;
    position: fixed !important;
    left: 0;
    width: 20%;
    padding-right: 15px !important;
}

.sidebar_nav_1 .menu_angle {
	font-size: 1.2em !important;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    font-weight: 600 !important;
}


.sidebar_nav_1 .sub-menu {
	
	padding-left: 0;
}



.side_nav_active .sub-menu {
	
    visibility: visible;
    opacity: 1;
    position: relative;
    border: 0;
    margin: 0 0 0 10px;
    box-shadow: none;
    display: none;
    transition: unset;

}

.side_nav_active .navbar-nav {
    height: 100%;
    padding-top: 10px;
    overflow-y: auto;
    }

.sidebar_nav_1 .primary-menu li {
	list-style-type: none !important;
	position: relative;
	width: 100%;
}

.sidebarBtn.toggle span{
  background-color: transparent;
}



.toggle_btnn .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background-color: #000000;
    margin-bottom: 3px;
    transition: all 0.5s;
}

.toggle_btnn {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: 10px;
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin-right: 15px;
}

/* ANIMATED X */
.toggle_btnn.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 120%;
  -ms-transform-origin: 15% 120%;
  transform-origin: 15% 120%;
}

.toggle_btnn.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.toggle_btnn.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 15% 5%;
  -ms-transform-origin: 15% 5%;
  transform-origin: 15% 5%;
}

/* ANIMATED X COLLAPSED */
.toggle_btnn.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.toggle_btnn.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* END ANIMATED X */

.toggle_btnn {
  transition: all 0.5s;
}


.no-scroll {
	overflow: hidden;
}

/*Navbar 5 CSS Ends*/

/*Navbar 6 CSS Starts*/


.sidebar_nav_2{
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 0;
  height: 100%;
  transition: .3s;
  right: 0;
  visibility: hidden;
}



.margin_right_nav {
	margin-right: 20%;
}




.header-6 .logo-container {
	margin-left: auto;
    margin-right: 15px;
}

.side_nav_right_active{
      background-color: #fff;
    position: fixed !important;
    right: 0;
    width: 20%;
    padding-right: 15px !important;
    visibility: visible;
}

.sidebar_nav_2 .menu_angle {
	font-size: 1.2em !important;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    font-weight: 600 !important;
}


.sidebar_nav_2 .sub-menu {
	
	padding-left: 0;
}



.side_nav_right_active .sub-menu {
	
    visibility: visible;
    opacity: 1;
    position: relative;
    border: 0;
    margin: 0 0 0 10px;
    box-shadow: none;
    display: none;
    transition: unset;

}

.side_nav_right_active .navbar-nav {
    height: 100%;
    padding-top: 10px;
    overflow-y: auto;
    }

.sidebar_nav_2 .primary-menu li {
	list-style-type: none !important;
	position: relative;
	width: 100%;
}

.sidebarBtn.toggle span{
  background-color: transparent;
}



.toggle_btnn_right .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background-color: #000000;
    margin-bottom: 3px;
    transition: all 0.5s;
}

.toggle_btnn_right {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: 10px;
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin-right: 15px;
}

/* ANIMATED X */
.toggle_btnn_right.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 120%;
  -ms-transform-origin: 15% 120%;
  transform-origin: 15% 120%;
}

.toggle_btnn_right.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.toggle_btnn_right.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 15% 5%;
  -ms-transform-origin: 15% 5%;
  transform-origin: 15% 5%;
}

/* ANIMATED X COLLAPSED */
.toggle_btnn_right.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.toggle_btnn_right.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* END ANIMATED X */

.toggle_btnn_right {
  transition: all 0.5s;
}




/*Navbar 6 CSS Ends*/



.home .transparent-header {
	
    position: absolute;
    top: 38px;
    width: 100%;
    z-index: 99;
    background: transparent;

}

.home .transparent-header nav, .transparent-header .header-nav {
	background: transparent !important;
}




.home .transparent-header p, .transparent-header a,
.home .transparent-header span, .transparent-header div {
   color: #2d2d2d;
}


.n2-ss-layer {
 	padding: 0 !important;
 }

/* .home .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated 
{
	padding: 0 !important;
}*/

/*Slick Slider Custom CSS Starts*/

.n2-ss-layer


.slick-dots li button:before {  
    font-size: 15px !important;
}

.slick-dots li.slick-active button:before {
     font-size: inherit !important; 
}

/*Slick Slider Custom CSS Ends*/

/*Btm container starts*/

.btm_section .btm_container a, .btm_section  .btm_container p, .btm_section .btm_container h1,
.btm_section .btm_container h2, .btm_section .btm_container h3,
.btm_section .btm_container h4, .btm_section .btm_container h5, .btm_section .btm_container h6 {
       font-family: 'Syne', 'Arial';
    
}

.btm_section .btm_container h5 {
    font-weight: 600;
}

.btm_section .btm_container {
    margin-top: 0;
  padding: 4em 0em 0em 0em;
  /*border-top: 1px solid #cecece;*/
}

.btm_container .menu {
	list-style-type: none;
    padding-left: 0;
}

.btm_container .menu li {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.btm_container .menu li a:hover {
   color: #fff;
   text-decoration: underline;
}

.btm_container a {
   padding: 1em 1rem;
    font-weight: 400;
    text-transform: unset;
    letter-spacing: 1px;
    font-size: 1rem;
}

body .btm_container i {
    font-size: 1.1em;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: transparent;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    transition: 0.4s;
    text-align: center;
    padding: 0px 7px 5px 7px;
    color: inherit;
    background-color: transparent;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #cecece;
}

.btm_social_links i {
  
    display: inline-block;
} 


.btm_container .btm_social_links a {
    padding-inline: 0;
    margin-bottom: 5px;
    border: 1px solid #797979;
    border-radius: 50px;
    padding: 8px;
    display: inline-flex;
    margin-right: 10px;
}

.btm_social_links p, .btm_container li a {
    font-size: 16px;
}

.cbtm_col h6 {
  font-weight: 900;
}

.cbtm_col h6, .cbtm_col a {
  color: #101010;
}

.cbtm_col p {
  font-size: 0.9em;
  color: #e4e3e3;
}

.btm_container a, .btm_container p, .btm_container h1, .btm_container h2, .btm_container h3, .btm_container h4, .btm_container h5, .btm_container h6 {
    padding: 0;
    font-weight: 400;
    text-transform: unset;
    letter-spacing: 1px;
    font-size: .9rem;
    margin-bottom: 10px;
}


.btm_container .btm-widget-title {
	color: #4a4a4a;
	font-weight: 500;
	font-size: 19px;
	padding-bottom: 3px;
}

.fa {
    font-family: FontAwesome;
}

.cright {
      width: 100%;
    color: #4a4a4a;
        border-top: 1px solid #cdc5c5;
    padding: 2em 0em;
}


.cright p {
  margin: 0;
}



/*Btm container ends*/

.w__100 img {
    width: 100% !important;
}


/*Media Queries Starts*/

/* Tablet and Other Devices ----------- */
@media only screen 
and (max-width : 992px) {
    
    .home_slider1 .n2-ss-slide-limiter {
        max-width: 98% !important;
    }
    
    .primary-menu.show {
        max-height: 315px;
    overflow-y: auto;
    }

.error-page-title {
	font-size: 1.7em;
}

.mb_center {
	text-align: center !important;
}

.mt_mb0 {
	margin-top: 0 !important;
} 

.mb_mb0 {
	margin-bottom: 0 !important;
} 

.mr_mb0 {
	margin-right: 0 !important;
} 

.ml_mb0 {
	margin-left: 0 !important;
} 

.pr_mb0 {
	padding-right: 0 !important;
}

.pl_mb0 {
	padding-left: 0 !important;
}

.pt_mb0 {
	padding-top: 0 !important;
}

.pb_mb0 {
	padding-bottom: 0 !important;
}

.wmb_100 {
	width: 100% !important;
}

.header-nav {
	display: none;
}

#navbar {
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: .5rem 1rem;
}



.mobile-nav-container {
	padding: 0 !important;
	position: fixed !important;
    width: 100%;
    top: 50px;
    background-color: #fff;
}



.mobile-menu {
	padding: .5rem 1rem;
}

.navbar-toggle {
	display: block;
}

.full-menu {
	display: none;
}

.logo-container {
	display: inline-block;
	    padding-top: 6px;

}

.logo-container .custom-logo{
	max-width: 150px;
}

.button-container, .search-container, .cart-nav{
	float: right;
}


.get-quote {
	display: none;
}


.mobile-nav-container .navbar-collapse {
	align-items: flex-start;
	background: #fff;
}

.mobile-nav-container.hover_dark .navbar-collapse,
.mobile-nav-container.hover_dark .navbar-collapse .sub-menu {
    background: #000;
}


.mobile-nav-container li {
	position: relative;
}



.mobile-nav-container .sub-menu {
	visibility: visible;
    opacity: 1;
    position: relative;
    border: 0;
    margin: 7px 0 0 10px;
    box-shadow: none;
    display: none;
    transition: unset;
}


.navbar li:hover > ul,
#navbar .primary-menu ul li:hover > ul{
	position: relative;
    border-top: unset;
    box-shadow: unset;
    border-bottom: unset;
    padding-left: 1em;
}



.menu_angle {
	font-size: 1.2em !important;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px 0;
    font-weight: 600 !important;
}


.navbar li {
	padding-right: 0;
    padding-left: 1em;
    width: 100%;
    padding-top: 5px;
}

.navbar .menu-item:hover > a, .navbar .current-menu-item a {
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #101010;
    padding-bottom: 10px;
}

.navbar .sub-menu .menu-item a {
    border-bottom: 0;
    padding-right: 0;
}

.primary-menu li a {
    margin-top: 0;
}

.navbar li a {

    padding-right: 0;
    padding-left: 0;
	width: 100%;
}


.navbar a:hover {
	text-decoration: none;
}



.nav-search label {
	    width: 90%;
}

.nav-search {
	width: 94%;
}

.custom_search_toggle .search-form {
	width: 100%;
}

/*Navbar Media Large CSS Starts*/


.navbar li .sub-menu {
	 
    border-top: 0;
    box-shadow: none;
    text-shadow: none;
}

.main-navigation ul li > ul li:hover > ul, .main-navigation ul li > ul li.focus > ul{

	    position: relative !important;
    left: auto !important;
    top: 0 !important;
    border: unset !important;
    box-shadow: unset !important;

}


.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	    left: auto;
    opacity: 1 !important;
    margin: 4px 0px 0px 0px !important;
    transform: translate3d(0, 0, 0);
    position: relative !important;
    visibility: visible !important;
}

.navbar li .sub-menu li {


    padding: 0 20px 5px 0px;
    color: #000;
    margin-top: 0;

}

.navbar li .sub-menu li a {
    color: #2d2d2d;
}


.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background-color: #000000;
    margin-bottom: 6px;
    transition: all 0.5s;
}

.hover_dark .navbar-toggler .icon-bar {
    background-color: #fff;
}

.mobile-nav-container.hover_dark li i {
    color: #fff;
}

.mobile-nav-container.hover_dark {
    background: #000000a1 !important;
    backdrop-filter: blur(6px);
    margin-top: 3.5rem;
}

.mobile-nav-container.hover_dark.sticky {
    margin-top: 0;
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    margin-bottom: 0;
}

.menu-menu-1-container {
    display: flex;
    width: 100%;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 120%;
  -ms-transform-origin: 15% 120%;
  transform-origin: 15% 120%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 8% 5%;
  -ms-transform-origin: 8% 5%;
  transform-origin: 8% 5%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
/* END ANIMATED X */


button {
	outline: none !important;
	-webkit-outline: none !important;
	-moz-outline: none !important;
}

   .cart_btn {
   	display: inline-block;
   	float: right;
   	padding: 2px 0 !important;
   	margin-top: 4px;
   }

/*Navbar Media Large CSS Ends*/




/*Navbar 2 Media CSS Starts*/


.header-2 .logo-container {
	width: auto;
}


/*Navbar 2 Media CSS Ends*/

/*Navbar 2 Media CSS Starts*/

.header-3 .logo-container {
    text-align: center;
    padding: 2em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-3 .button-container {
	float: left;
}

/*Navbar 2 Media CSS Ends*/


/*Navbar 5 Media CSS Starts*/


.side_nav_active {
	width: 80% !important;
	z-index: 99;
}


.header-5 .toggle_btnn {
	margin-right: 0;
}


/*Navbar 5 Media CSS Ends*/

/*Navbar 6 Media CSS Starts*/


.header-6 .logo-container {
	    padding-top: 5px;
}

.header-6 .button-container {
	float: left;
}

.side_nav_right_active {
	width: 80%;
	z-index: 99;
}


/*Navbar 6 Media CSS Ends*/

.blog_content {
	margin-right: 0;
}

.get_started_cont .elementor-widget-container {
   padding: 0 !important;
}

.get_started_cont  .elementor-button-wrapper {
	text-align: center !important; 
}

.clients-carousel .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -20px;
}

.elementor-43 .elementor-element.elementor-element-146b91f4 {
    padding: 2em 0em 0em 0em !important;
}

} /*Tablet Media Query Ends*/


/* iPads Large ----------- */
@media only screen and (max-width : 768px) {



	.mb_center {
		text-align: center !important;
	}

	.mb_center_hd h1,
	.mb_center_hd h2,
	.mb_center_hd h3,
	.mb_center_hd h4,
	.mb_center_hd h5,
	.mb_center_hd h6 {
		text-align: center !important;
	}

	.mb_w90 {
		min-width: 90%;
	}

	.slider-top-info {
		max-width: 90% !important;
		padding-bottom: 15px !important;
	}

	.woocommerce__dashboard__cont {
		max-width: 100% !important;
	}

	.ord_1 {
        order: 1;
	}

	.ord_2 {
       order: 2;
	}

	.w_92 {
		width: 92% !important;
	}

	.w_8 {
		width: 8% !important;
	}

	.masonry__grid {
    column-count: 2 !important;
}

.tagcloud .tag-cloud-link {
   font-size: 1.5vw;
 }

    .w_8 .elementor-column-wrap,
	.w_92 .elementor-column-wrap {
        padding-left: 0 !important;
	}

	.cta_center .elementor-widget-container {
		padding: 1em 1em 1em 1em !important;
		text-align: center;
	}


	.pt_mb_0 {
		padding-top: 0 !important;
	}


	.pt_mb_1 {
		padding-top: 1 !important;
	}

	.pt_mb_2 {
		padding-top: 2em !important;
	}


.btm_container {
    padding: 2em 0em 0em 0em;
}

/*Slider CSS Starts*/

.slide_hd_1 h1 {
   font-size: 1.5em !important;
}

.slide_hd_2 h1 {
   font-size: 1.5em !important;
}

.slide__btn a {
	font-size: 1em !important;
}

/*Slider CSS Ends*/

.blog_related_section .blog_content {
	margin-bottom: 1em;
}

.blog_section {
	margin-top: 10px;
}

.blog_related_section {
	margin-right: 15px;
	margin-left: 15px;
}

}

/* Ipads Medium ----------- */
@media only screen and (max-width: 768px) and (min-width: 480px){

	/*Menu Order Responsive*/
.res_menu {
	order: 2;
}

.res_search{
	order: 1;
}

.res_quote_btn {
	order: 3;
}

.single_post_container {
    padding: 5em 3em;
}


}


/* Smartphones ----------- */
@media screen and (max-width : 480px) {
    
    .cbtm_col a,
        .cbtm_col p {
            font-size: 18px;
        }

/*.home_slider1 h1 {*/
/*   font-size: 1.3em !important;*/
/*}*/

/*Menu Order Responsive*/
.res_menu {
	order: 2;
}

.res_search{
	order: 1;
}

.res_quote_btn {
	order: 3;
}



}

/* Extra Small ----------- */
@media only screen 
and (min-width : 320px) {
/* Styles */
}




/*Media Queries Ends*/



/*Portfolio Single Starts*/

.portfolio_single .fa {
	color: #101010;
    padding-right: 0.3em;
}

.portfolio_single .project-single-info {
	padding-bottom: 2em;
}

.portfolio_single .post-thumbnail {
	padding: 1em 0;
}

.portfolio_single .portfolio_single_title {
	font-weight: 700;
    font-family: 'Syne', "Arial";
    color: #000;
}

.portfolio_single .slider_h1 {
    font-weight: 600 !important;
    text-align: left;
    padding: 0em;
    color: #101010;
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 5px;
    font-family: 'Syne';
}

.portfolio_single .psf {
    padding: 1.5em 0;
    margin: 0;
    border-bottom: 1px solid #e0dede;
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-size: 1rem;
    text-transform: capitalize;
    font-family: 'Syne', "Arial";
}

.portfolio_single .psf span {
        color: #101010;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: capitalize;
}

.portfolio_single_cat_link {
	     background-color: #504f4f;
    padding: 0.3em 0.8em;
    border-radius: 20px;
    color: #fff;
    line-height: 2.5;
    margin-right: 5px;
    font-size: .7em;
    font-weight: normal;
    font-family: "Poppins", "arial";
}

.portfolio_single_cat_link:hover {
	color: #ffffff;
}

.post__category {
	    font-size: 1.2em;
    padding-top: 5px;
    font-weight: 500 !important;
}

/*Portfolio Single Ends*/


/*Product Single Extra CSS Starts*/

/*.single-product .product {
    position: relative;
}

.woocommerce .product .summary {
	float: right;
	width: 65%;
}

.woocommerce .product .images {
	float: left;
	width: 40%;
}*/

.star-rating span:before {
	content: '' !important;
}

.portfolio_grid_section .portfolio-content .portfolio_img {
    transition: all 0.5s ease-out !important;
    -webkit-transition: all 0.5s ease-out !important;
}

/*Product Single Extra CSS Ends*/

/*Product Single Layout Starts*/

.star-rating::before {
   color: #FDCC0D;
   opacity: 1 !important;
}

.single-product .comment-text {
	padding-top: 1.5em;
}

.single-product form.cart .quantity {
    float: left;
    margin-right: 0.5em;
}

.single-product .single_add_to_cart_button {
    background-color: #101010;
    padding: 1em 1.5em;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    margin-left: 1em;
    border: 0;
    margin-top: 0;
}

.single-product .cart:before,
.single-product .cart:after {
	display: block;
  content: '';
  clear: both;
}

.single-product .cart {
	padding-bottom: 1.5em;
}

.single-product .posted_in a,
.single-product .tagged_as a {
	background-color: #101010;
    padding: 0.3em 0.8em;
    border-radius: 20px;
    color: #ffffff;
    line-height: 2.5;
    font-size: 1em !important;
}

.single-product .cart input {
    width: 5em;
    padding: 1em;
    border-radius: 0;
}

.woocommerce-tabs .tabs {
	padding-top: 4em !important;
	padding-bottom: 1.5em !important;
}

.woocommerce-tabs .tabs li a {
    color: #212529;
    padding: 1em 5em !important;
}

.woocommerce-tabs .tabs li a:hover {
    text-decoration: none;
}


.woocommerce-page .product .woocommerce-tabs .tabs li {
    display: inline-block;
    font-weight: 600;
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.woocommerce-tabs ul li.active a {
    color: #101010;
    font-weight: 600;
    border: 0;
    border-bottom: 2px solid #101010 !important;
}

.single-product .tab-title-description h2 {
	font-weight: bold;
	color: #212529;
}

.product_meta .tagged_as {
	padding-left: 15px;
}

.single-product .related.products h2 {
    font-weight: 700;
	color: #212529;
	padding-top: 10px;
	font-family: 'DM Sans', 'arial';
}

.related.products ul {
	padding-top: 1.5em;
}


.woocommerce-loop-product__title {
	font-size: 1.25em;
	color: #212529;
	font-weight: 700;
	font-family: 'DM Sans', 'arial';
	padding-top: 10px;
}

.woocommerce .price {
    font-size: 0.99em;
    color: #212529;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.woocommerce .product del {
	color: #8e8b8b;
	font-weight: 700;
	padding-bottom: 5px;
}

.product .add_to_cart_button {
    background: #101010;
    padding: 0.5em 1em;
    color: #ffffff;
    font-size: .9em;
    font-weight: 300;
    display: inline-block !important;
}

.woocommerce section.related {
	padding-top: 3em;
} 

.products a:hover {
	text-decoration: none;
}

.wc-tab h2 {
	color: #212529 !important;
	font-weight: 700;
	font-family: 'DM Sans', 'arial';
	padding-bottom: 1rem;
}

.woocommerce-noreviews, p.no-comments {
    background-color: transparent !important;
}

.woocommerce-ordering {
	float: right;
	padding-top: 1em;
	padding-bottom: 1em; 
}

.woocommerce-result-count {
	float: left;
	padding-top: 1em;
	padding-bottom: 1em; 
}

.woocommerce ul.products {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
}

.woocommerce ul.products:after,
.woocommerce ul.products:before,
.woocommerce-page ul.products:after,
.woocommerce-page ul.products:before {
    content: ' ';
    display: table;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    clear: both;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 100%;
}

.woocommerce .added_to_cart {
    color: #282529;
    text-decoration: underline;
    padding: 0 10px;
}

.product_list_widget .product-title {
	display: block;
}

.product-title {
	font-weight: 700;
    color: #212529;
    padding-top: 10px;
    font-family: 'DM Sans', 'arial';
}

.product_list_widget li {
	padding-bottom: 1.5em !important;
}

.product_list_widget .price {
	font-size: .99em;
	color: #212529;
	font-weight: 700;
}

.product_list_widget .woocommerce-Price-amount {
	font-weight: 700;
}

.product_list_widget del {
	color: #8e8b8b;
}

/*Product Single Layout Ends*/

/*Elements Pages CSS Starts*/

.error-page-cta {
        background-color: transparent !important;
    color: #101010 !important;
    border: 1px solid #000 !important;
    background-image: linear-gradient(30deg, #fcfafa 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out !important;
    transition: background .5s ease-in-out !important;
    letter-spacing: 1.5px;
    transform: scale(1, .9);
    font-size: 1em !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    border-radius: 0px 0px 0px 0px !important;
    padding: 0.8em 1.2em 0.8em 1.2em !important;
    text-transform: uppercase;
    transform: scale(1, .8);
}

.error-page-cta:hover {
    background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #373434 50%);
    color: #fff !important;
}

.ml_ol_cs ol.fa-ul {
   margin-left: 1em;
}

.cgr {
	color: #101010 !important;
}

.cbtn {
	width: auto !important;
    margin-right: 1em;
    margin-bottom: 0 !important;
}

.brd0 {
	border-radius: 0 !important;
}

.brd10 {
	border-radius: 10px !important;
}

.brd20 {
	border-radius: 20px !important;
}

.brd30 {
	border-radius: 30px !important;
}

.brd10a a {
	border-radius: 10px !important;
}

.brd20a a {
	border-radius: 20px !important;
}

.brd30a a {
	border-radius: 30px !important;
}

.cgr_li li:before {
    color: #101010 !important;
}

.cgr_ol li:before {
	color: #101010 !important;
}

.cgr_ol_brd li:before {
	color: #101010 !important;
	border: 1px solid #101010 !important;
}

.cgr_ol_bg li:before {
	background-color: #101010 !important;
}

.list_cst_1 li, .list_cst_2 li,
.list_cst_3 li, .list_cst_4 li {
	margin-bottom: 10px;
}

.list_cst_1 li:before {
  content: "\f14a"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.list_cst_2 li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.list_cst_3 li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.list_cst_4 li:before {
  content: "\f192"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.list_ol_cst_1 li, .list_ol_cst_2 li,
.list_ol_cst_3 li, .list_ol_cst_4 li {
	counter-increment: list;
	    margin-bottom: 10px;
}

.list_ol_cst_1 li::before {
    content: counter(list);
    background: #3A3838;
    font-family: Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.3em;
    display: inline-block;
    margin-right: 1em;
}

.list_ol_cst_2 li::before {
    content: counter(list);
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.3em;
    display: inline-block;
    margin-right: 1em;
}

.list_ol_cst_3 li::before {
    content: counter(list);
    font-family: Arial, sans-serif;
    color: #3A3838;
    border: 1px solid #3A3838;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.3em;
    display: inline-block;
    margin-right: 1em;
}

.list_ol_cst_4 li::before {
    content: counter(list);
    font-family: Arial, sans-serif;
    color: #3A3838;
    border: 1px solid #3A3838;
    font-size: 13px;
    text-align: center;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.3em;
    display: inline-block;
    margin-right: 1em;
}

.cta_btn_slider {
        font-size: 1em;
    font-weight: 300;
    background-color: transparent;
    color: #000;
    border-radius: 0;
    border: 1px solid #000;
    background-image: linear-gradient(30deg, transparent 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out !important;
    transition: background .5s ease-in-out !important;
    letter-spacing: 1.5px;
    transform: scale(1, .9);
}

.cta_btn_slider .depicter-animation-wrap div {
       border-radius: 0;
       border-width: 1px;
}

.cta_btn_slider:hover {
     background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #000 50%);
    color: #fff !important;
}

.cta_btn.elementor-widget-button .elementor-widget-container .elementor-button {
        background-color: #8d5924;
    color: #fff;
    border: 0;
    background-image: unset;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background .5s ease-in-out;
        letter-spacing: 1.5px;
    /*transform: scale(1, .9);*/

}

.cta_btn.elementor-widget-button .elementor-widget-container .elementor-button:hover {
    background-position: 100%;
    background-image: linear-gradient(30deg, #efefef 50%, #000 50%);
    color: #fff;
}

.cta_btn.elementor-widget-button .elementor-widget-container .elementor-button .elementor-button-text {
    font-size: inherit;
    letter-spacing: inherit;
}

.pre_heading {
        display: flex;
    align-items: center !important;
}

.pre_heading p {
        background-color: transparent;
    width: fit-content;
        padding: 3px 15px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: 0;
    transform: scale(1, .9);
    font-family: "Poppins", Sans-serif;
}

.bg_wave_cont {
    display: block !important;
    padding-inline: 0;
}

.bg_wave_cont .elementor-widget-image img {
    width: 100%;
}

.c_inherit p {
    color: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    font-family: inherit;
    line-height: normal;
}

.col_4_icons p {
    padding-top: 1rem;
}

/*.faq_section .elementor-tab-title.elementor-active {*/
/*        border: 1px solid #c5c5c5;*/
/*        border-width: 1px !important;*/
/*}*/

.faq_section .elementor-tab-title.elementor-active svg path {
    fill: inherit !important;
}

/*.faq_section .elementor-tab-title.elementor-tab-title {*/
/*    border-radius: 5rem;*/
/*}*/

.border_bottom .elementor-tab-title.elementor-tab-title {
 border-bottom: 1px solid #cdcccc !important;
}

.faq_section_dark .elementor-accordion-item .elementor-tab-title.elementor-active {
    background: -webkit-linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
    background: linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
    color: #fff;
    border-radius: 3rem 3rem 3rem 0rem !important;
}

.faq_section_dark .elementor-accordion-item .elementor-tab-title.elementor-active svg path {
    fill: #fff;
}

.faq_section_dark_default .elementor-accordion-item .elementor-tab-title.elementor-active {
    background: #0d1e34;
}

.faq_purple .elementor-accordion-item .elementor-tab-title.elementor-active {
    background-color: transparent;
    background-image: linear-gradient(133deg, #7108EB 0%, #8638e4 66%);
}

.faqs_active_dark .elementor-accordion-item {
        margin-bottom: 1rem;
        border-radius: 3rem 3rem 3rem 0;
        box-shadow: 0 0 30px rgb(0 0 0 / 8%);
}

.icon_light svg path {
    fill: #fff;
}

/*.faq_section .elementor-tab-content p {*/
/*    color: #fff;*/
/*}*/

.slide_white.carousel_left .rw_content {
    
    margin-inline: 1rem;
    padding-inline: 1rem;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    background-color: rgb(18 18 18 / 38%);
    backdrop-filter: blur(10px);
}

.svg_rounded svg {
        background: #efefef;
    border-radius: 50px;
    padding: 7px;
    border: 1px solid gray;
}

.box_shadow .svg_rounded .elementor-icon-wrapper {
    box-shadow: none;
}

.bg_abs_dots:before {
    content: "";
    display: block;
    width: 300px;
    height: 200px;
    background-image: url('https://wp.modest-themes.com/printpro/wp-content/uploads/2024/03/bg-abs-dots-1.svg');
    background-size: 300px;
    background-repeat: no-repeat;
    position: absolute;
}

.bg_top_right:before {
    top: -50px;
    right: -50px;
}

.bg_top_left:before {
    top: -170px;
    left: -50px;
}

.bg_bottom_right:before {
    bottom: -50px;
    right: -50px;
}

.bg_bottom_left:before {
    bottom: -50px;
    left: -50px;
}

.portfolio_rounded .portfolio_cat_filter li a {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #ebebeb;
}

.portfolio_rounded .portfolio_cat_filter li a.active,
.portfolio_rounded .portfolio_cat_filter li a:hover{
        background-color: #101010;
    color: #fff !important;
}

.heading_yellow h2,
.heading_yellow h3,
.heading_yellow h4 {
        background: #ffe800;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 30px;
}

.bg_fixed {
    background-attachment: fixed;
}

.box_shadow > .elementor-widget-wrap {
  box-shadow: 0 0 30px rgb(0 0 0 / 8%);
}

.box_shadow.border_rounded {
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}

.flex_row .e-con-inner {
    flex-direction: row !important;
}

.hide_title .rw_h3 {
    display: none;
}

.video_section .elementor-custom-embed-image-overlay:before {
     content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(68 36 141 / 58%);
}

.video_section .elementor-custom-embed-play {
    z-index: 2;
    opacity: 1;
}

.video_section .elementor-custom-embed-play svg:hover {
        transform: scale(0.9);
}

.video_section svg {
    opacity: 1 !important;
}

.video_section svg circle {
        fill: #d13cbc !important;
}


.bg_wave:before {
    content: "";
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("https://wp.modest-themes.com/printpro/wp-content/uploads/2024/03/wave_bg.svg");
}

/*.pre_heading:before {*/
/*    content: "";*/
/*    width: 30px;*/
/*    height: 1px;*/
/*    background-color: #101010;*/
/*    display:block;*/
/*}*/

.elementor-icon-box-description {
    padding-top: 6px;
}

/*Elements Pages CSS Ends*/


/*Error Page CSS Starts*/

.error-page-icon i {
	font-size: 12em;
	color: #101010;
}

.error-page-title {
	font-weight: 800;
}

/*Error Page CSS Ends*/



/*Elementor Page CSS Starts*/

@media (max-width: 1330px){

.logo-container {
	width: 130px;
}
}

@media (max-width: 1192px){
.get-quote {
	display: none;
}

}

@media (max-width: 1024px){

.home_slider1 .n2-ss-layer--block {
	margin-right: auto !important;
}

.home_slider1 .n-uc-15fd2fa3a570b-inner,
.home_slider1 .n-uc-W0VmpmmKybPR-inner,
.home_slider1 .n-uc-VFvaTpda9kH6-inner,
.home_slider1 .n-uc-xXhyJOIL6AZ3-inner,
.home_slider1 .n-uc-qD6I0KMkcqii-inner,
.home_slider1 .n-uc-qTEj2xETp5rd-inner {
	padding-left: 0 !important;
}

.home_slider1 .n-uc-uFk1843Tdd6m-inner,
.home_slider1 .n-uc-rmR10JMfLQeK-inner,
.home_slider1 .n-uc-eRczeMwtT217-inner,
.home_slider1 .n-uc-J4uBoTrL9d6k-inner,
.home_slider1 .n-uc-9H1Bm0aBuxcm-inner {
	padding-top: 0 !important;
}

.slide__btn a {
	display: inline-block !important;
}

.trans_nav .home_slider1 .n2-ss-section-main-content {
	padding-top: 8em !important;
}

}



/*Elementor Page CSS Ends*/


/*Social Buttons CSS Starts*/

.social_share_buttons i {
  padding-right: 10px;
  padding-left: 10px;
}

.social_share_buttons .fa-facebook {
	color: #3A589E;
}

.social_share_buttons .fa-twitter {
	color: #55ACEE;
}

.social_share_buttons .fa-linkedin {
	color: #0077B5;
}

.social_share_buttons a:hover {
	color: transparent;
}

.social-section {
    padding-inline: 0;
}

.social-section .col-6:first-child {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.social-section .col-6:nth-child(2) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


/*Social Buttons CSS Ends*/


/*Search Results Starts*/

.search-results article {
	border-bottom: 1px solid #e3dfdf;
	padding-bottom: 1em;
	padding-top: 2em;
}

.search-results article .page-title {
	padding-bottom: 0 !important;
}

.search-results article .entry-title a {
	    color: #3a3838;
    font-size: .8em;
    font-weight: 800;
}

.search-results article .entry-title {
	padding-bottom: 5px;
}


.search-results article .entry-meta {
	color: #8e8b8b;
    font-size: .8em;
}

.search-results article time {
	color: #8e8b8b;
    text-decoration: underline;
}

.search-results article .entry-summary p {
	    color: #8e8b8b;
    padding-top: 15px;
    font-size: .9em;
    margin-bottom: 0;
}


.search-results article .author a {
	color: #8e8b8b;
    text-decoration: underline;
} 

.search-results article .read_more_search a {
	color: #3a3838;
    padding: 10px;
    border: 1px solid #3a3838;
    font-size: .9em;
}

.search-results article .read_more_search {
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.search-results .posts-navigation {
	padding-top: 1em;
}

.search-results .posts-navigation a {
	color: #3a3838;
	font-size: .9em;
}

.search-results .posts-navigation a:hover {
	color: #3a3838;
}

/*Search Results Ends*/

/*Archive Starts*/

.archive-page article {
	border-bottom: 1px solid #e3dfdf;
	padding-bottom: 1em;
	padding-top: 2em;
}

.archive-page .page-title {
	padding-bottom: 0 !important;
}

.archive-page .entry-title a {
	    color: #3a3838;
    font-size: .8em;
    font-weight: 800;
}

.archive-page .entry-title {
	padding-bottom: 5px;
}


.archive-page .entry-meta {
	color: #8e8b8b;
    font-size: .8em;
}

.archive-page time {
	color: #8e8b8b;
    text-decoration: underline;
}

.archive-page .entry-summary p {
	    color: #8e8b8b;
    padding-top: 15px;
    font-size: .9em;
    margin-bottom: 0;
}


.archive-page .author a {
	color: #8e8b8b;
    text-decoration: underline;
} 

.archive-page .read_more_search a {
	color: #3a3838;
    padding: 10px;
    border: 1px solid #3a3838;
    font-size: .9em;
}

.archive-page .read_more_search {
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.archive-page .posts-navigation {
	padding-top: 1em;
}

.archive-page a {
	color: #3a3838;
	font-size: .9em;
}

.archive-page a:hover {
	color: #3a3838;
}

.archive-page .post-thumbnail img {
	max-width: 250px;
}

.custom_breadcrumb li.item-current strong {
    font-weight: 600;
        font-size: 1rem;
}

/*Archive Ends*/

.skew_rounded .elementor-icon {
    position: relative;
}

.skew_rounded .elementor-icon:before {
    top: 6px;
    content: "";
    height: 50px;
    width: 50px;
    background-color: #ffead6;
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    right: 0;
}

.skew_heading {
    position: relative;
    z-index: 10;
}

.skew_heading:before {
    top: 70%;
    content: "";
    height: 10px;
    width: 100%;
    background-color: #ffead6;
    background: #d5c6ff;
    background: -webkit-linear-gradient(to right, #ffc4c6, #86acfb, #C6FFDD);
    /* background: linear-gradient(to right, #ffc4c6, #86acfb, #C6FFDD); */
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    left: 0;
    transform: rotate(-4deg);
    z-index: -1;
}

.skew_heading2 {
    position: relative;
    z-index: 10;
}

.skew_heading2:before {
    top: 75%;
    content: "";
    height: 10px;
    width: 100%;
    background-color: #c487ff;
    /*background: -webkit-linear-gradient(to right, #44d2a9, #7dffde, #fface8);*/
    /*background: linear-gradient(to right, #44d2a9, #7dffde, #fface8);*/
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    left: 0;
    transform: rotate(-4deg);
    z-index: -1;
}

.skew_heading3 {
    position: relative;
    z-index: 10;
}

.skew_heading3:before {
    bottom: 5%;
    content: "";
    height: 18px;
    width: 100%;
    background-color: #2f49fe;
    /*background: -webkit-linear-gradient(180deg, #3512b187 0%, #ffc1fdc2 100%);*/
    /*background: linear-gradient(180deg, #3512b187 0%, #ffc1fdc2 100%);*/
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    left: 0;
    transform: rotate(-4deg);
    z-index: -1;
}
.counter_skew .elementer-counter-number {
    position: relative;
}

.counter_skew .elementer-counter-number:before {
    top: 6px;
    content: "";
    height: 50px;
    width: 50px;
    background-color: #ffead6;
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    right: 0;
}

.bg_para p {
    font-family: "Poppins", "arial";
}



.custom___slider .banner{width:100%;}
.custom___slider .thumbnail-slider img {
  max-width: 100%;
  display: block;
  width: 100%;
}

.custom___slider .slick-arrow {
  outline: none
}

.custom___slider .thumb {
  opacity: .50
}

.custom___slider .thumb.slick-current {
  opacity: 1
}

.wp-block-search__label {
    font-size: 1.2em;
    font-weight: 300;
    display: none;
}

.float_left {
    float: left;
}

.w_fit {
    width: fit-content;
    margin-right: 10px;
}

/*Test Slider CSS Ends*/

/*Container CSS Starts*/


@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90% !important;
    }
}


@media (min-width: 768px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90% !important;
    }
}

@media (min-width: 575px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90% !important;
    }
}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90% !important;
    }
}


/*Container CSS Ends*/

.depicter-primary-container .depicter-text-layer {
    z-index: 1 !important;
}


/*Slider Plugin CSS Starts*/

@media screen and (max-width: 767px) {

#depicter-10 .depicter-view, #depicter-18 .depicter-view {
    max-height: 400px;
}

#depicter-10 .cta_btn_slider, #depicter-18 .cta_btn_slider  {
        top: -20px !important;
    position: absolute;
}

#depicter-20 {
    max-height: 590px;
}

#depicter-24 {
    max-height: 400px;
}



}


@media screen and (max-width: 575px) {

#depicter-10 .depicter-view, #depicter-18 .depicter-view  {
    max-height: 320px;
}

#depicter-10 .arrow_right, #depicter-18 .arrow_right {
    position: absolute;
    right: 100px;
}


#depicter-10 .arrow_left, #depicter-18 .arrow_left {
    position: absolute;
    left: 100px;
}



}


@media screen and (max-width: 480px) {

#depicter-10 .arrow_right, #depicter-18 .arrow_right {
   
    right: 130px;
}


#depicter-10 .arrow_left, #depicter-18 .arrow_left {
 
    left: 160px;
}


}


@media screen and (max-width: 420px) {

#depicter-10 .arrow_right, #depicter-18 .arrow_right {
   
    right: 165px;
}


#depicter-10 .arrow_left, #depicter-18 .arrow_left {
 
    left: 200px;
}


}

/*Slider Plugin CSS Ends*/

.mx_250 img {
    max-height: 250px;
    object-fit: cover;
}


/*Catalog Grid Starts*/

.catalog_grid .e-con {
    cursor: pointer;
    transition: .5s all;
}


.catalog_grid .elementor-widget-image img {
    object-fit:cover;
    border-radius: 10px;
}

.catalog_grid .col_1 .elementor-widget-image img {
    min-height: 30.2vw;
}

.catalog_grid .heading_catalog {
        margin-top: -5rem;
 
}

.catalog_grid .elementor-widget-heading {
       margin-left: 1rem;
}

.catalog_grid .col_2_main .e-con-inner {
    flex-direction: row !important;
}

.catalog_grid .col_2_main .heading_catalog {
    margin-top: -4rem;
   
}

.catalog_grid .heading_catalog h2 {
     transition: .3s all;
}

.catalog_grid .elementor-widget-image {
    transition: .3s all;
}

.catalog_grid .col_4 .elementor-widget-image img {
        max-height: 15.8vw;
    width: 100%;
}

.catalog_grid .col_4 {
        margin-top: 9px;
}


.catalog_grid_container .e-child {
    transition: .3s all;
    overflow: hidden;
}

.catalog_grid_container .e-child:before {
       content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgb(87 87 87 / 65%);
    border-radius: 0;  
    transition: 0.4s all;
    opacity: 0;
}

.catalog_grid_container .e-child:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.catalog_grid_container .col_half:before,
.catalog_grid_container .col_2_main:before{
    display: none !important;
}

.catalog_grid_container .elementor-heading-title {
    transition: .6s all;
}

.catalog_grid_container .col_1:hover .elementor-heading-title,
.catalog_grid_container .col_2:hover .elementor-heading-title,
.catalog_grid_container .col_3:hover .elementor-heading-title,
.catalog_grid_container .col_4:hover .elementor-heading-title{
    color: #101010 !important;   
    font-size: 2.2rem;
}

.catalog_grid .e-child:hover .heading_catalog h2 {
      color: #fff;
}

/*.catalog_grid_container .e-child:hover {*/
/*    background-size: cover;*/
/*}*/


.catalog_grid_container .e-parent {
    height: 500px;
}

.catalog_grid_container .col_2_main {
    height: 250px;
}

.catalog_grid_container .col_4  {
    height: 250px;
}

.catalog_grid_container .e-con-inner,
.catalog_grid_container .e-child {
    padding-top: 0;
    padding-bottom: 0;
    gap: 10px;
}

.catalog_grid_container .e-con.e-flex>.e-con-inner {
    gap: 10px;
}

/*.catalog_grid_container .e-child {*/
/*    border-radius: 10px;*/
/*}*/

.catalog_grid_container .col_2_main .e-con-inner {
    flex-direction: row !important;
}

/*Catalog Grid Ends*/


.icon_radius svg {
        border: 1px solid #cbcbcb;
    padding: 8px;
    border-radius: 30px;
    margin-left: 0;
    background: #f5f5f5;
}

.svg_bg svg {
        position: absolute;
    top: -220px;
    width: 150%;
    left: -95px;
    opacity: 0.5;
    z-index: -1;
}

.carousel_left .rw_img {
        float: left;
    border-radius: 50px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 30px;
}

.carousel_left .rw_content {
    margin-inline: 0;
    padding-inline: 0;
    text-align: left;
}

.social_icons_hovered  {
    position: absolute !important;
    right: 0;
    margin: 3px 3px;
}

.social_icons_hovered .elementor-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

.team_hover_col span.elementor-grid-item  {
    opacity: 0;
}

.team_hover_col:hover span.elementor-grid-item {
    animation-name: slider_right;
    animation-duration: .8s;
    animation-fill-mode: both;
    opacity: 1;
}

.social_icons_hovered span.elementor-grid-item:nth-child(1) {
   animation-delay: 0.01s;
}

.social_icons_hovered span.elementor-grid-item:nth-child(1) {
   animation-delay: 0.03s;
}


.social_icons_hovered span.elementor-grid-item:nth-child(1) {
   animation-delay: 0.06s;
}

@keyframes slider_right {
 0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.w__cont {
    max-width: fit-content;
}

.heading_drk h2 {
    font-size: 6rem;
}

.text_grad, .text_grad .char {
     background-clip: text;
     color: transparent;
     /*background-image: linear-gradient(133deg, #3512b1 0%, #e876e4 66%);*/
     background-image: linear-gradient(to bottom, #3512b1 0%, #e876e4 66%);
     line-height: normal;
}

.text_grad2 {
     background-clip: text;
     color: transparent;
     background-image: linear-gradient(to bottom, #ff6a00, #ee0979);
     line-height: normal;
}

.border_grad {
        background: linear-gradient(133deg, #FF82C7 0%, #A776E8 66%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
}

.teams__rounded .elementor-column .elementor-widget-wrap {
      border: 1px solid #4c4c4c;
    border-radius: 5rem;    
}

.teams__rounded .elementor-column .elementor-widget-wrap .elementor-widget-container img {
    object-fit: cover;
    width: 100%;
}

.teams__rounded .elementor-column .elementor-widget-wrap {
    margin-inline: 1rem;
}


.bg_gradient {
     background-color:hsla(0,100%,50%,1);
    /*background-image:*/
    /*radial-gradient(at 40% 20%, hsla(256,100%,74%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 80% 0%, hsla(268,100%,56%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 0% 50%, hsla(266,90%,37%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 80% 50%, hsla(233,100%,76%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 0% 100%, hsla(268,58%,39%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%),*/
    /*radial-gradient(at 0% 0%, hsla(245,100%,76%,1) 0px, transparent 50%);*/
    position: relative;
        overflow: hidden;
        background-size: 200% 200%;
        background-image: radial-gradient(at 40% 20%, hsla(256, 100%, 74%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(268, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(266, 90%, 37%, 1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(233, 100%, 76%, 1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(268, 58%, 39%, 1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(245, 100%, 76%, 1) 0px, transparent 50%);
        animation: animateMesh 2.5s infinite alternate;
    }
    
    
    
    .bg_gradient_light {
        background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 40% 20%, hsla(24,100%,95%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(189,70%,81%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(355,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(338,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(20,48%,98%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(240,0%,97%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(213,55%,90%,1) 0px, transparent 50%);
    }
    
      @keyframes animateMesh {
        from {
            background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
        }
        to {
            background-position: 100% 0, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0;
        }
    }
    
    
    .glass_effect .elementor-accordion-item .elementor-tab-title {
        background: rgba(255, 255, 255, 0.05);
   backdrop-filter: blur(5px);
       box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    }
    
    .box_shadow > .elementor-icon-wrapper {
       box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; 
    }
    
    .logo_col .elementor-icon-wrapper {
        border-radius: 2rem;
        padding: 1rem;
        margin: 1rem;
        width: max-content;
        height: fit-content;
    }
    
    .glass__effect .rw_content {
            box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; 
       background-color: rgb(255 255 255 / 60%);
   backdrop-filter: blur(5px);
   border-radius: 1rem;
    }
    
    
    .blog_rounded .blog_content {
        border-radius: 1rem;
        overflow: hidden;
    }
    
    .blog_rounded .blog-meta {
         padding-inline: 1rem;
         padding-bottom: 1rem;
    }
    
    .bg_hover1, .bg_hover2, .bg_hover3, .bg_transition {
        cursor: default;
        transition: .6s all;
    }
    
    .bg_default .elementor-widget-wrap {
        background-image: url('https://wp.modest-themes.com/aicore/wp-content/uploads/2024/06/bg_img5-scaled.jpg');
        background-size: cover;
       
    background-repeat: no-repeat;
    }
    
    .bg_default2 .elementor-widget-wrap {
        background-image: url('https://wp.modest-themes.com/aicore/wp-content/uploads/2024/06/bg_img4-scaled.jpg');
        background-size: cover;
 
    background-repeat: no-repeat;
    }
    
       .bg_hover1 .elementor-widget-wrap:hover *,
    .bg_hover2 .elementor-widget-wrap:hover *,
    .bg_hover3 .elementor-widget-wrap:hover *{
        color: #fff !important;
    }
    
    .bg_hover1:hover .elementor-widget-wrap {
        background-image: url('https://wp.modest-themes.com/aicore/wp-content/uploads/2024/06/bg_img4-scaled.jpg');
        background-size: cover;
        background-position: center center;
    background-repeat: no-repeat;
    }
    
 
    
     .bg_hover2:hover .elementor-widget-wrap {
        background-image: url('https://wp.modest-themes.com/aicore/wp-content/uploads/2024/06/bg_img3-scaled.jpg');
        background-size: cover;
        background-position: center center;
         background-repeat: no-repeat;
    }
    
    
     .bg_hover3:hover .elementor-widget-wrap {
        background-image: url('https://wp.modest-themes.com/aicore/wp-content/uploads/2024/06/bg_img2-scaled.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    
    .glass_effect2 .elementor-widget-wrap, .glass_effect_col .elementor-widget-wrap {
    /*        background-color: hsla(0, 0%, 100%, 1);*/
    /*background-image: radial-gradient(at 40% 20%, hsla(24, 100%, 95%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 70%, 81%, 1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 0%, 100%, 1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(338, 0%, 100%, 1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(20, 48%, 98%, 1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(240, 0%, 97%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(213, 55%, 90%, 1) 0px, transparent 50%);*/
    /*border-radius: 30px;*/
    /*box-shadow: 0 0 10px rgb(0 0 0 / 10%);*/
    
    /*    background-color: hsla(0, 0%, 100%, 1);*/
    /*background-image: radial-gradient(at 40% 20%, hsl(24deg 100% 95% / 45%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(189deg 70% 81% / 17%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(0deg 0% 100% / 55%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(338, 0%, 100%, 1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(20deg 48% 98% / 25%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(240, 0%, 97%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(213deg 55% 90% / 15%) 0px, transparent 50%);*/
    border-radius: 30px;
        box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    }
    
    .font_bold h2 {
        font-weight: 700;
    }
    
    .text_gradient span, .text_gradient .elementor-counter-title {
         background-image: linear-gradient(133deg, #FF82C7 0%, #A776E8 66%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
    }
    
    .text_gradient_purple span, .text_gradient_purple .elementor-counter-title {
         background-image: linear-gradient(133deg, #7108EB 0%, #8638e4 66%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    /*Loading Animation Starts*/
    
        .preloader {
      animation: tiltSpin 8s linear infinite;
      flex-direction: column;
      justify-content: center;
      align-items: center;
         width: 17em;
    height: 0em;

    }
    .preloader, .preloader__ring {
      transform-style: preserve-3d;
    }
    .preloader__ring {
      animation-name: spin;
      animation-duration: 4s;
      animation-timing-function: inherit;
      animation-iteration-count: inherit;
      font-size: 2em;
      position: relative;
      height: 3rem;
      width: 1.5rem;
    }
    .preloader__ring:nth-child(even) {
      animation-direction: reverse;
    }
    .preloader__sector {
      font-weight: 600;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      text-transform: uppercase;
      transform: translateZ(7rem);
    }
    .preloader__sector, .preloader__sector:empty:before {
        display: inline-block;
        width: 100%;
        background-image: linear-gradient(133deg, #FF82C7 0%, #A776E8 66%);
        height: 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .preloader__sector:empty:before {
      background: linear-gradient(transparent 45%, #a18fff 45% 55%, transparent 55%);
      content: "";
    }
    .preloader__sector:nth-child(2) {
      transform: rotateY(12deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(3) {
      transform: rotateY(24deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(4) {
      transform: rotateY(36deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(5) {
      transform: rotateY(48deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(6) {
      transform: rotateY(60deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(7) {
      transform: rotateY(72deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(8) {
      transform: rotateY(84deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(9) {
      transform: rotateY(96deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(10) {
      transform: rotateY(108deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(11) {
      transform: rotateY(120deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(12) {
      transform: rotateY(132deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(13) {
      transform: rotateY(144deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(14) {
      transform: rotateY(156deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(15) {
      transform: rotateY(168deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(16) {
      transform: rotateY(180deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(17) {
      transform: rotateY(192deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(18) {
      transform: rotateY(204deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(19) {
      transform: rotateY(216deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(20) {
      transform: rotateY(228deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(21) {
      transform: rotateY(240deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(22) {
      transform: rotateY(252deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(23) {
      transform: rotateY(264deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(24) {
      transform: rotateY(276deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(25) {
      transform: rotateY(288deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(26) {
      transform: rotateY(300deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(27) {
      transform: rotateY(312deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(28) {
      transform: rotateY(324deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(29) {
      transform: rotateY(336deg) translateZ(7rem);
    }
    .preloader__sector:nth-child(30) {
      transform: rotateY(348deg) translateZ(7rem);
    }
    
    /* Animations */
    @keyframes tiltSpin {
      from {
        transform: rotateY(0) rotateX(30deg);
      }
      to {
        transform: rotateY(1turn) rotateX(30deg);
      }
    }
    @keyframes spin {
      from {
        transform: rotateY(0);
      }
      to {
        transform: rotateY(1turn);
      }
    }
    
    /*Loading Animation Ends*/
    
    
    
    
    .bg_gradient_dark_container, .bg_gradient_dark{
        background-color:hsla(0,0%,0%,1);
        background-image:
        radial-gradient(at 40% 20%, hsla(285,0%,0%,1) 0px, transparent 50%),
        radial-gradient(at 80% 0%, hsla(260,100%,56%,1) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(256,31%,16%,1) 0px, transparent 50%),
        radial-gradient(at 80% 50%, hsla(340,0%,0%,1) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(19,100%,0%,1) 0px, transparent 50%),
        radial-gradient(at 80% 100%, hsla(240,53%,22%,1) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(266,81%,38%,1) 0px, transparent 50%);
    }
    
    .curved_text1 {
      position: absolute;
      top: 32px;
      left: 0;
      width: 400px;
    }
    
    .curved_text2 {
      position: absolute;
      top: 32px;
      left: 400px;
      width: 400px;
    }
    
    
    
    canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
}


.marquee_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.img_overflow img {
        margin-top: -15rem;
    margin-left: 2rem;
}

.border_rounded {
    border-radius: 3rem;
}



/*Custom Cursor Starts*/



.custom-cursor {
  position: fixed;
  top: -18px;
  left: -18px;
  display: block;
  width: 120px;
  height: 120px;
  pointer-events: none;
  will-change: transform;
  z-index: 998;
  -webkit-transform: matrix(1, 0, 0, 1, -100, -100);
  transform: matrix(1, 0, 0, 1, -100, -100);
  opacity: 0;
  mix-blend-mode: difference;
  transition: opacity 0.4s ease, -webkit-transform 0.15s cubic-bezier(0, 0.89, 0.49, 0.92);
  transition: transform 0.15s cubic-bezier(0, 0.89, 0.49, 0.92), opacity 0.4s ease;
  transition: transform 0.15s cubic-bezier(0, 0.89, 0.49, 0.92), opacity 0.4s ease, -webkit-transform 0.15s cubic-bezier(0, 0.89, 0.49, 0.92);
}

.custom-cursor .cursor {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  will-change: transform;
  width: 120px;
  height: 120px;
  float: left;
  border-radius: 100%;
  margin-top: -40px;
  margin-left: -40px;
  background: #fff;
}

.custom-cursor.custom-cursor-active .cursor {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 1;
}

.custom-cursor.custom-cursor-active-img {
  z-index: 1010;
}
.custom-cursor.custom-cursor-active-img .cursor {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 1;
  background: transparent;
}


body:hover .custom-cursor {
  opacity: 1;
}


/*Custom Cursor Ends*/

/*.marquee_text .js-marquee {*/
/*        background-image: linear-gradient(133deg, #FF82C7 0%, #A776E8 66%);*/
/*    color: transparent;*/
/*    background-clip: text;*/
/*}*/

.logo_col .elementor-icon-container {
    width: 8rem;
    height: 8rem;
    justify-content: center;
    display: flex;
    align-items: center;
}

.fit_gallery {
    width: fit-content;
}

.fit_gallery img {
    border-radius: 55px;
    max-width: 50px;
    height: 50px;
    margin-right: -20px;
    border: 1px solid #a5a4a1;
    object-fit: cover;
}

.text_gradient_bg {
    background-image: linear-gradient(to right, #da3e3e, #df2c2c);
    padding-inline: 1rem;
    border-radius: 1rem;
    color: #fff;
    padding-bottom: 4px;
}

.integration_section .elementor-container {
    justify-content: center;
}

.text_gradient3, .text_gradient3 .char,
.text_gradient3 span, .text_gradient3 .elementor-counter-title{
        background-image: linear-gradient(to bottom, #00ffa5, #82c2ff);
    background-clip: text;
    color: transparent;
}

.text_gradient4, .text_gradient4 .char,
.text_gradient4 span, .text_gradient4 .elementor-counter-title{
        background-image: linear-gradient(133deg, #860cff 0%, #3e00bc 66%);
    background-clip: text;
    color: transparent !important;
}

.elementor-widget-button.gradient_multi .elementor-button {
    background: #2f49fe;
    background: -webkit-linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
    background: linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
}

.font-900 {
    font-weight: 900;
}

.gradient_multi_number .elementor-heading-title {
        transform: rotate(-90deg);
    background: #2f49fe;
    background: -webkit-linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
    background: linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
    background-clip: text;
    color: transparent;
}

.gradient_multi_heading, .gradient_multi_heading .char {
        background: #2f49fe;
    background: -webkit-linear-gradient(to bottom, #446cd2, #3420bf, #dd42b2);
    background: linear-gradient(to bottom, #446cd2, #3420bf, #dd42b2);
    background-clip: text;
    color: transparent;
}

.white_carousel .rw_content {
    background-color: #fff;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(to top, #86377B 20%, #27273C 80%);
    /*  My awesome contribution:
      * Use the hue-rotate CSS3 property to change the background color of the animation!
      */
    -webkit-filter: hue-rotate(275deg); /* Safari 6.0 - 9.0 */
    filter: hue-rotate(275deg);
}

.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.gradient_multi_medium {
        background: #2f49fe;
    background: -webkit-linear-gradient(to right, #ee0979, #3420bf, #dd42b2);
    background: linear-gradient(to right, #ee0979, #3420bf, #dd42b2);
}


.video-main {
  position: relative;
  display: inline-block;
}

.video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: #000000;
  z-index: 999;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}




/*Particles Animation Starts*/

.particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
.particles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-animation: animate 25s linear infinite;
  animation: animate 25s linear infinite;
  bottom: -150px;
}
.particles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #f25f5c;
}
.particles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  background: #ffe066;
}
.particles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  background: #247ba0;
}
.particles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
  background: #70c1b3;
}
.particles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #50514f;
}
.particles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  background: #f25f5c;
}
.particles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  background: #ffe066;
}
.particles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 45s;
  animation-duration: 45s;
  background: #247ba0;
}
.particles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
  background: #70c1b3;
}
.particles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 11s;
  animation-duration: 11s;
  background: #50514f;
}

@-webkit-keyframes animate {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    -webkit-transform: translateY(-1000px) rotate(720deg);
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
@keyframes animate {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    -webkit-transform: translateY(-1000px) rotate(720deg);
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

/*Particles Animation Ends*/

.scroll_container {
  position: relative;
  width: 100vw;
}

.scrolling-text {
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
  will-change: transform;
  backface-visibility: hidden;
}

.scrolling-text .scrolling-text-content {
     color: #0d1e34;
    font-size: 2rem;
    white-space: nowrap;
    transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
  margin: 2px 0 !important;
}

.scroll_img_zoom {
    overflow: hidden;
    transition: 3s ease-out;
}

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.hide_shadow.cs-nav {
    box-shadow: unset;
}


/*Liquid Animation Starts*/

.liquid_animation img {
  /*width: 400px;*/
  /*height: 400px;*/
  /*background: linear-gradient(64.009163468deg, #f34868 23.44140625%, #f24768 23.44140625%, #9e00ec 79.84765625%);*/
  animation: wave 4s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% {
    border-radius: 70% 30% 72% 28%/27% 61% 39% 73%;
  }
  50% {
    border-radius: 77% 23% 54% 46%/40% 38% 62% 60%;
  }
}

/*Liquid Animation Ends*/

.header_gradient_purple {
        background: linear-gradient(to right, #446cd2, #3420bf, #dd42b2);
}


.bg_skew {
    -webkit-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg);
}

.bg_skew .elementor-container {
   transform: skew(0deg, 1.5deg);
}

.bg_skew .elementor-inner-section {
    transform: rotate(-0.34deg) !important;
}

/*Tag Animation Starts*/

.tag-list {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 1rem 0;
  position: relative;
  padding: 1.5rem 0;
  overflow: hidden;
}

.loop-slider .inner {
    display: flex;
    width: 100%;
    animation-name: loop;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: var(--direction);
    animation-duration: var(--duration);
  
}

.tag {
        font-family: 'Syne';
    display: flex;
    align-items: center;
    gap: 0 0.2rem;
    white-space: nowrap;
    color: #e2e8f0;
    font-size: 0.8rem;
    background-color: #0000008a;
    backdrop-filter: blur(5px);
    border-radius: 100px;
    padding: 0.7rem 1rem;
    margin-right: 1rem;
    border: 1px solid #292929;
    /*box-shadow: 0 0.1rem 0.2rem rgb(0 0 0 / 20%), 0 0.1rem 0.5rem rgb(0 0 0 / 30%), 0 0.2rem 1.5rem rgb(0 0 0 / 40%);*/
}

.tag span {
  
    font-size: 1.2rem;
    color: #64748b;
  
}

.fade {
  pointer-events: none;
  background: linear-gradient(90deg, #1e293b, transparent 30%, transparent 70%, #1e293b);
  position: absolute;
  inset: 0;
}

@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*Tag Animation Ends*/

.filter_dark img {
    filter: invert(0.9) sepia(1) hue-rotate(200deg);
}

.color_white .scrolling-text-content {
    color: #fff;
}

.border-bottom {
    border-bottom: 1px solid #e0dddd !important;
}

.btm_menu ul {
    list-style-type: none;
    padding-left: 0;
}

.btm_menu ul li {
    padding-bottom: 10px;
}

.btm_menu ul li a:hover {
    text-decoration: underline;
}

.btm_menu.link_white ul li a {
    color: inherit;
    font-family: 'Syne', 'Arial';
}

.btm_menu.link_white ul li a {
    color: #fff;
}

.btm_menu.link_black ul li a {
    color: #fff;
}

.c_inherit_link,
.c_inherit_link a {
    color: inherit;
}

.c_inherit_link:hover,
.c_inherit_link:hover a {
    color: inherit;
}

.hover_zoom img {
    transition: 0.3s ease-out;
}

.hover_zoom:hover img {
    transform: scale(1.07);
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.hide_category .portfolio_cat_filter {
    display: none;
}

.flex_row {
    flex-direction: row;
}

.flex_col > :first-child {
    flex-direction: column !important;
}

.width_50 {
    max-width: 50%;
}

/*Masked CSS Starts*/

.masked_1 .elementor-background-slideshow__slide__image,
.masked_1 img {
    /*    width: 555px;*/
    /*height: 350px;*/
    --url: url('https://raw.githubusercontent.com/Brian-Pob/images/main/inverted-br-top.svg');
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 230px 1fr;
    grid-template-areas:
        "a b"
        "c c"
        "c c";
            min-width: 195% !important;
    background-position: 50%;
    background-size: contain;
}

.masked_bg_1 > .elementor-widget-wrap {
  aspect-ratio: 1200 / 800; 
  mask-image: url("https://raw.githubusercontent.com/Brian-Pob/images/main/inverted-br-top.svg");
  -webkit-mask-image: url("https://raw.githubusercontent.com/Brian-Pob/images/main/inverted-br-top.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  /* mask-size: contain; */
  /* -webkit-mask-size: contain; */
}

.masked_bg_2 > .elementor-widget-wrap {
  aspect-ratio: 1200 / 800; 
  mask-image: url("https://wp.modest-themes.com/slide/wp-content/uploads/2024/11/mask_bg.png");
  -webkit-mask-image: url("https://wp.modest-themes.com/slide/wp-content/uploads/2024/11/mask_bg.png");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  /* mask-size: contain; */
  /* -webkit-mask-size: contain; */
}

.masked_bg_img img {
    aspect-ratio: 1200 / 400;
    mask-image: url(https://raw.githubusercontent.com/Brian-Pob/images/main/inverted-br-top.svg);
    -webkit-mask-image: url(https://raw.githubusercontent.com/Brian-Pob/images/main/inverted-br-top.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 138% auto;
}

.masked_card_right {
    width: 16rem;
    height: 7rem;
    background-color: #fff;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}


.bottom-center-cutout-top-borders-with-bg {
    width: 16rem;
    height: 7rem;
    background-color: #fff;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.bottom-right-box-shadow {
    width: 2.5rem;
    height: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: -2.5rem;
        box-shadow: -0.5rem 0.5rem 0 0.5rem white;
}

.bottom-left-box-shadow {
    width: 2.5rem;
    height: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -2.5rem;
    right: auto;
        box-shadow: 0.5rem 0.5rem 0 0.5rem white;
}

/*Masked CSS Ends*/

.text_color1 {
    color: #ff005e;
}

.rating_custom1 .fa {
    color: #ff005e;
}

.rating_custom1 .review_sub_heading {
    font-weight: 400;
    font-size: 14px;
}

.outline_1 {
    outline: 2px solid #ff005e;
    border-radius: 50px;
}

.custom_text_1 {
    /*background-color: #FF3605;*/
    background-color: #ff051c;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-weight: 900;
    letter-spacing: -3px;
}

/*Drag Slider CSS Starts*/

.abstract_img1 {
    position: relative;
}

.abstract_img1 .span1 {
    width: 30px;
    height: 60px;
    border-right: solid 30px rgb(8 8 8);
    border-bottom: solid 64px transparent;
    border-top: solid 30px transparent;
    position: absolute;
    right: 9%;
    transform: rotate(40deg);
} 

.abstract_img1 .span2 {
    width: 30px;
    height: 60px;
    border-right: solid 30px rgb(0 255 184);
    border-bottom: solid 30px transparent;
    border-top: solid 30px transparent;
    position: absolute;
    right: 11px;
    background: transparent;
}


.abstract_img2 {
    position: relative;
}

.abstract_img2 .span1 {
    width: 6px;
    height: 60px;
    border-right: solid 30px rgb(255 129 0);
    border-bottom: solid 64px transparent;
    border-top: solid -13px transparent;
    position: absolute;
    right: 9%;
    transform: rotate(40deg);
} 

.abstract_img2 .span2 {
    width: 30px;
    height: 60px;
    border-right: solid 30px rgb(8 8 8);
    border-bottom: solid 30px transparent;
    border-top: solid 90px transparent;
    position: absolute;
    right: 11px;
    background: transparent;
}

/*Drag Slider CSS Ends*/

.bg_light1 {
    background-color: #ebffad;
    font-weight: normal;
    padding-inline: 2px;
}

.clr_prp {
    color: #6c02e1;
}

.pre__heading {
    position: relative;
}

.pre__heading:before {
    content: "";
    height: 50px;
    width: 50px;
    background-color: #ebffad;
    border-radius: 100px;
    transform: skewX(-20deg);
    display: block;
    position: absolute;
    left: -15px;
    z-index: -2;
    top: -11px;
}

.border_gradient_top1 {
        border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #FF3605;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to left, #c80066, #FF051C);
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}


.column__absolute {
    bottom: 110px;
    max-width: 223px;
    left: 55%;
    border: 0;
    outline: 5px solid #ffffff;
    z-index: 2;
    padding: 0rem 1rem 0rem 1rem;
}

.border__transparent .size-thumbnail {
        border: 1px solid transparent;
    outline: 3px solid #f7f7f7;
}


/*Tabs CSS Starts*/

.tab_btn a {
    border-bottom: 0;
    --r: .8em;
    border-inline: var(--r) solid #0000;
    border-radius: calc(2* var(--r)) calc(2* var(--r)) 0 0 / var(--r);
    mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1* var(--r)) 101% / 100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box;
    margin-right: -2rem;
    cursor: pointer;
}

.tab_btn.active {
    z-index: 1;
}

.tab_btn.active a {
    background-color: #fff !important;
}

.right_0 {
    right: 0;
}

.btm_radius {
    bottom: 29px;
}

.mask_radius {
    margin-bottom: 0 !important;
}

.mask_radius .elementor-widget-container {
         border-bottom: 0;
    --r: .8em;
    border-inline: var(--r) solid #0000;
    border-radius: calc(2* var(--r)) calc(2* var(--r)) 0 0 / var(--r);
    mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1* var(--r)) 101% / 100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box;
}

/*Tabs CSS Ends*/

.text_border .js-marquee {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 4rem;
    color: #fff;
}


.masked_col_radius {
    border-bottom: 0;
    --r: .8em;
    border-inline: var(--r) solid #0000;
    border-radius: calc(2* var(--r)) calc(2* var(--r)) 0 0 / var(--r);
    mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1* var(--r)) 101% / 100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box;
    max-width: 400px;
    margin-bottom: 0;
}

.max_450 {
    max-width: 450px;
}

.rt-0 {
    right: 0;
}

.btm-0 {
    bottom: 0;
}

.top-0 {
    top: 0;
}

.lft-0 {
    left: 0;
}

body .mask_right::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: -2rem;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0.313rem 0.413rem 0 0.313rem #fff;
}

body .mask_right::after {
    position: absolute;
    content: "";
    top: -2rem;
    z-index: 99;
    right: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0.313rem 0.413rem 0 0.313rem #fff;
}

body .mask_top_right::before {
    position: absolute;
    content: "";
    top: 0;
    left: -30px;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-right-radius: 2rem;
    box-shadow: 0.313rem -0.313rem 0 0.313rem #fff;
}

body .mask_top_right_light::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: -30px;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-right-radius: 2rem;
    box-shadow: 0.313rem -0.313rem 0 0.313rem #f5f5f5;
}

body .mask_top_right::after {
    position: absolute;
    content: "";
    bottom: -2rem;
    z-index: 99;
    right: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-right-radius: 2rem;
    box-shadow: 0.313rem -0.313rem 0 0.313rem #fff;
}

body .mask_top_right_light::after {
    position: absolute;
    content: "";
    bottom: -2rem;
    z-index: 99;
    right: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-right-radius: 2rem;
    box-shadow: 0.313rem -0.313rem 0 0.313rem #f5f5f5;
}

body .mask_left::after {
    position: absolute;
    content: "" !important;
    bottom: 0;
    right: -2rem;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-bottom-left-radius: 2rem;
    box-shadow: -0.313rem 0.313rem 0 0.313rem #fff;
}

body .mask_left::before {
    position: absolute;
    content: "";
    top: -2rem;
    z-index: 99;
    left: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-bottom-left-radius: 2rem;
    box-shadow: -0.313rem 0.313rem 0 0.313rem #fff;
}

body .mask_top_left::after {
    position: absolute;
    content: "" !important;
    bottom: 0;
    right: -2rem;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-left-radius: 2rem;
    box-shadow: -0.313rem 0.313rem 0 0.313rem #fff;
}

body .mask_top_left::before {
    position: absolute;
    content: "";
    top: -2rem;
    z-index: 99;
    left: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-top-left-radius: 2rem;
    box-shadow: -0.313rem 0.313rem 0 0.313rem #fff;
}


.text_link {
    color: #000;
    text-decoration: underline;
}

.faq_custom .elementor-accordion-icon-closed,
.faq_custom .elementor-accordion-icon-opened {
    position: absolute;
    right: 5px;
    padding: 3px;
    border: 1px solid gray;
    border-radius: 30px;
    margin-top: -5px;
    line-height: 0;
}

.text_custom_color, .text_custom_color .char,
.text_custom_color span, .text_custom_color .elementor-counter-title{
     
    color: #000;
}


/*Media Queries Starts*/


@media screen and (max-width: 1192px) {
    .single_post_container .slider_h1 {
        font-size: 2.5rem;
    }
    
    .navbar-light .navbar-toggler {
        padding-right: 5px;
    }
    
    #navbar {
        padding: 0.5rem 10px;
    }
    
    .navbar li:hover > ul, #navbar .primary-menu ul li:hover > ul {
        margin-top: 0;
        background-color: #fff;
    }
    
    .navbar .menu-item:hover:after {
    width: 100%;
    }
    
    .cs_srch  {
        padding-top: 2px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .widget .wp-block-search__button {
        padding: 6px 7px;
        margin-top: 10px;
        margin-left: 10px;
    }
    
    .widget h1, .widget h2 {
        font-size: 1.5rem;
    }
    
    .blog_title {
        font-size: 1.2rem !important;
    }
    
    .blog-meta {
        font-size: .8rem;
    }
    
    .blog-meta .post_time {
        display: none;
    }
    
    .widget ol.wp-block-latest-comments {
    padding-left: 15px;
    }
    
    .custom_breadcrumb {
       margin-top: 0;
    }
    
    
    .social_share_buttons i {
     padding-right: 5px;
     padding-left: 5px;
    }
    
     .portfolio_single_cat_link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) {
     .single_post_container {
         padding: 4em 3em;
     }
     
     .navbar .menu-item:after {
         display: none;
     }
     
     .side_header_btn {
         display: none;
     }
     
     .navbar li .sub-menu {
        background: transparent;
     }
}


@media screen and (max-width: 767px) {
    
    .mb_auto {
        margin: 0 auto !important;
    }
    
   .column__absolute {
        bottom: 110px;
        max-width: 60%;
        left: 31%;
   }
   
   .column_absolute .size-thumbnail {
       max-width: 40px;
       max-height: 40px;
   }
   
   .order_1 {
    order: 1 !important;
    }
    
    .order_2 {
        order: 2 !important;
    }

    body .max_450 {
        max-width: 330px;
        position: relative !important;
        margin-right: -2rem !important;
        margin-bottom: -2rem !important;
    }
    
    .single_post_container .slider_h1 {
        font-size: 1.7rem;
    }
   
   .custom_breadcrumb li {
           padding: 2px 10px 4px 10px;
           margin-bottom: 5px;
   }
   
   .custom_breadcrumb li.item-current strong  {
           font-weight: 600;
   }
   
   .custom_breadcrumb {
       font-size: .9rem;
       padding: 8px 0;
   }
   
   .cbtm_col a, .cbtm_col p {
    font-size: .8rem;
   }
   
   .btm_container {
        margin-top: 3rem;
       padding: 1em 0em 0em 0em;
   }
   
   .btm_container .cbtm_col {
       padding-right: 0 !important;
       padding-left: 0 !important;
   }
   
   .widget h2 {
       margin-top: 2rem !important;
   }
   
   .btm_container .widget-title {
    margin-top: 0 !important;
   }
   
   .post__category, .share-info {
    font-size: 1em !important;
   }
   
   .comment-reply-title {
       font-size: 1.2rem;
   }
   
   .reply-title {
           font-family: "Share Tech";
   }
   
   .widget .wp-block-search__button {
    padding: 9px 7px;
    margin-top: 0;
    margin-left: 10px;
   }
   
   .portfolio_single .portfolio_single_title {
       font-size: 2rem;
   }
   
   .catalog_grid_container .col_1 {
    height: 200px;
    margin-inline: 10px;
    margin-bottom: 10px;
   }
   
   .md_justify_center {
       justify-content: center !important;
   }
   
   .ord_1 {
       order: 1 !important;
   }
   
   .ord_2 {
       order: 2 !important;
   }
   
   .number_section .elementor-container,
   .number_section .elementor-widget-wrap {
       justify-content: center;
   }
   
   
}


@media screen and (max-width: 575px) {
    
    body .max_450 {
        max-width: 250px;
    }
    .social-section .col-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: left !important;
    }
    
    .pre_heading p {
        font-size: .8rem;
    }
}

/*Media Queries Ends*/