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

CSS Name: Helper
Author: validtheme
Description: This package will help you to manage padding, margin, button, animation, 
             very easily with lots of options.

Version: 1.0


>>> Whats Included:
=======================
	1. Font Weight
    2. Position
    3. Animation
    4. Margin
    5. Padding
    

*/

/*==============================================
	1. Font Weight
================================================*/

.fw-500 {
	font-weight: 500;
}

/*==============================================
	2. Position
================================================*/

/*==============================================
1. Margin:
   mt = margin-top
   mb = margin-bottom
   ml = margin-left
   mr = margin-right

2. Padding:
   pt = padding-top
   pb = padding-bottom
   pl = padding-left
   pr = padding-right
================================================*/


/* Margin Top */

/* Margin Bottom */

/* Margin Left */

/* Margin Right */

/* Margin LG */
/* Margin MD */
/* Margin XS */
/* Padding Top */

/* Padding Bottom */

/* Padding Left */

/* Padding Right */

/* Padding LG */
/* Padding MD */
/* Padding XS */
/* ----------------------------------

Template Name: Metize - Startup & SaaS Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Manrope
Main Color   : #2667FF

-------------------------------------

[Typography]

Body copy:    15px 'Manrope', sans-serif
Header:     36px 'Manrope', sans-serif
Input, textarea:  16px 'Manrope', sans-serif
Sidebar heading:  22px 'Manrope', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
    04. Banner
        - Banner Creative
        - Banner Digital Agency
        - Banner Portfolio
    05. Services
        - Version One
        - Version Two
        - Service Single
	06. About
        - Version One
        - Version Two
    07. Project
        - Project Carousel
        - Project Grid
        - Project Single
    08. Why Choose Us
    09. Team
        - Team Version One
        - Team Single
    10. Testimonials
    11. Why Choose Us
    12. Faq
    13. Progress
    14. Brand / Partner
    15. Feature
    16. What We Offer
    17. Pricing
    18. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/

/*
** General Styles for HTML tags
*/

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

Template Name: Metize - Startup & SaaS Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Plus Jakarta Sans
Main Color   : #3366FF

-------------------------------------

[Typography]

Body copy:    15px 'Plus Jakarta Sans', sans-serif
Header:     36px 'Plus Jakarta Sans', sans-serif
Input, textarea:  16px 'Plus Jakarta Sans', sans-serif
Sidebar heading:  22px 'Plus Jakarta Sans', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
    04. Banner
        - Banner Software
        - Banner Seo Agency
        - Banner Digital Agency
        - Banner Business
    05. Services
        - Version One
        - Version Two
        - Version Three
        - Service Single
	06. About
        - Version One
        - Version Two
    07. Project
        - Project Grid
        - Project Single
    08. Why Choose Us
    09. Team
        - Team Grid
        - Team Tab
        - Team Single
	10. Feature
        - Version One
        - Version Two
        - Version Thre
    11. Testimonials
        - Version One
        - Version Two
    12. Pricing
    13. Faq
    14. Progress
    15. Brand / Partner
    16. Feature
    17. Fun Factor
    18. Pricing
    19. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    20. Error 404
    21. Footer
    22. PHP Contact Form
    23. Others

*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');


/* Varialbes */
:root {
	--font-default: 'Plus Jakarta Sans', sans-serif;
	--font-heading: 'Plus Jakarta Sans', sans-serif;
	--fontawesome: "Font Awesome 5 Pro";
	--black: #000000;
	--dark: #262525;
	--dark-secondary: #1d1d1d;
	--white: #ffffff;
	--color-primary: #58A162;
	--color-secondary: #00bfff;
	--color-heading: #04000b;
	--color-paragraph: #666666;
	--box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
	--box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
	--box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
	--bg-gray: #eaeff4;
	--bg-gradient: linear-gradient(90deg, var(--color-primary)  20%, var(--color-secondary) 100%);
	--text-gradient: linear-gradient(90deg, #A75BE2 0%,#76529B 45.714285714285715%,#43BADF 100%);
	--bg-theme-subtle:#36A55B0B;
}




/* ============================================================== 
     # Reset Browsers
=================================================================== */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body,
html {
	height: 100%;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

html, body, div, span, img, ol, ul, li, a, p, h1, h3, footer, header, nav {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.wrapper {
	height: 100%;
}

img {
	border: none;
	outline: none;
	max-width: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
}

a img {
	border: none;
}

a:active {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
	opacity: 1;
}

a:focus {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
}

a:hover {
	outline: none;
	text-decoration: none;
	color: var(--color-primary);
	opacity: 1;
}

button {
	outline: medium none;
}

ul {
	list-style-type: none;
}

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

.row {
	--bs-gutter-x: 30px;
}

/* ============================================================== 
    # Template Default Styles
=================================================================== */

body {
	font-family: var(--font-default);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	overflow-x: hidden;
	background-color: var(--white);
	color: var(--color-paragraph);
}

h1, h3 {
	color: var(--color-heading);
	font-weight: 700;
	line-height: 1.2;
	font-family: var(--font-heading);
	letter-spacing: 0;
	margin: 0;
	margin-bottom: 15px;
}

h1 {
	font-size: 48px;
}

h3 {
	font-size: 30px;
}

a, .btn, button {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	outline: medium none;
	text-decoration: none;
	font-weight: 800;
}

p {
	color: var(--color-paragraph);
	margin: 0 0 25px;
	text-transform: none;
	font-weight: 500;
	font-family: var(--font-default);
}


/* ============================================================== 
    # Helper CSS
=================================================================== */

@media only screen and (max-width: 767px) {
	.row {
		--bs-gutter-x: 1.5rem;
	}
}

.bg-cover {
	background-position: center center !important;
	background-size: cover !important;
}

/* .bg-light {
	background-color: var(--white) !important;
} */

.bg-dark {
	background-color: var(--dark) !important;
}

.text-light {
	color: var(--white);
}

.text-light h1,
.text-light p,
.text-light a {
	color: var(--white);
}

.default-padding {
	position: relative;
}

.default-padding {
	padding-top: 120px;
	padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
	.default-padding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


/* ============================================================== 
    # Video Play Button 
=================================================================== */



/* ============================================================== 
    # Template Animation
=================================================================== */

/* Video Paly */

/*Zoom Animation */

/* Slider Zoom Effect */

/* Spiner Animation */

/*Preloader Spiner Animation */


/* Spiner Animation */

/*Preloader Spiner Animation */

/* Infinite Up Down Animation */

/* Animation UpDown */

/* Animation Left Right */

/* Fade Left Right */

/* Animation Right Left */

/* Animation Zoom Up Down */

/* Zoom Up Down */

/* Animation Moving */

/* Mooving Animation */

/* Animation Rotation */

/* Button Border Animation */

/* Animation Shine (A shine color will move inside the text) */

/* ============================================================== 
    # Button Styles
=================================================================== */
.btn {
	display: inline-block;
	font-weight: 700;
	text-transform: capitalize;
	transition: all 0.35s ease-in-out;
	overflow: hidden;
	border-radius: 7px;
	border: 2px solid transparent;
	-webkit-box-shadow: inherit;
	box-shadow: none !important;
	font-size: 16px;
	letter-spacing: 0;
	padding: 13px 30px;
	background: #E7EDF8;
	position: relative;
	z-index: 1;
}

.btn:focus {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	border: 2px solid transparent;
}


button {
	display: inline-block;
	font-weight: 700;
	text-transform: capitalize;
	transition: all 0.35s ease-in-out;
	overflow: hidden;
	border-radius: 7px;
	border: 2px solid transparent;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	font-size: 16px;
	letter-spacing: 0;
	padding: 14px 40px;
	background: #E7EDF8;
	position: relative;
	z-index: 1;
	color: var(--white);
	border: none;
	background: var(--color-primary);
}

button::after {
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: inherit;
	left: -5%;
	content: "";
	height: 150px;
	width: 115%;
	z-index: -1;
	background-color: var(--dark);
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: translateY(-45%) skew(25deg) scale(0);
	transform: translateY(-45%) skew(25deg) scale(0);
}

button:hover::after {
	-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
	transform: translateY(-45%) skew(25deg) scale(1.2);
}

button i {
	margin-right: 4px;
}

/* Btn Animation */

@media only screen and (max-width: 767px) {
	.row {
		--bs-gutter-x: 1.5rem;
	}
}

.bg-dark,
.bg-dark p {
	color: #cccccc;
}


/* Fun Fact */


/* ============================================================== 
    # Topbar Styles
=================================================================== */


/* ============================================================== 
    # Navbar Styles
=================================================================== */

/* ============================================================== 
    # Nice Select Styles
=================================================================== */

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}

/* ============================================================== 
    # Banner Styles
=================================================================== */

/* ============================================================== 
    # Banner Custom Style
=================================================================== */

/* Banner Software */

/* Banner Digital Agency */


/* Banner SEO Agency */


/* banner business */

/* Banner IT Solutions */

/* Feature */

/* Software Overview */


/* ============================================================== 
    # About
=================================================================== */

/* ============================================================== 
    # About
=================================================================== */


/* ============================================================== 
    # About
=================================================================== */



/* ============================================================== 
    # Software benefits
=================================================================== */

/* ============================================================== 
     # Fun Fact
=================================================================== */


/* ============================================================== 
     # Testimonial
=================================================================== */



/* ============================================================== 
     # Testimonial Two
=================================================================== */


/* ============================================================== 
     # Pricing
=================================================================== */



/* ============================================================== 
    # Contact
=================================================================== */

/* ============================================================== 
    # Brand
=================================================================== */

/* ============================================================== 
    # Brand Two 
=================================================================== */

/* ============================================================== 
    # Feature Two 
=================================================================== */


/* ============================================================== 
    # Service
=================================================================== */


/* ============================================================== 
    # Service
=================================================================== */


/* ============================================================== 
    # Service
=================================================================== */


/* ============================================================== 
    # Services
=================================================================== */


/* ============================================================== 
    # Services Details
=================================================================== */



/* ============================================================== 
    # Faq
=================================================================== */

/* ============================================================== 
    # Feature
=================================================================== */


/* ============================================================== 
    # Choose Us
=================================================================== */


/* ============================================================== 
    # Choose Us Style TWo
=================================================================== */

/* ============================================================== 
    # Choose Us Three
=================================================================== */


/* ============================================================== 
    # Feature
=================================================================== */


/* ============================================================== 
    # Feature
=================================================================== */


/* ============================================================== 
    # Project
=================================================================== */


/* ============================================================== 
    # Project Details
=================================================================== */




/* ============================================================== 
    # Team Area 
=================================================================== */


/* Team Tabs */

/* ============================================================== 
     # Team Single  
=================================================================== */



/* ============================================================== 
    # Footer
=================================================================== */

footer {
	overflow: hidden;
}

.footer-bottom {
	border-top: 1px solid #dddddd;
	margin: 0;
	padding: 15px;
	background: var(--dark) !important;
	position: relative;
	z-index: 1;
}

.bg-dark .footer-bottom {
	background: var(--dark);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom p {
	color: #cccccc;
	margin-bottom: 0;
}


/* ============================================================== 
    # 404 page
=================================================================== */


/* ============================================================== 
    # Responsive CSS
=================================================================== */

/* Desktop  */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	/* Gallery */
}


/* Desktop Mini */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* Banner */

	/* Gallery */
}

/* Tablet To Mobile */
@media (max-width: 1023px) {

	/* Footer */

	/* Services */

	/* team */
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* About */


	/* Feature */

	/* Brand */

	/* Overview */

	/* Testimonial */


	/* Services */

	

	/* Team Single */

	/* Gallery */



	/* Fun Fact */


	/* Contact */
}

/* Mobile */
@media (max-width: 767px) {
	/* Banner */

	/* About */


	/* Feature */

	/* Feature Two */

	/* Feature */

	/* Brand */


	/* Services */

	/* Service */


	/* Choose Us */

	/* Team Single */

	/* Overview */

	/* Soft Installation */


	/* Fun Fact */

	/* Testimonial */

	/* Gallery */



	/* Contact */

	/* Blog */
}

/* Max Wide Mobile Layout: 600px. */

/* Wide Mobile Layout: 480px. */

/* Custom Layout */
@media only screen and (max-width: 480px) {

	/* Brand */

	/* Services */

	/* Feature */

	/* Team */
}


/* ============================================================== 
     # Preloader 
=================================================================== */

/* Defautl CSS for Blog */


/* ============================================================== 
    # Blog
=================================================================== */

.blog-area {
	background-size: 30%,  contain;
	background-repeat: no-repeat;
	background-position: top right;
}

.blog-area .item {
	box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
	overflow: hidden;
	background: var(--white);
	border-radius: 8px;
}

.blog-area .item .info {
	border-radius: 0 0 10px 10px;
	padding: 30px;
}






/* ============================================================== 
    # Blog Styles
=================================================================== */

.blog-area h3 {
	font-weight: 700;
}

/* Pagination */

/* Sidebar */

/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area {
	word-break: break-word;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

@media (min-width: 1024px) {
	.breadcrumb-area {
		border-radius: 0 0 50px 50px;
	}
}

.breadcrumb-item {
	position: relative;
	z-index: 1;
	padding: 150px 0;
	padding-top: 200px;
}

.breadcrum-shape {
	position: absolute;
	right: 0;
	bottom: 100px;
	text-align: right;
	opacity: 0.4;
	z-index: -1;
}

.breadcrum-shape img {
	height: 100px;
	width: auto;
}

.breadcrumb-area h1 {
	display: block;
	font-weight: 700;
	margin-top: -10px;
	margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.breadcrumb-item {
		position: relative;
		padding: 150px 0;
		padding-top: 150px;
	}

	.breadcrum-shape {
		display: none;
	}

	.breadcrumb-area h1 {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

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

	.breadcrum-shape {
		display: none;
	}

	.breadcrumb-item {
		padding: 100px 0;
		padding-bottom: 100px;
	}

	.breadcrumb-area h1 {
		font-size: 36px;
		margin-top: 0;
		margin-bottom: 10px;
	}
}


/* Blog Single */
/* .blog-area.single .item .blog-item-box span {
	background-color: var(--color-primary);
	color: var(--white);
	display: inline-block;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3px 20px;
	text-transform: uppercase;
} */

.blog-area.single .item .blog-item-box h3 {
	font-weight: 700;
}

/* Unit Common */

.single h3 {
	font-weight: 700;
}

.blog-area.full-blog .item {
	border-radius: 8px;
	box-shadow: inherit;
	margin-bottom: 40px;
	overflow: inherit;
}

.blog-area.full-blog .item .info {
	box-shadow: 0 3px 40px 0 rgb(0 0 0 / 10%);
	border-radius: inherit;
	overflow: hidden;
	padding: 50px;
}

.blog-area.full-blog.single .item .info {
	padding: 0;
	box-shadow: inherit;
	overflow: inherit;
}

  /* Comments */

@media (max-width: 767px) {

	.blog-area.full-blog .item .info {
		padding: 30px;
	}
}

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

Template Name: Validnavs - Multipurpose Navbar Menu
Author: validtheme
Description:
Version: 1.0

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


:root {
	--box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, .1);
	--box-shadow-secondary: 0 6px 12px rgba(0, 0, 0, 0.175);
	--box-shadow-extra: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
	--box-shadow-dark: 0px 0px 0px;
}


/* Default for supporting bootstrap */

.navbar .container {
	display: block;
}

.navbar {
	position: relative;
	padding: 0;
}

.navbar .navbar-collapse.collapse {
	display: block !important;
	float: left;
	flex: inherit;
}

.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}

.navbar-brand>img {
	display: block;
	height: 35px;
}

.navbar-toggle {
	position: relative;
}

.navbar-toggle:focus {
	outline: 0;
}

.navbar-brand {
	margin: 0;
	padding: 0;
	display: block;
}

.navbar .attr-right {
	float: right;
}

.navbar .attr-right .attr-nav li {
	display: flex;
	align-items: center;
}

.navbar .attr-right .attr-nav li a {
	padding: 30px 0;
	display: block;
}

.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
	display: table;
	content: " ";
}

.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
	clear: both;
}


/* * Navbar Main Css * v1.0 */

nav.validnavs .container {
	position: relative;
}


/* Navbar Default */

nav.navbar.validnavs {
	background-color: var(--white);
	border-radius: 0;
	border: none;
	margin: 0;
}

nav.navbar.validnavs .navbar-toggle {
	margin: 0;
	background: transparent;
	border: none;
	font-size: 25px;
	padding: 30px 0;
}

nav.navbar.validnavs .navbar-toggle::after {
	display: none;
}

nav.navbar.validnavs .navbar-toggle i {
	font-weight: 300;
	color: var(--color-heading);
}

#navbar-menu {
	-webkit-animation-duration: 0.35s;
	animation-duration: 0.35s;
}

.validnavs a {
	color: #232323;
	font-weight: 700;
	text-transform: capitalize;
	background: transparent;
}

.validnavs a:focus,
.validnavs a:hover {
	background: transparent !important;
}

.attr-nav li {
	display: inline-block;
}

.attr-nav>ul>li>a {
	position: relative;
}


/* Drowpdown Cart */


/* Top Search */

body {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav.navbar.validnavs.navbar-fixed {
	display: block;
	width: 100%;
	z-index: 100;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
	top: 0;
}

nav.navbar.validnavs {
	z-index: 100;
	padding: 10px 0;
}

@media (min-width: 1024px) {
	/* Custom */

	nav.navbar.validnavs.navbar-fixed {
		position: absolute;
		background: transparent;
	}

	nav.navbar.validnavs.navbar-fixed .logo-display {
		display: none;
	}
	nav.navbar.validnavs.navbar-fixed.no-background .logo-display {
		display: block;
	}

	nav.navbar.validnavs.navbar-fixed.navbar-transparent .logo-display{
		display: block;
	}

	nav.navbar.validnavs.navbar-fixed .logo-scrolled {
		display: block;
	}

	nav.navbar.validnavs.navbar-fixed.no-background .logo-scrolled {
		display: none;
	}
	/* Center Menu */
	/* Nav box */

	/* Navbar Full Width */
}

@media (max-width: 1023px) {
	a.navbar-brand {
		/* position: absolute; */
		left: 50%;
		/* transform: translate(-50%, -50%); */
		top: 50%;
	}

	nav.navbar.validnavs {
		padding: 0;
		position: relative !important;
	}

	nav.navbar.validnavs .navbar-collapse {
		border: none;
		margin-bottom: 0;
	}

	nav.navbar.validnavs.no-full .navbar-collapse {
		max-height: 350px;
		overflow-y: auto !important;
	}

	nav.navbar.validnavs .navbar-collapse.collapse {
		display: none !important;
	}

	.attr-nav>ul {
		padding: 0;
	}

	.attr-nav>ul>li>a {
		padding: 16px 15px 15px;
	}

	body>.wrapper {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	nav.navbar.validnavs.navbar-fixed .logo-scrolled {
		display: block !important;
	}
	

	nav.navbar.validnavs.navbar-fixed .logo {
		display: block !important;
		max-height: 25px;
	}

	.navbar-brand>img {
		height: auto;
		max-height: 60px;
	}

	nav.navbar.validnavs.navbar-fixed .logo-display {
		display: none !important;
	}

	nav.navbar.validnavs.brand-center .logo-display {
		display: none;
	}


	nav.navbar.validnavs .navbar-toggle {
		padding: 20px 0;
	}
}

@media (max-width: 550px) {
	/* .attr-right {
		display: none !important;
	} */

	nav.navbar.validnavs .navbar-toggle {
		margin: 0 15px;
	}
}

@media (min-width: 1024px) {

	.navbar-toggle {
		display: none;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

	.navbar .attr-right {
		margin-left: 0;
	}
}


/* Navbar CSS Bootstrap 5 */


/*. ========= sticky-animation ========== */

.sticked {
	position: fixed !important;
	width: 100%;
	top: 0;
	box-shadow: var(--box-shadow);
	z-index: 9999;
	background: #ffffff !important;
}

/* Custom layout. */

nav.navbar.validnavs .navbar-collapse.collapse img {
	display: none;
}

nav.navbar.validnavs .navbar-collapse.collapse img {
	margin-bottom: 30px;
}

nav.navbar.validnavs .navbar-collapse.collapse button {
	position: absolute;
	right: 30px;
	margin: 0;
	height: 35px;
	width: 35px;
	line-height: 32px;
	text-align: center;
	border: 2px solid #dddddd;
	border-radius: 50%;
	color: var(--dark);
	font-size: 16px;
	top: 30px;
	padding: 0;
}

nav.navbar.validnavs .navbar-collapse.collapse button i {
	font-weight: 400;
	font-size: 15px;
	margin: 0;
}

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

	nav.navbar.validnavs .navbar-collapse.collapse img {
		display: inline-block;
		height: 30px;
	}
}

/* Navbar Style */